dn-results-comparison.dn-rc{display:block;width:100%;--dn-rc-percent: 25%;--dn-rc-steps: 4;--dn-rc-radius: 24px;--dn-rc-gap: 4px;--dn-rc-divider-color: #fff;--dn-rc-anim: .5s}.dn-rc,.dn-rc *,.dn-rc *:before,.dn-rc *:after{box-sizing:border-box}.dn-rc__content{position:relative;display:grid;min-height:58px;margin-bottom:14px;overflow:hidden;color:var(--dn-rc-content-color);background:var(--dn-rc-content-bg);border-radius:var(--dn-rc-content-radius)}.dn-rc__content-item{grid-area:1 / 1;display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.dn-rc__content-item.is-active{opacity:1;visibility:visible;transform:translateY(0)}.dn-rc__badge{flex:0 0 auto;display:inline-grid;place-items:center;width:30px;height:30px;color:var(--dn-rc-badge-color);background:var(--dn-rc-badge-bg);border:1px solid var(--dn-rc-badge-border);border-radius:50%;font-weight:700;line-height:1}.dn-rc__content-text{font-size:var(--dn-rc-content-size);line-height:1.4}.dn-rc__viewport{position:relative;width:100%;height:var(--dn-rc-height);overflow:hidden;isolation:isolate;border-radius:var(--dn-rc-radius);background:var(--dn-rc-divider-color);cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.dn-rc[data-height=adapt] .dn-rc__viewport{height:auto;aspect-ratio:var(--dn-rc-combined-aspect)}.dn-rc__row{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--dn-rc-steps),minmax(0,1fr));gap:var(--dn-rc-gap);width:100%;height:100%;background:var(--dn-rc-divider-color)}.dn-rc__row--base{z-index:1}.dn-rc__row--mask{z-index:2;pointer-events:none;clip-path:inset(0 0 0 var(--dn-rc-percent));-webkit-clip-path:inset(0 0 0 var(--dn-rc-percent));will-change:clip-path}.dn-rc.is-animating .dn-rc__row--mask{transition:clip-path var(--dn-rc-anim) cubic-bezier(.22,.8,.2,1),-webkit-clip-path var(--dn-rc-anim) cubic-bezier(.22,.8,.2,1)}.dn-rc__cell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#ececec}.dn-rc__img,.dn-rc__cell>svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.dn-rc__img--mobile{display:none}.dn-rc__row--mask .dn-rc__img,.dn-rc__row--mask .dn-rc__cell>svg{filter:blur(var(--dn-rc-blur));transform:scale(1.035);transform-origin:center}.dn-rc__tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:rgba(0,0,0,var(--dn-rc-dim))}.dn-rc__viewport:after{content:"";position:absolute;z-index:4;inset:auto 0 0;height:24%;pointer-events:none;background:linear-gradient(to top,#00000057,#0000)}.dn-rc__handle{appearance:none;-webkit-appearance:none;position:absolute;z-index:7;top:0;bottom:0;left:var(--dn-rc-percent);width:1px;min-width:1px;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--dn-rc-arrow-color);cursor:ew-resize;transform:translate(-50%);touch-action:none;will-change:left}.dn-rc.is-animating .dn-rc__handle{transition:left var(--dn-rc-anim) cubic-bezier(.22,.8,.2,1)}.dn-rc__handle-line{position:absolute;inset:0 auto 0 50%;width:max(2px,var(--dn-rc-line-width));background:var(--dn-rc-line-color);transform:translate(-50%);box-shadow:0 0 0 1px #00000014}.dn-rc__handle-track{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:translate(-50%,-50%);white-space:nowrap}.dn-rc__handle-track:before,.dn-rc__handle-track:after{content:"";display:block;width:clamp(24px,4vw,62px);border-top:1px dashed var(--dn-rc-dash-color);opacity:.88}.dn-rc__product-wrap{flex:0 0 auto;display:grid;place-items:center;width:var(--dn-rc-product-width);filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.dn-rc__product{display:block;width:100%;max-width:none;height:auto}.dn-rc__product--fallback{display:grid;place-items:center;width:38px;height:38px;padding:11px 13px;color:#111;background:#fff;border-radius:50%;box-shadow:0 4px 16px #0003}.dn-rc__product--fallback svg{width:11px;height:16px}.dn-rc__arrow{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;color:var(--dn-rc-arrow-color);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.dn-rc__arrow svg{display:block;width:100%;height:100%}.dn-rc__hint{position:absolute;top:calc(100% + 12px);color:var(--dn-rc-hint-color);font-size:var(--dn-rc-hint-size);font-weight:600;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.55);transition:opacity .18s ease}.dn-rc__hint--left{right:calc(50% + var(--dn-rc-product-width) / 2 + 36px)}.dn-rc__hint--right{left:calc(50% + var(--dn-rc-product-width) / 2 + 36px)}.dn-rc.has-dragged .dn-rc__hint{opacity:0}.dn-rc__handle:focus-visible .dn-rc__product-wrap,.dn-rc__handle:focus-visible .dn-rc__product--fallback{outline:3px solid rgba(255,255,255,.95);outline-offset:4px;border-radius:8px}.dn-rc__labels{position:absolute;z-index:8;left:0;right:0;bottom:var(--dn-rc-label-bottom);display:grid;grid-template-columns:repeat(var(--dn-rc-steps),minmax(0,1fr));align-items:end;gap:var(--dn-rc-gap);padding-inline:clamp(14px,1.8vw,28px);pointer-events:none}.dn-rc__label{appearance:none;-webkit-appearance:none;justify-self:center;max-width:calc(100% - 8px);margin:0;padding:0;overflow:hidden;border:0;outline:0;color:var(--dn-rc-label-color);background:transparent;font:inherit;font-size:var(--dn-rc-label-size);font-weight:700;line-height:1.15;text-align:var(--dn-rc-label-align);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.44);cursor:pointer;pointer-events:auto;transition:color .18s ease,background-color .18s ease,padding .18s ease,transform .18s ease,box-shadow .18s ease}.dn-rc__label:first-child{justify-self:start}.dn-rc__label:last-child{justify-self:end}.dn-rc__label.is-active{padding:var(--dn-rc-label-padding-y) var(--dn-rc-label-padding-x);color:var(--dn-rc-label-active);background:var(--dn-rc-labels-bg);border-radius:var(--dn-rc-label-radius);box-shadow:0 4px 14px #0000002e;text-shadow:none}.dn-rc__label:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:var(--dn-rc-label-radius)}.dn-rc__label[aria-hidden=true]{pointer-events:none}.dn-rc.is-dragging,.dn-rc.is-dragging .dn-rc__viewport,.dn-rc.is-dragging .dn-rc__handle{cursor:grabbing}@media(max-width:767px){.dn-rc__viewport{height:var(--dn-rc-height-mobile);border-radius:min(var(--dn-rc-radius),18px)}.dn-rc[data-height-mobile=adapt] .dn-rc__viewport{height:auto;aspect-ratio:var(--dn-rc-combined-aspect-mobile)}.dn-rc__cell.has-mobile-image .dn-rc__img--desktop{display:none}.dn-rc__cell.has-mobile-image .dn-rc__img--mobile{display:block}.dn-rc__product-wrap{width:var(--dn-rc-product-width-mobile)}.dn-rc__handle-track{gap:4px}.dn-rc__handle-track:before,.dn-rc__handle-track:after,.dn-rc__hint{display:none}.dn-rc__arrow{width:18px;height:18px}.dn-rc__labels{bottom:max(10px,calc(var(--dn-rc-label-bottom) * .7));padding-inline:10px}.dn-rc__label{max-width:calc(100% - 4px);font-size:clamp(10px,var(--dn-rc-label-size),14px)}.dn-rc__label.is-active{padding:max(4px,calc(var(--dn-rc-label-padding-y) * .72)) max(8px,calc(var(--dn-rc-label-padding-x) * .72))}.dn-rc__content{min-height:50px;margin-bottom:10px}.dn-rc__content-item{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.dn-rc *,.dn-rc *:before,.dn-rc *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/dn-results-comparison.css.map */