@media(max-width:374px){[data-home-pleats-group] .section-header p{max-inline-size:16em;margin-inline:auto}}[data-home-pleats-group] .ht-shop-color-card{min-width:0;font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-style:var(--text-font-style)}ht-home-pleats-colors{--ht-home-pleats-swatch-size: 28.8px;display:block;width:100%;max-width:800px;margin-inline:auto;padding-top:0;background:rgb(var(--background));color:rgb(var(--text-color));font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-style:var(--text-font-style)}[data-home-pleats-group] ht-home-pleats-colors{margin-block-start:calc(8px - var(--section-stack-gap))}.shopify-section--ht-home-pleats-collection [data-home-pleats-group]{padding-block-end:calc(var(--section-vertical-spacing) + 8px)}.shopify-section--ht-home-pleats-collection+.shopify-section--ht-home-color-collection [data-ht-home-color-collection]{padding-block-start:calc(var(--section-vertical-spacing) + 7px)}ht-home-pleats-colors[hidden],ht-home-pleats-colors [hidden],[data-home-pleats-card] [hidden]{display:none!important}.ht-home-pleats-colors__header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0 1px}.ht-home-pleats-colors__heading{flex:none;margin:0;font-size:12px;letter-spacing:.04em}.ht-home-pleats-colors__selected{min-width:0;margin:0;font-size:11px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ht-home-pleats-colors__palette{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.ht-home-pleats-colors__choice{width:100%;height:40px;display:grid;place-items:center;padding:2px;border:0;background:none;color:inherit;cursor:pointer}.ht-home-pleats-colors__swatch{display:block;width:var(--ht-home-pleats-swatch-size);height:var(--ht-home-pleats-swatch-size);border:1px solid rgb(var(--text-color) / .22);background:var(--ht-home-pleats-swatch-background, transparent) center / cover no-repeat;box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .1)}.ht-home-pleats-colors__choice[aria-pressed=true] .ht-home-pleats-colors__swatch{box-shadow:0 0 0 3px rgb(var(--background)),0 0 0 5px rgb(var(--text-color)),inset 0 0 0 1px rgb(var(--text-color) / .1)}.ht-home-pleats-colors__choice:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(min-width:1000px){ht-home-pleats-colors{--ht-home-pleats-swatch-size: 34px}}
/*# sourceMappingURL=/cdn/shop/t/243/assets/ht-home-pleats-colors.css.map */