.js-copy *{pointer-events:none}.ultra-guide{--color-foreground: 225, 225, 225;display:block;position:relative;background:linear-gradient(180deg,#0d0d0d,#070707)}.ultra-guide__wrapper{padding:2rem;max-width:var(--page-width);margin:0 auto;position:relative}.ultra-guide__grid{display:flex;flex-direction:column;gap:2.4rem;position:relative}.ultra-guide__title,.ultra-guide__content{color:#fff}.ultra-guide__title{font-size:3.4rem;font-weight:200}.ultra-guide__content{font-size:1.6rem}.ultra-guide-toggle{width:200px;height:4rem;border:1px solid #fff;padding:.4rem;border-radius:100px;display:flex;align-items:center;position:relative;cursor:pointer}.ultra-guide-toggle__left,.ultra-guide-toggle__right{width:50%;display:flex;align-items:center;justify-content:center}:is(.ultra-guide-toggle__left,.ultra-guide-toggle__right) p{margin:0;color:#fff;position:relative;transition:color .5s ease-in-out}.ultra-guide-toggle__left p{color:#2a2a2a}input:checked~.ultra-guide-toggle__left p{color:#fff}input:checked~.ultra-guide-toggle__right p{color:#2a2a2a}.ultra-guide-toggle__background{background-color:#fff;width:calc(50% - 2px);height:calc(100% - .4rem);position:absolute;top:2px;left:2px;border-radius:100px;transition:transform .5s ease-in-out}input:checked~.ultra-guide-toggle__background{transform:translate(100%);transition:transform .5s ease-in-out}.ultra-step{display:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2rem;padding:2rem;background:linear-gradient(180deg,#303030 50%,#404040);color:#fff}.ultra-step p{margin:0}.ultra-step--active{display:flex}.ultra-step__title{font-size:2.4rem;font-weight:400;margin:0}.ultra-step__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.8rem}.ultra-step__view{display:flex;flex-direction:column}.ultra-step__image{max-width:200px;margin:0 auto;height:auto;aspect-ratio:3 / 5;object-fit:contain;max-width:100px}.ultra-step__count{font-size:3.2rem;font-weight:200;margin:0}.ultra-step__footer-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.ultra-step__footer-actions .ultra-button:last-of-type{margin-left:auto}.ultra-step__footer{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;gap:.8rem}.ultra-step__footer-actions{flex:1;width:100%}.ultra-step__footer-action{flex:1}.ultra-step__footer-download img{height:auto;max-width:100%;max-width:140px;display:block}.ultra-step__desktop-count{display:none}.ultra-step__details{display:flex;flex-direction:column;gap:2.4rem}.ultra-guide__more-info{color:#fff}.ultra-guide__more-info p{margin:0;font-size:1.6rem}.ultra-guide__more-info a{font-weight:600;font-size:1.8rem;text-decoration:underline;color:#fff}.ultra-guide__dot{display:none;pointer-events:none}@media screen and (min-width: 768px){.ultra-guide__wrapper{padding:56px 2rem}.ultra-guide__grid{flex-direction:row;flex-wrap:wrap}.ultra-guide-toggle{margin-bottom:0}.ultra-guide__title{font-size:4.4rem}.ultra-guide__toggles{margin-left:auto;display:flex;align-items:flex-end}.ultra-step{display:flex}.ultra-guide__steps{display:flex;width:100%;gap:1.2rem}.ultra-step:not(.ultra-step--active){width:175px;background:linear-gradient(180deg,#30303080,#3e3e3e80)}.ultra-step:not(.ultra-step--active) .ultra-step__desktop-count{display:flex}.ultra-step:not(.ultra-step--active) .ultra-step__desktop-count h2{font-size:100px;font-weight:200}.ultra-step:not(.ultra-step--active) .ultra-step__view{display:none}.ultra-step--active{flex:1}.ultra-step__view{display:flex;align-items:stretch;flex-direction:row}.ultra-step__image{max-width:200px;height:auto;margin:0}.ultra-step__details{display:flex;flex-direction:column;justify-content:space-between;flex:1}.ultra-step__footer{flex-direction:row;align-items:center}.ultra-step__footer-action{max-width:150px}.ultra-step__footer-actions{justify-content:space-between}.ultra-guide__dot{display:block;position:absolute}.ultra-guide__dot--left-purple{left:3%;top:50px}.ultra-guide__dot--left-green{top:170px;left:-5%}.ultra-guide__dot--right-purple{right:15%;top:200px;z-index:1;opacity:.3}.ultra-guide__dot--right-green{right:12%;top:200px;z-index:1;opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-ultra-guide.css.map */