.dn-compare__text{margin:0 0 28px}.dn-compare__heading{margin:0 0 12px}.dn-compare__subheading{margin:0 0 20px}.dn-compare__subheading>*:first-child{margin-top:0}.dn-compare__subheading>*:last-child{margin-bottom:0}.dn-compare__button{margin-top:4px}.dn-compare--layout-stacked .dn-compare__text,.dn-compare--layout-split:not(.dn-compare--split-active) .dn-compare__text{max-width:660px;margin-left:auto;margin-right:auto;text-align:center}.dn-compare__notice{margin:0 0 16px;padding:12px 16px;border-radius:12px;background-color:#fcf3ea;color:#5f5449;font-size:14px;line-height:1.5}@media screen and (min-width:750px){.dn-compare--split-active .dn-compare__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}.dn-compare--split-active.dn-compare--content-right .dn-compare__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.dn-compare--split-active .dn-compare__text{margin-bottom:0}.dn-compare--split-active.dn-compare--content-right .dn-compare__text{order:2}}.dn-compare__widget{display:block;--dn-line: #ffffff;--dn-ink: #5f5449}.dn-compare__stage{position:relative;overflow:hidden}.dn-compare__frame{position:relative;aspect-ratio:var(--dn-ratio, 16 / 9);border-radius:12px;overflow:hidden}.dn-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#0000000a}.dn-compare__layer--after{z-index:1}.dn-compare__layer--before{z-index:2}.dn-compare--horizontal .dn-compare__layer--before{clip-path:inset(0 calc(100% - var(--dn-pos) * 1%) 0 0)}.dn-compare--vertical .dn-compare__layer--before{clip-path:inset(0 0 calc(100% - var(--dn-pos) * 1%) 0)}.dn-compare__layer img,.dn-compare__layer .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.dn-compare__label{position:absolute;top:12px;left:12px;z-index:3;display:inline-block;padding:6px 14px;border-radius:34px;background-color:#fff;color:var(--dn-ink);font-size:13px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:0 2px 10px #00000024}.dn-compare--horizontal .dn-compare__label{max-width:calc(50% - 18px)}.dn-compare--vertical .dn-compare__label{max-width:calc(100% - 24px)}.dn-compare--horizontal .dn-compare__label--after{left:auto;right:12px}.dn-compare--vertical .dn-compare__label--after{top:auto;bottom:12px}.dn-compare--full-before .dn-compare__label--after,.dn-compare--full-after .dn-compare__label--before{opacity:0;visibility:hidden}.dn-compare--ready.dn-compare--horizontal .dn-compare__frame{touch-action:pan-y;cursor:ew-resize}.dn-compare--ready.dn-compare--vertical .dn-compare__frame{touch-action:pan-y;cursor:ns-resize}.dn-compare__control{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.dn-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;opacity:0;-webkit-appearance:none;appearance:none;pointer-events:none}.dn-compare__divider{position:absolute;background-color:var(--dn-line);box-shadow:0 0 0 1px #00000073,0 0 8px #0000004d;pointer-events:none}.dn-compare--horizontal .dn-compare__divider{top:0;bottom:0;left:calc(var(--dn-pos) * 1%);width:2px;margin-left:-1px}.dn-compare--vertical .dn-compare__divider{left:0;right:0;top:calc(var(--dn-pos) * 1%);height:2px;margin-top:-1px}.dn-compare__handle{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--dn-line);color:var(--dn-ink);box-shadow:0 0 0 1px #0000004d,0 2px 14px #0000004d;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.dn-compare--horizontal .dn-compare__handle{top:50%;left:calc(var(--dn-pos) * 1%);cursor:ew-resize}.dn-compare--vertical .dn-compare__handle{left:50%;top:calc(var(--dn-pos) * 1%);cursor:ns-resize}.dn-compare__handle svg{width:22px;height:22px}.dn-compare--vertical .dn-compare__handle svg{transform:rotate(90deg)}.dn-compare--dragging{-webkit-user-select:none;user-select:none}.dn-compare--dragging .dn-compare__handle{box-shadow:0 0 0 1px #0000004d,0 4px 20px #0000005c}.dn-compare__range:focus~.dn-compare__handle{box-shadow:inset 0 0 0 2px var(--dn-ink),inset 0 0 0 5px #fff,0 0 0 1px #0000004d,0 2px 14px #0000004d}@media(prefers-reduced-motion:no-preference){.dn-compare__handle{transition:box-shadow .12s ease}.dn-compare__label{transition:opacity .16s ease,visibility .16s ease}}@media(forced-colors:active){.dn-compare__handle{forced-color-adjust:none;background:Canvas;color:CanvasText;border:1px solid CanvasText}.dn-compare__divider{forced-color-adjust:none}.dn-compare__range:focus~.dn-compare__handle{outline:3px solid Highlight;outline-offset:-3px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-before-after.css.map */