pp-paint:not([hidden]){display:block}.pp[data-page="2"] pp-paint{order:-1}.pp-paint__open{display:flex;align-items:center;gap:1.2rem;width:100%;margin:0;padding:1.2rem 1.4rem;border:1.5px solid rgba(var(--color-foreground),.18);border-radius:1rem;background:rgb(var(--color-background));color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease}.pp-paint__open:hover{border-color:rgb(var(--color-base-accent-1))}.pp-paint__open>svg{flex:0 0 auto;width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pp-paint__dots{display:flex;flex:0 0 auto}.pp-paint__dots span{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--pp-swatch);box-shadow:0 0 0 1px #dcdcdc}.pp-paint__dots span+span{margin-left:-1rem}.pp-paint__open-text{display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;min-width:0}.pp-paint__open-title{font-size:1.5rem;font-weight:500;line-height:1.25}.pp-paint__open-sub{font-size:1.2rem;line-height:1.35;opacity:.8}html:has(.pp-paint__dialog[open]){overflow:hidden}.pp-paint{--pp-paint-from: translateY(2.4rem)}.pp-paint[data-mode=cart]{--pp-paint-width: 52rem;--pp-paint-from: translateX(100%)}.pp-paint__dialog[open]{animation:pp-paint-in .35s cubic-bezier(.2,.7,.2,1)}.pp-paint__dialog.is-closing{animation:pp-paint-out .25s ease-in forwards}.pp-paint__dialog[open]::backdrop{animation:pp-paint-fade .35s ease}.pp-paint__dialog.is-closing::backdrop{animation:pp-paint-fade .25s ease reverse forwards}@keyframes pp-paint-in{0%{opacity:0;transform:var(--pp-paint-from)}}@keyframes pp-paint-out{to{opacity:0;transform:var(--pp-paint-from)}}@keyframes pp-paint-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.pp-paint__dialog[open],.pp-paint__dialog[open]::backdrop{animation:none}}.pp-paint__dialog{overscroll-behavior:contain;width:var(--pp-paint-width, 100%);max-width:100vw;height:100%;max-height:none;margin:0 0 0 auto;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.pp-paint__dialog[open]{display:flex;flex-direction:column}.pp-paint__bar{display:flex;align-items:center;padding:1.2rem 1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.12)}.pp-paint__back{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.4rem 0;border:0;background:none;color:inherit;font:inherit;font-size:1.5rem;cursor:pointer}.pp-paint__back svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pp-paint__head{flex:0 0 auto;padding:0 1.5rem}.pp-paint__heading-back,.pp-paint__link{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.pp-paint__heading-back svg,.pp-paint__link svg{flex:0 0 auto;width:.9em;height:.9em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pp-paint__link{align-self:center;padding:.6rem 0;font-size:1.5rem}.pp-paint__link span,.pp-paint__back:hover span{text-decoration:underline;text-underline-offset:3px}.pp-paint__body{flex:1 1 auto;min-height:0;padding:2.4rem 1.6rem;overflow-y:auto;overscroll-behavior:contain}.pp-paint__inner{display:flex;flex-direction:column;gap:2.4rem;max-width:var(--pp-content-width);margin-inline:auto}.pp-paint__top{flex:0 0 auto;padding:1.6rem 1.6rem 1.2rem;border-bottom:1px solid rgba(var(--color-foreground),.12)}.pp-paint__scenes{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;width:100%;max-width:44rem;margin-inline:auto}.pp-paint__scene{display:flex;flex-direction:column;gap:.8rem;min-width:0;margin:0}.pp-paint__frame{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:.8rem}.pp-paint__frame .pp-design{display:block;background-color:var(--pp-design-bg)}.pp:not(.pp--live) .pp-paint__frame .pp-design{background-image:var(--pp-design)}.pp-paint__frame .pp-paint__fill{display:block;width:calc(100%*min(1,var(--pp-design-ratio, 1)));aspect-ratio:var(--pp-design-ratio, 1);background-color:var(--pp-paint);transition:background-color .3s ease}.pp-paint__caption{font-size:1.3rem;text-align:center}.pp-paint__groups{display:flex;flex-direction:column;gap:2.4rem;width:100%;max-width:60rem;margin-inline:auto}.pp-paint__group[hidden]{display:none}.pp-paint__group-title{margin:0 0 1rem;font-family:var(--font-body-family);font-size:1.5rem;font-weight:500}.pp-paint__rows{display:flex;flex-direction:column;gap:1.6rem}.pp-paint__chips:not([hidden])~.pp-paint__chips{padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.1)}.pp-paint__chips[hidden]{display:none}.pp-paint__chips{display:flex;flex-wrap:wrap;gap:1rem .6rem}.pp-paint__chip{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;width:7rem;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.pp-paint__chip-colour{width:6.2rem;height:6.2rem;border-radius:1rem;background:var(--pp-swatch);box-shadow:0 0 0 1px #dcdcdc}.pp-paint__chip.is-active .pp-paint__chip-colour{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-base-accent-1))}.pp-paint__chip-name{margin-top:.6rem;font-size:1.2rem;line-height:1.25;text-align:center}.pp-paint__summary{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:.6rem;padding:1.2rem 1.6rem 1.6rem;border-top:1px solid rgba(var(--color-foreground),.12);text-align:center}.pp-paint__actions{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:40rem;margin-top:.6rem}.pp-paint__actions .button{width:100%;max-width:none;margin:0}.pp-paint__notice{margin:.6rem 0 0;font-size:1.2rem;line-height:1.45;color:#a3402f}.pp-paint__error{margin:0;font-size:1.2rem;line-height:1.45;color:#a3402f}.pp-paint__frame .pp-paint__image{display:block;width:100%;height:100%;object-fit:cover}.cart-item__upsell .pp-paint__open{margin-bottom:1.6rem}.pp-paint__more{margin:0 0 1.6rem;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1.3rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/24/assets/paint-asset.css.map */