@font-face{font-family:Trueno;src:url(/fonts/TruenoLt.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoSBd.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBd.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBlk.otf)format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova.otf)format("opentype");font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsMedium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsSemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsBold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--vmax:calc(100dvh - 80px)}@media (max-width:850px){:root{--vmax:calc(100dvh - 60px)}}@media (max-width:768px){:root{--vmax:calc(100dvh - 60px - 20px)}}.case.unbox{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.case.unbox:hover img{transform:scale(1.05)}.case.unbox>img{width:min(90%,220px);transition:all .2s}.case.unbox .preview{z-index:3;background:#212740;border-radius:6px;padding:6px;position:absolute;top:0;right:0}.case.unbox .details{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.case.unbox .details h3{text-align:center;margin-top:10px;font-size:17px;font-weight:500}.case.unbox .details .price{background:#212740;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:700;display:flex}.case-seperator{align-items:center;display:flex}.case-seperator .side{align-items:center;width:100%;display:flex}.case-seperator .side .line{background:linear-gradient(90deg,#0000 0%,#212740 100%);width:100%;height:2px}.case-seperator .side:last-child>img{transform:rotateY(180deg)}.case-seperator .side:last-child .line{background:linear-gradient(270deg,#0000 0%,#212740 100%)}.case-seperator .title{align-items:center;gap:12px;padding:0 50px;display:flex}.case-seperator .title img{height:20px}.case-seperator .title h5{white-space:nowrap;font-size:18px}
