.rarity-icon{color:#0000;pointer-events:none;width:14px;height:14px;display:block}.case-reward-art{pointer-events:none;justify-content:center;align-items:center;display:flex}.case-reward-art>*{width:100%;height:100%}.gift-fx{isolation:isolate;position:relative}.gift-fx:before{content:"";z-index:-1;background:var(--fx,url(/gifts-fx/blue.webp)) center / cover no-repeat;border-radius:inherit;opacity:var(--fx-opacity,1);pointer-events:none;transition:opacity .5s;animation:80s linear infinite rotate;position:absolute;inset:0;scale:1.3}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gift-fx[data-fx=gold]{--fx:url(/gifts-fx/gold.webp)}.gift-fx[data-fx=purple]{--fx:url(/gifts-fx/purple.webp)}.gift-fx[data-fx=blue]{--fx:url(/gifts-fx/blue.webp)}.gift-fx[data-fx=magenta]{--fx:url(/gifts-fx/magenta.webp)}.case-roulette{--roulette-item-w:175.5px;--roulette-item-h:175px;--roulette-gap:10px;--roulette-radius:24px;--roulette-pad:16px;--roulette-media:104px;--roulette-badge:10.65px;--roulette-badge-x:13px;--roulette-badge-y:12.5px;--roulette-bleed:8px;--roulette-text-h:41px;--roulette-text-gap:20px;flex:none}.case-roulette.is-compact{--roulette-text-h:30px;--roulette-text-gap:4px}.case-roulette--x{width:100%}.case-roulette--y{height:100%}.case-roulette__viewport{position:relative;overflow:hidden}.case-roulette--x .case-roulette__viewport{height:calc(var(--roulette-item-h) + 2 * var(--roulette-bleed));margin-block:calc(-1 * var(--roulette-bleed))}.case-roulette--y .case-roulette__viewport{width:calc(var(--roulette-item-w) + 2 * var(--roulette-bleed));height:100%;margin-inline:calc(-1 * var(--roulette-bleed))}.case-roulette__track{gap:var(--roulette-gap);will-change:transform;display:flex;position:absolute}.case-roulette--x .case-roulette__track{top:var(--roulette-bleed);left:50%}.case-roulette--y .case-roulette__track{top:50%;left:var(--roulette-bleed);flex-direction:column}.case-roulette__item{box-sizing:border-box;width:var(--roulette-item-w);height:var(--roulette-item-h);padding:var(--roulette-pad);border-radius:var(--roulette-radius);--fx-opacity:0;background:#151515;border:1px solid #191919;flex-direction:column;flex:none;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:relative;overflow:hidden}.case-roulette__item .case-roulette__badge{right:var(--roulette-badge-x);bottom:var(--roulette-badge-y);width:var(--roulette-badge);height:var(--roulette-badge);transition:opacity .3s;position:absolute}.case-roulette__item[data-dimmed]{opacity:.2}.case-roulette__item[data-winner]{z-index:5;--fx-opacity:1;transform:scale(1.06)}.case-roulette__item:not([data-winner]):before{animation:none}.case-roulette__media{width:var(--roulette-media);height:var(--roulette-media);flex-shrink:0;justify-content:center;align-items:center;transition:width .3s,height .3s,transform .3s;display:flex;position:relative}.case-roulette__media>*{width:100%;height:100%}.case-roulette__anim{position:absolute;inset:0}.case-roulette__anim.is-hidden{opacity:0}.case-roulette__media img,.case-roulette__media canvas{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.case-roulette__text{left:var(--roulette-pad);right:var(--roulette-pad);bottom:var(--roulette-pad);text-align:center;text-shadow:0 1px 2px #00000073,0 0 12px #0006;opacity:0;pointer-events:none;font-family:ABC Diatype Cyrillic Variable Unlicensed Trial;font-weight:500;transition:opacity .3s,transform .3s;position:absolute;transform:translateY(12px)}.case-roulette__text-inner{flex-direction:column;align-items:center;gap:6px;display:flex}.case-roulette__item[data-open] .case-roulette__text{opacity:1;transform:none}.case-roulette__item[data-open] .case-roulette__media{--open-media:min(var(--roulette-media), var(--roulette-item-h) - 2 * var(--roulette-pad) - var(--roulette-text-h) - var(--roulette-text-gap));width:var(--open-media);height:var(--open-media);transform:translateY(calc((var(--roulette-text-h) + var(--roulette-text-gap)) / -2))}.case-roulette__item[data-open] .case-roulette__badge{opacity:0}.case-roulette.is-compact .case-roulette__text{left:6px;right:6px;transform:translateY(2px)}.case-roulette.is-compact .case-roulette__text-inner{gap:2px}.case-roulette.is-compact .case-roulette__name{font-size:13px;line-height:15px}.case-roulette.is-compact .case-roulette__rarity{font-size:11px;line-height:13px}.case-roulette__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:17px;line-height:18px;overflow:hidden}.case-roulette__rarity{color:#ffffffb3;font-size:15px;line-height:17px}.case-marker{z-index:3;pointer-events:none;opacity:0;width:24px;height:219px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-marker.is-visible{opacity:1}.case-marker:before,.case-marker:after{content:"";background:50%/100% 100% no-repeat;width:48px;height:40px;position:absolute;left:-12px}.case-marker:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='40' viewBox='0 0 48 40' fill='none'%3E%3Cg filter='url(%23f)'%3E%3Cpath d='M27.8017 28.4005C26.1117 30.5331 21.8879 30.5332 20.1979 28.4005L12.5942 18.7989C10.9053 16.6656 13.018 14 16.397 14H31.6046C34.9834 14.0004 37.0946 16.6657 35.4055 18.7989L27.8017 28.4005Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='f' x='0' y='0' width='48' height='40' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-2'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='s'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='s' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");top:-14px}.case-marker:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='40' viewBox='0 0 48 40' fill='none'%3E%3Cg filter='url(%23f)'%3E%3Cpath transform='translate(0 -203)' d='M27.8017 218.6C26.1117 216.467 21.8879 216.467 20.1979 218.6L12.5942 228.201C10.9053 230.334 13.018 233 16.397 233H31.6046C34.9834 233 37.0946 230.334 35.4055 228.201L27.8017 218.6Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='f' x='0' y='0' width='48' height='40' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-2'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='s'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='s' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");bottom:-10px}.case-marker__line{background:linear-gradient(#fff0 0%,#ffffff52 25%,#ffffff29 75%,#fff0 100%);width:2px;position:absolute;top:16px;bottom:16px;left:11px}