.content-wrapper{position:relative;min-height:100px;overflow:hidden}.option-content{transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(20px);position:absolute;width:100%}.option-content.visible{opacity:1;transform:translateY(0);position:relative}.option-content.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.radio-inputs{position:relative;display:flex;flex-wrap:wrap;border-radius:1rem;background:linear-gradient(145deg,#e6e6e6,#fff);box-sizing:border-box;box-shadow:5px 5px 15px rgba(0,0,0,.15),-5px -5px 15px hsla(0,0%,100%,.8);padding:.5rem;width:300px;font-size:14px;gap:.5rem}.radio-inputs .radio{flex:1 1 auto;text-align:center;position:relative}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.7rem;border:none;padding:.7rem 0;color:#2d3748;font-weight:500;font-family:inherit;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:3px 3px 6px rgba(0,0,0,.1),-3px -3px 6px hsla(0,0%,100%,.7);transition:all .2s ease;overflow:hidden}.radio-inputs .radio input:checked+.name{background:linear-gradient(145deg,#fa812f,#fa812f);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:inset 2px 2px 5px rgba(0,0,0,.2),inset -2px -2px 5px hsla(0,0%,100%,.1),3px 3px 8px rgba(59,130,246,.3);transform:translateY(2px)}.radio-inputs .radio:hover .name{background:linear-gradient(145deg,#f0f0f0,#fff);transform:translateY(-1px);box-shadow:4px 4px 8px rgba(0,0,0,.1),-4px -4px 8px hsla(0,0%,100%,.8)}.radio-inputs .radio:hover input:checked+.name{transform:translateY(1px)}.radio-inputs .radio input:checked+.name{animation:select .3s cubic-bezier(.4,0,.2,1)}.radio-inputs .radio .name:after,.radio-inputs .radio .name:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;opacity:0;pointer-events:none}.radio-inputs .radio input:checked+.name:after,.radio-inputs .radio input:checked+.name:before{animation:particles .8s ease-out forwards}.radio-inputs .radio .name:before{background:#60a5fa;box-shadow:0 0 6px #60a5fa;top:-10px;left:50%;transform:translateX(-50%)}.radio-inputs .radio .name:after{background:#93c5fd;box-shadow:0 0 8px #93c5fd;bottom:-10px;left:50%;transform:translateX(-50%);content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(59,130,246,.3) 0,transparent 50%);opacity:0;transition:opacity .3s}.radio-inputs .radio input:checked+.name:after{opacity:1;animation:sparkle-bg 1s ease-out forwards}.radio-inputs .radio input:checked+.name{overflow:visible}.radio-inputs .radio input:checked+.name:before{box-shadow:0 0 6px #fa812f,10px -10px 0 #fa812f,-10px -10px 0 #fa812f;animation:multi-particles-top .8s ease-out forwards}.radio-inputs .radio input:checked+.name:after{box-shadow:0 0 8px #93c5fd,10px 10px 0 #93c5fd,-10px 10px 0 #93c5fd;animation:multi-particles-bottom .8s ease-out forwards}@keyframes select{0%{transform:scale(.95) translateY(2px)}50%{transform:scale(1.05) translateY(-1px)}to{transform:scale(1) translateY(2px)}}@keyframes multi-particles-top{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}40%{opacity:.8}to{opacity:0;transform:translateX(-50%) translateY(-20px) scale(0);box-shadow:0 0 6px transparent,20px -20px 0 transparent,-20px -20px 0 transparent}}@keyframes multi-particles-bottom{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}40%{opacity:.8}to{opacity:0;transform:translateX(-50%) translateY(20px) scale(0);box-shadow:0 0 8px transparent,20px 20px 0 transparent,-20px 20px 0 transparent}}@keyframes sparkle-bg{0%{opacity:0;transform:scale(.2)}50%{opacity:1}to{opacity:0;transform:scale(2)}}.radio-inputs .radio .name:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(250,129,47,.5) 0,transparent 50%);opacity:0;transition:opacity .3s}.radio-inputs .radio input:checked+.name:before{animation:ripple .8s ease-out}@keyframes ripple{0%{opacity:1;transform:scale(.2)}50%{opacity:.5}to{opacity:0;transform:scale(2.5)}}.radio-inputs .radio input:checked+.name{position:relative}.radio-inputs .radio input:checked+.name:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(45deg,rgba(59,130,246,.5),rgba(37,99,235,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-glow 1.5s ease-in-out infinite alternate}@keyframes border-glow{0%{opacity:.5}to{opacity:1}}