.rr-sketch-rings-scene{position:relative;height:calc(var(--rr-sketch-height) + var(--rr-sketch-runway));background:#000;overflow-anchor:none}.rr-sketch-rings-track{display:contents}.rr-sketch-rings-sticky{position:sticky;display:grid;place-items:center;top:var(--rr-sketch-top);width:100%;height:var(--rr-sketch-height);overflow:hidden;isolation:isolate;background:#000}.rr-sketch-rings-active .rr-sketch-rings-canvas{will-change:transform}.rr-sketch-rings-active .rr-sketch-rings-finished{will-change:opacity}.rr-sketch-rings-canvas{position:relative;width:100%;height:var(--rr-sketch-canvas-height);transform:scale(var(--rr-sketch-zoom, 1)) translate(var(--rr-sketch-pan, 0%));transform-origin:50% 50%}.rr-sketch-rings-canvas>slideshow-carousel{width:100%;height:100%}.rr-sketch-rings-sticky .content-over-media{height:100%;min-height:0}.rr-sketch-rings-sticky .content-over-media>picture img{height:100%;width:100%;object-fit:contain}.rr-sketch-rings-finished{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:var(--rr-sketch-progress, 0);background:#000;pointer-events:none;isolation:isolate}.rr-sketch-rings-finished>a{position:absolute;display:block;mix-blend-mode:screen;pointer-events:auto}.rr-sketch-rings-finished[inert]>a{pointer-events:none}.rr-sketch-rings-finished>.rr-sketch-rings-side{left:26.666%;top:10.956vw;width:34.558%}.rr-sketch-rings-finished>.rr-sketch-rings-front{left:50.465%;top:16.06vw;width:30.13%}.rr-sketch-rings-finished img{display:block;width:100%;height:auto;max-width:none;margin:0}.rr-sketch-rings-source-hidden{display:none!important}@media screen and (max-width:699px){.rr-sketch-rings-track{display:block}.rr-sketch-rings-scene{height:calc(var(--rr-sketch-height) + var(--rr-sketch-runway) * .9 + var(--rr-sketch-exit-space, 0px));margin-block-start:calc((var(--rr-sketch-height) - var(--rr-sketch-canvas-height)) / -4 - 2.7vw)}#main>.rr-sketch-rings-following{transform:none!important;translate:none!important}.rr-sketch-rings-following{position:relative;z-index:1;margin-block-start:calc(30px + (var(--rr-sketch-height) - var(--rr-sketch-canvas-height)) / 4 + 2.7vw - 23.73vw - 8px)}}@media screen and (min-width:1000px){.rr-sketch-rings-scene{height:calc(var(--rr-sketch-height) + var(--rr-sketch-runway) * .9)}.rr-sketch-rings-following{position:relative;z-index:1;margin-block-start:-100px}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/rr-sketch-rings.css.map */