.rookie-players-adjust-tension .common-header{text-align:center;margin-bottom:4.8rem}.rookie-players-adjust-tension .text-align--left{text-align:left}.rookie-players-adjust-tension .text-align--center{text-align:center}.rookie-players-adjust-tension .text-align--right{text-align:right}@media screen and (max-width:768px){.rookie-players-adjust-tension .text-align-mb--left{text-align:left}.rookie-players-adjust-tension .text-align-mb--center{text-align:center}.rookie-players-adjust-tension .text-align-mb--right{text-align:right}}rookie-players-adjust-tension-container{display:block}.rookie-players-adjust-tension__grid{display:flex;gap:3.2rem}.rookie-players-adjust-tension__grid-item{position:relative;padding:3.33%;flex:1}.rookie-players-adjust-tension__background{position:absolute;left:0;right:0;top:0;bottom:0}.rookie-players-adjust-tension__background img{width:100%;height:100%;object-fit:cover;border-radius:8px}.rookie-players-adjust-tension__overlay{position:relative;z-index:1;text-align:center}.rookie-players-adjust-tension__overlay__text_1,.rookie-players-adjust-tension__overlay__text_2{min-width:43.1%}.rookie-players-adjust-tension__overlay h3{color:#fff;font-size:3em;font-style:normal;font-weight:600;line-height:1.25;margin:0 0 .4em}.rookie-players-adjust-tension__overlay p{color:#fff;font-size:2em;font-style:normal;font-weight:500;line-height:1.5;margin:0}.rookie-players-adjust-tension__grid-item{font-size:clamp(2px,.6vw,10px)}.rookie-players-adjust-tension__grid-item hr{margin:4.8em 0;border:none;border-bottom:1px solid #61646C}.rookie-players-adjust-tension__overlay__animate-group{display:flex;gap:5.6em;justify-content:center}.rookie-players-adjust-tension__overlay__animate-left-wrapper{position:relative}.rookie-players-adjust-tension__overlay__animate-left{position:relative;width:18em}.rookie-players-adjust-tension__overlay__animate-left img,.rookie-players-adjust-tension__overlay__animate-left svg{width:100%;height:auto}.rookie-players-adjust-tension__overlay__animate-left-inside{color:#6c6c6c;position:absolute;left:0;right:0;top:0;bottom:0;transition:all .5s}.rookie-players-adjust-tension__overlay__animate-left-inside svg path{transition-delay:.1s}.rookie-players-adjust-tension__overlay__animate-left-inside{display:flex;align-items:center;justify-content:center}.rookie-players-adjust-tension__overlay__animate-left-inside .circle-text{position:relative;width:83%;height:83%}.circle-text span{position:absolute;left:50%;top:0;display:block;height:50%;font-weight:700;color:#2c3e50;text-align:center;transform-origin:0 100%;transform:rotate(calc((var(--i) - 3) * 20deg)) translate(-50%);font-size:2.4em;font-family:HarmonyOS Sans,Poppins;font-weight:400;color:#6c6c6c}.rookie-players-adjust-tension__overlay__animate-scale{position:absolute;left:100%;bottom:0}.rookie-players-adjust-tension__overlay__animate-scale__clip{position:relative;width:3.6em;height:3.6em;border-radius:3.6em;overflow:hidden}.rookie-players-adjust-tension__overlay__animate-scale .rookie-players-adjust-tension__overlay__animate-left{position:absolute;bottom:0;right:0;transform:scale(1.5) translate(-6%,7%)}.rookie-players-adjust-tension__overlay__animate-scale:before{content:"";position:absolute;left:0;top:0;border-top:0;border-bottom:3em solid #fff;border-left:1.5em solid transparent;border-right:1.5em solid transparent;transform:translate(-50%,-50%) rotate(-45deg)}.rookie-players-adjust-tension__overlay__animate-right{position:relative;width:18em;--full-displacement: 5%;--displacement-ratio: 0}[data-block-index="1"] .rookie-players-adjust-tension__overlay__animate-right{--full-displacement: 7%}[data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-right{--full-displacement: 5%}.rookie-players-adjust-tension__overlay__animate-right img{position:absolute;left:0;top:0;width:100%;height:auto}.rookie-players-adjust-tension__overlay__animate-right img:nth-child(1){position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;transition:none}.rookie-players-adjust-tension__overlay__animate-right img:nth-child(2){position:absolute;left:0;top:calc(-1 * var(--full-displacement) * var(--displacement-ratio, 0));right:0;bottom:auto;height:auto;z-index:2;transition:top .3s ease}[data-current-step="1"] .rookie-players-adjust-tension__overlay__animate-right .rookie-players-adjust-tension__overlay__animate-right img:nth-child(2){top:0!important}.rookie-players-adjust-tension__overlay__animate-right img+img{position:absolute;left:0;top:0;right:0;bottom:0}.rookie-players-adjust-tension__hint{margin-top:4rem;display:flex;align-items:center;justify-content:center;gap:1.6rem;color:var(--colors-gray-light-mode-400, #98A2B3);font-size:1.4rem;font-weight:400;line-height:142.857%}.rookie-players-adjust-tension__hint svg{width:2.4rem;height:auto}.rookie-players-adjust-tension__hint p{margin:0}.rookie-players-adjust-tension__overlay__bottom-bar{display:flex;align-items:flex-start;margin-top:4.8em}.rookie-players-adjust-tension__overlay__bottom-bar__badge{border:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;transition:all .3s}.rookie-players-adjust-tension__overlay__bottom-bar__left-badge{background:#dfe8ff;color:var(--Brand-Color_2025, #033EFF);cursor:pointer}.rookie-players-adjust-tension__overlay__bottom-bar__right-badge{color:#fff;background:linear-gradient(259deg,#eb0046 -6.17%,#bc03ff 26.17%,#073aff 65.67%),var(--Brand-Color_2025, #033EFF);cursor:pointer}.rookie-players-adjust-tension__overlay__bottom-bar__left-badge,.rookie-players-adjust-tension__overlay__bottom-bar__right-badge{display:flex;padding:.5714285714em .8571428571em;justify-content:center;align-items:center;gap:.4em;text-align:center;font-size:1.4em;font-weight:500;line-height:142.857%;border-radius:4em;min-width:7.2em}.rookie-players-adjust-tension__overlay__bottom-bar__center-content{flex:1;margin-left:3em;margin-right:3em}.rookie-players-adjust-tension__overlay__bottom-bar__progress{position:relative;height:.8em;border-radius:1em;background-color:#e4e7ec;margin-top:1.4em;margin-bottom:1.4em;cursor:pointer;-webkit-user-select:none;user-select:none;--progress: 0}.rookie-players-adjust-tension__overlay__bottom-bar__progress:before{content:"";position:absolute;left:-.5px;width:max(calc(var(--progress, 0) * 100%),4%);top:-.5px;bottom:-.5px;background-color:#033eff;border-radius:inherit;transition:width .3s ease}.rookie-players-adjust-tension__overlay__bottom-bar__progress span{position:absolute;left:max(calc(var(--progress, 0) * 100%),4%);top:50%;color:#fff;background-color:#033eff;display:flex;align-items:center;justify-content:center;padding:.3em;border-radius:2em;transform:translate(-50%,-50%);transition:left .3s ease;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2}.rookie-players-adjust-tension__overlay__bottom-bar__steps{display:flex;justify-content:space-between}.rookie-players-adjust-tension__overlay__bottom-bar__step{color:var(--Colors-Base-white, #FFF);font-size:1.4em;font-weight:400;line-height:142.857%;flex:1}.rookie-players-adjust-tension__overlay__bottom-bar__step:first-child{text-align:left}.rookie-players-adjust-tension__overlay__bottom-bar__step:last-child{text-align:right}.rookie-players-adjust-tension__overlay__bottom-bar__step:last-child .span{display:inline-block;transform:translate(30%)}.rookie-players-adjust-tension__overlay__bottom-bar__step .span{padding:4px 8px;margin:-4px -8px;background:none;border:none;color:inherit;-moz-appearance:none;-webkit-appearance:none;appearance:none}.rookie-players-adjust-tension__overlay__bottom-bar__progress span:active{cursor:grabbing}.rookie-players-adjust-tension__overlay__bottom-bar__progress.dragging span{transition:none!important}.rookie-players-adjust-tension__overlay__bottom-bar__progress.dragging:before{transition:none!important}rookie-players-adjust-tension-animate[data-current-step="2"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(30deg)}rookie-players-adjust-tension-animate[data-current-step="3"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(60deg)}rookie-players-adjust-tension-animate[data-current-step="4"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(90deg)}rookie-players-adjust-tension-animate[data-current-step="5"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(120deg)}rookie-players-adjust-tension-animate[data-current-step="6"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(150deg)}rookie-players-adjust-tension-animate[data-current-step="7"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(180deg)}rookie-players-adjust-tension-animate[data-current-step="8"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(210deg)}rookie-players-adjust-tension-animate[data-current-step="9"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(240deg)}rookie-players-adjust-tension-animate[data-current-step="10"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(270deg)}rookie-players-adjust-tension-animate[data-current-step="11"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(300deg)}rookie-players-adjust-tension-animate[data-current-step="12"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(330deg)}rookie-players-adjust-tension-animate[data-current-step="1"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(0)}rookie-players-adjust-tension-animate[data-current-step="2"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(20deg)}rookie-players-adjust-tension-animate[data-current-step="3"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(40deg)}rookie-players-adjust-tension-animate[data-current-step="4"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(60deg)}rookie-players-adjust-tension-animate[data-current-step="5"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(80deg)}rookie-players-adjust-tension-animate[data-current-step="6"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside{transform:rotate(100deg)}rookie-players-adjust-tension-animate[data-current-step="1"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:last-child,rookie-players-adjust-tension-animate[data-current-step="1"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(6),rookie-players-adjust-tension-animate[data-current-step="1"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(12){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="2"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(17),rookie-players-adjust-tension-animate[data-current-step="2"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(5),rookie-players-adjust-tension-animate[data-current-step="2"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(11){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="3"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(16),rookie-players-adjust-tension-animate[data-current-step="3"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(4),rookie-players-adjust-tension-animate[data-current-step="3"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(10){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="4"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(15),rookie-players-adjust-tension-animate[data-current-step="4"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(3),rookie-players-adjust-tension-animate[data-current-step="4"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(9){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="5"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(14),rookie-players-adjust-tension-animate[data-current-step="5"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(2),rookie-players-adjust-tension-animate[data-current-step="5"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(8){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="6"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(13),rookie-players-adjust-tension-animate[data-current-step="6"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(1),rookie-players-adjust-tension-animate[data-current-step="6"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside svg path:nth-child(7){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="1"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:last-child,rookie-players-adjust-tension-animate[data-current-step="1"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(6),rookie-players-adjust-tension-animate[data-current-step="1"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(12){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="2"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(17),rookie-players-adjust-tension-animate[data-current-step="2"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(5),rookie-players-adjust-tension-animate[data-current-step="2"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(11){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="3"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(16),rookie-players-adjust-tension-animate[data-current-step="3"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(4),rookie-players-adjust-tension-animate[data-current-step="3"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(10){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="4"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(15),rookie-players-adjust-tension-animate[data-current-step="4"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(3),rookie-players-adjust-tension-animate[data-current-step="4"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(9){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="5"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(14),rookie-players-adjust-tension-animate[data-current-step="5"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(2),rookie-players-adjust-tension-animate[data-current-step="5"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(8){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="6"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(13),rookie-players-adjust-tension-animate[data-current-step="6"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(1),rookie-players-adjust-tension-animate[data-current-step="6"][data-block-index="2"] .rookie-players-adjust-tension__overlay__animate-left-inside .circle-text span:nth-child(7){color:#033eff}rookie-players-adjust-tension-animate[data-current-step="1"] .rookie-players-adjust-tension__overlay__bottom-bar__progress{--progress: .09}rookie-players-adjust-tension-animate[data-current-step="2"] .rookie-players-adjust-tension__overlay__bottom-bar__progress{--progress: .5}rookie-players-adjust-tension-animate[data-current-step="3"] .rookie-players-adjust-tension__overlay__bottom-bar__progress{--progress: 1}rookie-players-adjust-tension-animate[data-current-step="1"] .rookie-players-adjust-tension__overlay__animate-right{--displacement-ratio: 0}rookie-players-adjust-tension-animate[data-current-step="2"] .rookie-players-adjust-tension__overlay__animate-right{--displacement-ratio: .5}rookie-players-adjust-tension-animate[data-current-step="3"] .rookie-players-adjust-tension__overlay__animate-right{--displacement-ratio: 1}@media screen and (max-width:1440px){.rookie-players-adjust-tension__grid{gap:2.4rem}}@media screen and (max-width:989px){.rookie-players-adjust-tension__grid-item{font-size:clamp(2px,.7vw,10px)}.rookie-players-adjust-tension .common-header{margin-bottom:3.2rem}.rookie-players-adjust-tension__grid{gap:1.6rem}}@media screen and (max-width:768px){.rookie-players-adjust-tension__grid{flex-direction:column}.rookie-players-adjust-tension__grid-item{font-size:clamp(2px,2.666666667vw,12px);padding:4.7%}.rookie-players-adjust-tension__overlay h3{font-size:1.6em;margin:0 0 .1em}.rookie-players-adjust-tension__overlay p{font-size:1.2em}.rookie-players-adjust-tension__grid-item hr{margin:1.6em 0}.rookie-players-adjust-tension__overlay__animate-group{gap:5em}.rookie-players-adjust-tension__overlay__animate-left,.rookie-players-adjust-tension__overlay__animate-right{width:12em}.rookie-players-adjust-tension__overlay__bottom-bar{position:relative;margin-top:3.6em}.rookie-players-adjust-tension__overlay__bottom-bar__left-badge,.rookie-players-adjust-tension__overlay__bottom-bar__right-badge{position:absolute;bottom:100%;font-size:1.2em;padding:.1em .7em;min-width:initial}.rookie-players-adjust-tension__overlay__bottom-bar__left-badge{left:0}.rookie-players-adjust-tension__overlay__bottom-bar__right-badge{right:0}.rookie-players-adjust-tension__overlay__bottom-bar__center-content{margin:0}.rookie-players-adjust-tension__overlay__bottom-bar__progress{height:.4em;margin-top:1.4em;margin-bottom:.7em}.rookie-players-adjust-tension__overlay__bottom-bar__progress span{width:1.5rem;height:1.5rem;padding:0}.rookie-players-adjust-tension__overlay__bottom-bar__progress span svg{width:1rem;height:1rem}.rookie-players-adjust-tension__overlay__bottom-bar__step{font-size:1.2em}.rookie-players-adjust-tension__overlay__bottom-bar__step:last-child .span{transform:none}.rookie-players-adjust-tension__hint{font-size:1.2rem}.rookie-players-adjust-tension__hint__content{flex:1}.rookie-players-adjust-tension__hint svg{width:2rem}.rookie-players-adjust-tension__overlay__animate-scale__clip{width:2.4em;height:2.4em;border-radius:2.4em}.rookie-players-adjust-tension__overlay__animate-scale .rookie-players-adjust-tension__overlay__animate-left{transform:scale(1.8) translate(-13%,1%)}.circle-text span{font-size:1.5em}}@media screen and (max-width:589px){.rookie-players-adjust-tension__overlay__animate-group{gap:2.7em}.rookie-players-adjust-tension__overlay__animate-left,.rookie-players-adjust-tension__overlay__animate-right{width:8.8em}.rookie-players-adjust-tension__overlay__bottom-bar__progress span{width:1.4rem;height:1.4rem;padding:0}.rookie-players-adjust-tension__overlay__bottom-bar__progress span svg{width:1rem;height:1rem}.circle-text span{font-size:1.2em}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-rookie-players-adjust-tension.css.map */