.fixed-frame-design__preview{box-sizing:border-box;width:min(100%,360px);min-height:280px;padding:40px;margin-inline:auto;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;border-radius:12px}.fixed-frame-design__artwork{width:100%;height:auto;height:240px;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transform:scale(var(--artwork-scale, 1))}.fixed-frame-design__option{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.fixed-frame-design__option:has(input:checked){border-color:currentColor}.fixed-frame-design__option:focus-within{outline:2px solid currentColor;outline-offset:2px}.fixed-frame-design__swatch{width:24px;height:24px;flex-shrink:0;border:1px solid #ccc;border-radius:50%;background-size:cover;background-position:center}.fixed-frame-design__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(90vw,1100px);max-width:1100px;max-height:90dvh;padding:0;border:0;background:#fff;color:#414141;overflow:auto}.fixed-frame-design__dialog::backdrop{background:#0000007f}.fixed-frame-design__dialog-layout{display:grid;grid-template-columns:1fr 1fr}.fixed-frame-design__dialog .fixed-frame-design__preview{width:100%;min-height:400px;height:100%;border-radius:0}.fixed-frame-design__dialog .fixed-frame-design__artwork{max-width:325px;height:360px}.fixed-frame-design__controls{padding:24px}.fixed-frame-design__close{margin-left:auto;padding:8px}.fixed-frame-design__footer{position:sticky;bottom:0;padding:16px 0;background:#fff}@media(max-width:1024px){.fixed-frame-design__dialog-layout{grid-template-columns:1fr}.fixed-frame-design__dialog .fixed-frame-design__preview{min-height:220px;padding:24px}.fixed-frame-design__dialog .fixed-frame-design__artwork{height:190px}.fixed-frame-design__controls{padding:20px 12px}.fixed-frame-design__footer{flex-wrap:wrap}}.js-product-form:not(.fixed-design-saved) [data-fixed-design-purchase] button[type=submit]{display:none}
/*# sourceMappingURL=/cdn/shop/t/1331/assets/fixed-frame-design.css.map */