:root{--ctb-red: #f01b1b;--ctb-red-hot: #ff5a5a}.cart-tiers-bar{margin:0 0 1.3rem;padding:1.1rem 10px 0;position:relative}.cart-tiers-bar[hidden],.cart-tiers-bar:empty{display:none}.ctb__headline{font-size:1.35rem;line-height:1.3;font-weight:500;color:#2a2a2a;text-align:center;margin:0 0 1.7rem;letter-spacing:.005em}.ctb__headline .ctb__amt{font-weight:800;color:#111}.ctb__headline strong{font-weight:900;color:var(--ctb-red);font-size:1.08em;letter-spacing:.01em;text-shadow:0 1px 0 rgba(240,27,27,.12)}.ctb__headline--won{font-weight:800;color:#111}.ctb__track{position:relative;height:7px;margin:0 20px 2.2rem;background:#ececec;border-radius:99px;box-shadow:inset 0 1px 2px #00000017,0 0 calc(var(--ctb-power, 0) * 22px) rgba(255,160,45,calc(var(--ctb-power, 0) * .5))}.ctb__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff5252 0%,var(--ctb-red) 100%);box-shadow:0 0 9px #f01b1b80,0 1px 2px #f01b1b66;transition:width .7s cubic-bezier(.33,1.15,.45,1);overflow:hidden}.ctb__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffe2ce38;opacity:0;will-change:opacity;animation:ctb-fill-pulse 1.9s ease-in-out infinite}@keyframes ctb-fill-pulse{0%,to{opacity:0}50%{opacity:.9}}.ctb__fill--surge{animation:ctb-surge .7s ease}.ctb__fill--drop{animation:ctb-drop .5s ease}.ctb__current{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#fff;border:1.5px solid #d3d4d7;box-shadow:0 1px 3px #00000024;display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:800;color:#8a8f97;letter-spacing:-.03em;z-index:2;pointer-events:none;transition:left .6s cubic-bezier(.22,.61,.36,1),opacity .45s ease}.ctb__current[hidden]{display:none}.ctb__levelup{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.ctb__levelup[hidden]{display:none}.ctb__levelup:before{content:"";position:absolute;top:-40px;right:-12px;bottom:-40px;left:-12px;background:linear-gradient(to bottom,#fff0,#fff 20% 80%,#fff0);opacity:0;will-change:opacity}.ctb__levelup span{position:absolute;left:50%;top:50%;font-weight:900;font-style:italic;white-space:nowrap;opacity:0;will-change:transform,opacity}.ctb__lu-base{font-size:2.2rem;color:#2a2a2a}.ctb__lu-add{font-size:2rem;color:var(--ctb-red)}.ctb__lu-result{font-size:3.1rem;color:var(--ctb-red);text-shadow:0 0 20px rgba(255,184,64,.6),0 2px 14px rgba(240,27,27,.5)}.ctb__lu-burst{width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(255,206,84,.8) 36%,rgba(255,95,60,.42) 60%,transparent 76%);transform:scale(0)}.ctb__levelup--play:before{animation:ctb-lu-veil 1.8s ease forwards}.ctb__levelup--play .ctb__lu-base{animation:ctb-lu-base 1.8s ease forwards}.ctb__levelup--play .ctb__lu-add{animation:ctb-lu-add 1.8s ease forwards}.ctb__levelup--play .ctb__lu-burst{animation:ctb-lu-burst 1.8s ease forwards}.ctb__levelup--play .ctb__lu-result{animation:ctb-lu-result 1.8s ease forwards}@keyframes ctb-lu-veil{0%{opacity:0}14%{opacity:.92}78%{opacity:.92}to{opacity:0}}@keyframes ctb-lu-base{0%{opacity:0;transform:translate(-50%,-50%) translate(-42px) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) translate(-44px) scale(1)}40%{opacity:1;transform:translate(-50%,-50%) translate(-44px) scale(1)}54%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(.92)}60%{opacity:0;transform:translate(-50%,-50%) translate(0) scale(.8)}to{opacity:0}}@keyframes ctb-lu-add{0%,16%{opacity:0;transform:translate(-50%,-50%) translate(96px) scale(.7)}32%{opacity:1;transform:translate(-50%,-50%) translate(42px) scale(1)}44%{opacity:1;transform:translate(-50%,-50%) translate(42px) scale(1)}54%{opacity:1;transform:translate(-50%,-50%) translate(2px) scale(.92)}60%{opacity:0;transform:translate(-50%,-50%) translate(0) scale(.8)}to{opacity:0}}@keyframes ctb-lu-burst{0%,50%{opacity:0;transform:scale(0)}58%{opacity:1;transform:scale(.8)}82%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}@keyframes ctb-lu-result{0%,50%{opacity:0;transform:translate(-50%,-50%) translateY(40px) scale(.45)}60%{opacity:1;transform:translate(-50%,-50%) translateY(-14px) scale(1.38)}66%{transform:translate(-50%,-50%) translateY(4px) scale(.94)}71%{transform:translate(-50%,-50%) translateY(0) scale(1.09)}76%{transform:translate(-50%,-50%) translate(-4px) scale(1.02)}80%{transform:translate(-50%,-50%) translate(4px) scale(1)}84%{transform:translate(-50%,-50%) translate(0)}94%{opacity:1}to{opacity:0}}.ctb__levelup .ctb__lu-ship{left:auto;right:14%;top:31%;font-size:1.3rem;font-weight:800;font-style:normal;color:#0f9d58;white-space:nowrap}.ctb__levelup--ship.ctb__levelup--play .ctb__lu-ship{animation:ctb-lu-ship 1.8s ease forwards}@keyframes ctb-lu-ship{0%,64%{opacity:0;transform:rotate(-8deg) translateY(9px)}78%{opacity:1;transform:rotate(-8deg) translateY(0)}94%{opacity:1;transform:rotate(-8deg) translateY(0)}to{opacity:0;transform:rotate(-8deg) translateY(0)}}.ctb__levelup--down:before{background:linear-gradient(to bottom,#ffecec00,#fff0ef 20% 80%,#ffecec00)}.ctb__levelup--down .ctb__lu-base{color:var(--ctb-red)}.ctb__levelup--down .ctb__lu-add{color:#c01616}.ctb__levelup--down .ctb__lu-burst{background:radial-gradient(circle,rgba(255,120,120,.95) 0%,rgba(214,24,24,.6) 44%,transparent 72%)}.ctb__levelup--down .ctb__lu-result{color:#50545b;text-shadow:0 2px 14px rgba(110,115,122,.42)}.ctb__levelup--down.ctb__levelup--play .ctb__lu-add{animation-name:ctb-lu-add-down}.ctb__levelup--down.ctb__levelup--play .ctb__lu-burst{animation-name:ctb-lu-burst-down}.ctb__levelup--down.ctb__levelup--play .ctb__lu-result{animation-name:ctb-lu-result-down}@keyframes ctb-lu-add-down{0%,16%{opacity:0;transform:translate(-50%,-50%) translate(96px) scale(.7)}32%{opacity:1;transform:translate(-50%,-50%) translate(46px) scale(1.06)}48%{opacity:1;transform:translate(-50%,-50%) translate(46px) scale(1)}64%{opacity:.85;transform:translate(-50%,-50%) translate(50px) translateY(40px) scale(.85) rotate(12deg)}80%{opacity:0;transform:translate(-50%,-50%) translate(54px) translateY(88px) scale(.64) rotate(24deg)}to{opacity:0}}@keyframes ctb-lu-burst-down{0%,50%{opacity:0;transform:scale(0)}58%{opacity:1;transform:scale(.75)}82%{opacity:0;transform:scale(2.5)}to{opacity:0;transform:scale(2.5)}}@keyframes ctb-lu-result-down{0%,50%{opacity:0;transform:translate(-50%,-50%) translateY(-54px) scale(.8)}60%{opacity:1;transform:translate(-50%,-50%) translateY(13px) scale(1.22)}66%{transform:translate(-50%,-50%) translateY(-2px) scale(.96)}70%{transform:translate(-50%,-50%) translate(-7px) translateY(0) scale(1)}74%{transform:translate(-50%,-50%) translate(7px)}78%{transform:translate(-50%,-50%) translate(-5px)}82%{transform:translate(-50%,-50%) translate(3px)}86%{transform:translate(-50%,-50%) translate(0)}94%{opacity:1}to{opacity:0}}.ctb__node{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1;transition:left .6s cubic-bezier(.22,.61,.36,1),opacity .45s ease;will-change:left,opacity}.ctb__dot{position:relative;width:26px;height:26px;border-radius:50%;background:#fff;border:1.5px solid #d8d9dc;color:#aeb3ba;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,color .3s ease}.ctb__dot svg{width:15px;height:15px}.ctb__node--reached .ctb__dot{background:radial-gradient(circle at 36% 26%,#ff9b9b,var(--ctb-red) 62%);border-color:#d81818;color:#fff}.ctb__node--reached.ctb__r0 .ctb__dot{box-shadow:0 1px 8px #f01b1b80}.ctb__node--reached.ctb__r1 .ctb__dot{box-shadow:0 1px 10px #f01b1b94}.ctb__node--reached.ctb__r2 .ctb__dot{box-shadow:0 1px 13px #f01b1ba8}.ctb__node--reached.ctb__r3 .ctb__dot{box-shadow:0 2px 16px #ff5f5fc7}.ctb__node--reached.ctb__r4 .ctb__dot{box-shadow:0 2px 20px #ff6e6ee6}.ctb__node--reached.ctb__r3 .ctb__dot:after,.ctb__node--reached.ctb__r4 .ctb__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 33% 26%,rgba(255,255,255,.9),transparent 46%);pointer-events:none}.ctb__node--next .ctb__dot{background:#fff;border-color:var(--ctb-red);color:var(--ctb-red);transform:scale(1.22);box-shadow:0 0 9px #f01b1b73;will-change:transform;animation:ctb-pulse 1.5s ease-in-out infinite}.ctb__label{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:.95rem;font-weight:700;color:#a8acb3;white-space:nowrap;pointer-events:none;transition:color .3s ease}.ctb__node--reached .ctb__label{color:#555}.ctb__node--next .ctb__label{color:#111}.ctb__node--gain .ctb__dot{animation:ctb-gain .8s cubic-bezier(.34,1.7,.5,1)}.ctb__node--gain .ctb__dot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--ctb-red-hot);opacity:0;animation:ctb-ring .8s ease-out}.ctb__node--lose .ctb__dot{animation:ctb-lose .6s ease}@keyframes ctb-pulse{0%,to{transform:scale(1.18)}50%{transform:scale(1.28)}}@keyframes ctb-gain{0%{transform:scale(1)}35%{transform:scale(1.6)}62%{transform:scale(.9)}to{transform:scale(1)}}@keyframes ctb-ring{0%{opacity:.85;transform:scale(.55)}to{opacity:0;transform:scale(2.4)}}@keyframes ctb-lose{0%{transform:translate(0);box-shadow:0 0 #dc262600}15%{transform:translate(-3px);box-shadow:0 0 0 5px #dc262666}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px);box-shadow:0 0 #dc262600}to{transform:translate(0)}}@keyframes ctb-surge{0%{filter:brightness(1)}40%{filter:brightness(1.4)}to{filter:brightness(1)}}@keyframes ctb-drop{0%{filter:brightness(1) saturate(1)}40%{filter:brightness(.78) saturate(.5)}to{filter:brightness(1) saturate(1)}}@media(prefers-reduced-motion:reduce){.ctb__fill,.ctb__fill:after,.ctb__fill--surge,.ctb__fill--drop,.ctb__node,.ctb__current,.ctb__node--next .ctb__dot,.ctb__node--gain .ctb__dot,.ctb__node--gain .ctb__dot:before,.ctb__node--lose .ctb__dot{animation:none;transition:none}.ctb__levelup--play:before,.ctb__levelup--play .ctb__lu-base,.ctb__levelup--play .ctb__lu-add,.ctb__levelup--play .ctb__lu-burst,.ctb__levelup--play .ctb__lu-result,.ctb__levelup--ship.ctb__levelup--play .ctb__lu-ship,.ctb__levelup--down.ctb__levelup--play .ctb__lu-add,.ctb__levelup--down.ctb__levelup--play .ctb__lu-burst,.ctb__levelup--down.ctb__levelup--play .ctb__lu-result{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-cart-tiers-bar.css.map */