.canopy-custom{--cc-ink: var(--brand-green-dark, #234b21);--cc-olive: var(--brand-green-light, #aac44a);--cc-stone: var(--brand-cream, #f6f3ec);--cc-card-bg: var(--brand-light, #ffffff);--cc-heading: var(--cc-ink);--cc-subheading: #6a6a60;--cc-text: #2f2f2a;--cc-btn-bg: var(--cc-ink);--cc-btn-text: #ffffff;--cc-btn-hover: color-mix(in srgb, var(--cc-btn-bg) 85%, black);--cc-input-border: #d9d5c8;--cc-error: #b3261e;background:var(--cc-stone);padding:56px 0 80px;font-family:Futura PT,Futura,Century Gothic,sans-serif}.canopy-custom__inner{max-width:1180px;margin:0 auto;padding:0 24px}.canopy-custom__heading{text-align:center;font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--cc-heading);margin:0 0 10px}.canopy-custom__subheading{text-align:center;font-size:15px;color:var(--cc-subheading);max-width:600px;margin:0 auto 32px}.canopy-custom__viewer{position:relative;aspect-ratio:21 / 9;max-height:420px;border-radius:12px;overflow:hidden;background:var(--cc-stone);box-shadow:0 1px 2px color-mix(in srgb,var(--cc-ink) 8%,transparent);cursor:grab;margin-bottom:40px}.canopy-custom__viewer:active{cursor:grabbing}.canopy-custom__canvas{display:block;width:100%;height:100%}.canopy-custom__viewer-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--cc-ink) 55%,transparent);background:color-mix(in srgb,var(--cc-card-bg) 75%,transparent);padding:6px 14px;border-radius:999px;pointer-events:none}.canopy-custom__viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#8a8371;background:var(--cc-stone)}.canopy-custom__layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:40px;align-items:start}.canopy-custom__group{margin-bottom:32px}.canopy-custom__group:last-child{margin-bottom:0}.canopy-custom__group-label{font-weight:700;font-size:14px;color:var(--cc-text);margin:0 0 14px}.canopy-custom__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.canopy-custom__swatch{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent;background:var(--cc-card-bg);border-radius:8px;padding:10px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.canopy-custom__swatch:hover{border-color:color-mix(in srgb,var(--cc-olive) 50%,transparent)}.canopy-custom__swatch.is-active{border-color:var(--cc-ink);box-shadow:0 4px 12px color-mix(in srgb,var(--cc-ink) 15%,transparent)}.canopy-custom__swatch img{width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:4px;display:block}.canopy-custom__swatch-placeholder{display:block;width:100%;aspect-ratio:1 / 1;border-radius:4px;background-image:repeating-linear-gradient(-45deg,#e7ddc6 0px 10px,#f1eada 10px 20px)}.canopy-custom__swatch-color{display:block;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 1px #0000001f,0 2px 6px #00000026}.canopy-custom__swatch--custom{cursor:pointer}.canopy-custom__swatch-color-picker{width:44px;height:44px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #0000001f,0 2px 6px #00000026;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:block;position:relative}.canopy-custom__swatch-color-picker input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;padding:0;cursor:pointer;opacity:0}.canopy-custom__swatch-label{font-size:11.5px;font-weight:600;color:var(--cc-text);text-align:center;line-height:1.3}.canopy-custom__side{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}.canopy-custom__preview{background:var(--cc-card-bg);border-radius:10px;padding:20px;box-shadow:0 1px 2px color-mix(in srgb,var(--cc-ink) 6%,transparent)}.canopy-custom__preview-label{font-weight:700;font-size:13px;color:var(--cc-text);margin:0 0 14px}.canopy-custom__preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.canopy-custom__preview-item{display:flex;flex-direction:column;align-items:center;gap:6px}.canopy-custom__preview-item[hidden]{display:none}.canopy-custom__preview-image{width:100%;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:#f1eada;display:flex;align-items:center;justify-content:center}.canopy-custom__preview-image img{width:100%;height:100%;object-fit:contain}.canopy-custom__preview-color{display:block;width:60%;height:60%;border-radius:50%;box-shadow:0 0 0 1px #0000001f}.canopy-custom__preview-placeholder{font-size:9.5px;color:#9a9488;text-transform:uppercase;letter-spacing:.03em;text-align:center;padding:0 4px}.canopy-custom__preview-name{font-size:10.5px;font-weight:600;color:var(--cc-text);text-align:center;line-height:1.3}.canopy-custom__form-card{background:var(--cc-card-bg);border-radius:10px;padding:24px 22px;box-shadow:0 1px 2px color-mix(in srgb,var(--cc-ink) 6%,transparent)}.canopy-custom__form-title{font-weight:700;font-size:18px;color:var(--cc-text);margin:0 0 8px}.canopy-custom__form-description{font-size:13px;color:var(--cc-subheading);line-height:1.5;margin:0 0 18px}.canopy-custom__form{display:flex;flex-direction:column;gap:12px}.canopy-custom__input{width:100%;border:1px solid var(--cc-input-border);border-radius:4px;padding:12px 14px;font-size:14px;font-family:inherit;color:var(--cc-text);background:var(--cc-card-bg);transition:border-color .2s ease}.canopy-custom__input:focus{outline:none;border-color:var(--cc-ink)}.canopy-custom__error{font-size:12.5px;color:var(--cc-error);margin:0}.canopy-custom__success{text-align:center;padding:8px 0;color:var(--cc-ink);line-height:1.6}.canopy-custom__success p{margin:0 0 4px}.canopy-custom__submit{border:none;cursor:pointer;background:var(--cc-btn-bg);color:var(--cc-btn-text);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:14px 18px;border-radius:4px;transition:background-color .25s ease}.canopy-custom__submit:hover,.canopy-custom__submit:focus-visible{background:var(--cc-btn-hover)}@media(max-width:900px){.canopy-custom__layout{grid-template-columns:1fr}.canopy-custom__side{position:static}.canopy-custom__viewer{aspect-ratio:4 / 3;max-height:none}}@media(prefers-reduced-motion:reduce){.canopy-custom__swatch,.canopy-custom__submit,.canopy-custom__input{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-canopy-customizer.css.map */