[data-specialty-designer]{max-width:1320px;margin:auto;padding:32px 22px;color:#10253a;font-family:inherit}.sp-heading>span{color:#ed007f;font-size:12px;letter-spacing:1.5px;font-weight:800}.sp-heading h1{font-size:clamp(30px,4vw,48px);font-weight:900;margin:12px 0}.sp-heading p{font-size:17px;line-height:1.6;max-width:900px}.sp-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:32px;margin-top:24px}.sp-art{min-width:0;align-self:start;position:sticky;top:15px}.sp-toolbar,.sp-adjust{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}[data-specialty-designer] button,[data-specialty-designer] select,[data-specialty-designer] input:not([type=range]):not([type=checkbox]),[data-specialty-designer] textarea{font:inherit;border:1px solid #bdcad5;border-radius:7px;padding:10px;background:#fff;color:#10253a;min-height:42px;box-sizing:border-box}[data-specialty-designer] button{cursor:pointer;font-weight:700}[data-specialty-designer] button:disabled{opacity:.5;cursor:wait}[data-specialty-designer] button:focus-visible,[data-specialty-designer] input:focus-visible{outline:3px solid #00a2df;outline-offset:2px}[data-specialty-designer] label{display:flex;flex-direction:column;gap:8px;font-weight:700;margin:14px 0}.sp-options h2{font-size:24px}.sp-size,.sp-repeat{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-stage{background:#eaf0f4;padding:24px;border:1px solid #cfdae2;min-height:260px;display:flex;justify-content:center;align-items:center;touch-action:none;overflow:hidden;border-radius:12px}.sp-stage svg{display:block;max-width:100%;width:100%;max-height:480px;height:auto}.sp-scene-drum{background:radial-gradient(ellipse,#333,#0b0b10);padding:35px}.sp-scene-drum svg{border-radius:50%;border:12px solid #b4b6b9;box-shadow:0 0 0 5px #30343b,0 0 0 8px #ddd,0 15px 35px #0008;max-width:420px;max-height:420px}.sp-scene-truck{background:linear-gradient(#c8dbe2 20%,#313a43 20% 75%,#83959f 75%);padding:45px 25px}.sp-scene-truck svg{border:8px solid #111;border-radius:14px}.sp-scene-store{background:#d8d8d6;padding:30px 45px;border-bottom:25px solid #626668}.sp-scene-store svg{border:12px solid #454a50}.sp-caption,.sp-small{font-size:12px;line-height:1.5}.sp-adjust select{max-width:180px}.sp-adjust [data-scale]{flex:1;min-width:60px;width:80px}.sp-adjust button{padding:7px!important;min-height:36px!important;font-size:12px!important}.sp-quality{padding:13px;border:1px solid #82b498;background:#eff9f1;border-radius:8px;line-height:1.6;font-size:13px}.sp-summary{padding:18px;background:#f1f5f8;border:1px solid #cad6df;border-radius:9px;margin:18px 0}.sp-summary strong{font-size:28px}.sp-summary p{margin:8px 0;font-size:13px}.sp-proof{background:#fff4f6;border:1px solid #ebafbb;border-radius:9px;padding:16px;line-height:1.6}.sp-proof textarea{width:100%;min-height:75px}.sp-primary{width:100%;margin-top:18px;background:#cb2037!important;color:#fff!important;padding:16px!important;font-size:17px!important}.sp-full{max-width:1700px}.sp-full .sp-stage svg{max-height:700px}.sp-advanced{padding:12px;background:#eef3f6;border-radius:8px}.sp-advanced[hidden],.sp-text-tools[hidden]{display:none}.sp-legacy{max-width:1280px;margin:20px auto;padding:15px;border:1px solid #d6dfe5;border-radius:8px}.sp-legacy>summary{cursor:pointer;font-weight:700}.sp-info{max-width:1240px;margin:20px auto;padding:22px;line-height:1.7}.sp-info img{width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:12px}@media(max-width:749px){[data-specialty-designer]{padding:22px 12px}.sp-grid{grid-template-columns:1fr;gap:12px}.sp-art{position:relative;top:0}.sp-stage{min-height:200px;padding:18px}.sp-stage svg{max-height:300px}.sp-scene-drum svg{max-width:270px;max-height:270px;border-width:7px}.sp-toolbar button{font-size:12px}.sp-adjust{gap:5px}.sp-adjust select{max-width:115px;font-size:12px}.sp-heading p{font-size:14px}.sp-options h2{font-size:20px}.sp-size label{margin:5px 0}.sp-full .sp-stage svg{max-height:480px}}.sp-scene-door{background:linear-gradient(90deg,#eae4da,#fff,#eae4da);padding:25px 70px}.sp-scene-door svg{max-width:260px;border:9px solid #fff;box-shadow:0 0 0 2px #c6c3bc,10px 10px 20px #0003}.sp-scene-fridge{background:#eee5db;padding:25px 65px}.sp-scene-fridge svg{border:9px solid #c2c7cb;border-radius:10px;box-shadow:12px 5px #656b70;max-width:320px}.sp-scene-elevator{background:linear-gradient(90deg,#645c51,#ccc4b4,#645c51);padding:25px 60px}.sp-scene-elevator svg{border:12px solid #aaa;box-shadow:0 0 0 3px #393a3b;max-width:360px}.sp-scene-dishwasher{background:linear-gradient(90deg,#bbaa93,#f3ece2,#bbaa93);padding:35px}.sp-scene-dishwasher svg{border:9px solid #9fa4a6;border-top-width:25px;max-width:360px;box-shadow:8px 8px 12px #0003}.sp-starters{padding:14px;background:#fff8e9;border-radius:10px;font-size:13px}.sp-starters button{margin:6px 4px 6px 0;font-size:12px}.sp-starters p{line-height:1.6}.sp-hero{width:100%;height:auto;max-height:390px;object-fit:cover;border-radius:12px}@media(max-width:749px){.sp-scene-door,.sp-scene-fridge,.sp-scene-elevator{padding:15px 60px}.sp-starters{padding:9px}.sp-stage svg{max-height:310px}}@media(max-width:749px){[data-kind=door] .sp-art,[data-kind=fridge] .sp-art,[data-kind=elevator] .sp-art,[data-kind=dishwasher] .sp-art{display:contents}[data-kind=door] .sp-stage,[data-kind=fridge] .sp-stage,[data-kind=elevator] .sp-stage,[data-kind=dishwasher] .sp-stage{position:sticky;top:95px;z-index:3;min-height:180px;max-height:32vh;padding-top:12px;padding-bottom:12px}[data-kind=door] .sp-stage svg,[data-kind=fridge] .sp-stage svg,[data-kind=elevator] .sp-stage svg,[data-kind=dishwasher] .sp-stage svg{max-height:27vh}.sp-full .sp-stage svg{max-height:340px}}.sp-wrap-legacy form[action*="cart/add"],.sp-wrap-legacy .price,.sp-wrap-legacy .dpo-container,.sp-wrap-legacy .uploadkit,.sp-wrap-legacy variant-selects,.sp-wrap-legacy .shopify-payment-button{display:none!important}@media(max-width:749px){[data-kind=window] .sp-art,[data-kind=backdrop] .sp-art{display:contents}[data-kind=window] .sp-stage,[data-kind=backdrop] .sp-stage{position:sticky;top:95px;z-index:3;min-height:180px;max-height:32vh;padding:12px}[data-kind=window] .sp-stage svg,[data-kind=backdrop] .sp-stage svg{max-height:27vh}}[data-specialty-designer] .sp-stage.sp-real-room{position:relative;display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1;padding:0!important;background-size:100% 100%;background-position:center;border:0!important;border-radius:12px;overflow:hidden;box-shadow:none!important}[data-specialty-designer] .sp-stage.sp-real-room>svg{position:absolute!important;left:var(--scene-left);top:var(--scene-top);width:var(--scene-width)!important;height:var(--scene-height)!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;aspect-ratio:auto!important}.sp-photo-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}.sp-photo-grid button{padding:0!important;overflow:hidden;text-align:left;background:#fff!important;display:block!important}.sp-photo-grid img{display:block;width:100%;height:170px;object-fit:cover}.sp-photo-grid span,.sp-photo-grid small{display:block;padding:8px 10px}.sp-photo-grid small{padding-top:0;color:#007b9d}.sp-dragover{outline:4px dashed #00a0cc}.sp-toolbar button{white-space:normal}.sp-adjust select[hidden]{display:none!important}@media(max-width:750px){[data-specialty-designer] .sp-stage.sp-real-room{width:min(100%,330px)!important;margin:auto!important;max-height:none!important}.sp-photo-grid img{height:145px}.sp-toolbar{gap:4px}.sp-toolbar button{font-size:11px;padding:7px}}[data-specialty-designer] .sp-scene-truck.sp-real-room>svg{clip-path:polygon(9% 0,91% 0,100% 100%,0 100%)}[data-specialty-designer] [hidden]{display:none!important}.sp-placement{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0}.sp-placement label{flex:1;min-width:135px}.sp-placement select,.sp-placement input{width:100%;padding:10px;border:1px solid #b8cbd9;border-radius:6px}.sp-placement small{flex-basis:100%}.sp-quality[data-level=low]{background:#fff5e7;border-color:#bd780e;color:#714500}[data-specialty-designer][data-proof=approved] [data-submit]{background:#078645;border-color:#078645}[data-wrap-proof] input[type=radio],[data-wrap-proof] input[type=checkbox]{width:auto;margin-right:8px}[data-wrap-proof] label{margin:12px 0}
/*# sourceMappingURL=/cdn/shop/t/82/assets/vd-specialty-designer.css.map */