.orvon-transform{padding-block:var(--ot-pad-top) var(--ot-pad-bottom);background:var(--ot-bg);color:var(--ot-text)}.orvon-transform__shell{width:min(100% - 40px,1440px);margin-inline:auto}.orvon-transform__header{margin-bottom:clamp(36px,4vw,58px)}.orvon-transform__eyebrow{margin:0 0 16px;color:var(--ot-accent);font-family:var(--ot-heading-font-family);font-style:var(--ot-heading-font-style);font-size:12px;font-weight:700;letter-spacing:.24em;line-height:1.3;text-transform:uppercase}.orvon-transform__heading{max-width:920px;margin:0;color:var(--ot-text);font-family:var(--ot-heading-font-family);font-style:var(--ot-heading-font-style);font-size:clamp(34px,4.15vw,60px);font-weight:var(--ot-heading-font-weight);letter-spacing:-.035em;line-height:1.03;text-wrap:balance}.orvon-transform__comparison{display:block;overflow:hidden;border:1px solid color-mix(in srgb,var(--ot-accent) 28%,transparent);background:var(--ot-panel);box-shadow:0 24px 65px #2d221921}.orvon-transform__stage{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:#20262b;isolation:isolate}.orvon-transform__before,.orvon-transform__after{position:absolute;top:0;right:0;bottom:0;left:0}.orvon-transform__after{z-index:1;clip-path:inset(0 0 0 var(--comparison-position))}.orvon-transform__image,.orvon-transform__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.orvon-transform__after .orvon-transform__image{object-position:center 28%}.orvon-transform__label{position:absolute;top:22px;z-index:2;display:inline-flex;min-width:82px;min-height:38px;align-items:center;justify-content:center;padding:8px 14px;color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#1816149e;font-family:var(--ot-heading-font-family);font-size:10px;font-weight:700;letter-spacing:.17em;line-height:1;text-transform:uppercase;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.orvon-transform__label--before{left:22px}.orvon-transform__label--after{right:22px}.orvon-transform__divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);z-index:3;width:2px;pointer-events:none;background:#fffffff0;box-shadow:0 0 16px #00000040;transform:translate(-1px)}.orvon-transform__handle{position:absolute;top:50%;left:50%;display:grid;width:64px;height:64px;place-items:center;color:#fff;border:2px solid rgba(255,255,255,.95);border-radius:50%;background:var(--ot-accent);box-shadow:0 8px 28px #00000047;transform:translate(-50%,-50%);transition:box-shadow .2s ease,transform .2s ease}.orvon-transform__handle svg{width:31px;height:31px;fill:currentColor}.orvon-transform__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}.orvon-transform__hotspot{position:absolute;top:var(--hotspot-y);left:var(--hotspot-x);z-index:5;display:inline-flex;align-items:center;color:#fff;text-decoration:none;transform:translate(-50%,-50%);transition:transform .22s ease,opacity .18s ease}.orvon-transform__hotspot[hidden]{display:none}.orvon-transform__hotspot-button{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:var(--ot-accent);box-shadow:0 9px 28px #00000052}.orvon-transform__hotspot-button svg{width:24px;height:24px;fill:currentColor}.orvon-transform__hotspot-label{position:absolute;left:calc(100% + 11px);padding:10px 14px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#1e1b18e6;box-shadow:0 8px 24px #0003;font-family:var(--ot-heading-font-family);font-size:9px;font-weight:700;letter-spacing:.15em;line-height:1;opacity:0;pointer-events:none;text-transform:uppercase;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.orvon-transform__stage:has(.orvon-transform__range:focus-visible) .orvon-transform__handle{box-shadow:0 0 0 5px #ffffffeb,0 0 0 9px var(--ot-accent),0 8px 28px #00000047}@media(hover:hover){.orvon-transform__stage:hover .orvon-transform__handle{transform:translate(-50%,-50%) scale(1.06)}.orvon-transform__hotspot:hover,.orvon-transform__hotspot:focus-visible{transform:translate(-50%,-50%) scale(1.06)}.orvon-transform__hotspot:hover .orvon-transform__hotspot-label,.orvon-transform__hotspot:focus-visible .orvon-transform__hotspot-label{opacity:1;transform:translate(0)}}@media screen and (min-width:990px){.orvon-transform{padding-block:min(var(--ot-pad-top),52px) min(var(--ot-pad-bottom),56px)}.orvon-transform__shell{width:min(calc(100% - 64px),1180px)}.orvon-transform__header{margin-bottom:30px}.orvon-transform__heading{max-width:760px;font-size:clamp(32px,2.9vw,40px)}.orvon-transform__comparison{width:min(100%,720px);margin-inline:auto}.orvon-transform__stage{aspect-ratio:1 / 1}.orvon-transform__image,.orvon-transform__placeholder,.orvon-transform__after .orvon-transform__image{object-fit:contain;object-position:center}}@media screen and (max-width:599px){.orvon-transform{padding-block:min(var(--ot-pad-top),58px) min(var(--ot-pad-bottom),62px)}.orvon-transform__shell{width:calc(100% - 24px)}.orvon-transform__heading{font-size:clamp(30px,8.8vw,42px)}.orvon-transform__stage{aspect-ratio:1 / 1}.orvon-transform__image,.orvon-transform__placeholder{object-position:center}.orvon-transform__label{top:14px;min-width:66px;min-height:32px;padding:7px 11px;font-size:8px}.orvon-transform__label--before{left:14px}.orvon-transform__label--after{right:14px}.orvon-transform__handle{width:54px;height:54px}.orvon-transform__handle svg{width:27px;height:27px}.orvon-transform__hotspot-button{width:44px;height:44px}.orvon-transform__hotspot-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/orvon-component-sections-orvon-before-after.css.map */