.cards_container,.cards_container .glass{position:relative;display:flex;justify-content:center;align-items:center}.cards_container .glass{width:215px;height:300px;background:linear-gradient(#fff2,transparent);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 25px rgba(0,0,0,.25);transition:.5s;border-radius:10px;margin:0 -45px;backdrop-filter:blur(10px);transform:rotate(calc(var(--r) * 1deg))}.cards_container:hover .glass{transform:rotate(0deg);margin:0 10px}.cards_container .glass:before{content:attr(data-text);position:absolute;bottom:0;width:100%;height:40px;background:rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center}.cards_container .glass svg{font-size:2.5em;fill:#fff}:root{--background-dark:#1f1f1f;--surface-dark:#2a2a2a;--primary:#4F46E5;--text-dark:#F9FAFB;--subtle-dark:#9CA3AF}.radio-inputs{position:relative;display:flex;flex-wrap:wrap;background-color:rgba(30,41,59,.5);box-sizing:border-box;box-shadow:0 0 0 1px rgba(255,255,255,.1);padding:.25rem;font-size:14px;border-radius:.75rem}.radio-inputs .radio{flex:1 1 auto;text-align:center}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid transparent;padding:.5rem 0;color:rgba(203,213,225,1);transition:all .15s ease-in-out;font-weight:500}.radio-inputs .radio input:checked+.name{background-color:#C3AB71;color:rgba(15,23,42,1);font-weight:600;border:1px solid #c3ab71;box-shadow:0 0 0 2px rgba(195,171,113,.3)}.radio-inputs .radio .name:hover{background-color:rgba(255,255,255,.05);border:1px solid rgba(195,171,113,.3)}.radio-inputs .radio input:checked+.name:hover{background-color:#C3AB71;border:1px solid #c3ab71}