.release-split{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}@media screen and (min-width:1000px){.release-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}.release-split__media{position:relative;display:block;width:100%;max-width:36rem;margin-inline:auto;aspect-ratio:1;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}.release-split__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.release-split__after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--pos, 50%))}.release-split__handle{position:absolute;inset-block:0;left:var(--pos, 50%);width:2px;transform:translate(-50%);background:rgb(var(--background));box-shadow:0 0 0 .5px rgb(var(--text-color) / .08);outline:none}.release-split__knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:2.75rem;height:2.75rem;transform:translate(-50%,-50%);border-radius:50%;background:rgb(var(--background));color:rgb(var(--text-color));box-shadow:0 2px 12px #0000001f;transition:transform .2s ease}.release-split__media:active .release-split__knob,.release-split__handle:focus-visible .release-split__knob{transform:translate(-50%,-50%) scale(1.08)}.release-split__handle:focus-visible .release-split__knob{outline:2px solid rgb(var(--text-color));outline-offset:2px}.release-split__label{position:absolute;inset-block-start:.75rem;padding:.25rem .625rem;border-radius:999px;background:rgb(var(--background) / .85);color:rgb(var(--text-color));font-size:var(--text-xs);line-height:1.4;pointer-events:none;transition:opacity .3s ease}.release-split__media[data-before-hidden] .release-split__label--before,.release-split__media[data-after-hidden] .release-split__label--after{opacity:0}.release-split__label--before{inset-inline-start:.75rem}.release-split__label--after{inset-inline-end:.75rem}.release-split__content{display:flex;flex-direction:column;gap:1.5rem;max-width:34rem}.release-split__guarantee{margin:0;padding-block-start:1.25rem;border-block-start:1px solid rgb(var(--border-color));font-weight:var(--text-font-bold-weight)}@media screen and (max-width:699px){.release-split__action .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/release-split.css.map */