yg-variant-compare{--yg-variant-compare-desktop-max-width: 1200px;--yg-variant-compare-desktop-max-height: 800px;--yg-variant-compare-max-height: min(var(--yg-variant-compare-desktop-max-height), calc(100dvh - var(--block-gap-lg) * 2));margin-bottom:var(--block-gap-lg);display:block}yg-variant-compare.yg-variant-compare [hidden]{display:none}yg-variant-compare .yg-variant-compare__trigger{display:flex;align-items:center;gap:var(--block-gap-xxs);width:100%;height:auto;margin:0;padding:var(--block-gap-sm);border:var(--yg-variant-compare-border-width) solid var(--yg-variant-compare-border);color:var(--color-body);background:transparent;text-align:start;cursor:pointer}yg-variant-compare .yg-variant-compare__copy{display:flex;flex:1;flex-direction:column;gap:var(--spacing-1);min-width:0;overflow-wrap:anywhere}yg-variant-compare .yg-variant-compare__title{font-weight:600;line-height:1.6}yg-variant-compare .yg-variant-compare__description{color:var(--yg-variant-compare-description);font-weight:400;line-height:1.7}yg-variant-compare .yg-variant-compare__plus{display:grid;flex:0 0 var(--spacing-6);place-items:center;width:var(--spacing-6);height:var(--spacing-6);color:#000;background:#f5f5f5}yg-variant-compare .yg-variant-compare__plus svg{width:var(--spacing-3-5);height:var(--spacing-3-5)}yg-variant-compare .yg-variant-compare__plus path{stroke:currentcolor}yg-variant-compare .yg-variant-compare__dialog{box-sizing:border-box;width:calc(100% - var(--container-gutter) * 2);max-width:var(--yg-variant-compare-desktop-max-width);max-height:var(--yg-variant-compare-max-height);margin:auto;padding:0;overflow:hidden;border:0;color:var(--color-body);background:var(--bg-body);opacity:0;transform:translateY(var(--spacing-4));transition:opacity .25s ease,transform .25s ease}yg-variant-compare .yg-variant-compare__dialog::backdrop{background:#0009;opacity:0;transition:opacity .25s ease}yg-variant-compare .yg-variant-compare__dialog.is-open,yg-variant-compare .yg-variant-compare__dialog.is-open::backdrop{opacity:1;transform:translateY(0)}yg-variant-compare .yg-variant-compare__panel{display:flex;box-sizing:border-box;flex-direction:column;max-height:var(--yg-variant-compare-max-height)}yg-variant-compare .yg-variant-compare__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--block-gap-sm);padding:var(--block-gap-md)}yg-variant-compare .yg-variant-compare__heading{margin:0;color:inherit}yg-variant-compare .yg-variant-compare__close{display:grid;flex:0 0 var(--spacing-10);place-items:center;width:var(--spacing-10);height:var(--spacing-10);margin:0;padding:var(--block-gap-xs);border:0;color:var(--color-body);background:var(--yg-compare-selector-background);cursor:pointer}yg-variant-compare .yg-variant-compare__close svg{width:var(--spacing-4);height:var(--spacing-4)}yg-variant-compare .yg-variant-compare__close :is(path,line){stroke:currentcolor}yg-variant-compare .yg-variant-compare__scroll{flex:1 1 auto;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;padding:0 var(--block-gap-md) var(--block-gap-md)}yg-variant-compare .yg-variant-compare__status{margin:0;padding:var(--block-gap-sm);color:inherit}yg-variant-compare .yg-product-compare__grid>[data-column="2"]{display:var(--yg-variant-compare-third-column, none)}@media(max-width:767px){yg-variant-compare{--yg-variant-compare-max-height: var(--yg-variant-compare-mobile-height, 90dvh)}yg-variant-compare .yg-variant-compare__dialog{width:100%;max-width:100%;margin:auto 0 0;border-end-start-radius:0;border-end-end-radius:0;transform:translateY(100%)}yg-variant-compare .yg-variant-compare__dialog.is-open{transform:translateY(0)}yg-variant-compare .yg-variant-compare__panel{padding-block-end:env(safe-area-inset-bottom)}yg-variant-compare .yg-product-compare__grid>[data-column="2"]{display:none}}@media(prefers-reduced-motion:reduce){yg-variant-compare .yg-variant-compare__dialog,yg-variant-compare .yg-variant-compare__dialog::backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/yg-variant-compare.css.map */