.shto-rollers{background:var(--dark);color:var(--white);padding:56px 16px}.shto-rollers__inner{display:flex;flex-direction:column;gap:8px;max-width:1200px;margin:0 auto}.shto-rollers__head{display:flex;flex-direction:column;gap:12px}.shto-rollers__heading{font-size:30px;font-weight:700;line-height:34px;letter-spacing:-.6px;color:var(--white)}.shto-rollers__intro{font-size:15px;font-weight:400;line-height:21px;letter-spacing:-.15px;color:#ffffffbf}.shto-rollers__cards{padding-top:20px}.shto-rollers__card{display:flex;align-items:flex-start;gap:16px;padding:0 0 20px}.shto-rollers__card+.shto-rollers__card{border-top:1px solid rgba(255,255,255,.16);padding-top:20px}.shto-rollers__figure{position:relative;flex:none;width:108px;height:160px;border:1px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden}.shto-rollers__figure--on{border-color:var(--blue)}.shto-rollers__img{width:100%;height:100%;object-fit:cover}.shto-rollers__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3.5px}.shto-rollers__title{font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.2px;color:var(--white)}.shto-rollers__text{font-size:15px;font-weight:400;line-height:21px;letter-spacing:-.15px;color:#ffffffbf}.shto-rollers__note{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:12px}.shto-rollers__note-icon{flex:none;width:28px;height:28px;border-radius:14px;background:var(--sky);display:flex;align-items:center;justify-content:center}.shto-rollers__note-text{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;line-height:21px;letter-spacing:-.15px;color:var(--white)}.shto-rollers-svg{display:block;overflow:visible}.shto-rollers-svg--d{display:none}.shto-rollers-svg--m{--u: 1px}@media(min-width:990px){.shto-rollers{width:auto;margin:0 16px;border-radius:12px;padding:120px 104px 80px}.shto-rollers__inner{gap:48px}.shto-rollers__head{max-width:760px}.shto-rollers__heading{font-size:44px;line-height:48px;letter-spacing:-1px}.shto-rollers__intro{max-width:640px;font-size:16px;line-height:24px}.shto-rollers__cards{padding-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.shto-rollers__card,.shto-rollers__card+.shto-rollers__card{flex-direction:column;align-items:stretch;gap:24px;padding:0;border-top:0}.shto-rollers__figure{width:100%;height:340px}.shto-rollers__body{gap:8px}.shto-rollers__title{font-size:20px;line-height:26px}.shto-rollers__title br{display:none}.shto-rollers__text{font-size:16px;line-height:24px}.shto-rollers__note-row{display:flex}.shto-rollers__note{padding:16px 24px 16px 16px}.shto-rollers__note-text{font-size:16px;line-height:24px}.shto-rollers-svg--m{display:none}.shto-rollers-svg--d{display:block;width:100%;height:338px;--u: 2.17px}}@media(prefers-reduced-motion:no-preference){.shto-rollers__figure :is(.shto-rollers-set,.shto-rollers-col,.shto-rollers-side,.shto-rollers-roll,.shto-rollers-ring,.shto-rollers-diag,.shto-rollers-trail){transform-box:fill-box;transform-origin:center}.shto-rollers__figure.shto-off *{animation-play-state:paused!important}.shto-rollers__figure.shto-in[data-shto-kind="2d"] .shto-rollers-set{animation:shto-rollers-2d 3.6s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-set{animation:shto-rollers-3d-travel 6.4s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-col--l,.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-side--l{animation:shto-rollers-3d-left 6.4s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-col--r,.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-side--r{animation:shto-rollers-3d-right 6.4s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-roll{animation:shto-rollers-3d-press 6.4s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-ring{animation:shto-rollers-3d-ring 6.4s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="3d"] .shto-rollers-diag{animation:shto-rollers-3d-diag 6.4s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-set{animation:shto-rollers-4d-travel 5.6s linear infinite}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-col--l,.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-side--l{animation:shto-rollers-4d-left 5.6s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-col--r,.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-side--r{animation:shto-rollers-4d-right 5.6s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-roll{animation:shto-rollers-4d-press 5.6s linear infinite}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-ring{animation:shto-rollers-4d-ring 5.6s linear infinite}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-trail{animation:shto-rollers-4d-trail 5.6s ease-in-out infinite}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-trail--2{animation-delay:.22s}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-trail--3{animation-delay:.44s}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-trail--4{animation-delay:.66s}.shto-rollers__figure.shto-in[data-shto-kind="4d"] .shto-rollers-trail--5{animation-name:shto-rollers-4d-arrow;animation-delay:.88s}}@keyframes shto-rollers-2d{0%,to{transform:translateY(0)}25%{transform:translateY(calc(var(--u) * -14))}75%{transform:translateY(calc(var(--u) * 14))}}@keyframes shto-rollers-3d-travel{0%,40%,to{transform:translateY(0)}13%{transform:translateY(calc(var(--u) * -8))}29%{transform:translateY(calc(var(--u) * 8))}}@keyframes shto-rollers-3d-left{0%,42%,90%,to{transform:translate(0)}52%,80%{transform:translate(calc(var(--u) * -2.5))}}@keyframes shto-rollers-3d-right{0%,42%,90%,to{transform:translate(0)}52%,80%{transform:translate(calc(var(--u) * 2.5))}}@keyframes shto-rollers-3d-press{0%,54%,82%,to{transform:scale(1)}63%,73%{transform:scale(1.22)}}@keyframes shto-rollers-3d-ring{0%,54%,82%,to{opacity:.55}63%,73%{opacity:1}}@keyframes shto-rollers-3d-diag{0%,54%,82%,to{transform:scale(1)}63%,73%{transform:scale(1.14)}}@keyframes shto-rollers-4d-travel{0%,6%{transform:translateY(0);animation-timing-function:cubic-bezier(.45,0,.55,1)}38%,57%{transform:translateY(calc(var(--u) * 6));animation-timing-function:cubic-bezier(.4,0,.2,1)}76%,to{transform:translateY(0)}}@keyframes shto-rollers-4d-press{0%,26%{transform:scale(1);animation-timing-function:cubic-bezier(.6,0,.9,.7)}46%,53%{transform:scale(1.24);animation-timing-function:cubic-bezier(.1,.7,.3,1)}57%,to{transform:scale(1)}}@keyframes shto-rollers-4d-ring{0%,26%{opacity:.55;animation-timing-function:cubic-bezier(.6,0,.9,.7)}46%,53%{opacity:1;animation-timing-function:cubic-bezier(.1,.7,.3,1)}57%,to{opacity:.55}}@keyframes shto-rollers-4d-left{0%,66%,92%,to{transform:translate(0)}74%,84%{transform:translate(calc(var(--u) * -2.5))}}@keyframes shto-rollers-4d-right{0%,66%,92%,to{transform:translate(0)}74%,84%{transform:translate(calc(var(--u) * 2.5))}}@keyframes shto-rollers-4d-trail{0%,6%,22%,to{opacity:1;transform:scale(1)}11%{opacity:.3;transform:scale(1)}16%{opacity:1;transform:scale(1.3)}}@keyframes shto-rollers-4d-arrow{0%,6%,26%,to{opacity:1;transform:translateY(0)}11%{opacity:.3;transform:translateY(0)}17%{opacity:1;transform:translateY(calc(var(--u) * 3))}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/shto-rollers.css.map */