.jj-compatible-products{display:block;--jj-compatible-products-grid-line: rgb(229 229 229);--jj-compatible-products-card-panel-background: rgb(246 246 246);--jj-compatible-products-card-gutter: .5rem}.jj-compatible-products-trigger{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--font-paragraph--size);font-weight:700;line-height:1.4;text-decoration:none}.jj-compatible-products-trigger:hover,.jj-compatible-products-trigger:focus-visible{opacity:.72}.jj-compatible-products-trigger:focus-visible,.jj-compatible-products-close:focus-visible,.jj-compatible-products-card-link:focus-visible,.jj-compatible-products-card-title-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.jj-compatible-products-trigger-icon{display:inline-flex;width:.875rem;height:.875rem}.jj-compatible-products-trigger-icon .icon{width:100%;height:100%}.jj-compatible-products-dialog{--drawer-width: min(40rem, 100vw);width:var(--drawer-width);max-width:100vw;height:100%;max-height:100%;margin:0 0 0 auto;padding:0;border-radius:0;border-left:var(--style-border-drawer);box-shadow:var(--shadow-drawer);container-type:inline-size}.jj-compatible-products-dialog::backdrop{background:#0f10125c}.jj-compatible-products-panel{display:flex;flex-direction:column;width:100%;height:100%}.jj-compatible-products-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 16px;min-height:48px;background:var(--color-background);color:var(--color-foreground)}.jj-compatible-products-title{margin:0;font-family:var(--font-sans);font-size:var(--jj-compatible-products-drawer-title-font-size, 28px);font-weight:var(--jj-compatible-products-drawer-title-font-weight, 500);letter-spacing:var(--jj-compatible-products-drawer-title-letter-spacing, 0);line-height:1.15;color:inherit}.jj-compatible-products-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:none;color:inherit;flex-shrink:0}.jj-compatible-products-body{display:flex;flex:1;flex-direction:column;min-height:0}.jj-compatible-products-catalog{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0;background:var(--color-background)}.jj-compatible-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--jj-compatible-products-grid-line);border-left:1px solid var(--jj-compatible-products-grid-line);padding-bottom:1.5rem}.jj-compatible-products-card{position:relative;min-width:0;display:flex;height:100%;padding:var(--jj-compatible-products-card-gutter);border-right:1px solid var(--jj-compatible-products-grid-line);border-bottom:1px solid var(--jj-compatible-products-grid-line);background:var(--color-background)}.jj-compatible-products-card-inner{display:flex;width:100%;height:100%;min-width:0;flex-direction:column;gap:0}.jj-compatible-products-card-link{display:flex;flex-direction:column;gap:0;color:inherit;text-decoration:none}.jj-compatible-products-card-media{aspect-ratio:1 / 1;overflow:hidden;border:0;border-radius:0;background:transparent}.jj-compatible-products-card-content{display:flex;min-width:0;flex:1;flex-direction:column;gap:.45rem;padding:.75rem .5rem 0rem;background:var(--jj-compatible-products-card-panel-background)}.jj-compatible-products-card-title-link{color:inherit;text-decoration:none}.jj-compatible-products-card-title{margin:0;font-size:var( --jj-compatible-products-product-title-font-size, var(--font-paragraph--size) );font-weight:var(--jj-compatible-products-product-title-font-weight, 500);letter-spacing:var(--jj-compatible-products-product-title-letter-spacing, 0);line-height:1.35}.jj-compatible-products-card-price{font-size:var( --jj-compatible-products-product-price-font-size, var(--font-paragraph-small--size) );letter-spacing:var(--jj-compatible-products-product-price-letter-spacing, 0);margin-top:-3px}.jj-compatible-products-card-price .price{font-weight:var(--jj-compatible-products-product-price-font-weight, 600)}.jj-compatible-products-card-image,.jj-compatible-products-card-placeholder{display:block;width:100%;height:100%}.jj-compatible-products-card-image{width:100%;height:100%;object-fit:cover}.jj-compatible-products-card-placeholder{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--jj-compatible-products-card-panel-background);color:rgb(var(--color-foreground-rgb) / .56);font-size:clamp(1rem,.75rem + .7vw,1.5rem);font-weight:600}.jj-compatible-products-card-link:hover .jj-compatible-products-card-image,.jj-compatible-products-card-link:focus-visible .jj-compatible-products-card-image{transform:scale(1.02)}.jj-compatible-products-card-image{transition:transform var(--animation-speed-medium) var(--animation-timing-fade-in)}.jj-compatible-products-card-price .compare-at-price{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.jj-compatible-products-card-swatches{margin-top:auto;min-width:0}.jj-compatible-products-card-swatches custom-card-swatches-picker.card-custom-swatches,.jj-compatible-products-card-swatches .card-custom-swatches{display:flex;width:100%;min-width:0;flex-direction:column;align-items:flex-start}.jj-compatible-products-card-swatches .card-custom-swatches__label{min-width:0;min-height:1lh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jj-compatible-products-card-swatches .card-custom-swatches__form{display:block;width:100%}.jj-compatible-products-card-swatches .card-custom-swatches__list{display:flex;width:100%;min-width:0;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;overflow:visible}.jj-compatible-products-card-swatches .card-custom-swatches__item{display:inline-flex;position:relative;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:4px}.jj-compatible-products-card-swatches .card-custom-swatches__radio{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.jj-compatible-products-card-swatches .card-custom-swatches__swatch{border-radius:var(--card-custom-swatch-border-radius, 0px);background:var(--card-custom-swatch-surface, transparent);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground-rgb) / .12)}.jj-compatible-products-card-swatches .card-custom-swatches__swatch--empty{background:rgb(var(--color-foreground-rgb) / .08)}.jj-compatible-products-card-swatches .card-custom-swatches__overflow-indicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--card-custom-swatches-label-color, currentColor);font-size:var(--card-custom-swatches-label-font-size, 12px);font-weight:var(--card-custom-swatches-label-font-weight, 400);line-height:1;white-space:nowrap;pointer-events:none}.jj-compatible-products-card-swatches .card-custom-swatches__overflow-indicator--desktop{display:none}@container (max-width: 38rem){.jj-compatible-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:750px){.jj-compatible-products-card-swatches .card-custom-swatches__overflow-indicator--mobile{display:none}.jj-compatible-products-card-swatches .card-custom-swatches__overflow-indicator--desktop{display:inline-flex}}@media screen and (max-width:749px){.jj-compatible-products-header{padding:0 16px}.jj-compatible-products-catalog{padding-top:0rem}.jj-compatible-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:1rem}.jj-compatible-products-card-content{padding-inline:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/compatible-products.css.map */