.di7{--st-bg:#0B0E13;--st-panel:#0E1116;--st-field:#141922;--st-line:rgba(242,245,247,.1);--st-line2:rgba(242,245,247,.18);background:var(--paper,#06070A);color:var(--ink,#F2F5F7);font-family:var(--sans,Inter,system-ui,sans-serif);padding:0 0 40px}.di7 *{box-sizing:border-box}.di7 .lbl{font-family:var(--label,"Space Grotesk",sans-serif);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted,#8A94A3)}.di7 button{font:inherit;color:inherit}.di7 [hidden]{display:none!important}.di7 .st-top{display:flex;align-items:center;gap:16px;padding:10px clamp(16px,3vw,40px);border-bottom:1px solid var(--st-line);position:sticky;top:0;z-index:20;background:#06070aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.di7 .st-top__id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.di7 .st-top__id b{font-family:var(--display,"Archivo Black",sans-serif);font-weight:400;font-size:clamp(16px,1.5vw,22px);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.di7 .st-top__tools,.di7 .st-top__buy{display:flex;align-items:center;gap:8px}.di7 .st-price{font-family:var(--display,"Archivo Black",sans-serif);font-size:20px;color:var(--press,#22D3EE);margin-right:6px}.di7 .st-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--st-line2);background:transparent;cursor:pointer;font-weight:600;font-size:14px;transition:border-color .2s,background .2s,color .2s}.di7 .st-btn:hover{border-color:var(--press,#22D3EE);color:var(--press,#22D3EE)}.di7 .st-btn--ghost{min-width:42px;padding:0 14px}.di7 .st-btn[aria-pressed=true]{background:var(--press,#22D3EE);color:#06070a;border-color:transparent}.di7 .st-btn--go{background:var(--press,#22D3EE);color:#06070a;border-color:transparent;padding:0 24px}.di7 .st-btn--go:hover{background:#67e8f9;color:#06070a}.di7 .st-btn:disabled{opacity:.6;cursor:wait}.di7 .st-products{display:flex;align-items:flex-end;gap:16px;padding:10px clamp(16px,3vw,40px);border-bottom:1px solid var(--st-line);overflow:hidden}.di7 .st-groups{display:flex;gap:8px;overflow-x:auto;flex:1;scrollbar-width:thin;padding-bottom:4px}.di7 .st-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 14px;border-radius:14px;border:1px solid var(--st-line);background:var(--st-panel);cursor:pointer;text-align:left;transition:border-color .2s,background .2s}.di7 .st-chip b{font-size:13px;font-weight:600;white-space:nowrap}.di7 .st-chip small{font-size:11px;color:var(--muted,#8A94A3);white-space:nowrap}.di7 .st-chip:hover{border-color:var(--st-line2)}.di7 .st-chip[aria-pressed=true]{border-color:var(--press,#22D3EE);background:#22d3ee14}.di7 .st-chip--sm{padding:6px 12px;border-radius:999px;font-size:12px}.di7 .st-device{display:flex;flex-direction:column;gap:4px;flex:0 0 220px}.di7 select,.di7 .st-input,.di7 input[type=number]{width:100%;height:42px;border-radius:12px;border:1px solid var(--st-line2);background:var(--st-field);color:var(--ink,#F2F5F7);padding:0 12px;font:inherit;font-size:14px}.di7 select:focus,.di7 .st-input:focus,.di7 input[type=number]:focus{outline:2px solid var(--press,#22D3EE);outline-offset:1px}.di7 .st-main{display:grid;grid-template-columns:340px minmax(0,1fr) 280px}.di7 .st-side{border-right:1px solid var(--st-line);background:var(--st-bg);display:flex;flex-direction:column;min-height:0;max-height:max(520px,calc(100vh - 300px));position:sticky;top:70px}.di7 .st-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--st-line)}.di7 .st-tabs button{height:48px;border:0;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted2,#B4BCC8);border-bottom:2px solid transparent}.di7 .st-tabs button[aria-selected=true]{color:var(--ink,#F2F5F7);border-bottom-color:var(--press,#22D3EE)}.di7 .st-pane{padding:18px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.di7 .st-big{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:16px;border:1px solid var(--st-line);background:var(--st-panel);cursor:pointer;text-align:left;transition:border-color .2s,transform .2s}.di7 .st-big:hover{border-color:var(--press,#22D3EE);transform:translateY(-1px)}.di7 .st-big i{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-family:var(--display,"Archivo Black",sans-serif);font-size:20px;background:var(--grad,linear-gradient(135deg,#22D3EE,#EC4899));color:#06070a}.di7 .st-big span{display:flex;flex-direction:column;gap:3px}.di7 .st-big b{font-size:15px}.di7 .st-big small{font-size:12px;color:var(--muted,#8A94A3);line-height:1.4}.di7 .st-group{display:flex;flex-direction:column;gap:8px}.di7 .st-tip,.di7 .st-empty,.di7 .st-count{font-size:12px;line-height:1.5;color:var(--muted,#8A94A3);margin:0}.di7 .st-props:not([hidden])~.st-empty{display:none}.di7 .st-props{display:flex;flex-direction:column;gap:14px}.di7 .st-props>div{display:flex;flex-direction:column;gap:12px}.di7 .st-props>div.st-seg{flex-direction:row;flex-wrap:wrap;gap:6px}.di7 .st-field{display:flex;flex-direction:column;gap:6px;min-width:0}.di7 .st-row{display:grid;grid-template-columns:76px 1fr 1fr;gap:10px;align-items:end}.di7 input[type=range]{width:100%;accent-color:var(--press,#22D3EE)}.di7 .st-seg{display:flex;flex-wrap:wrap;gap:6px}.di7 .st-seg button{min-width:40px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--st-line2);background:var(--st-field);cursor:pointer;font-size:14px}.di7 .st-seg button:hover{border-color:var(--press,#22D3EE)}.di7 .st-seg button[aria-pressed=true]{background:var(--press,#22D3EE);color:#06070a;border-color:transparent}.di7 .st-seg .is-danger:hover{border-color:#f87171;color:#f87171}.di7 .st-seg--icons button{flex:1 0 40px}.di7 .st-sws{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.di7 .st-sw{aspect-ratio:1;border-radius:6px;border:1px solid rgba(255,255,255,.14);cursor:pointer;padding:0;position:relative;transition:transform .12s}.di7 .st-sw:hover{transform:scale(1.18);z-index:1}.di7 .st-sw--pick{background:conic-gradient(#ef4444,#f59e0b,#84cc16,#22d3ee,#6366f1,#ec4899,#ef4444);overflow:hidden}.di7 .st-sw--pick input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.di7 .st-link{background:none;border:0;padding:0;color:var(--press,#22D3EE);cursor:pointer;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px}.di7 .st-chips{display:flex;flex-wrap:wrap;gap:6px}.di7 .st-chips .st-chip--sm[aria-pressed=true]{background:var(--press,#22D3EE);color:#06070a;border-color:transparent}.di7 .st-lib{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.di7 .st-tile{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none;cursor:pointer;text-align:left}.di7 .st-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#fff;border:1px solid var(--st-line);transition:border-color .2s,transform .2s}.di7 .st-tile:hover img{border-color:var(--press,#22D3EE);transform:translateY(-2px)}.di7 .st-tile span{font-size:10px;line-height:1.3;color:var(--muted2,#B4BCC8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.di7 .st-more{width:100%}.di7 .st-layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.di7 .st-layer{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;border:1px solid var(--st-line);background:var(--st-panel)}.di7 .st-layer.is-on{border-color:var(--press,#22D3EE)}.di7 .st-layer.is-bg{background:transparent;border-style:dashed}.di7 .st-grip{cursor:grab;color:var(--muted,#8A94A3);font-size:12px;letter-spacing:-2px;padding:0 2px}.di7 .st-layer.is-bg .st-grip{visibility:hidden}.di7 .st-lname{flex:1;min-width:0;border:0;background:none;text-align:left;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 2px}.di7 .st-ico{width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:none;cursor:pointer;font-size:12px;color:var(--muted2,#B4BCC8)}.di7 .st-ico:hover{border-color:var(--st-line2);color:var(--ink,#F2F5F7)}.di7 .st-bgc{width:30px;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--st-line2);position:relative}.di7 .st-bgc input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:42px;height:42px;border:0;padding:0;cursor:pointer}.di7 .st-stage{position:relative;min-height:520px;height:calc(100vh - 300px);background:radial-gradient(60% 60% at 50% 45%,rgba(34,211,238,.07),transparent 70%),radial-gradient(40% 40% at 80% 90%,rgba(236,72,153,.06),transparent 70%),#06070a;overflow:hidden}.di7 .st-stage .canvas-container{position:absolute!important;top:0;right:0;bottom:0;left:0}.di7 .st-drop{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:2px dashed var(--press,#22D3EE);border-radius:24px;display:grid;place-items:center;font-family:var(--display,"Archivo Black",sans-serif);font-size:22px;text-transform:uppercase;color:var(--press,#22D3EE);background:#06070ab3;opacity:0;pointer-events:none;transition:opacity .2s}.di7 .st-stage.is-drop .st-drop{opacity:1}.di7.is-loading .st-stage:after{content:"Loading template\2026";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;color:var(--muted,#8A94A3)}.di7 .st-info{border-left:1px solid var(--st-line);padding:20px;display:flex;flex-direction:column;gap:16px;background:var(--st-bg)}.di7 .st-pnote{font-size:13px;line-height:1.6;color:var(--muted2,#B4BCC8);margin:0}.di7 .st-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.di7 .st-checks li{font-size:12px;line-height:1.45;padding:10px 12px 10px 30px;border-radius:12px;border:1px solid var(--st-line);background:var(--st-panel);position:relative}.di7 .st-checks li:before{position:absolute;left:11px;top:9px;font-weight:700}.di7 .st-checks .is-ok:before{content:"\2713";color:#4ade80}.di7 .st-checks .is-warn:before{content:"!";color:#fbbf24}.di7 .st-checks .is-bad{border-color:#f8717180}.di7 .st-checks .is-bad:before{content:"\2715";color:#f87171}.di7 .st-wide{width:100%;height:50px;font-size:15px}.di7 .st-promise{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--st-line);display:flex;flex-direction:column;gap:8px}.di7 .st-promise li{font-size:12px;color:var(--muted2,#B4BCC8);padding-left:18px;position:relative}.di7 .st-promise li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:2px;background:var(--grad,linear-gradient(90deg,#22D3EE,#EC4899))}.di7 .st-start{border:1px solid var(--st-line2);border-radius:24px;background:#0e1116;color:var(--ink,#F2F5F7);padding:clamp(22px,4vw,40px);max-width:640px;width:calc(100% - 32px)}.di7 .st-start::backdrop{background:#06070abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.di7 .st-start h2{font-family:var(--display,"Archivo Black",sans-serif);font-weight:400;text-transform:uppercase;font-size:clamp(24px,3vw,34px);margin:8px 0 22px;line-height:1}.di7 .st-start__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.di7 .st-start__opts button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;border-radius:18px;border:1px solid var(--st-line2);background:var(--st-field);cursor:pointer;text-align:left;transition:border-color .2s,transform .2s}.di7 .st-start__opts button:hover{border-color:var(--press,#22D3EE);transform:translateY(-2px)}.di7 .st-start__opts i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-family:var(--display,"Archivo Black",sans-serif);background:var(--grad,linear-gradient(135deg,#22D3EE,#EC4899));color:#06070a;margin-bottom:6px}.di7 .st-start__opts b{font-size:15px}.di7 .st-start__opts small{font-size:12px;color:var(--muted,#8A94A3)}.di7 .st-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#f2f5f7;color:#06070a;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 12px 40px #00000080;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:60;max-width:calc(100% - 32px);text-align:center}.di7 .st-toast.on{opacity:1;transform:translate(-50%)}.di7 .st-err{padding:40px;text-align:center;color:var(--muted2,#B4BCC8)}@media(max-width:1199px){.di7 .st-main{grid-template-columns:300px minmax(0,1fr)}.di7 .st-info{grid-column:1/-1;border-left:0;border-top:1px solid var(--st-line);display:grid;grid-template-columns:1fr 1fr;align-items:start}.di7 .st-info .st-wide{grid-column:2}.di7 .st-promise{grid-column:1}}@media(max-width:860px){.di7 .st-top{flex-wrap:wrap;gap:10px;padding:10px 16px;position:static}.di7 .st-top__id{flex:1 1 100%}.di7 .st-top__tools{flex:0 0 auto}.di7 .st-top__buy{margin-left:auto}.di7 .st-top .st-btn{height:40px}.di7 .st-top__buy .st-btn--go{padding:0 18px}.di7 .st-products{flex-direction:column;align-items:stretch;padding:10px 16px;gap:10px}.di7 .st-device{flex:auto}.di7 .st-main{display:flex;flex-direction:column}.di7 .st-stage{order:1;height:62vh;min-height:380px}.di7 .st-side{order:2;position:static;max-height:none;border-right:0;border-top:1px solid var(--st-line)}.di7 .st-pane{max-height:none}.di7 .st-info{order:3;display:flex}.di7 .st-lib{grid-template-columns:repeat(3,1fr)}.di7 .st-sws{grid-template-columns:repeat(10,1fr)}.di7 .st-start__opts{grid-template-columns:1fr}.di7 .st-start__opts button{flex-direction:row;align-items:center;gap:14px}.di7 .st-start__opts i{margin:0;flex:0 0 40px}}.di4.di7 input.st-input{height:44px;border-radius:12px;padding:0 14px;font-size:14px;background:var(--st-field);border:1px solid var(--st-line2);color:var(--ink,#F2F5F7);box-shadow:none}.di7 .st-top{z-index:3}html:has(.di7) .shopify-section-group-header-group{position:relative;z-index:40}.di7 .st-center{display:flex;flex-direction:column;min-width:0}.di7 .st-pick{display:flex;gap:12px;padding:14px clamp(14px,2vw,24px);background:#06070a;border-bottom:1px solid var(--st-line);flex-wrap:wrap}.di7 .st-pick__f{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;min-width:0}.di7 .st-pick__f--dev{flex:1 1 200px}.di7 .st-pick__f[hidden]{display:none}.di7 .st-pick .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--press,#22D3EE);font-weight:600}.di7 .st-pick select{appearance:none;-webkit-appearance:none;width:100%;min-height:54px;padding:0 48px 0 18px;border-radius:14px;border:1.5px solid rgba(34,211,238,.55);background:#0e131a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2322D3EE' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 18px center;color:#f2f5f7;font:600 17px/1.2 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 0 0 4px #22d3ee0f}.di7 .st-pick select:hover{border-color:#22d3ee}.di7 .st-pick select:focus-visible{outline:2px solid #22D3EE;outline-offset:2px}.di7 .st-pick option{background:#0e131a;color:#f2f5f7}.di7 .st-center .st-stage{height:calc(100vh - 380px)}@media(max-width:899px){.di7 .st-center{order:1}.di7 .st-pick{padding:12px 16px}.di7 .st-pick select{min-height:50px;font-size:16px}.di7 .st-center .st-stage{height:58vh}}html.st-embed .shopify-section-group-header-group,html.st-embed .shopify-section-group-footer-group,html.st-embed #shopify-section-announcement-bar,html.st-embed .announcement-bar{display:none!important}html.st-embed body{background:#06070a}html.st-embed .di7 .st-pick{display:none}html.st-embed .di7 .st-top{top:0}html.st-embed .di7 .st-center .st-stage{height:calc(100vh - 150px)}@media(max-width:899px){html.st-embed .di7 .st-center .st-stage{height:56vh}}.di7.is-embed .st-pick__f--dev{max-width:420px}.di7.is-embed .st-center .st-stage{height:calc(100vh - 150px)}.di7 .st-tile .st-mk{position:relative;display:block;width:78%;margin:6px auto 4px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.di7 .st-mk i{position:absolute;display:block;font-style:normal}.di7 .st-mk__b,.di7 .st-mk__e{top:0;right:0;bottom:0;left:0;background:center/100% 100% no-repeat}.di7 .st-mk__m{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:#fff;overflow:hidden}.di7 .st-mk__a{background-position:center;background-repeat:no-repeat}.di7 .st-mk__e{pointer-events:none}.st-modal .di7.is-embed .st-center .st-stage{height:calc(100vh - 250px);min-height:420px}@media(max-width:899px){.st-modal .di7.is-embed .st-center .st-stage{height:56vh;min-height:340px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/di7-studio.css.map */