[data-colour-diy]{color-scheme:only light;--cd-ink: #302b36;--cd-muted: #615969;--cd-paper: #fff;--cd-panel: #f3f3f1;--cd-line: #d8d8d5;--cd-error: #a72b35;--cd-font: "Inter", system-ui, sans-serif}[data-colour-diy] *{box-sizing:border-box}[data-colour-diy]{margin:0;background:var(--cd-paper);color:var(--cd-ink);font:14px/1.5 var(--cd-font)}[data-colour-diy] [hidden]{display:none!important}[data-colour-diy] button,[data-colour-diy] input{font:inherit}[data-colour-diy] button,[data-colour-diy] a,[data-colour-diy] input{-webkit-tap-highlight-color:transparent}[data-colour-diy] button{cursor:pointer;border-radius:0}[data-colour-diy] button:disabled{cursor:wait;opacity:.65}[data-colour-diy] button:active:not(:disabled){transform:translateY(1px)}[data-colour-diy] :is(button,a,input):focus-visible{outline:2px solid var(--cd-ink);outline-offset:4px}[data-colour-diy] a{color:inherit;text-underline-offset:4px}[data-colour-diy] .cd-header{max-width:1520px;margin:auto;height:82px;padding:0 44px;display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--cd-line)}[data-colour-diy] .cd-brand{font:700 28px/1.1 Georgia,serif;letter-spacing:-1.2px;text-decoration:none}[data-colour-diy] .cd-header>span{color:var(--cd-muted);font-size:13px;border-left:1px solid var(--cd-line);padding-left:30px}[data-colour-diy] .cd-shop{margin-left:auto;font-size:13px;min-height:44px;display:flex;align-items:center}[data-colour-diy]{max-width:1360px;margin:38px auto 64px;padding:0 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,410px);gap:clamp(40px,5vw,86px);align-items:start}[data-colour-diy] .cd-gallery{min-width:0}[data-colour-diy] .cd-stage{height:clamp(450px,66vh,670px);background:var(--cd-panel);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:30px}[data-colour-diy] .cd-stage canvas{display:block;height:100%;width:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px #0000000c)}[data-colour-diy] .cd-stage[data-orientation=landscape] canvas{width:100%;height:auto;max-height:100%}[data-colour-diy] .cd-loading{position:absolute;margin:0;bottom:8px;font-size:12px;padding:2px 8px;background:var(--cd-paper);color:var(--cd-ink)}[data-colour-diy] .cd-caption{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:17px 0 23px}[data-colour-diy] .cd-caption h2{margin:0;font:500 15px/1.5 var(--cd-font)}[data-colour-diy] .cd-caption p,[data-colour-diy] .cd-caption>span{font-size:12px;color:var(--cd-muted);margin:2px 0 0}[data-colour-diy] .cd-caption>span{padding-top:2px;text-align:right}[data-colour-diy] fieldset{padding:0;margin:0;border:0;min-width:0}[data-colour-diy] legend{font-weight:600;padding:0;margin-bottom:12px;font-size:14px}[data-colour-diy] .cd-artworks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}[data-colour-diy] .cd-artwork{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;text-align:left;color:var(--cd-muted);background:transparent;border:1px solid var(--cd-line);padding:7px}[data-colour-diy] .cd-artwork img{width:52px;height:60px;object-fit:contain}[data-colour-diy] .cd-artwork span{font-size:12px;line-height:1.5}[data-colour-diy] .cd-artwork[aria-pressed=true]{border-color:var(--cd-ink);color:var(--cd-ink);box-shadow:0 0 0 1px var(--cd-ink)}[data-colour-diy] .cd-controls{padding-top:6px}[data-colour-diy] .cd-eyebrow{margin:0 0 17px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-muted)}[data-colour-diy] h1{margin:0;font-weight:500;font-size:clamp(30px,2.8vw,42px);line-height:1.1;letter-spacing:-.045em}[data-colour-diy] .cd-intro>p:last-child{margin:17px 0 30px;color:var(--cd-muted);font-size:14px;max-width:38ch;line-height:1.65}[data-colour-diy] .cd-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}[data-colour-diy] .cd-palette{background:none;padding:0;border:0;color:var(--cd-muted);text-align:left;min-height:62px}[data-colour-diy] .cd-palette__swatch{height:35px;display:flex;padding:3px;border:1px solid var(--cd-line);margin-bottom:5px}[data-colour-diy] .cd-palette__swatch span{flex:1}[data-colour-diy] .cd-palette>span:last-child{font-size:11px}[data-colour-diy] .cd-palette[aria-pressed=true]{color:var(--cd-ink)}[data-colour-diy] .cd-palette[aria-pressed=true] .cd-palette__swatch{border-color:var(--cd-ink);box-shadow:0 0 0 1px var(--cd-ink)}[data-colour-diy] .cd-colours{margin-top:29px}[data-colour-diy] .cd-colours legend{margin-bottom:5px}[data-colour-diy] .cd-helper{font-size:12px;line-height:1.6;color:var(--cd-muted);margin:0 0 14px;max-width:40ch}[data-colour-diy] .cd-colour-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}[data-colour-diy] .cd-colour-field label{font-size:12px;display:block;margin-bottom:7px}[data-colour-diy] .cd-colour-field__inputs{border:1px solid var(--cd-line)}[data-colour-diy] .cd-colour-field input[type=color]{display:block;cursor:pointer;padding:6px;width:100%;height:49px;background:var(--cd-paper);border:0;border-radius:0}[data-colour-diy] .cd-colour-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}[data-colour-diy] .cd-colour-field input[type=color]::-webkit-color-swatch{border:0;border-radius:0}[data-colour-diy] .cd-colour-field input[type=color]::-moz-color-swatch{border:0;border-radius:0}[data-colour-diy] .cd-colour-field input[type=text]{border:0;border-top:1px solid var(--cd-line);border-radius:0;background:var(--cd-paper);color:var(--cd-ink);width:100%;min-height:36px;text-align:center;font-size:12px}[data-colour-diy] .cd-colour-field input[aria-invalid=true]{outline:2px solid var(--cd-error);outline-offset:-2px}[data-colour-diy] .cd-error{margin:6px 0 0;color:var(--cd-error);font-size:12px}[data-colour-diy] .cd-error:empty{display:none}[data-colour-diy] .cd-tools{display:flex;flex-wrap:wrap;gap:12px 20px;margin:4px 0 19px}[data-colour-diy] .cd-text-button{min-height:44px;padding:0;background:none;border:0;color:var(--cd-muted);text-decoration:underline;text-underline-offset:4px;font-size:12px}[data-colour-diy] .cd-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}[data-colour-diy] .cd-primary,[data-colour-diy] .cd-secondary{padding:12px 13px;min-height:49px;border:1px solid var(--cd-ink);font-size:13px;font-weight:500;white-space:nowrap}[data-colour-diy] .cd-primary{background:var(--cd-ink);color:var(--cd-paper)}[data-colour-diy] .cd-secondary{background:var(--cd-paper);color:var(--cd-ink)}[data-colour-diy] .cd-primary:hover:not(:disabled),[data-colour-diy] .cd-secondary:hover:not(:disabled){background:var(--cd-panel);color:var(--cd-ink)}[data-colour-diy] .cd-status{font-size:12px;margin:12px 0 0}[data-colour-diy] .cd-status:empty{display:none}[data-colour-diy] .cd-status[data-error=true]{color:var(--cd-error)}[data-colour-diy] .cd-note{margin:12px 0 0;color:var(--cd-muted);font-size:11px;line-height:1.6}[data-colour-diy] .cd-noscript{padding:24px}@media(max-width:1000px){[data-colour-diy]{padding-inline:28px;grid-template-columns:minmax(0,1fr) minmax(315px,.85fr);gap:30px}[data-colour-diy] .cd-stage{height:520px;padding:22px}[data-colour-diy] .cd-artwork{grid-template-columns:1fr;justify-items:center;text-align:center}[data-colour-diy] .cd-caption>span{display:none}}@media(max-width:740px){[data-colour-diy] .cd-header{padding:0 20px;height:66px;gap:20px}[data-colour-diy] .cd-brand{font-size:24px}[data-colour-diy] .cd-header>span{display:none}[data-colour-diy] .cd-shop{font-size:12px}[data-colour-diy]{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:0 20px;margin-top:20px}[data-colour-diy] .cd-gallery{display:contents}[data-colour-diy] .cd-controls{width:100%}[data-colour-diy] .cd-stage{position:sticky;top:var(--cd-header-offset, 0px);z-index:2;height:clamp(150px,20svh,190px);padding:10px;box-shadow:0 6px 14px -10px #00000059}[data-colour-diy] .cd-artwork{grid-template-columns:36px minmax(0,1fr);gap:7px;text-align:left;justify-items:start}[data-colour-diy] .cd-artwork img{width:36px;height:47px}[data-colour-diy] .cd-artwork span{font-size:10px;min-width:0;overflow-wrap:anywhere}[data-colour-diy] .cd-artworks{gap:8px}[data-colour-diy] h1{font-size:33px}[data-colour-diy] h1 br{display:none}[data-colour-diy] .cd-controls{padding-top:0}[data-colour-diy] .cd-eyebrow{margin-bottom:10px}[data-colour-diy] .cd-intro>p:last-child{margin:12px 0 26px}[data-colour-diy] .cd-caption{padding:0}[data-colour-diy] .cd-palette__swatch{height:43px}[data-colour-diy] .cd-palette{min-height:68px}[data-colour-diy] .cd-colour-field input[type=text]{min-height:44px;font-size:16px}[data-colour-diy] .cd-note{font-size:12px}}@media(max-width:400px){[data-colour-diy] .cd-artworks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){[data-colour-diy] button:active:not(:disabled){transform:none}}[data-colour-diy] .cd-purchase{margin-top:26px;padding-top:24px;border-top:1px solid var(--cd-line)}[data-colour-diy] .cd-purchase h2{margin:0 0 16px;font:inherit;font-size:20px;font-weight:600}[data-colour-diy] .cd-purchase__options{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}[data-colour-diy] .cd-purchase label{display:grid;gap:8px;font-size:14px;font-weight:600}[data-colour-diy] .cd-purchase__label{font-weight:600}[data-colour-diy] .cd-purchase__label small{font:inherit;font-size:12px;font-weight:400}[data-colour-diy] .cd-purchase select,[data-colour-diy] .cd-purchase input{min-height:46px;border:1px solid var(--cd-line);border-radius:0;padding:10px;background:var(--cd-paper);color:var(--cd-ink);font:inherit;width:100%}[data-colour-diy] .cd-purchase__delivery,[data-colour-diy] .cd-purchase__note,[data-colour-diy] .cd-purchase__contact{margin:12px 0;color:var(--cd-muted);line-height:1.5;font-size:13px}[data-colour-diy] .cd-purchase__total{display:flex;align-items:end;justify-content:space-between;margin:18px 0;gap:20px}[data-colour-diy] .cd-purchase__total label{width:90px}[data-colour-diy] .cd-purchase__total strong{font-size:26px;font-weight:600;padding-bottom:8px}[data-colour-diy] .cd-purchase .cd-primary{width:100%;min-height:50px}[data-colour-diy] .cd-purchase__status{font-size:14px;line-height:1.5}[data-colour-diy] .cd-purchase a{display:inline-block;color:var(--cd-ink);margin-right:18px;text-underline-offset:3px}[data-colour-diy] .cd-purchase__contact a{margin-right:0}[data-colour-diy] .cd-purchase [hidden]{display:none!important}[data-colour-diy] .cd-purchase :focus-visible{outline:2px solid var(--cd-ink);outline-offset:3px}[data-colour-diy] .cd-finish-frame{position:absolute;pointer-events:none;box-shadow:0 0 0 2px #0e1010,0 0 0 8px #272929,0 0 0 9px #3c3e3e}[data-colour-diy] .cd-finish-frame[hidden]{display:none!important}@media(max-width:420px){[data-colour-diy] .cd-purchase__options{grid-template-columns:1fr;gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/pf-colour-diy.css.map */