.color-collection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}@media screen and (min-width:750px){.color-collection--metaobject{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:center}}.color-collection__media{display:flex;flex-direction:column;gap:var(--gap-xl, 20px)}.color-collection__swatch{width:100%;aspect-ratio:1 / 1;border-radius:var(--border-radius-sm);box-shadow:inset 0 0 0 1px #0000000f}.color-collection__advice{width:100%;text-align:center}.color-collection__disclaimer{font-size:var(--font-size--xs);font-style:italic;line-height:1.5;color:rgb(var(--color-foreground-rgb) / .6)}.color-collection__disclaimer p{margin:0}.color-collection__details{display:flex;flex-direction:column;gap:var(--gap-2xl, 32px)}.color-collection__title{margin:0}.color-collection__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:calc(-1 * var(--gap-2xl, 32px) + var(--gap-xs, 8px))}.color-collection__tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--border-radius-sm);background-color:var(--color-foreground);color:var(--color-background);font-family:var(--font-body--family);font-size:var(--font-size--xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1}.color-collection__choose{width:100%;padding:clamp(24px,4vw,40px);border:1px dashed rgb(var(--color-foreground-rgb) / .4);border-radius:var(--border-radius-sm);background:transparent;color:rgb(var(--color-foreground-rgb) / .7);font-family:var(--font-body--family);font-size:var(--font-size--md);cursor:pointer;transition:border-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}.color-collection__choose:hover:not(:disabled){border-color:var(--color-foreground);color:var(--color-foreground)}.color-collection__choose:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.color-collection__choose:disabled{opacity:.5;cursor:not-allowed}.color-collection__orders{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.color-collection__order-link{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:var(--border-radius-sm);font-size:var(--font-size--sm);font-weight:600;color:var(--color-foreground);text-decoration:none;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing)}.color-collection__order-link:hover{border-color:var(--color-foreground);background-color:rgb(var(--color-foreground-rgb) / .04);text-decoration:none}.color-collection__order-icon{flex-shrink:0}.color-collection__description-heading{margin:0 0 var(--gap-sm, 12px)}.color-collection__back{align-self:flex-end}.color-collection-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#1e1e19f2;padding:24px}.color-collection-modal__overlay[hidden]{display:none}.color-collection-modal{background-color:var(--color-background);color:var(--color-foreground);border-radius:var(--style-border-radius-popover);box-shadow:0 8px 32px #0000002e;width:90vw;max-width:1100px;height:72vh;min-height:320px;display:flex;flex-direction:column;overflow:hidden}.color-collection-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 0}.color-collection-modal__title{margin:0}.color-collection-modal__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--color-foreground);cursor:pointer;padding:0;flex-shrink:0;transition:background-color var(--animation-speed) var(--animation-easing)}.color-collection-modal__close:hover{background-color:rgb(var(--color-foreground-rgb) / .08)}.color-collection-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.color-collection-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px 32px 32px}.color-collection-modal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.color-collection-modal__card{display:flex;flex-direction:column;gap:8px;color:var(--color-foreground);text-decoration:none}.color-collection-modal__media{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--border-radius-sm);background-color:var(--color-background-secondary, #f5f5f5)}.color-collection-modal__media img,.color-collection-modal__placeholder{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-speed-medium) var(--animation-timing-hover)}.color-collection-modal__card:hover .color-collection-modal__media img{transform:scale(1.04)}.color-collection-modal__info{display:flex;flex-direction:column;gap:2px}.color-collection-modal__product-title{font-size:var(--font-size--sm);font-weight:700;line-height:1.3}.color-collection-modal__product-price{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / .7)}.color-collection-modal__empty{text-align:center;padding:32px;color:rgb(var(--color-foreground-rgb) / .5)}@media screen and (max-width:999px){.color-collection-modal__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media screen and (max-width:749px){.color-collection{grid-template-columns:1fr;gap:32px}.color-collection__back{align-self:stretch}.color-collection-modal__overlay{padding:0;align-items:flex-end}.color-collection-modal{height:85vh;width:100%;max-width:100%;border-radius:var(--style-border-radius-popover) var(--style-border-radius-popover) 0 0}.color-collection-modal__header{padding:24px 20px 0}.color-collection-modal__body{padding:16px 20px 24px}.color-collection-modal__grid{grid-template-columns:repeat(2,1fr);gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme-c-color-collection.css.map */