studio-personaliser{display:block;width:100%;margin:18px 0;color:#302037;background:#fffbfa;border:1px solid #dfcce8;border-radius:12px;font-family:var(--font-body--family,system-ui,sans-serif)}studio-personaliser *{box-sizing:border-box}studio-personaliser summary{padding:16px;font-weight:700;cursor:pointer;color:#57316b}.sp-content{padding:0 16px 16px}.sp-preview{width:100%;min-width:0}.sp-art,.sp-three{width:100%;aspect-ratio:1;display:block;border-radius:8px;background:#f2e7f6;overflow:hidden}.sp-art{object-fit:contain;height:auto}.sp-three canvas{display:block;width:100%;height:100%;touch-action:pan-y}studio-personaliser [hidden]{display:none!important}.sp-view-controls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}studio-personaliser button{min-height:44px;background:#703783;color:#fffbfa;border:0;border-radius:6px;padding:10px 12px;font:inherit;cursor:pointer}studio-personaliser button:disabled{opacity:.65;cursor:wait}studio-personaliser label{display:block;font-size:14px;font-weight:600;margin:12px 0}studio-personaliser :is(textarea,select,input:not([type=hidden])){display:block;max-width:100%;width:100%;border:1px solid #D9C7E1;border-radius:5px;background:#fff;color:#302037;font:inherit;font-size:16px;margin-top:6px;padding:9px}studio-personaliser input[type=color]{height:44px;padding:4px}studio-personaliser input[type=file]{padding:8px;font-size:14px}.sp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sp-caption{font-size:13px;line-height:1.5;margin:8px 0}.sp-state{font-size:14px;line-height:1.5}.sp-error{color:#9b102a;font-weight:600;font-size:14px}.sp-photo-list{display:flex;gap:8px;flex-wrap:wrap}.sp-photo{width:92px;font-size:12px;overflow-wrap:anywhere}.sp-photo img{width:92px;height:76px;object-fit:contain;background:#f2e7f6}.sp-photo button{font-size:12px;padding:4px 8px;width:100%;min-height:36px}@media(min-width:1200px){studio-personaliser .sp-content{padding:0 20px 20px}}@media(max-width:380px){.sp-pair{grid-template-columns:1fr}.sp-content{padding:0 10px 12px}studio-personaliser button{font-size:14px}}.sp-css-world{width:100%;height:100%;display:grid;place-items:center;perspective:850px;touch-action:pan-y;background:radial-gradient(ellipse at center,#fffbfa,#f0e6f4)}.sp-css-model{width:0;height:0;position:relative;transform-style:preserve-3d}.sp-css-model>div{position:absolute;top:50%;left:50%;backface-visibility:hidden;background-color:#fffbfa;background-repeat:no-repeat}.sp-css-rim{border:8px solid #fff8eb;border-radius:50%;background:#d4c6b9!important;backface-visibility:visible!important}.sp-css-handle{border:16px solid #fff8eb;border-radius:50%;backface-visibility:visible!important}.sp-css-cap{background:#eee6dc!important;border-radius:9px}.sp-css-back{background:#e9e0d3!important}.sp-css-segment{backface-visibility:hidden}studio-personaliser{border-radius:24px;box-shadow:var(--sp-shadow);background:linear-gradient(145deg,#fffbfa,#f5edf8)}studio-personaliser button{border-radius:24px;transition:translate .2s,box-shadow .2s}studio-personaliser button:not(:disabled):hover{translate:0 -2px;box-shadow:0 6px 14px #783c9128}studio-personaliser :is(textarea,select,input:not([type=hidden])){border-radius:12px}studio-personaliser summary{padding:20px}studio-personaliser .sp-art,studio-personaliser .sp-three{border-radius:18px}@media(prefers-reduced-motion:reduce){studio-personaliser button{transition:none}studio-personaliser button:hover{translate:none}}.sp-photo-editor{margin-block:1rem;padding:1rem;border:1px solid #D9C7E1;border-radius:12px}.sp-photo-editor legend{padding-inline:.4rem;font-weight:700}.sp-photo-editor input[type=range]{padding:0;accent-color:#703783;min-height:32px}.sp-photo-editor input[type=checkbox]{display:inline-block;width:auto;accent-color:#703783}.sp-art.is-positioning,.sp-three.is-positioning :is(canvas,.sp-css-world){cursor:grab;touch-action:none}.sp-art.is-positioning:active,.sp-three.is-positioning :is(canvas,.sp-css-world):active{cursor:grabbing}
/*# sourceMappingURL=/cdn/shop/t/18/assets/studio-personaliser.css.map */