.colouring-pages{--cp-fg: rgb(var(--color-foreground, 18, 18, 18));--cp-fg-soft: rgba(var(--color-foreground, 18, 18, 18), .62);--cp-line: rgba(var(--color-foreground, 18, 18, 18), .14);--cp-bg: rgb(var(--color-background, 255, 255, 255));--cp-panel: rgba(var(--color-foreground, 18, 18, 18), .04);--cp-radius: var(--inputs-radius, 8px);--cp-btn-radius: var(--buttons-radius, 8px);--cp-accent: rgb(var(--color-foreground, 18, 18, 18))}.colouring-pages [hidden]{display:none!important}.cp-intro{max-width:62ch;margin:0 auto 2.4rem;text-align:center}.cp-intro>*+*{margin-top:.8rem}.cp-intro__text{color:var(--cp-fg-soft)}.cp-picks{display:flex;gap:.8rem;margin:0;padding:0 0 .4rem;list-style:none;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cp-picks__label{font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cp-fg-soft);margin:0 0 .6rem;display:block}.cp-pick{flex:0 0 auto;display:block;width:8.4rem;border:1px solid var(--cp-line);border-radius:3px;background:#fff;padding:0;overflow:hidden;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.cp-pick img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:#fff}.cp-picks>li{flex:0 0 auto;margin:0;padding:0}.cp-pick:hover{border-color:var(--cp-fg)}.cp-pick.is-active{border-color:var(--cp-fg);box-shadow:0 0 0 2px rgb(var(--color-background, 255, 255, 255)),0 0 0 4px var(--cp-fg)}@media screen and (min-width:990px){.cp-picks{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:70vh}.cp-pick{width:100%}}.cp-empty{border:1px dashed var(--cp-line);border-radius:var(--cp-radius);padding:3rem 2rem;text-align:center;color:var(--cp-fg-soft)}.cp-studio{display:grid;gap:1.6rem;grid-template-columns:1fr}@media screen and (min-width:990px){.cp-studio{grid-template-columns:10.4rem minmax(0,1fr) 30rem;align-items:start}}.cp-studio__head{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem 1.6rem;justify-content:space-between}.cp-studio__title{margin:0;font-size:1.9rem;line-height:1.25}.cp-stage{position:relative;display:grid;place-items:center;touch-action:none}.cp-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:min(70vh,760px);margin:0 auto;background:#fff;outline:1px solid var(--cp-line);box-shadow:0 2px 14px #00000012;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair}.cp-stage.is-zoomed{overflow:auto;max-height:min(70vh,760px);align-items:safe center;justify-items:safe center;outline:1px solid var(--cp-line);border-radius:2px}.cp-stage.is-zoomed .cp-canvas{max-width:none;max-height:none;outline:0;box-shadow:none}.cp-zoom{display:grid;grid-template-columns:4.4rem minmax(0,1fr) 4.4rem;gap:.6rem}.cp-zoom__btn,.cp-zoom__fit{min-height:4.4rem;border:1px solid var(--cp-line);border-radius:var(--cp-btn-radius);background:var(--cp-bg);color:var(--cp-fg);cursor:pointer;font-size:1.6rem;line-height:1;padding:0}.cp-zoom__fit{font-size:1.3rem}.cp-zoom__btn:hover:not(:disabled),.cp-zoom__fit:hover{border-color:var(--cp-fg)}.cp-zoom__btn:disabled{opacity:.35;cursor:not-allowed}.cp-brush-ring{position:absolute;z-index:4;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(0,0,0,.85);box-shadow:0 0 0 1.5px #fffffff2,inset 0 0 0 1px #fff9;transform:translate(-50%,-50%);pointer-events:none}.colouring-pages .cp-brush-ring{display:block}.cp-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffffd9;font-size:1.3rem;color:var(--cp-fg-soft)}.cp-status{margin:.8rem 0 0;font-size:1.2rem;color:var(--cp-fg-soft)}.cp-panel{display:grid;gap:1.4rem;padding:1.4rem;border:1px solid var(--cp-line);border-radius:var(--cp-radius);background:var(--cp-panel)}.cp-field{display:grid;gap:.6rem}.cp-label{font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cp-fg-soft);display:flex;justify-content:space-between;gap:1rem}.cp-tools{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.6rem}.cp-tool{display:grid;justify-items:center;gap:.35rem;padding:.9rem .4rem;min-height:5.4rem;border:1px solid var(--cp-line);border-radius:var(--cp-btn-radius);background:var(--cp-bg);color:var(--cp-fg);font-size:1.1rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.cp-tool svg{width:2rem;height:2rem}.cp-tool:hover{border-color:var(--cp-fg)}.cp-tool.is-active{background:var(--cp-fg);color:var(--cp-bg);border-color:var(--cp-fg)}.cp-tool:disabled{opacity:.35;cursor:not-allowed}.cp-slider{width:100%;accent-color:var(--cp-accent);height:2.4rem}.cp-studio:not([data-cp-active-tool=fill]) .cp-field--fill{display:none}.cp-studio[data-cp-active-tool=fill] .cp-field--brush{display:none}.cp-preview-row{display:flex;align-items:center;gap:1rem}.cp-preview{position:relative;flex:0 0 auto;width:7.2rem;height:7.2rem;display:grid;place-items:center;border:1px solid var(--cp-line);border-radius:var(--cp-btn-radius);background:#fff;overflow:hidden}.cp-preview:after{content:"";width:var(--cp-preview-core, 20px);height:var(--cp-preview-core, 20px);max-width:6.4rem;max-height:6.4rem;border-radius:50%;background:var(--cp-preview-color, #000);filter:blur(var(--cp-preview-blur, 0px));opacity:var(--cp-preview-alpha, 1)}.cp-preview:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:var(--cp-preview-size, 20px);height:var(--cp-preview-size, 20px);max-width:6.4rem;max-height:6.4rem;border-radius:50%;border:1px solid rgba(0,0,0,.4)}.cp-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.2rem,1fr));gap:.6rem}.cp-swatch{aspect-ratio:1 / 1;min-height:3.2rem;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:var(--cp-swatch, #000);cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.cp-swatch:hover{transform:scale(1.12)}.cp-swatch.is-active{box-shadow:0 0 0 2px var(--cp-bg),0 0 0 4px var(--cp-fg);transform:scale(1.08)}.cp-custom-row{display:flex;align-items:center;gap:.8rem}.cp-custom{inline-size:4.8rem;block-size:3.6rem;padding:0;border:1px solid var(--cp-line);border-radius:var(--cp-btn-radius);background:none;cursor:pointer}.cp-custom-row label{font-size:1.2rem;color:var(--cp-fg-soft)}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:4.4rem;padding:.9rem 1.6rem;border-radius:var(--cp-btn-radius);border:1px solid var(--cp-fg);background:var(--cp-bg);color:var(--cp-fg);font-size:1.35rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease}.cp-btn:hover:not(:disabled){background:rgba(var(--color-foreground, 18, 18, 18),.07)}.cp-btn:disabled{opacity:.4;cursor:not-allowed}.cp-btn--primary{background:rgb(var(--color-button, 18, 18, 18));color:rgb(var(--color-button-text, 255, 255, 255));border-color:rgb(var(--color-button, 18, 18, 18))}.cp-btn--primary:hover:not(:disabled){opacity:.88;background:rgb(var(--color-button, 18, 18, 18))}.cp-btn--full{width:100%}.cp-btn-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem}.cp-actions{grid-column:1 / -1;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}@media screen and (min-width:990px){.cp-actions{grid-column:1 / 3}}.cp-cta{grid-column:1 / -1;margin-top:.4rem;padding:1.4rem 1.6rem;border:1px solid var(--cp-line);border-radius:var(--cp-radius);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font-size:1.35rem;color:var(--cp-fg);text-decoration:none}.cp-cta>span:first-child{text-decoration:none}.cp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.6rem;background:#0000008c;overflow-y:auto}.cp-modal__box{width:min(52rem,100%);max-height:92vh;overflow-y:auto;background:var(--cp-bg);color:var(--cp-fg);border-radius:var(--cp-radius);padding:2.4rem;display:grid;gap:1.4rem}.cp-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.cp-modal__head h3{margin:0;font-size:1.8rem}.cp-modal__close{border:0;background:none;font-size:2.4rem;line-height:1;cursor:pointer;color:var(--cp-fg);padding:.2rem .6rem}.cp-entry-preview{width:12rem;height:12rem;object-fit:contain;border:1px solid var(--cp-line);border-radius:var(--cp-radius);background:#fff;justify-self:center}.cp-form{display:grid;gap:1.2rem}.cp-form label{font-size:1.25rem;display:grid;gap:.4rem}.cp-form input[type=text],.cp-form input[type=email],.cp-form input[type=number]{width:100%;min-height:4.4rem;padding:.8rem 1.2rem;font-size:1.6rem;border:1px solid var(--cp-line);border-radius:var(--cp-btn-radius);background:var(--cp-bg);color:var(--cp-fg)}.cp-check{display:flex!important;align-items:flex-start;gap:.8rem;font-size:1.25rem;line-height:1.45}.cp-check input{margin-top:.25rem;width:1.8rem;height:1.8rem;flex:0 0 auto}.cp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cp-note{font-size:1.2rem;color:var(--cp-fg-soft)}.cp-note a{color:inherit}.cp-msg{font-size:1.3rem;margin:0}.cp-msg--ok{color:#14783c}.cp-msg--error{color:#b42828}body.cp-modal-open{overflow:hidden}.cp-mobilebar,.cp-drawer-backdrop,.cp-drawer__close{display:none}@media screen and (max-width:989px){.cp-studio{gap:1.2rem}.cp-canvas,.cp-stage.is-zoomed{max-height:min(64vh,760px);max-height:min(64svh,760px)}.cp-picks{order:-1}.cp-pick{width:7.2rem}.cp-mobilebar{display:flex;align-items:center;gap:.8rem;position:sticky;bottom:0;z-index:4;padding:.8rem 0;padding-bottom:max(.8rem,env(safe-area-inset-bottom,0px));background:var(--cp-bg)}.cp-zoom--bar{flex:0 0 auto;grid-template-columns:4.4rem 6.4rem 4.4rem}.cp-barbtn{flex:1 1 auto;min-height:4.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid var(--cp-line);border-radius:var(--cp-btn-radius);background:var(--cp-bg);color:var(--cp-fg);font-size:1.3rem;cursor:pointer}.cp-barbtn:disabled{opacity:.4}.cp-barbtn--tools{background:rgb(var(--color-button, 18, 18, 18));color:rgb(var(--color-button-text, 255, 255, 255));border-color:rgb(var(--color-button, 18, 18, 18))}.cp-barbtn__swatch{width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:#000;flex:0 0 auto}.colouring-pages .cp-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:#00000059}.cp-panel{position:fixed;left:0;right:0;bottom:0;z-index:9;max-height:62vh;max-height:62svh;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:1.1rem;border:0;border-radius:var(--cp-radius) var(--cp-radius) 0 0;background:var(--cp-bg);box-shadow:0 -8px 28px #00000038;padding:1.6rem;padding-bottom:max(1.6rem,env(safe-area-inset-bottom,0px));transform:translateY(101%);transition:transform .22s ease}.cp-panel.is-open{transform:none}.cp-drawer__close{display:block;justify-self:end;min-height:4rem;padding:0 1.4rem;border:1px solid var(--cp-line);border-radius:var(--cp-btn-radius);background:var(--cp-bg);color:var(--cp-fg);font-size:1.3rem;cursor:pointer}.cp-palette{grid-template-columns:repeat(auto-fill,minmax(3.4rem,1fr))}.cp-preview{width:5.6rem;height:5.6rem}.cp-studio__title{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.cp-panel{transition:none}}body.cp-studio-active .shopify-section:not(.colouring-section){display:none!important}body.cp-studio-active .cp-studio-hide{display:none!important}@media print{body{background:#fff}.cp-panel,.cp-picks,.cp-picks__label,.cp-actions,.cp-studio__head,.cp-cta,.cp-modal{display:none!important}}@media(prefers-reduced-motion:reduce){.cp-pick,.cp-swatch,.cp-tool,.cp-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/colouring-pages.css.map */