.tc-colors__overflow{display:none!important}tc-color-popup{align-self:center;font-family:var(--font-body-family)}.tc-colors__open{font:inherit;white-space:nowrap;padding:10px 4px;text-underline-offset:4px}.tc-colors__open[hidden]{display:none}.tc-colors__dialog{width:min(900px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:44px 28px 28px;border:0;border-radius:var(--blocks-radius,12px);color:rgb(var(--color-foreground));background:rgb(var(--color-background));overflow:auto}.tc-colors__dialog::backdrop{background:#00000080}.tc-colors__dialog .tc-colors__close{position:absolute;right:8px;top:6px;display:grid;place-content:center;width:36px;height:36px;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:300 32px/1 var(--font-body-family);cursor:pointer}.tc-colors__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:28px;align-items:start}.tc-colors__preview{position:relative;margin:0;border-radius:12px;overflow:hidden}.tc-colors__preview [data-color-preview]{aspect-ratio:1;background-size:cover}.tc-colors__preview img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.tc-colors__preview figcaption{position:absolute;bottom:0;inset-inline:0;padding:24px 12px 12px;background:linear-gradient(transparent,#000000a6);color:#fff;text-align:center;font-size:15px;line-height:1.4}.tc-colors__choices{min-width:0}.tc-colors__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-height:310px;overflow-y:auto;padding:5px 12px 5px 5px;scrollbar-width:thin}.tc-colors__dialog .tc-colors__swatch{display:block;position:relative;width:100%;height:auto;aspect-ratio:1;min-width:0;min-height:0;padding:3px;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.tc-colors__swatch span{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;box-shadow:inset 0 0 0 1px #0000001f}.tc-colors__dialog .tc-colors__swatch[aria-pressed=true]{border-color:currentColor}.tc-colors__swatch.is-unavailable:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;background:linear-gradient(to bottom right,transparent 49%,rgb(var(--color-foreground)) 50%,transparent 51%);border-radius:50%}.tc-colors__dialog .tc-colors__confirm{display:block;margin:18px 0 0 auto;max-width:100%;white-space:normal;font-size:15px}.tc-colors__dialog button:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:767px){.tc-colors__dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:42px 24px 22px}.tc-colors__layout{grid-template-columns:1fr;gap:22px}.tc-colors__preview{width:min(100%,280px,30dvh);margin-inline:auto}.tc-colors__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:27dvh}.tc-colors__dialog .tc-colors__confirm{margin:18px auto 0;font-size:14px}.tc-colors__preview figcaption{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/tc-color-popup.css.map */