cg-surface-mockup{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:hidden;color:#242424;font:inherit;border-radius:inherit}cg-surface-mockup[data-ready]{visibility:visible}cg-surface-mockup .cg-surface__stage{width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#dedbd5}cg-surface-mockup canvas{display:block;width:100%;height:100%;cursor:default;touch-action:pan-y}cg-surface-mockup[data-editing] canvas{cursor:grab;touch-action:none}cg-surface-mockup[data-editing] canvas:active{cursor:grabbing}cg-surface-mockup canvas:focus-visible{outline:2px solid #202d4c;outline-offset:-4px}cg-surface-mockup button[type=button]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:8px 16px;min-height:40px;background:#f6f3ee;color:#242424;font:inherit;font-size:clamp(14px,1.2vw,18px);line-height:1.4;cursor:pointer}cg-surface-mockup button:focus-visible,cg-surface-mockup input:focus-visible{outline:2px solid #202d4c;outline-offset:3px}cg-surface-mockup [data-edit]{position:absolute;left:12px;bottom:12px;box-shadow:0 2px 10px #0001}cg-surface-mockup [data-edit] svg{width:18px;height:18px;flex:none}cg-surface-mockup fieldset{position:absolute;inset:auto 12px 12px;margin:0;padding:12px;border:1px solid #ffffff80;border-radius:16px;background:#f6f3eef5;box-shadow:0 4px 24px #0002;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;align-items:center}cg-surface-mockup fieldset[hidden],cg-surface-mockup[data-editing] [data-edit]{display:none}cg-surface-mockup label{display:grid;grid-template-columns:1fr auto;gap:2px 5px;font-size:12px;line-height:1.3}cg-surface-mockup input{grid-column:1/-1;width:100%;min-width:0;accent-color:#202d4c;height:28px;cursor:pointer}cg-surface-mockup output{font-variant-numeric:tabular-nums}cg-surface-mockup .cg-surface__actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px}cg-surface-mockup .cg-surface__actions span{font-size:11px}cg-surface-mockup .cg-surface__actions button{min-height:32px;padding:5px 10px;font-size:12px;background:#fff}cg-surface-mockup [data-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.applications-grid__card.cg-surface-ready>.applications-grid__image{visibility:hidden}.applications-grid__card.cg-surface-ready>.applications-grid__label{pointer-events:none}.applications-grid__card:has(cg-surface-mockup[data-editing])>.applications-grid__label{visibility:hidden}@media(max-width:699px){cg-surface-mockup fieldset{inset:auto 8px 8px;padding:10px;gap:4px 8px}cg-surface-mockup label{font-size:11px}cg-surface-mockup [data-edit]{left:12px;bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/cg-surface-mockup.css.map */