.case-preview-items{min-width:30vw;height:100%}.case-preview-items .top{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #2b3036}@media only screen and (max-width:768px){.case-preview-items .top{padding:0 0 12px}}.case-preview-items .top.no-border{border:none}.case-preview-items .top .back{display:flex;align-items:center;gap:8px}.case-preview-items .top .back p{color:#8e9093;font-weight:600;font-size:14px}.case-preview-items .top>div{display:flex;align-items:flex-end}.case-preview-items .top>div.title{gap:10px;font-size:14px}.case-preview-items .top>div.title h2{margin-right:12px}.case-preview-items .content{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:100%;overflow-y:auto;padding-bottom:50px}@media only screen and (max-width:768px){.case-preview-items .content{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:530px){.case-preview-items .content{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:360px){.case-preview-items .content{grid-template-columns:repeat(1,1fr)}}.case-preview-items .content .unbox-item{flex-direction:column-reverse;padding:0 0 10px;height:220px;min-width:150px;width:100%}.case-preview-items .content .unbox-item .item-image{width:100%;justify-content:center}.case-preview-items .content .unbox-item .item-image img{margin:0;max-width:70%;width:auto;max-height:130px}.case-preview-items .content .unbox-item .item-image svg{left:0;width:100%;margin-top:0}.case-preview-items .content .unbox-item .item-info{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Unbounded:wght@200..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";.unbounded{font-family:Unbounded,sans-serif}.montserrat{font-family:Montserrat,sans-serif}.mulish{font-family:Mulish,sans-serif}@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova.otf) format("opentype")}@font-face{font-family:Poppins;src:url(/fonts/Poppins.ttf) format("truetype")}@font-face{font-family:Poppins;src:url(/fonts/PoppinsMedium.ttf) format("truetype");font-weight:500}@font-face{font-family:Poppins;src:url(/fonts/PoppinsSemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Poppins;src:url(/fonts/PoppinsBold.ttf) format("truetype");font-weight:700}@font-face{font-family:Onest;src:url(/fonts/Onest.ttf) format("truetype")}:root{--vmax:100dvh}.case.unbox{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}.case.unbox:hover img{transform:scale(1.05)}.case.unbox>img{transition:.2s;width:min(90%,220px)}.case.unbox .preview{position:absolute;right:0;top:0;padding:6px;border-radius:6px;background:#21252b;z-index:3}.case.unbox .details{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px}.case.unbox .details h3{font-size:17px;font-weight:500;margin-top:10px;text-align:center}.case.unbox .details .price{gap:8px;border-radius:8px;background:#23272c;padding:8px 12px;font-weight:700;font-size:15px}.case-seperator,.case-seperator .side,.case.unbox .details .price{display:flex;align-items:center}.case-seperator .side{width:100%}.case-seperator .side .line{height:2px;width:100%;background:linear-gradient(90deg,rgba(33,37,43,0) 0,#292D34)}.case-seperator .side:last-child>img{transform:rotateY(180deg)}.case-seperator .side:last-child .line{background:linear-gradient(270deg,rgba(33,37,43,0) 0,#292D34)}.case-seperator .title{display:flex;align-items:center;gap:12px;padding:0 50px}.case-seperator .title img{height:20px}.case-seperator .title h5{font-size:18px;white-space:nowrap}