.ct-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border)}.ct-heading{font-size:.8125rem;font-weight:var(--font-body-medium-weight, 500);text-transform:uppercase;letter-spacing:.04em;color:var(--color-body);margin:0 0 14px}.ct-preview-line{display:flex;align-items:center;gap:6px;padding:3px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ct-preview-line::-webkit-scrollbar{display:none}.ct-preview-row{display:flex;gap:6px;align-items:center;flex-shrink:0}.ct-swatch{position:relative;width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000001a;cursor:pointer;transition:transform .15s ease;display:block;text-decoration:none;flex-shrink:0}.ct-swatch:hover{transform:scale(1.15)}.ct-swatch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ct-swatch--current{border:2px solid #fff;box-shadow:0 0 0 1px var(--color-body, #1a1a1a);flex-shrink:0}.ct-swatch--current:hover{transform:none}.ct-see-all-inline{background:none;border:none;padding:0;margin-left:auto;color:var(--color-body);font-family:inherit;font-size:.75rem;font-weight:var(--font-body-medium-weight, 500);letter-spacing:.02em;white-space:nowrap;cursor:pointer;opacity:.6;transition:opacity .2s;flex-shrink:0;text-decoration:underline;text-underline-offset:2px}.ct-see-all-inline:hover{opacity:1}.ct-see-all-inline:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ct-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;visibility:hidden;pointer-events:none;touch-action:none}.ct-overlay.ct-open{visibility:visible;pointer-events:auto}.ct-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .25s ease}.ct-open .ct-backdrop{opacity:1}.ct-tray{position:absolute;top:0;right:0;width:480px;height:100%;background:var(--bg-body, #fff);transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}.ct-open .ct-tray{transform:translate(0)}@media(max-width:767px){.ct-tray{width:85%}}.ct-tray-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0}.ct-tray-title{font-family:var(--font-heading-family);font-weight:200;font-size:1.25rem;margin:0;color:var(--color-body)}.ct-tray-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-body);padding:0;flex-shrink:0}.ct-tray-close:hover{opacity:.7}.ct-tray-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ct-tray-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;justify-items:center}.ct-tray-grid::-webkit-scrollbar{display:none}@media(max-width:767px){.ct-tray-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:16px}.ct-card__swatch{max-width:80px;margin:0 auto}}.ct-card{display:block;text-decoration:none;color:var(--color-body);transition:opacity .15s;width:100%;text-align:center}.ct-card:hover{opacity:.8}.ct-card__swatch{aspect-ratio:1 / 1;border-radius:50%;border:2px solid transparent;transition:border-color .15s;position:relative}.ct-card--current .ct-card__swatch{border:2px solid #fff;outline:1px solid var(--color-body, #1a1a1a)}.ct-card__name{font-size:.5625rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em;margin-top:5px;line-height:1.2;color:var(--color-body);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-card--current .ct-card__name{font-weight:var(--font-body-medium-weight, 500)}
/*# sourceMappingURL=/cdn/shop/t/45/assets/colour-tray.css.map */