.g-compare{position:relative;aspect-ratio:var(--g-ratio, 1.6);width:min(100%,calc(78svh * var(--g-ratio, 1.6)));margin:0 auto;min-height:24rem;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.g-compare--short{width:min(100%,calc(56svh * var(--g-ratio, 1.6)))}.g-compare__base,.g-compare__top{position:absolute;top:0;right:0;bottom:0;left:0}.g-compare__base img,.g-compare__top-inner img,.g-compare .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.g-compare__top{clip-path:inset(0 calc(100% - var(--g-pos, 50%)) 0 0)}.g-compare__top-inner{position:absolute;top:0;right:0;bottom:0;left:0}.g-compare__divider{position:absolute;top:0;bottom:0;left:var(--g-pos, 50%);width:1px;background:var(--g-white);z-index:3;transform:translate(-.5px)}.g-compare__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.5rem;width:4.4rem;height:4.4rem;background:var(--g-white);color:var(--g-black);box-shadow:0 2px 14px #0000002e}.g-compare__tag{position:absolute;bottom:2rem;z-index:2;font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--g-ls-label);color:var(--g-white);background:#00000047;padding:.6rem 1rem;pointer-events:none;white-space:nowrap}.g-compare__tag--left{left:2rem}.g-compare__tag--right{right:2rem}.g-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:4;-webkit-appearance:none;appearance:none;background:transparent}.g-compare__range:focus-visible{opacity:1;outline:1px solid var(--g-white)!important;outline-offset:-6px!important}@media screen and (max-width:749px){.g-compare{width:100%;min-height:0}.g-compare--short{width:100%}.g-compare__handle{width:4rem;height:4rem}.g-compare__tag{bottom:1.2rem}.g-compare__tag--left{left:1.2rem}.g-compare__tag--right{right:1.2rem}}.g-compare--fit-contain .g-compare__base img,.g-compare--fit-contain .g-compare__top-inner img{object-fit:contain}.g-compare--fit-contain .g-compare__base,.g-compare--fit-contain .g-compare__top-inner{background:var(--g-gray-bg)}.g-compare--pos-top .g-compare__base img,.g-compare--pos-top .g-compare__top-inner img{object-position:50% 0%}.g-compare--pos-center .g-compare__base img,.g-compare--pos-center .g-compare__top-inner img{object-position:50% 50%}.g-compare--pos-bottom .g-compare__base img,.g-compare--pos-bottom .g-compare__top-inner img{object-position:50% 100%}
/*# sourceMappingURL=/cdn/shop/t/13/assets/goldie-compare.css.map */