.sbuk-qs .image-comparison{--drag-thickness:.8rem;--button-size:7.2rem;--button-icon-size:3.6rem}.sbuk-qs .image-comparison[data-direction=horizontal] .image-comparison__button{width:7.2rem;margin-inline-start:-3.6rem;touch-action:none}.sbuk-qs .image-comparison__button:before{background:#fff!important;box-shadow:0 0 0 2px #03214c,0 0 12px #00000073!important}.sbuk-qs .image-comparison__button span{background:#fff!important;color:#03214c!important;border:3px solid #03214c;box-shadow:0 0 0 4px #ffd600,0 0 0 6px #03214c,0 8px 18px #0006!important;transition:transform .2s ease}.sbuk-qs .image-comparison__button span:before{width:100%;height:100%}.sbuk-qs .image-comparison__button span svg{width:var(--button-icon-size)!important;height:var(--button-icon-size)!important;position:static!important;stroke-width:3}.sbuk-qs .image-comparison__button:hover span,.sbuk-qs .image-comparison.is-dragging .image-comparison__button span{transform:translate(-50%,-50%) scale(1.08)}.sbuk-qs .image-comparison__button:focus-visible{outline:none}.sbuk-qs .image-comparison__button:focus-visible span{outline:3px solid #ffd600;outline-offset:6px}.sbuk-qs .sbuk-drag-hint{position:absolute;left:50%;top:calc(50% + var(--button-size)/2 + 1.4rem);transform:translate(-50%);display:flex;align-items:center;gap:.4rem;background:#ffd600;color:#03214c;border:2px solid #03214c;border-radius:99px;padding:.45rem 1.1rem;font:800 1.3rem/1 var(--font-body-family),sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;box-shadow:0 4px 10px #00000040;transition:opacity .3s ease}.sbuk-qs .image-comparison.sbuk-interacted .sbuk-drag-hint,.sbuk-qs .image-comparison.is-dragging .sbuk-drag-hint{opacity:0}.sbuk-qs .image-comparison .image-comparison__heading{--heading-offset-x:1.6rem;--heading-offset-y:1.6rem;font-size:1.6rem!important;line-height:1.15;font-weight:800!important;letter-spacing:.04em;padding:.75rem 1.3rem!important;border-radius:99px!important;gap:.7rem;box-shadow:0 4px 14px #0000002e;max-width:calc(50% - 4.5rem);text-align:left;white-space:normal;z-index:2}.sbuk-qs .image-comparison__before .image-comparison__heading{background:#03214c!important;color:#fff!important;border:3px solid #ffd600}.sbuk-qs .image-comparison__after .image-comparison__heading{background:#8e3b36!important;color:#fff!important;border:3px solid #fff}.sbuk-qs .image-comparison__before .image-comparison__heading:before,.sbuk-qs .image-comparison__after .image-comparison__heading:before{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;line-height:1}.sbuk-qs .image-comparison__before .image-comparison__heading:before{content:"\2713";background:#ffd600;color:#03214c}.sbuk-qs .image-comparison__after .image-comparison__heading:before{content:"\2715";background:#fff;color:#8e3b36}.sbuk-qs .image-comparison__before .image-comparison__wrapper{position:relative}.sbuk-qs .image-comparison__wrapper svg.sbuk-co{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;object-fit:initial;font-family:var(--font-body-family),sans-serif}.sbuk-qs .image-comparison__wrapper svg.sbuk-co--m{display:none!important}.sbuk-qs .sbuk-key{display:none;margin-top:1.4rem;color:#fff!important;font-family:var(--font-body-family),sans-serif}.sbuk-qs .sbuk-key__title{font-weight:800;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .8rem;text-align:center}.sbuk-qs .sbuk-key ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.sbuk-qs .sbuk-key li{display:flex;align-items:center;gap:.7rem;background:#03214c;color:#fff;border-radius:99px;padding:.5rem .9rem .5rem .5rem;font-weight:700;font-size:1.35rem;line-height:1.2;margin:0}.sbuk-qs .sbuk-key li span{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;background:#ffd600;color:#03214c;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.sbuk-qs .sbuk-key li.sbuk-hl{background:#ffd600;color:#03214c;font-weight:800;box-shadow:0 0 0 3px #ffd60059;grid-column:1/-1}.sbuk-qs .sbuk-key li.sbuk-hl span{background:#03214c;color:#ffd600}.sbuk-qs .sbuk-hl__icon{width:2rem;height:2rem;flex:none;margin-left:auto}.sbuk-qs .sbuk-key__note{text-align:center;font-size:1.3rem;opacity:.75;margin:.8rem 0 0}@media(max-width:767.98px){.sbuk-qs .image-comparison{--drag-thickness:.6rem;--button-size:5.6rem;--button-icon-size:3rem}.sbuk-qs .image-comparison[data-direction=horizontal] .image-comparison__button{width:6rem;margin-inline-start:-3rem}.sbuk-qs .image-comparison__button span{border-width:2px;box-shadow:0 0 0 3px #ffd600,0 0 0 5px #03214c,0 6px 14px #0006!important}.sbuk-qs .sbuk-drag-hint{top:auto;bottom:calc(50% + var(--button-size)/2 + 1rem);font-size:1.1rem;padding:.35rem .8rem}.sbuk-qs .image-comparison .image-comparison__heading{--heading-offset-x:.6rem;--heading-offset-y:.8rem;font-size:1.08rem!important;padding:.45rem .7rem .45rem .4rem!important;gap:.4rem;max-width:calc(46.5% - 2.4rem);border-width:2px}.sbuk-qs .image-comparison__before .image-comparison__heading:before,.sbuk-qs .image-comparison__after .image-comparison__heading:before{width:1.7rem;height:1.7rem;font-size:1.1rem}.sbuk-qs .image-comparison__wrapper svg.sbuk-co--d{display:none!important}.sbuk-qs .image-comparison__wrapper svg.sbuk-co--m{display:block!important}.sbuk-qs .sbuk-key{display:block}}.sbuk-qs .image-comparison[data-direction=horizontal] .image-comparison__before{clip-path:inset(0px calc(100% - var(--percent, 50%)) 0px 0px)}.sbuk-qs .image-comparison[data-direction=vertical] .image-comparison__before{clip-path:inset(0px 0px calc(100% - var(--percent, 50%)) 0px)}.sbuk-qs .image-comparison.is-animating .image-comparison__before{transition:clip-path 1s ease}.sbuk-qs .image-comparison.is-dragging .image-comparison__heading{opacity:1}.sbuk-qs .image-comparison{--sbuk-band:5.6rem}.sbuk-qs .image-comparison--media{padding-top:var(--sbuk-band);background:#f3f3f5}.sbuk-qs .sbuk-tag{position:absolute;top:calc(var(--sbuk-band) / 2);transform:translateY(-50%);z-index:3;display:flex;align-items:center;gap:.8rem;padding:.6rem 1.6rem .6rem .7rem;border-radius:99px;font:900 1.9rem/1 var(--font-body-family),sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;pointer-events:none;box-shadow:0 3px 10px #0000002e}.sbuk-qs .sbuk-tag i{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:1.6rem;font-weight:900}.sbuk-qs .sbuk-tag--ours{left:1.2rem;background:#03214c;color:#ffd600;border:3px solid #ffd600}.sbuk-qs .sbuk-tag--ours i{background:#ffd600;color:#03214c}.sbuk-qs .sbuk-tag--theirs{right:1.2rem;background:#8e3b36;color:#fff;border:3px solid #fff;box-shadow:0 0 0 1px #8e3b3659,0 3px 10px #0000002e}.sbuk-qs .sbuk-tag--theirs i{background:#fff;color:#8e3b36}.sbuk-qs .sbuk-ht{position:absolute;left:50%;top:calc(50% + var(--sbuk-band) / 2 + var(--button-size) / 2 + 1.6rem);display:flex;pointer-events:none;font:900 1.25rem/1 var(--font-body-family),sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.sbuk-qs .sbuk-ht b{display:block;padding:.55rem .9rem;font:inherit;white-space:nowrap}.sbuk-qs .sbuk-ht__o{position:absolute;right:0;background:#03214c;color:#ffd600;border:2px solid #ffd600;border-right:0;border-radius:99px 0 0 99px}.sbuk-qs .sbuk-ht__t{position:absolute;left:0;background:#8e3b36;color:#fff;border:2px solid #fff;border-left:0;border-radius:0 99px 99px 0}.sbuk-qs .image-comparison[data-direction=horizontal] .sbuk-drag-hint{top:calc(50% + var(--sbuk-band) / 2 + var(--button-size) / 2 + 5rem)}.sbuk-qs .image-comparison__button>span:first-child{top:calc(50% + var(--sbuk-band) / 2)}.sbuk-qs .image-comparison[data-direction=vertical] .sbuk-ht{display:none}.sbuk-qs{--sbuk-frame-ours:#ffd600;--sbuk-frame-theirs:#8e3b36;--sbuk-frame-w:.7rem}.sbuk-qs .image-comparison--media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;box-sizing:border-box;border:var(--sbuk-frame-w) solid var(--sbuk-frame-ours);border-radius:var(--blocks-radius,0)}.sbuk-qs .image-comparison__after:after{border-color:var(--sbuk-frame-theirs)}@media(max-width:767.98px){.sbuk-qs{--sbuk-frame-w:.5rem}.sbuk-qs .image-comparison .image-comparison__heading{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;box-shadow:none}.sbuk-qs .image-comparison{--sbuk-band:3.4rem}.sbuk-qs .sbuk-tag{font-size:1.2rem;padding:.35rem .9rem .35rem .4rem;gap:.45rem;border-width:2px;letter-spacing:.05em}.sbuk-qs .sbuk-tag i{width:1.7rem;height:1.7rem;font-size:1.05rem}.sbuk-qs .sbuk-tag--ours{left:.6rem}.sbuk-qs .sbuk-tag--theirs{right:.6rem}.sbuk-qs .sbuk-ht{font-size:1rem;top:calc(50% + var(--sbuk-band) / 2 + var(--button-size) / 2 + .9rem)}.sbuk-qs .sbuk-ht b{padding:.35rem .6rem}.sbuk-qs .image-comparison[data-direction=horizontal] .sbuk-drag-hint{top:auto;bottom:calc(50% - var(--sbuk-band) / 2 + var(--button-size) / 2 + 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/sbuk-quality-slider.css.map */