.qx{padding-block:clamp(28px,4vw,48px) clamp(64px,8vw,110px);min-height:calc(100vh - 110px)}.qx .crumbs{color:var(--mist)}.qx-empty{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(16px,4vw,48px)}.qx-empty__copy{display:grid;gap:18px;justify-items:start}.qx-empty__copy .h1{font-size:clamp(38px,5.4vw,72px);line-height:1.05}.qx-steps{display:grid;gap:10px;list-style:none;padding:0;margin:10px 0 0}.qx-steps li{display:flex;align-items:center;gap:14px;color:var(--bone);font-size:16px}.qx-steps .num{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--lime);background:var(--graphite);border:1px solid var(--line-dark)}.qx-drop{position:relative;display:grid;justify-items:center;align-content:center;gap:12px;text-align:center;min-height:clamp(360px,46vw,520px);padding:40px 28px;border-radius:28px;cursor:pointer;isolation:isolate;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#22252B 0%,var(--graphite) 55%,#131418 100%);border:1.5px dashed rgba(210,242,75,.35);transition:border-color .25s,transform .3s var(--ease),box-shadow .3s}.qx-drop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(to bottom,transparent 0 9px,rgba(255,255,255,.035) 9px 10px);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 80%)}.qx-drop:hover,.qx-drop.is-over{border-color:var(--lime);box-shadow:0 30px 80px -40px #d2f24b73}.qx-drop.is-over{transform:scale(1.01)}.qx-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.qx-drop:focus-within{outline:2px solid var(--lime);outline-offset:4px}.qx-drop__art{position:relative;width:120px;height:104px;margin-block-end:10px}.qx-drop__art i{position:absolute;inset-inline:0;height:26px;border-radius:13px;background:#34373e}.qx-drop__art i:nth-child(1){top:0}.qx-drop__art i:nth-child(2){top:36px;inset-inline:14px -14px;background:var(--lime);animation:qxLayer 2.8s var(--ease) infinite}.qx-drop__art i:nth-child(3){top:72px}.qx-drop__art b{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);border:1px solid var(--line-dark);box-shadow:0 10px 24px -8px #000}.qx-drop__art b svg{width:24px;height:24px}.qx-drop:hover .qx-drop__art b{animation:qxBob .9s var(--ease) infinite alternate}@keyframes qxLayer{0%,60%,to{transform:none}75%{transform:translate(-12px)}88%{transform:translate(6px)}}@keyframes qxBob{to{transform:translateY(-5px)}}.qx-drop__title{font-size:clamp(22px,2.4vw,28px);color:var(--bone)}.qx-drop__sub{color:var(--mist);max-width:36ch}.qx-drop__btn{margin-block-start:8px;pointer-events:none}.qx-drop__meta{margin-block-start:6px;font-size:12px;color:var(--mist);letter-spacing:.04em}.qx-sample{justify-self:center;grid-column:2;display:inline-flex;align-items:center;gap:8px;margin-block-start:-8px;color:var(--mist);font-size:14px;text-decoration:underline;text-underline-offset:4px}.qx-sample svg{width:16px;height:16px;color:var(--lime)}.qx-sample:hover{color:var(--bone)}.qx-err{grid-column:1 / -1}@media(prefers-reduced-motion:reduce){.qx-drop__art i,.qx-drop:hover .qx-drop__art b{animation:none}}@media(max-width:900px){.qx-empty{grid-template-columns:1fr;gap:22px;padding-block:4px}.qx-sample{grid-column:auto}.qx-drop{min-height:300px}.qx-steps{display:none}}.qx-work{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(348px,.82fr);align-items:stretch;background:var(--graphite);border:1px solid var(--line-dark);border-radius:var(--r-lg);overflow:hidden}.qx-edit{grid-column:1 / -1;margin:14px 14px 0}.qx-stage{display:grid;gap:12px;align-content:start;padding:14px;position:sticky;top:84px}.qx-files{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-block-end:2px}.qx-files::-webkit-scrollbar{display:none}.qx .qfiles{display:flex;gap:8px;flex:none}.qx .qfile{flex:none;grid-template-columns:36px minmax(96px,180px) auto auto;gap:10px;padding:6px 8px 6px 6px;border-radius:14px;background:var(--ink);border:1px solid var(--line-dark);color:var(--bone);white-space:nowrap}html[dir=rtl] .qx .qfile{padding:6px 6px 6px 8px}.qx .qfile.is-active{border-color:var(--lime);background:#23261f}.qx .qfile__thumb{width:36px;height:36px;border-radius:10px;font-size:10px;background:var(--graphite-2)}.qx .qfile__name b{font-size:13px}.qx .qfile__name small{color:var(--mist);font-size:11px}.qx .qfile__price{font-size:13px;color:var(--lime)}.qx .qfile__rm{color:var(--mist)}.qx .qfile__rm:hover{background:var(--graphite-2);color:var(--bone)}.qx-add{flex:none;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 16px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.18);color:var(--mist);font-weight:700;font-size:13px}.qx-add:hover{border-color:var(--lime);color:var(--lime)}.qx-add svg{width:16px;height:16px}.qx-viewer{aspect-ratio:16 / 12;border-radius:var(--r);border:1px solid var(--line-dark);background:radial-gradient(110% 90% at 50% 8%,#3c4048,#26292f 52%,#16181c);cursor:grab}.qx-viewer.is-turning{cursor:grabbing}.qx-viewer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 90px 10px #00000073,inset 0 -40px 60px -30px #0009}.qx-viewer:fullscreen{aspect-ratio:auto;width:100%;height:100%;border-radius:0}.qx-viewer:fullscreen canvas{border-radius:0}.qx-tools{position:absolute;top:12px;inset-inline:12px;display:flex;gap:8px;align-items:center;pointer-events:none}.qx-tools>*{pointer-events:auto}.qx .filebar{flex:1;min-width:0;padding:0 12px;height:38px;border-radius:12px;background:#0f1013b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--bone);font-size:13px}.qx .filebar svg{width:16px;height:16px;color:var(--lime)}.qx-unit select{height:38px;padding:0 28px 0 12px;border-radius:12px;border:0;background:#0f1013b8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23A3A6AD' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 8px center / 12px;color:var(--bone);font:700 13px var(--f-latin);-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}html[dir=rtl] .qx-unit select{padding:0 12px 0 28px;background-position:left 8px center}.qx-toolset{display:flex;border-radius:12px;overflow:hidden;background:#0f1013b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qx-toolset .qx-tool{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.qx-toolset .qx-tool+.qx-tool{box-shadow:inset 1px 0 0 var(--line-dark)}html[dir=rtl] .qx-toolset .qx-tool+.qx-tool{box-shadow:inset -1px 0 0 var(--line-dark)}.qx-tool{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0f1013b8;color:var(--bone);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,background .2s}.qx-tool:hover{color:var(--lime);background:#0f1013e6}.qx-tool:active{transform:scale(.94)}.qx-hint{position:absolute;inset-inline:0;bottom:58px;margin:0;text-align:center;font-size:12px;color:var(--mist);pointer-events:none;animation:qxHint .5s var(--ease) both}.qx-hint[hidden]{display:none}@keyframes qxHint{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.qx-tool svg{width:18px;height:18px}.qx .viewer__hint{display:none}.qx .viewer__hud .chip{direction:ltr;unicode-bidi:isolate}.qx .qcheck{background:var(--ink);border:1px solid var(--line-dark);color:var(--bone);border-radius:var(--r)}.qx .qcheck__row.bad{color:#ff8a8e}.qx-panel{display:grid;gap:16px;align-content:start;padding:18px;background:#202329;color:var(--bone);border-inline-start:1px solid var(--line-dark)}.qx-panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.qx-panel__file{font-size:13px;color:var(--mist);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;max-width:55%}.qx-group{border:0;padding:0;margin:0;display:grid;gap:10px}.qx-group legend,.qx-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mist);margin-block-end:10px;display:flex;gap:6px}.qx-group legend b{font-weight:700;color:var(--bone);text-transform:none;letter-spacing:0}.qx-mats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qx-mat input,.qx-seg__opt input{position:absolute;opacity:0;pointer-events:none}.qx-mat span{position:relative;display:grid;gap:2px;height:100%;padding:12px;border-radius:14px;background:var(--graphite);border:1.5px solid var(--line-dark);color:var(--bone);cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease)}.qx-mat b{font-size:15px}.qx-mat small{font-size:11px;color:var(--mist);line-height:1.35}.qx-mat em{font-style:normal;font-size:12px;font-weight:700;color:var(--mist);margin-block-start:4px}.qx-mat span:hover{border-color:#ffffff38;transform:translateY(-1px)}.qx-mat input:checked+span{border-color:var(--lime);background:#23261f}.qx-mat input:checked+span em{color:var(--lime)}.qx-mat input:focus-visible+span,.qx-seg__opt input:focus-visible+span{outline:2px solid var(--lime);outline-offset:2px}.qx .swatches{gap:8px}.qx .sw span{width:30px;height:30px;box-shadow:inset 0 0 0 1px #ffffff24}.qx-seg{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:14px;background:var(--graphite);border:1px solid var(--line-dark);gap:4px}.qx-seg__opt span{display:grid;gap:2px;height:100%;padding:10px 8px;border-radius:10px;cursor:pointer;text-align:center;color:var(--mist);transition:background .2s,color .2s}.qx-seg__opt b{font-size:13px;color:var(--bone)}.qx-seg__opt small{font-size:10.5px;line-height:1.35}.qx-seg__opt input:checked+span{background:var(--graphite-2)}.qx-seg__opt input:checked+span b{color:var(--lime)}.qx-size{gap:8px}.qx-size__dims{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qx-dim{display:grid;gap:4px;position:relative}.qx-dim>span{font-size:11px;color:var(--mist);letter-spacing:.02em}.qx-dim input{width:100%;height:42px;padding-inline:10px 28px;border-radius:12px;background:var(--graphite);border:1px solid var(--line-dark);color:var(--bone);font:700 14px var(--f-latin);direction:ltr;text-align:start;-webkit-appearance:textfield;appearance:textfield}.qx-dim input::-webkit-outer-spin-button,.qx-dim input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.qx-dim input:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.qx-dim i{position:absolute;right:9px;bottom:12px;font-style:normal;font-size:11px;color:var(--mist);pointer-events:none}.qx-size__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.qx-lock{display:block;cursor:pointer;font-size:12px;color:var(--mist)}.qx-lock input{position:absolute;opacity:0;pointer-events:none}.qx-lock span{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;background:var(--graphite);border:1px solid var(--line-dark);transition:color .2s,border-color .2s}.qx-lock svg{width:13px;height:13px}.qx-lock input:checked+span{color:var(--lime);border-color:#d2f24b66}.qx-lock input:focus-visible+span{outline:2px solid var(--lime);outline-offset:2px}.qx-pct{position:relative}.qx-pct input{width:76px;height:34px;padding-inline:10px 24px;border-radius:999px;background:var(--graphite);border:1px solid var(--line-dark);color:var(--bone);font:700 13px var(--f-latin);direction:ltr;text-align:start;-webkit-appearance:textfield;appearance:textfield}.qx-pct input::-webkit-outer-spin-button,.qx-pct input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.qx-pct i{position:absolute;right:10px;top:8px;font-style:normal;font-size:11px;color:var(--mist);pointer-events:none}.qx-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.qx-pieces{display:flex;align-items:center;justify-content:space-between;gap:10px}.qx-pieces .qx-label{margin:0}.qx .qx-qty{width:118px}.qx-row .qx-group{gap:0}.qx-row .qx-label{margin:0 0 6px}.qx .qx-qty{height:46px;background:var(--graphite);border:1px solid var(--line-dark);color:var(--bone)}.qx .qx-qty input{color:var(--bone);background:none}.qx .qx-qty button{color:var(--mist)}.qx .qx-qty button:hover{color:var(--lime)}.qx-notes summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:12px;background:var(--graphite);border:1px solid var(--line-dark);color:var(--mist);font-size:13px;font-weight:700}.qx-notes summary:hover{color:var(--bone)}.qx-notes summary::-webkit-details-marker{display:none}.qx-notes summary svg{width:16px;height:16px}.qx-notes[open]{grid-column:1 / -1}.qx-notes .textarea{margin-block-start:8px;min-height:80px;background:var(--graphite);border-color:var(--line-dark);color:var(--bone)}.qx-help{margin:-4px 0 0;font-size:12px;line-height:1.5;color:var(--mist)}.qx-adv{display:block}.qx-adv summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:12px;background:var(--graphite);border:1px solid var(--line-dark);color:var(--mist);font-size:13px;font-weight:700}.qx-adv summary:hover{color:var(--bone)}.qx-adv summary::-webkit-details-marker{display:none}.qx-adv summary svg{width:16px;height:16px}.qx-adv summary:after{content:"";margin-inline-start:auto;width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}.qx-adv[open] summary:after{transform:rotate(-135deg)}.qx-adv.is-custom summary{color:var(--lime);border-color:#d2f24b66}.qx-adv>.qx-opt{display:grid;gap:8px;padding-block-start:14px}.qx-opt .qx-label{margin:0;align-items:center}.qx-opt .qx-label b{margin-inline-start:auto;color:var(--lime);text-transform:none;letter-spacing:0}.qx-opt input[type=range]{width:100%;accent-color:var(--lime)}.qx-opt__ends{display:flex;justify-content:space-between;font-size:11px;color:var(--mist)}.qx-seg--sm{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.qx-seg--sm .qx-seg__opt span{padding:8px 6px}.qx-seg--sm .qx-seg__opt b{font-size:12px}.qx-opt .qx-lock span{justify-content:flex-start}.qx-price{display:grid;gap:12px;margin:4px -18px -18px;padding:18px;background:var(--ink);border-block-start:1px solid var(--line-dark)}.qx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qx-stats>span{display:grid;gap:2px;padding:10px 6px;border-radius:12px;background:var(--graphite);text-align:center}.qx-stats b{font-size:15px;color:var(--bone);direction:ltr;unicode-bidi:isolate}.qx-stats small{font-size:11px;color:var(--mist)}.qx-break{display:grid;gap:0;margin:0}.qx-break>div{display:flex;justify-content:space-between;gap:12px;padding-block:7px;border-block-end:1px dashed var(--line-dark);font-size:13px}.qx-break dt{color:var(--mist)}.qx-break dd{margin:0;direction:ltr;unicode-bidi:isolate}.qx-total{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-block-start:4px}.qx-total>span{display:grid;gap:2px;font-size:13px;color:var(--mist)}.qx-total small{font-size:11px;color:#f2c94c}.qx-total .q-price{font-size:clamp(30px,3vw,40px);color:var(--lime);line-height:1}.qx-cta{min-height:54px;font-size:16px}.qx-cta[disabled]{opacity:1;background:var(--graphite-2);border-color:var(--graphite-2);color:var(--mist)}.qx-disc{font-size:12px;color:var(--mist)}.qx-perks{display:grid;gap:8px;list-style:none;padding:12px 0 0;margin:0;border-block-start:1px solid var(--line-dark)}.qx-perks li{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--mist)}.qx-perks svg{width:16px;height:16px;color:var(--lime);flex:none}.upload{display:grid;gap:6px}.upload__bar{height:8px;border-radius:4px;background:var(--graphite-2);overflow:hidden}.upload__bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(-45deg,var(--lime) 0 8px,var(--lime-deep) 8px 16px);background-size:200% 100%;animation:uploadStripes 1s linear infinite;transition:width .2s linear}@keyframes uploadStripes{to{background-position:-22px 0}}.upload__txt{font-size:13px;color:var(--mist)}.qx-mbar{position:fixed;inset-inline:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:66;display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border-radius:18px;background:#0f1013f2;color:var(--bone);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px -14px #000000b3;border:1px solid var(--line-dark)}html[dir=rtl] .qx-mbar{padding:8px 16px 8px 8px}.qx-mbar span{display:grid;line-height:1.2}.qx-mbar small{font-size:11px;color:var(--mist)}.qx-mbar b{font-size:22px;color:var(--lime)}.qx-mbar .btn{min-height:48px}.qx-mbar .btn[disabled]{opacity:1;background:var(--graphite-2);border-color:var(--graphite-2);color:var(--mist)}@media(max-width:1023px){.qx-work{grid-template-columns:1fr}.qx-stage{position:static}.qx-panel{border-inline-start:0;border-block-start:1px solid var(--line-dark)}.qx-viewer{aspect-ratio:4 / 3}.qx-mbar:not([hidden]){display:flex}.qx{padding-block-end:110px}body:has(.qx-mbar:not([hidden])) .wa{bottom:86px}}@media(max-width:520px){.qx .qfile{grid-template-columns:36px minmax(84px,130px) auto auto}.qx-mat small,.qx-seg__opt small{display:none}}.qx-panel{gap:0;padding:0 22px 22px}.qx-panel__head{padding-block:18px 14px}.qx-panel>.qx-group,.qx-panel>.qx-row{padding-block:18px;border-block-start:1px solid var(--line-dark)}.qx-group legend,.qx-label{float:inline-start;width:100%;margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--bone);align-items:baseline}.qx-group legend+*{clear:both}.qx-group legend b{color:var(--mist);font-weight:500}.qx-mat span{align-content:space-between;gap:10px;padding:12px 14px;min-height:76px}.qx-mat b{font-size:16px}.qx-mat em{margin:0;justify-self:start;padding:3px 8px;border-radius:99px;background:#ffffff0d;direction:ltr}.qx-mat input:checked+span em{background:#d2f24b1f}.qx .swatches{gap:10px}.qx .sw span{width:32px;height:32px}.qx-seg__opt span{padding:12px 8px;gap:4px}.qx-seg__opt b{font-size:14px}.qx-seg__opt small{color:var(--mist)}.qx-size__dims{gap:10px}.qx-dim>span{font-size:12px}.qx-dim input{height:44px}.qx-size__row{margin-block-start:4px}.qx-lock span,.qx-pct input{height:38px}.qx-pct i{top:10px}.qx-row{grid-template-columns:auto 1fr;gap:12px}.qx-pieces{display:grid;gap:0}.qx-row .qx-label{float:none;margin-block-end:8px}.qx-notes{align-self:end}.qx .qx-qty,.qx-notes summary{height:44px}.qx .qx-qty{width:130px}.qx-price{margin:0 -22px -22px;padding:20px 22px 22px;gap:14px}.qx-break{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qx-break>div{display:grid;gap:2px;padding:10px 12px;border:0;border-radius:12px;background:var(--graphite)}.qx-break dt{font-size:11.5px}.qx-break dd{justify-self:start;font-weight:700;font-size:14px}.qx-total{align-items:center;padding-block:6px 2px}.qx-total .q-price{font-size:clamp(34px,3.4vw,44px)}.qx-disc{text-align:center}.qx-perks{grid-template-columns:repeat(3,1fr);gap:8px}.qx-perks li{flex-direction:column;text-align:center;gap:6px;padding:10px 6px;border-radius:12px;background:var(--graphite);font-size:11.5px;line-height:1.35}@media(min-width:1024px){.qx-stage{position:relative;top:auto;display:flex;flex-direction:column;height:100%}.qx-viewer{flex:1 1 auto;aspect-ratio:auto;min-height:440px;height:auto}.qx-stage>:not(.qx-viewer){flex:none}.qx-viewer{position:relative;overflow:hidden}.qx-viewer canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}}@media(max-width:520px){.qx-panel{padding-inline:16px}.qx-price{margin-inline:-16px;padding-inline:16px}.qx-row,.qx-perks{grid-template-columns:1fr}.qx-perks li{flex-direction:row;text-align:start}}@media(max-width:600px){.qx-viewer{aspect-ratio:1 / 1}.qx-tools{top:10px;inset-inline:10px;flex-wrap:wrap;gap:6px}.qx .qx-tools .filebar{display:none}.qx-tools .qx-unit{margin-inline-end:auto}.qx-tool,.qx-unit select{flex:none;height:40px}.qx-tool,.qx-toolset .qx-tool{width:40px}.qx .qfile__rm{width:36px;height:36px}.qx .viewer__hud{bottom:10px}.qx .viewer__hud .chip{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quote.css.map */