.colour-wall{--ccw-hairline: rgba(var(--color-foreground), .14);--ccw-muted: rgba(var(--color-foreground), .62);--ccw-accent: rgb(var(--color-button))}.colour-wall [x-cloak],.colour-wall[x-cloak]{display:none!important}.colour-wall__intro{max-width:62ch;margin-bottom:2.4rem}.colour-wall__heading{margin:0 0 .6rem;scroll-margin-top:10rem;font-size:clamp(2.2rem,3vw,3rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.colour-wall__sub{margin:0;color:var(--ccw-muted);font-size:1.5rem;line-height:1.6}.colour-wall__bar{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;padding:1.6rem 0;border-top:1px solid var(--ccw-hairline);border-bottom:1px solid var(--ccw-hairline);margin-bottom:2.4rem}.colour-wall__count{margin:0;font-size:1.6rem;font-weight:600;white-space:nowrap}.colour-wall__count small{margin-left:.6rem;font-size:1.2rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ccw-muted)}.colour-wall__search{position:relative;flex:1 1 24rem;min-width:20rem}.colour-wall__search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--ccw-muted);pointer-events:none}.colour-wall__search-input{width:100%;border:1px solid rgb(var(--color-foreground));border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:1.1rem 3.4rem 1.1rem 3.6rem;font-family:inherit;font-size:1.5rem;line-height:1.3;-webkit-appearance:none;appearance:none}.colour-wall__search-input::placeholder{color:var(--ccw-muted);opacity:1}.colour-wall__search-input::-webkit-search-cancel-button{display:none}.colour-wall__search-input:focus-visible{outline:2px solid var(--ccw-accent);outline-offset:2px}.colour-wall__search-clear{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:0;background:none;color:var(--ccw-muted);cursor:pointer}.colour-wall__search-clear:hover{color:rgb(var(--color-foreground))}.colour-wall__filters{display:flex;flex-wrap:wrap;gap:.8rem}.colour-wall__filter{appearance:none;-webkit-appearance:none;border:1px solid rgb(var(--color-foreground));border-radius:0;background-color:transparent;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.9rem 3.2rem .9rem 1.2rem;cursor:pointer;transition:background-color .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1rem center;background-size:1.1rem}.colour-wall__filter:hover{background-color:rgba(var(--color-foreground),.06)}.colour-wall__filter:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.colour-wall__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2.6rem 1.8rem;align-items:start}.colour-wall__cell{display:contents}.colour-wall__swatch{display:block;padding:0;border:0;border-radius:0;background:none;text-align:left;font-family:inherit;color:inherit;cursor:pointer}.colour-wall__chip{display:block;overflow:hidden;aspect-ratio:100 / 42;background:rgba(var(--color-foreground),.05);transition:outline-color .15s ease;outline:2px solid transparent;outline-offset:3px}.colour-wall__chip-img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.14)}.colour-wall--grid .colour-wall__grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:3rem 2rem}.colour-wall--grid .colour-wall__chip{aspect-ratio:4 / 3}.colour-wall--grid .colour-wall__chip-img{transform:none}.colour-wall__swatch:hover .colour-wall__chip{outline-color:rgba(var(--color-foreground),.35)}.colour-wall__swatch--on .colour-wall__chip,.colour-wall__swatch--open .colour-wall__chip{outline-color:rgb(var(--color-foreground))}.colour-wall__swatch:focus-visible{outline:none}.colour-wall__swatch:focus-visible .colour-wall__chip{outline-color:var(--ccw-accent)}.colour-wall__name{display:block;margin-top:.9rem;font-size:1.2rem;font-weight:700;letter-spacing:.055em;line-height:1.32;text-transform:uppercase;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.colour-wall__meta{display:flex;gap:.6rem;margin-top:.3rem;font-size:1.2rem;color:var(--ccw-muted)}.colour-wall__soldout{display:block;margin-top:.2rem;font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ccw-muted)}.colour-wall__swatch--out .colour-wall__chip-img{opacity:.38}.colour-wall__swatch--out .colour-wall__name{color:var(--ccw-muted)}.colour-wall__empty{grid-column:1 / -1;margin:2rem 0;color:var(--ccw-muted);font-size:1.5rem}.colour-wall__empty button{border:0;background:none;padding:0;font:inherit;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.colour-wall__panel{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:minmax(24rem,30rem) 1fr minmax(20rem,24rem);gap:3.2rem;align-items:start;margin:1rem 0 1.4rem;padding:3rem;background:rgba(var(--color-foreground),.04);border-top:1px solid var(--ccw-hairline);border-bottom:1px solid var(--ccw-hairline);animation:ccw-panel-in .26s cubic-bezier(.2,.7,.2,1) both}.colour-wall__panel:before{content:"";position:absolute;top:-.9rem;left:clamp(1.6rem,var(--ccw-caret, 50%),calc(100% - 3rem));width:1.6rem;height:1.6rem;margin-left:-.8rem;background:rgba(var(--color-foreground),.04);border-left:1px solid var(--ccw-hairline);border-top:1px solid var(--ccw-hairline);transform:rotate(45deg)}@keyframes ccw-panel-in{0%{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:none}}.colour-wall__panel-media{display:grid;gap:1.4rem}.colour-wall__panel-swatch{display:block;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 2.4rem 5rem -2.2rem #14284766}.colour-wall__panel-tint{margin:0}.colour-wall__panel-tint img{display:block;width:100%;height:auto}.colour-wall__panel-tint figcaption{margin-top:.6rem;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ccw-muted)}.colour-wall__panel-title{margin:0 0 .4rem;font-size:2.2rem;line-height:1.15;letter-spacing:-.02em;color:inherit}.colour-wall__panel-code{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0 0 1.6rem;font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ccw-muted)}.colour-wall__panel-desc{margin:0 0 2rem;max-width:60ch;font-size:1.5rem;line-height:1.65;color:rgba(var(--color-foreground),.82)}.colour-wall__spec{margin:0;max-width:52rem;font-size:1.4rem}.colour-wall__spec-row{display:grid;grid-template-columns:12rem 1fr;gap:1.6rem;padding:.9rem 0;border-bottom:1px solid var(--ccw-hairline)}.colour-wall__spec-row:first-child{border-top:2px solid var(--ccw-accent)}.colour-wall__spec dt{font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ccw-muted);padding-top:.15rem}.colour-wall__spec dd{margin:0}.colour-wall__panel-buy{border-top:2px solid rgb(var(--color-foreground));padding-top:1.4rem}.colour-wall__panel-price{margin:0 0 .2rem;font-size:2.2rem;font-weight:600;line-height:1}.colour-wall__panel-avail{margin:0;font-size:1.3rem;color:var(--ccw-muted)}.colour-wall__qty{display:flex;width:12rem;margin:1.4rem 0 1rem;border:1px solid rgb(var(--color-foreground))}.colour-wall__qty button{flex:0 0 3.4rem;border:0;background:none;color:inherit;font-family:inherit;font-size:1.6rem;line-height:1;padding:.9rem 0;cursor:pointer}.colour-wall__qty input{flex:1;width:100%;min-width:0;border:0;border-left:1px solid rgb(var(--color-foreground));border-right:1px solid rgb(var(--color-foreground));border-radius:0;background:none;color:inherit;font-family:inherit;font-size:1.4rem;text-align:center;-moz-appearance:textfield}.colour-wall__qty input::-webkit-outer-spin-button,.colour-wall__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.colour-wall__add{width:100%;margin:0}.colour-wall__add--added,.colour-wall__add--added:hover,.colour-wall__add--added:disabled{background:#1f7a4d;border-color:#1f7a4d;color:#fff;opacity:1}.colour-wall__toast{position:fixed;left:50%;bottom:8.5rem;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.8rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:999px;font-size:1.3rem;font-weight:600;letter-spacing:.02em;box-shadow:0 .8rem 2.4rem #0003;pointer-events:none}.colour-wall__toast svg{color:#57d98a}.colour-wall__panel-close{display:block;width:100%;margin-top:1rem;padding:.6rem 0;border:0;background:none;font-family:inherit;font-size:1.3rem;color:var(--ccw-muted);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.colour-wall__panel-close:hover{color:rgb(var(--color-foreground))}.colour-wall__sticky{position:fixed;left:0;right:0;bottom:0;z-index:4;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.colour-wall__sticky-inner{display:flex;align-items:center;gap:1.6rem;padding-top:1.1rem;padding-bottom:1.1rem}.colour-wall__sticky-swatch{flex:0 0 auto;width:5.2rem;height:3.4rem;object-fit:cover}.colour-wall__sticky-text{min-width:0}.colour-wall__sticky-label{display:block;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;opacity:.66}.colour-wall__sticky-name{display:block;font-size:1.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colour-wall__sticky-price{margin-left:auto;font-size:1.7rem;font-weight:600;white-space:nowrap}.colour-wall__sticky-add{flex:0 0 auto;margin:0;min-width:18rem}.colour-wall:has(.colour-wall__sticky){padding-bottom:10rem}@media screen and (max-width:989px){.colour-wall__panel{grid-template-columns:minmax(18rem,24rem) 1fr;gap:2.4rem}.colour-wall__panel-buy{grid-column:1 / -1}}@media screen and (max-width:749px){.colour-wall__grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:2rem 1.2rem}.colour-wall__bar{gap:1rem 1.2rem}.colour-wall__filters{width:100%}.colour-wall__filter{flex:1 1 auto}.colour-wall__panel{grid-template-columns:1fr;padding:2rem 1.6rem;gap:2rem}.colour-wall__panel:before{display:none}.colour-wall__panel-media{grid-template-columns:1fr 1fr;align-items:start}.colour-wall__sticky-inner{flex-wrap:wrap;gap:1rem}.colour-wall__sticky-price{font-size:1.5rem}.colour-wall__sticky-add{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.colour-wall__panel{animation:none}.colour-wall__chip,.colour-wall__filter{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-colour-catalogue-wall.css.map */