.hz-section{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:46px}.hz-section--vertical{flex-direction:column!important}.hz-section--text-top{flex-direction:column!important;align-items:center!important}.hz-section--text-top .hz-content{align-items:center;text-align:center;flex:0 0 auto;width:100%;max-width:700px}.hz-section--slider-first{flex-direction:row-reverse!important}.hz-section--slider-first.hz-section--vertical{flex-direction:column-reverse!important}@media screen and (max-width:749px){.hz-section,.hz-section--slider-first{flex-direction:column!important}}.hz-content{display:flex;flex-direction:column;align-items:center;gap:24px;flex:0 1 35%;text-align:center}.hz-content--left{align-items:flex-start;text-align:left}.hz-content--right{align-items:flex-end;text-align:right}@media screen and (max-width:749px){.hz-content{flex:0 1 auto;width:100%}}.hz-content__texts{display:flex;flex-direction:column;gap:8px}.hz-content__heading{margin:0!important}.hz-content__subtext,.hz-content__subtext p{margin:0}.hz-content__buttons{display:flex;flex-wrap:wrap;gap:12px}.hz-slider-wrap{min-width:0;max-width:100%;margin-left:auto;margin-right:auto}.hz-section:not(.hz-section--text-top):not(.hz-section--vertical) .hz-slider-wrap{flex:1 1 var(--slider-w, 65%);width:var(--slider-w, 65%)}.hz-section--text-top .hz-slider-wrap,.hz-section--vertical .hz-slider-wrap{width:var(--slider-w, 100%);flex:0 0 auto}@media screen and (max-width:749px){.hz-slider-wrap{width:var(--slider-w-mobile, 100%)!important;flex:0 0 auto!important}}horizon-comparison-slider{display:block}.hz-compare{position:relative;overflow:hidden;aspect-ratio:var(--ratio)}.hz-compare:not(:has(img)){min-height:25dvh}.hz-compare__container{position:relative;width:100%;height:100%}.hz-compare__media-wrapper{--compare: 50;position:relative;width:100%;height:100%;display:grid;grid-template:1fr / 1fr;overflow:hidden}.hz-compare__layer{grid-area:1 / 1;position:relative;width:100%;height:100%;transition:clip-path var(--transition-duration, 0s) ease-in-out}.hz-compare__layer--after{z-index:1}[data-orientation=horizontal] .hz-compare__layer--before{clip-path:inset(0 calc((100 - var(--compare)) * 1%) 0 0)}[data-orientation=horizontal] .hz-compare__layer--after{clip-path:inset(0 0 0 calc(var(--compare) * 1%))}[data-orientation=vertical] .hz-compare__layer--before{clip-path:inset(0 0 calc(var(--compare) * 1%) 0)}[data-orientation=vertical] .hz-compare__layer--after{clip-path:inset(calc((100 - var(--compare)) * 1%) 0 0 0)}.hz-compare__img,.hz-compare__placeholder{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ratio)}.hz-compare__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.hz-compare__placeholder svg{width:100%;height:100%;background-color:rgb(var(--color-base-background-2));fill:rgb(var(--color-base-text))}.hz-compare__divider-line{position:absolute;pointer-events:none;z-index:3;transition:left var(--transition-duration, 0s) ease-in-out,top var(--transition-duration, 0s) ease-in-out}[data-orientation=horizontal] .hz-compare__divider-line{top:0;bottom:0;left:calc(var(--compare) * 1%);transform:translate(-50%)}[data-orientation=vertical] .hz-compare__divider-line{left:0;right:0;top:calc((100 - var(--compare)) * 1%);transform:translateY(-50%)}.hz-compare__handle{position:absolute;z-index:4;pointer-events:none;width:44px;height:44px;background:rgb(var(--color-base-background-1));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #0000001a;transition:left var(--transition-duration, 0s) ease-in-out,top var(--transition-duration, 0s) ease-in-out,gap .2s ease-in-out;gap:6px;padding:6px;color:rgb(var(--color-base-text))}.hz-compare__media-wrapper:hover .hz-compare__handle{gap:2px}.hz-compare__chevron{display:flex;align-items:center;justify-content:center}[data-orientation=horizontal] .hz-compare__handle{top:50%;left:calc(var(--compare) * 1%);transform:translate(-50%,-50%)}[data-orientation=vertical] .hz-compare__handle{left:50%;top:calc((100 - var(--compare)) * 1%);transform:translate(-50%,-50%) rotate(90deg)}.hz-compare__slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;padding:0;opacity:0;-webkit-appearance:none;appearance:none}[data-orientation=horizontal] .hz-compare__slider{cursor:ew-resize}[data-orientation=vertical] .hz-compare__slider{cursor:ns-resize;writing-mode:vertical-lr;direction:rtl}.hz-compare__slider::-webkit-slider-thumb,.hz-compare__slider::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent;cursor:inherit;-webkit-appearance:none;appearance:none}.hz-compare__label{position:absolute;padding:6px 12px;pointer-events:none;z-index:2}.hz-compare__label--badge{font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;padding:6px 16px}.hz-compare__label--plain{color:rgb(var(--color-base-text))}[data-orientation=horizontal] .hz-compare__label--before{left:12px}[data-orientation=horizontal] .hz-compare__label--after{right:12px}[data-orientation=horizontal][data-text-position=start] .hz-compare__label{top:12px}[data-orientation=horizontal][data-text-position=end] .hz-compare__label{bottom:12px}[data-orientation=vertical] .hz-compare__label--before{top:12px}[data-orientation=vertical] .hz-compare__label--after{bottom:12px}[data-orientation=vertical][data-text-position=start] .hz-compare__label{left:12px}[data-orientation=vertical][data-text-position=end] .hz-compare__label{right:12px}.hz-compare__label span{margin:0;line-height:1;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/4/assets/horizon-comparison-slider.css.map */