yg-product-compare-01.yg-product-compare{--yg-compare-column-max: 420px;--yg-compare-image-max: 280px;--yg-compare-icon-size: var(--spacing-10);--yg-compare-arrow-size: var(--spacing-4-5);--yg-compare-image-padding: var(--block-gap-lg);--yg-compare-info-gap: var(--block-gap-xs);--yg-compare-border-width: 1px;--yg-compare-menu-max-width: 320px;--yg-compare-menu-max-height: 274px;display:block;padding-block:var(--yg-compare-padding-top) var(--yg-compare-padding-bottom);color:var(--yg-compare-value-color, #ffffff);background:var(--yg-compare-background, #000000)}yg-product-compare-01.yg-product-compare [hidden]{display:none}yg-product-compare-01 .yg-product-compare__column{flex-basis:100%;max-width:100%}yg-product-compare-01 .yg-product-compare__heading{margin:0 0 var(--header-bottom-padding);color:var(--yg-compare-heading-color, #ffffff);font-weight:600;line-height:1.2;letter-spacing:-.01em;text-align:var(--yg-compare-alignment);overflow-wrap:anywhere}yg-product-compare-01 .yg-product-compare__layout{width:100%;max-width:calc(var(--yg-compare-columns) * var(--yg-compare-column-max));margin-inline:auto}yg-product-compare-01 .yg-product-compare__grid{display:grid;grid-template-columns:repeat(var(--yg-compare-columns),minmax(0,1fr));column-gap:var(--yg-compare-column-gap);text-align:center}yg-product-compare-01 .yg-product-compare__grid>*{min-width:0}yg-product-compare-01 .yg-product-compare__image-slot{padding:var(--yg-compare-image-padding)}yg-product-compare-01 .yg-product-compare__image,yg-product-compare-01 .yg-product-compare__image-placeholder{display:block;width:100%;max-width:var(--yg-compare-image-max);margin-inline:auto;aspect-ratio:1 / 1}yg-product-compare-01 .yg-product-compare__image .yg-image{object-fit:contain}yg-product-compare-01 .yg-product-compare__info-grid{position:sticky;z-index:5;top:var(--yg-compare-sticky-top, 0px);padding-block:var(--block-gap-xs) var(--block-gap-md);background:var(--yg-compare-background, #000000)}yg-product-compare-01 .yg-product-compare__info{display:flex;flex-direction:column;align-items:center;gap:var(--yg-compare-info-gap);height:100%}yg-product-compare-01 .yg-product-compare__badge,yg-product-compare-01 .yg-product-compare__price{margin:0;font-weight:600}yg-product-compare-01 .yg-product-compare__badge{color:var(--yg-compare-badge-color, #ffffff)}yg-product-compare-01 .yg-product-compare__name{max-width:100%;margin:0;color:var(--yg-compare-name-color, #ffffff);font-weight:600;overflow-wrap:anywhere}yg-product-compare-01 .yg-product-compare__switcher{position:relative;display:inline-block;max-width:100%;text-align:start}yg-product-compare-01 .yg-product-compare__name>span{display:inline-block;padding-block:var(--block-gap-xxs);border-block-end:var(--yg-compare-border-width) solid transparent}yg-product-compare-01 .yg-product-compare__select-trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--block-gap-xxs);max-width:100%;height:auto;margin:0;padding:var(--block-gap-xxs) 0;border:0;border-block-end:var(--yg-compare-border-width) solid var(--yg-compare-selector-border-color, #404040);border-radius:0;color:inherit;background:transparent;font:inherit;text-align:center;cursor:pointer}yg-product-compare-01 .yg-product-compare__selected-name{min-width:0;overflow-wrap:anywhere}yg-product-compare-01 .yg-product-compare__select-trigger .yg-product-compare__chevron{transition:transform .2s ease}yg-product-compare-01 .yg-product-compare__select-trigger[aria-expanded=true] .yg-product-compare__chevron{transform:rotate(180deg)}yg-product-compare-01 .yg-product-compare__select-menu{position:absolute;z-index:2;inset-block-start:calc(100% + var(--block-gap-xxs));inset-inline-end:0;width:max-content;min-width:100%;max-width:min(var(--yg-compare-menu-max-width),calc(100vw - var(--block-gap-lg)));max-height:min(var(--yg-compare-menu-max-height),var(--yg-compare-menu-space, 50vh));overflow-y:auto;overscroll-behavior:contain;margin:0;padding:var(--block-gap-xxs) 0;border:var(--yg-compare-border-width) solid var(--yg-compare-selector-border-color, #404040);color:var(--yg-compare-selector-color, #ffffff);background:var(--yg-compare-selector-background, #1a1a1a);box-shadow:0 var(--spacing-1) var(--spacing-3) #0003;font-weight:400;text-align:start}yg-product-compare-01 .yg-product-compare__select-option{padding:var(--block-gap-xxs) var(--block-gap-sm);overflow-wrap:anywhere;cursor:pointer}yg-product-compare-01 .yg-product-compare__select-option:hover,yg-product-compare-01 .yg-product-compare__select-option.is-active{background:var(--yg-compare-selector-hover-background, #303030)}yg-product-compare-01 .yg-product-compare__select-option[aria-selected=true]{color:var(--yg-compare-selector-selected-color, #ffffff);font-weight:600}yg-product-compare-01 .yg-product-compare__select-trigger:focus-visible,yg-product-compare-01 .yg-product-compare__link:focus-visible,yg-product-compare-01 .yg-product-compare__toggle:focus-visible,yg-product-compare-01 .yg-product-compare__variant:focus-visible,yg-product-compare-01 .yg-product-compare__add:focus-visible{outline:var(--yg-compare-border-width) solid currentColor;outline-offset:var(--spacing-1)}yg-product-compare-01 .yg-product-compare__chevron{display:inline-grid;flex:0 0 var(--yg-compare-arrow-size);place-items:center;width:var(--yg-compare-arrow-size);height:var(--yg-compare-arrow-size)}yg-product-compare-01 .yg-product-compare__chevron svg{width:60%;height:60%}yg-product-compare-01 .yg-product-compare__chevron path{stroke:currentColor}yg-product-compare-01 .yg-product-compare__chevron--right{transform:rotate(-90deg)}yg-product-compare-01 .yg-product-compare__details{margin-top:auto;color:var(--yg-compare-link-color, #ffffff);font-weight:600}yg-product-compare-01 .yg-product-compare__link{display:inline-flex;align-items:center;gap:var(--block-gap-xxs);color:inherit}yg-product-compare-01 .yg-product-compare__link:hover{text-decoration:underline;text-underline-offset:var(--spacing-1)}yg-product-compare-01 .yg-product-compare__purchase{display:grid;justify-items:center;gap:var(--block-gap-xs);width:100%}yg-product-compare-01 .yg-product-compare__price{color:var(--yg-compare-price-color, #ffffff)}yg-product-compare-01 .yg-product-compare__variant{width:100%;max-width:var(--yg-compare-image-max);height:auto;margin:0;padding:var(--block-gap-xxs) var(--block-gap-lg) var(--block-gap-xxs) var(--block-gap-xs);border:var(--yg-compare-border-width) solid currentColor;color:var(--yg-compare-link-color, #ffffff);background-color:var(--yg-compare-background, #000000)}yg-product-compare-01 .yg-product-compare__form,yg-product-compare-01 .yg-product-compare__cart-form{display:block;margin:0}yg-product-compare-01 .yg-product-compare__add{position:relative;height:auto;margin:0;padding:var(--block-gap-xs) var(--block-gap-md);border:var(--yg-compare-border-width) solid currentColor;color:var(--yg-compare-add-color, #ffffff);background:transparent}yg-product-compare-01 .yg-product-compare__add:disabled{cursor:not-allowed;opacity:.5}yg-product-compare-01 .yg-product-compare__error{margin-block-end:var(--block-gap-xs);color:var(--yg-compare-add-color, #ffffff)}yg-product-compare-01 .yg-product-compare__viewport{overflow:hidden}yg-product-compare-01.yg-product-compare.is-ready .yg-product-compare__viewport{transition:height .3s ease}yg-product-compare-01 .yg-product-compare__row{border-block-start:var(--yg-compare-border-width) solid var(--yg-compare-border-color, #262626)}yg-product-compare-01 .yg-product-compare__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--yg-compare-row-gap);height:100%;padding:var(--yg-compare-cell-padding);overflow-wrap:anywhere}yg-product-compare-01 .yg-product-compare__icon{width:var(--yg-compare-icon-size);height:var(--yg-compare-icon-size);object-fit:contain}yg-product-compare-01 .yg-product-compare__value{margin:0;color:var(--yg-compare-value-color, #ffffff);font-weight:600;line-height:1.4}yg-product-compare-01 .yg-product-compare__label{color:var(--yg-compare-label-color, #b3b3b3);font-weight:400}yg-product-compare-01 .yg-product-compare__toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:var(--button-min-height-lg);min-width:var(--button-min-width-lg);height:auto;margin:var(--header-bottom-padding) auto 0;padding:var(--button-padding-lg);border:var(--yg-compare-border-width) solid currentColor;color:var(--yg-compare-toggle-color, #ffffff);background-color:var(--yg-compare-toggle-background, transparent);font-weight:600;line-height:1.6;cursor:pointer;transition:opacity .3s ease}yg-product-compare-01 .yg-product-compare__toggle:hover{opacity:.7}yg-product-compare-01 .yg-product-compare__toggle .yg-product-compare__chevron{transition:transform .3s ease}yg-product-compare-01 .yg-product-compare__toggle[aria-expanded=true] .yg-product-compare__chevron{transform:rotate(180deg)}@media(max-width:767px){yg-product-compare-01.yg-product-compare{--yg-compare-columns: var(--yg-compare-columns-mobile);--yg-compare-column-gap: var(--yg-compare-column-gap-mobile);--yg-compare-row-gap: var(--yg-compare-row-gap-mobile);--yg-compare-image-padding: 0;--yg-compare-icon-size: var(--spacing-6);--yg-compare-arrow-size: var(--spacing-3-5);padding-block:var(--yg-compare-padding-top-mobile) var(--yg-compare-padding-bottom-mobile);background:var(--yg-compare-background-mobile, var(--yg-compare-background, #000000))}yg-product-compare-01 .yg-product-compare__grid>[data-column="2"]{display:none}yg-product-compare-01 .yg-product-compare__info-grid,yg-product-compare-01 .yg-product-compare__variant{background-color:var(--yg-compare-background-mobile, var(--yg-compare-background, #000000))}yg-product-compare-01 .yg-product-compare__cell{padding-inline:0}yg-product-compare-01 .yg-product-compare__name.h5,yg-product-compare-01 .yg-product-compare__value.h5{font-size:var(--text-h6)}yg-product-compare-01 .yg-product-compare__badge.text-base{font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){yg-product-compare-01.yg-product-compare.is-ready .yg-product-compare__viewport,yg-product-compare-01 .yg-product-compare__toggle,yg-product-compare-01 .yg-product-compare__select-trigger .yg-product-compare__chevron,yg-product-compare-01 .yg-product-compare__toggle .yg-product-compare__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/yg-product-compare-01.css.map */