.loot-reward-bar{margin:0 0 1rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--lp-accent, #8b5cf6) 28%,transparent);border-radius:1.2rem;background:color-mix(in srgb,var(--lp-surface, #151821) 92%,transparent);color:var(--lp-text, #fff)}.loot-reward-bar__summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.loot-reward-bar__summary strong{flex:0 0 auto;font-size:1.15rem;line-height:1.2}.loot-reward-bar__summary span{min-width:0;color:var(--lp-muted, #8a8f9b);font-size:1rem;line-height:1.25;text-align:right}.loot-reward-bar__surprise{display:flex;align-items:center;gap:.55rem;width:fit-content;max-width:100%;margin:.62rem 0 .1rem auto;padding:.48rem .72rem;border:1px solid color-mix(in srgb,var(--lp-accent-2, #ec4899) 44%,transparent);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent-2, #ec4899) 18%,var(--lp-surface, #151821)),color-mix(in srgb,var(--lp-accent, #8b5cf6) 10%,var(--lp-surface, #151821)));color:var(--lp-text, #fff);box-shadow:0 .35rem 1.1rem color-mix(in srgb,var(--lp-accent-2, #ec4899) 12%,transparent)}.loot-reward-bar__surprise[hidden]{display:none!important}.loot-reward-bar__surprise-icon{display:grid;place-items:center;flex:0 0 auto;width:1.75rem;height:1.75rem;border-radius:999px;background:color-mix(in srgb,var(--lp-accent-2, #ec4899) 28%,transparent);color:var(--lp-on-accent, #fff);font-size:1.05rem;line-height:1}.loot-reward-bar__surprise strong{min-width:0;font-size:.94rem;line-height:1.2}.loot-reward-bar__surprise.is-revealed{animation:lootRewardSurpriseReveal .82s cubic-bezier(.2,.8,.2,1)}@keyframes lootRewardSurpriseReveal{0%{opacity:0;transform:translateY(.35rem) scale(.96)}45%{opacity:1;transform:translateY(0) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}.loot-reward-bar__track{position:relative;height:.55rem;margin:.75rem .35rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--lp-text, #fff) 11%,transparent)}.loot-reward-bar__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lp-accent, #8b5cf6),var(--lp-accent-2, #ec4899));box-shadow:0 0 1rem color-mix(in srgb,var(--lp-accent, #8b5cf6) 36%,transparent);will-change:width;transition:width .65s cubic-bezier(.22,.75,.18,1)}.loot-reward-bar__marker{position:absolute;top:50%;width:1.05rem;height:1.05rem;border:.2rem solid var(--lp-surface, #151821);border-radius:999px;background:color-mix(in srgb,var(--lp-text, #fff) 32%,transparent);transform:translate(-50%,-50%);transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.loot-reward-bar__marker.is-earned{background:var(--lp-accent-2, #ec4899);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 .35rem color-mix(in srgb,var(--lp-accent-2, #ec4899) 14%,transparent)}.loot-reward-bar__levels{display:flex;gap:.45rem;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.loot-reward-bar__levels::-webkit-scrollbar{display:none}.loot-reward-level{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.45rem;flex:1 1 0;min-width:7.6rem;min-height:4rem;padding:.48rem .55rem;border:1px solid color-mix(in srgb,var(--lp-text, #fff) 10%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--lp-bg, #0e1119) 48%,transparent);opacity:.7;transition:opacity .32s ease,border-color .32s ease,background-color .32s ease,transform .32s ease,box-shadow .32s ease}.loot-reward-level.is-earned{border-color:color-mix(in srgb,var(--lp-accent-2, #ec4899) 42%,transparent);background:color-mix(in srgb,var(--lp-accent-2, #ec4899) 12%,var(--lp-surface, #151821));opacity:1}.loot-reward-level__state{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:color-mix(in srgb,var(--lp-text, #fff) 10%,transparent);font-size:.95rem;font-weight:900;transition:background-color .3s ease,color .3s ease,transform .3s ease}.loot-reward-level.is-earned .loot-reward-level__state{background:linear-gradient(135deg,var(--lp-accent, #8b5cf6),var(--lp-accent-2, #ec4899));color:var(--lp-on-accent, #fff)}.loot-reward-level>div{min-width:0}.loot-reward-level strong,.loot-reward-level small{display:block}.loot-reward-level strong{display:-webkit-box;overflow:hidden;font-size:1rem;font-weight:800;line-height:1.12;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.loot-reward-level small{margin-top:.12rem;color:var(--lp-muted, #8a8f9b);font-size:.82rem;line-height:1.1;white-space:nowrap}.loot-reward-bar.is-complete{border-color:color-mix(in srgb,var(--lp-accent-2, #ec4899) 45%,transparent)}.loot-reward-level.is-reward-pop{animation:lootRewardPop .72s cubic-bezier(.2,.8,.2,1)}.loot-reward-level.is-reward-pop .loot-reward-level__state{animation:lootRewardStatePop .72s cubic-bezier(.2,.8,.2,1)}@keyframes lootRewardPop{0%{transform:scale(1)}35%{transform:scale(1.035);box-shadow:0 0 0 .35rem color-mix(in srgb,var(--lp-accent-2, #ec4899) 12%,transparent)}to{transform:scale(1)}}@keyframes lootRewardStatePop{0%{transform:scale(.75) rotate(-12deg)}55%{transform:scale(1.18) rotate(4deg)}to{transform:scale(1) rotate(0)}}@media(max-width:749px){.loot-reward-bar{padding:.8rem .85rem}.loot-reward-bar__summary{align-items:flex-start;gap:.55rem}.loot-reward-bar__summary strong{font-size:1.08rem}.loot-reward-bar__summary span{font-size:.92rem}.loot-reward-bar__surprise{margin-left:0;padding:.45rem .62rem;border-radius:.85rem}.loot-reward-bar__surprise strong{font-size:.9rem}.loot-reward-level{min-width:7.2rem;min-height:3.8rem;padding:.42rem .48rem}}@media(prefers-reduced-motion:reduce){.loot-reward-bar__fill,.loot-reward-bar__marker,.loot-reward-level,.loot-reward-level__state{transition:none!important}.loot-reward-level.is-reward-pop,.loot-reward-level.is-reward-pop .loot-reward-level__state,.loot-reward-bar__surprise.is-revealed{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/lootsepeti-reward-bar.css.map */