.scroll-container{width:100%;height:440px;margin:0 auto;overflow-x:scroll;display:flex;align-items:center;gap:1rem;position:relative;scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-behavior:smooth;perspective:1600px;transform-style:preserve-3d}.scroll-container::-webkit-scrollbar{display:none}.scroll-container:after,.scroll-container:before{content:"";display:block;width:50%;flex-shrink:0}.card-container{flex:0 0 auto;position:relative;scroll-snap-align:center;cursor:pointer;transition:transform .6s ease}.card,.card-container{transform-style:preserve-3d}.card{width:260px;height:366px;perspective:1600px}.card-inner{width:100%;height:100%;position:relative;transition:transform .6s;transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.card-base{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;padding:1rem;border-radius:10px;outline:2px solid rgba(255,255,255,.1);outline-offset:-2px;&.card-front{background:conic-gradient(from 174deg at 50.15% 50.15%,rgba(89,96,106,.41) 0deg,rgba(87,94,106,.41) 10.799999758601189deg,rgba(85,91,105,.41) 21.830037832260132deg,rgba(176,176,176,.41) 41.428300738334656deg,rgba(95,101,115,.32) 62.987961173057556deg,rgba(169,171,179,.43) 83.06422591209412deg,rgba(182,185,192,.41) 120.42210817337036deg,rgba(242,243,245,.41) 149.34895992279053deg,rgba(98,107,116,.38) 185.93356132507324deg,rgba(142,149,157,.44) 218.8548445701599deg,rgba(239,239,241,.43) 245.10023832321167deg,rgba(105,112,122,.37) .748189389705658turn,rgba(87,93,107,.41) 283.72726678848267deg,rgba(99,106,116,.4) .836074948310852turn,rgba(241,241,243,.39) .936237096786499turn,rgba(151,154,163,.37) 349.3067193031311deg,rgba(89,96,106,.41) 1turn),radial-gradient(97.84% 92.24% at 0 -8.66%,#FFF 0,rgba(255,255,255,0) 100%),conic-gradient(from -31deg at 52.3% 47.53%,#C2C2C2 24.37500089406967deg,#D7D7D7 78.75deg,#ADADAD 163.125deg,#D8D8D8 .524381160736084turn,#9E9E9E 286.875deg,#BDBDBD 322.4999928474426deg,#BABABA 1turn);background-blend-mode:normal,overlay,normal}&.card-back,&.card-front{box-shadow:2px 4px 10px 0 rgba(0,0,0,.15);backdrop-filter:blur(37px)}&.card-back{background:linear-gradient(43deg,#ACB0B3 11.64%,#DADADC 33.3%,#ADB0B3 66.92%,#DADADC 77.15%,#DADADC 77.16%,#ADB0B3 130.43%,#ADB0B3 145.37%),radial-gradient(97.84% 92.24% at 0 -8.66%,#FFF 0,rgba(255,255,255,0) 100%);background-blend-mode:normal,overlay}}.card-back{transform:rotateY(180deg)}.card-bg{background:linear-gradient(180deg,#FFF 12.24%,#F4F5F6 73.94%)}.flip-button{&:hover{--tw-brightness:brightness(.9);filter:brightness(.9)}&:active{transform:scale(.95)}}