.tych[data-tych-spin] .tych__frame,.tych[data-tych-duo] .tych__frame{position:relative}.tych__spin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.tych.is-spindrag .tych__spin{cursor:grabbing}.tych[data-tych-spin] .tych__nav,.tych[data-tych-duo] .tych__nav{z-index:3}.tych[data-tych-spin] .tych__nav{display:none}.tych[data-tych-spin].is-spinfail .tych__nav{display:grid}@media screen and (min-width:750px){.tych[data-tych-spin] .tych__frame{grid-column:2}}.tych__spin:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:6px;border-radius:12px}.tych.is-spun .tych__img,.tych.is-spun .tych__img.is-on,.tych.is-spun .tych__img.is-live{opacity:0;visibility:hidden}.tych__spinhint{margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.4rem;font-weight:400;color:#f2f3f5a8;transition:opacity .5s ease}.tych__spinhint i{font-style:normal;font-size:2rem;line-height:1;opacity:.8;animation:tych-spin-nudge 1.6s ease-in-out infinite}.tych__spinhint i:last-child{animation-direction:reverse}@keyframes tych-spin-nudge{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.tych.is-spintouched .tych__spinhint{opacity:1}@media(prefers-reduced-motion:reduce){.tych__spinhint{transition:none}.tych__spinhint i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ty-cs-hero-spin.css.map */