@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)}}.unboxes{width:262px;max-height:calc(var(--vmax) - 115px);z-index:5;background:#101315;flex-direction:column;gap:12px;padding:0 12px;transition:all .5s;display:flex;position:relative;top:0;right:0;overflow:hidden}.unboxes.shrinked{position:absolute;right:-262px}@media only screen and (max-width:1400px){.unboxes{z-index:100;max-height:calc(100dvh + 10px);position:fixed;top:-120px;right:-262px}.unboxes.shrinked{right:0}}.unboxes .type-selection{background:#22262c;border-radius:6px;justify-content:center;align-items:center;height:56px;padding:6px;display:flex}.unboxes .type-selection button{color:#59606c;border-radius:4px;width:50%;height:100%;font-size:14px;font-weight:600}.unboxes .type-selection button.active{color:#f4d139;background:#f4d13914}.unboxes .title{background:linear-gradient(90deg,#f6c00f,#f6c00f1f,#0000);border-radius:4px;justify-content:space-between;align-items:center;min-height:36px;padding:0 12px 0 8px;display:flex;position:relative;overflow:hidden}.unboxes .title:before{content:"";z-index:2;background-color:#13181c;border-radius:4px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}.unboxes .title:after{content:"";opacity:.5;z-index:3;filter:blur(40px);background:#f6c00f;border-radius:50%;width:50px;height:50px;position:absolute;top:0;left:0}.unboxes .title>*{z-index:3;position:relative}.unboxes .title>div{flex:1;align-items:center;gap:2px;display:flex}.unboxes .title>div h5{color:#f6c00f;margin-top:2px;font-size:14px;font-weight:700}.unboxes .title .worth{font-size:13px;font-weight:600}.unboxes .unbox-container{flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.unboxes .unbox{will-change:transform;flex-shrink:0;width:100%}.unboxes .unbox .percentage{display:none}.unbox-item{will-change:transform;border-radius:6px;flex-direction:row-reverse;align-items:center;gap:16px;width:100%;height:95px;min-height:95px;padding-right:5px;display:flex;position:relative;overflow:hidden}.unbox-item:before{content:"";z-index:2;background-color:#1a1f31;border-radius:4px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}.unbox-item:after{content:"";opacity:.7;z-index:3;filter:blur(40px);border-radius:50%;width:50px;height:50px;position:absolute;top:0;left:0}.unbox-item.very-rare{background:linear-gradient(90deg,#ffcb77,#ffcb774d,#ffcb771a)}.unbox-item.very-rare.vertical{background:linear-gradient(#ffcb77,#ffcb774d,#ffcb771a)}.unbox-item.very-rare:after{background:#ffcb77}.unbox-item.rare{background:linear-gradient(90deg,#f6c00f,#f6c00f4d,#f6c00f1a)}.unbox-item.rare.vertical{background:linear-gradient(#f6c00f,#f6c00f4d,#f6c00f1a)}.unbox-item.rare:after{background:#f6c00f}.unbox-item.uncommon{background:linear-gradient(90deg,#7e63ff,#7e63ff4d,#7e63ff1a)}.unbox-item.uncommon.vertical{background:linear-gradient(#7e63ff,#7e63ff4d,#7e63ff1a)}.unbox-item.uncommon:after{background:#7e63ff}.unbox-item.common{background:linear-gradient(90deg,#607cff,#607cff4d,#607cff1a)}.unbox-item.common.vertical{background:linear-gradient(#607cff,#607cff4d,#607cff1a)}.unbox-item.common:after{background:#607cff}.unbox-item.default{background:linear-gradient(90deg,#8e9093,#8e90934d,#8e90931a)}.unbox-item.default.vertical{background:linear-gradient(#8e9093,#8e90934d,#8e90931a)}.unbox-item.default:after{background:#8e9093}.unbox-item>*{z-index:3;position:relative}.unbox-item .item-info{width:50%}.unbox-item .item-info .skin{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:14px;font-weight:600;overflow:hidden}.unbox-item .item-info .gun{color:#4b5473;font-size:12px;font-weight:600}.unbox-item .item-info .price{align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:700;display:flex}.unbox-item .item-image{justify-content:flex-start;align-items:center;width:50%;display:flex}.unbox-item .item-image .item-bg{z-index:2;opacity:.3;height:130%;transition:all .2s;position:absolute;top:50%;left:-50px;transform:translateY(-50%)}.unbox-item .item-image>img{z-index:3;width:90px;height:auto;max-height:90px;transition:all .2s;position:relative;left:15px}.unbox-item .percentage{color:#8e9093;font-size:13px;font-weight:600;transition:color .2s;position:absolute;top:12px;right:12px}.unbox-item:hover .item-image .item-bg{transform:translateY(-50%)scale(1.1)}.unbox-item:hover .item-image>img{transform:scale(1.15)}.unbox-item:hover .item-info .percentage{color:#fcad3f}.unboxes-shrink{z-index:87;transition:all .2s;position:fixed;bottom:52px;right:256px}.unboxes-shrink.shrinked{right:-5px}@media only screen and (max-width:1400px){.unboxes-shrink{right:-5px}.unboxes-shrink.shrinked{right:256px}}@media only screen and (max-width:768px){.unboxes-shrink.shrinked{right:256px}}.unboxes-mobile-shadow{z-index:98;background:#00000080;top:0;left:0;width:100dvw!important;max-width:100dvw!important;height:100dvh!important;max-height:100dvh!important;display:none!important;position:fixed!important}@media only screen and (max-width:1400px){.unboxes-mobile-shadow{display:block!important}}