pdp-color-gallery{display:block}.color-gallery__trigger{cursor:pointer;font-size:var(--color-gallery-trigger-font-size, var(--font-size--xs, .75rem));text-decoration:underline;text-underline-offset:.2em;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7));padding-block-end:var(--padding-2xs, 4px)}.color-gallery__trigger:hover{color:var(--color-foreground)}.variant-option__color-gallery-trigger{cursor:pointer;align-self:center;white-space:nowrap;font-size:var(--color-gallery-trigger-font-size, var(--font-size--xs, .75rem));text-decoration:underline;text-underline-offset:.2em;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7));margin-inline-start:var(--color-gallery-trigger-gap, 0px)}.variant-option__color-gallery-trigger--row-end{margin-inline-start:auto}.variant-option__color-gallery-trigger:hover{color:var(--color-foreground)}.color-gallery__dialog{background:var(--color-background);color:var(--color-foreground);padding:var(--padding-lg, 24px)}@media screen and (min-width:750px){.color-gallery__dialog{width:min(52rem,calc(100vw - 4rem));max-height:min(80dvh,56rem)}}.color-gallery__close{position:absolute;inset-block-start:var(--padding-sm, 12px);inset-inline-end:var(--padding-sm, 12px)}.color-gallery__title{font-size:var(--font-size--body, 1rem);margin-block:0 var(--padding-md, 16px)}.color-gallery__grid{display:grid;grid-template-columns:repeat(var(--color-gallery-columns, 3),1fr);gap:var(--padding-md, 16px) var(--padding-sm, 12px);margin:0;padding:0}@media screen and (max-width:749px){.color-gallery__grid{grid-template-columns:repeat(2,1fr)}}.color-gallery__tile{cursor:pointer;display:flex;flex-direction:column;gap:var(--padding-2xs, 4px);width:100%;text-align:start}.color-gallery__media{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--style-border-radius-inputs, 0);background:rgb(var(--color-foreground-rgb) / .04)}.color-gallery__image{display:block;width:100%;height:100%;object-fit:cover}.color-gallery__swatch-fallback{display:grid;place-items:center;width:100%;height:100%}.color-gallery__tile[aria-pressed=true] .color-gallery__media{outline:2px solid var(--color-foreground);outline-offset:2px}.color-gallery__tile:hover .color-gallery__image{opacity:.85}.color-gallery__name{font-size:var(--font-size--xs, .75rem);color:var(--color-foreground)}.color-gallery__tile[data-unavailable] .color-gallery__image{opacity:.4}.color-gallery__tile[data-unavailable] .color-gallery__name{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7));text-decoration:line-through}.color-gallery__sold-out{font-size:var(--font-size--xs, .75rem);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7))}.color-gallery__group-header{grid-column:1 / -1;margin-block-start:var(--padding-2xs, 4px)}.color-gallery__group-header:first-child{margin-block-start:0}.color-gallery__group-label{font-size:var(--font-size--body, 1rem);margin:0}.color-gallery__badge{position:absolute;inset-block-start:var(--padding-2xs, 4px);inset-inline-start:var(--padding-2xs, 4px);padding:2px var(--padding-2xs, 4px);font-size:var(--font-size--2xs, .625rem);line-height:1.4;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--style-border-radius-inputs, 0);background:var(--color-background);color:var(--color-foreground);box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb) / .12)}
/*# sourceMappingURL=/cdn/shop/t/39/assets/pdp-color-gallery.css.map */