.ks-studio{--ks-bg: #ffffff;--ks-panel: #ffffff;--ks-raised: #f4fbff;--ks-line: #d5e5ee;--ks-line-strong: #9dbccb;--ks-text: #231f20;--ks-muted: #52707f;--ks-disabled: #a9bcc6;--ks-accent: #00608f;--ks-accent-hot: #003751;--ks-accent-soft: #b4f2fa;--ks-focus: #003751;--ks-radius: 12px;--ks-heading-font: var(--font-heading-family, inherit);--ks-stage-height: 46vh;--ks-studio-vh: 82vh;--ks-stage-band: #eef6fa;--ks-stage-top: 0px;display:grid;grid-template-areas:"stage" "setup" "zones";grid-template-rows:var(--ks-stage-height) auto auto;isolation:isolate;overflow:hidden;border:1px solid var(--ks-line);border-radius:16px;background:var(--ks-bg);color:var(--ks-text);font-family:inherit;line-height:1.4}.ks-studio *,.ks-studio *:before,.ks-studio *:after{box-sizing:border-box;min-width:0}.ks-studio :where(button){margin:0;font:inherit;color:inherit;cursor:pointer}.ks-studio :focus-visible{outline:2px solid var(--ks-focus);outline-offset:2px}.ks-panel{padding:16px 14px 24px;background:var(--ks-panel)}.ks-panel--setup{grid-area:setup}.ks-panel--zones{grid-area:zones;padding-top:4px}.ks-heading{margin:11px 2px 6px;color:var(--ks-muted);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.ks-heading:first-child{margin-top:0}.ks-product__name{color:var(--ks-accent);font-family:var(--ks-heading-font);font-size:18px;font-weight:800;line-height:1.2}.ks-stage{position:sticky;top:var(--ks-stage-top);z-index:1;grid-area:stage;min-height:var(--ks-stage-height);background:linear-gradient(var(--ks-stage-veil, rgb(238 246 250 / .74)),var(--ks-stage-veil, rgb(238 246 250 / .74))),var(--ks-stage-logo, none) center var(--ks-stage-logo-pos, 46%) / var(--ks-stage-logo-size, auto 80%) no-repeat,var(--ks-stage-band)}.ks-canvas{display:block;width:100%;height:100%;touch-action:none}.ks-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ks-muted);font-size:14px;pointer-events:none}.ks-status[hidden]{display:none}.ks-viewbar{position:absolute;bottom:14px;left:50%;display:flex;gap:4px;padding:5px;transform:translate(-50%);border:1px solid var(--ks-line);border-radius:999px;background:#fff;box-shadow:0 2px 8px #00000014}.ks-view{padding:10px 16px;border:0;border-radius:999px;background:transparent;color:var(--ks-muted);font-size:13px;font-weight:600;transition:background-color .12s,color .12s}.ks-view.is-selected{background:var(--ks-accent);color:#fff}.ks-spin{position:absolute;right:12px;bottom:72px;display:block;padding:7px 11px;border:1px solid var(--ks-line);border-radius:999px;background:#fff;color:var(--ks-text);box-shadow:0 2px 8px #00000014;transition:background-color .12s,border-color .12s,color .12s}.ks-spin:hover{border-color:var(--ks-line-strong);background:var(--ks-raised)}.ks-spin__mark{display:block;width:56px;height:27px}.ks-spin__mark text{font-family:inherit}.ks-spin.is-spinning{border-color:var(--ks-accent);background:var(--ks-accent);color:#fff}.ks-chips{display:flex;gap:5px}.ks-chip{flex:1 1 0;padding:9px 2px;min-width:0;border:1px solid var(--ks-line);border-radius:40px;background:var(--ks-raised);color:var(--ks-muted);text-align:center;transition:border-color .12s,color .12s,background-color .12s}.ks-chip.is-selected{border-color:var(--ks-accent);background:var(--ks-accent);color:#fff}.ks-chip__name{display:block;font-size:12px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ks-swatches{display:flex;flex-wrap:wrap;gap:12px}.ks-swatch{width:36px;height:36px;padding:0;border:2px solid var(--ks-line);border-radius:50%;background:var(--ks-swatch);transition:transform .12s,box-shadow .12s,border-color .12s}.ks-swatch.is-selected{border-color:var(--ks-panel);box-shadow:0 0 0 2px var(--ks-panel),0 0 0 4px var(--ks-text)}.ks-sizes{display:flex;flex-wrap:wrap;gap:8px}.ks-size{min-width:42px;padding:8px 10px;border:1px solid var(--ks-line);border-radius:40px;background:var(--ks-raised);color:var(--ks-muted);font-size:13px;font-weight:600;transition:border-color .12s,color .12s,background-color .12s}.ks-size.is-selected{border-color:var(--ks-accent);background:var(--ks-accent);color:#fff}.ks-size.is-out{color:var(--ks-disabled);text-decoration:line-through}.ks-size.is-out.is-selected{border-color:var(--ks-line-strong);background:transparent;color:var(--ks-disabled)}.ks-qty{display:inline-flex;align-items:center;overflow:hidden;border:1px solid var(--ks-line);border-radius:9px;background:var(--ks-raised)}.ks-qty__step{width:42px;height:42px;border:0;background:transparent;color:var(--ks-text);font-size:17px;font-weight:600;line-height:1}.ks-qty__step:hover{background:var(--ks-raised)}.ks-qty__value{width:52px;height:42px;border:0;border-left:1px solid var(--ks-line);border-right:1px solid var(--ks-line);background:transparent;color:var(--ks-text);font:inherit;font-size:14px;font-weight:600;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ks-qty__value::-webkit-outer-spin-button,.ks-qty__value::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.ks-qty__value:focus-visible{outline-offset:-2px}.ks-tabs{display:flex;gap:6px;padding:12px 0}.ks-tab{flex:1 1 0;overflow:hidden;padding:11px 4px;border:1px solid var(--ks-line);border-radius:999px;background:var(--ks-raised);color:var(--ks-muted);font-size:12.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;transition:background-color .12s,color .12s,border-color .12s}.ks-tab.is-filled:not(.is-selected){border-color:var(--ks-line-strong);color:var(--ks-text)}.ks-tab.is-selected{border-color:var(--ks-accent);background:var(--ks-accent);color:#fff}.ks-zone__header,.ks-zone__panel{display:none}.ks-zone.is-open .ks-zone__panel{display:block}.ks-zone__prompt{display:flex;gap:8px;align-items:baseline;justify-content:space-between;margin:0 2px 12px;color:var(--ks-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.ks-zone__fee{flex:none;color:var(--ks-text);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:normal;text-transform:none}.ks-zone__fee.is-muted{color:var(--ks-muted);font-weight:500}.ks-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;max-height:292px;overflow-y:auto;padding:2px 4px 8px 2px;overscroll-behavior-y:contain}.ks-rail__group{display:block;grid-column:1 / -1;margin:6px 0 0;color:var(--ks-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ks-rail__group:first-child{margin-top:0}.ks-rail__group[hidden]{display:none}.ks-art{display:grid;grid-template-rows:1fr auto;gap:4px;place-items:center;min-width:0;height:112px;padding:7px 5px 5px;border:1px solid var(--ks-line);border-radius:9px;background:#fff;transition:border-color .12s,box-shadow .12s}.ks-art.is-selected{border-color:var(--ks-accent);box-shadow:0 0 0 2px #00608f4d}.ks-art[hidden]{display:none}.ks-rail--dark .ks-art{border-color:transparent;background:var(--ks-tile-dark, var(--ks-accent))}.ks-rail--dark .ks-art__label{color:#f2f3f5}.ks-rail--dark .ks-art.is-selected{border-color:var(--ks-accent-soft);background:var(--ks-accent-hot);box-shadow:0 0 0 2px var(--ks-accent-soft)}.ks-rail--dark .ks-art.is-selected .ks-art__label{color:#fff}.ks-art img{width:100%;max-width:64px;height:56px;object-fit:contain;pointer-events:none}.ks-rail--dark .ks-art img{max-width:56px}.ks-art--none svg{width:40px;height:40px;margin:8px 0;color:var(--ks-muted);pointer-events:none}.ks-art--none.is-selected svg{color:var(--ks-accent)}.ks-rail--dark .ks-art--none svg{color:currentColor}.ks-rail--dark .ks-art--none{color:#f2f3f5}.ks-art__label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;min-height:2.3em;max-width:100%;overflow:hidden;color:var(--ks-muted);font-size:9.5px;line-height:1.15;text-align:center;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;pointer-events:none}.ks-art.is-selected .ks-art__label{color:var(--ks-text)}.ks-rail__empty{margin:4px 0 0;color:var(--ks-muted);font-size:13px}.ks-search{width:100%;margin-bottom:10px;padding:9px 11px;border:1px solid var(--ks-line);border-radius:9px;background:var(--ks-surface);color:var(--ks-text);font:inherit;font-size:14px}.ks-search:focus-visible{border-color:var(--ks-accent);outline:none}.ks-input{width:100%;padding:12px;border:1px solid var(--ks-line);border-radius:9px;background:var(--ks-bg);color:var(--ks-text);font:inherit;font-size:16px;letter-spacing:2px;text-transform:uppercase}.ks-input::placeholder{color:var(--ks-muted);letter-spacing:normal;text-transform:none}.ks-input:focus{border-color:var(--ks-focus);outline:none}.ks-inks{display:flex;gap:10px;margin-top:12px}.ks-inks[hidden]{display:none}.ks-zones__none{margin:4px 2px;color:var(--ks-muted);font-size:13px;line-height:1.5}.ks-ink{width:28px;height:28px;padding:0;border:2px solid var(--ks-line);border-radius:50%;background:var(--ks-ink)}.ks-ink.is-selected{border-color:var(--ks-text)}.ks-clear{width:100%;margin-top:12px;padding:9px;border:1px solid var(--ks-line);border-radius:9px;background:transparent;color:var(--ks-muted);font-size:12px}.ks-clear:hover{border-color:var(--ks-muted);color:var(--ks-text)}.ks-next{width:100%;margin-top:8px;padding:10px;border:2px solid var(--ks-accent);border-radius:0;background:#fff;color:var(--ks-accent);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background-color .12s,color .12s}.ks-next:hover{background:var(--ks-accent);color:#fff}.ks-next:after{content:"\203a";margin-left:6px;font-size:15px}.ks-summary,.ks-summary-heading{display:none}.ks-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--ks-line);color:var(--ks-muted);font-size:13px}.ks-row[hidden]{display:none}.ks-row b{max-width:60%;color:var(--ks-text);font-weight:600;text-align:right}.ks-priceline{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px}.ks-priceline__label{color:var(--ks-muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}.ks-price{color:var(--ks-accent);font-size:22px;font-weight:800;letter-spacing:.02em;text-align:right}.ks-price.is-unpriced{font-size:15px;font-weight:600;color:var(--ks-muted)}.ks-price__each{display:block;color:var(--ks-muted);font-size:12px;font-weight:500}.ks-add{position:sticky;bottom:10px;width:100%;margin-top:12px;padding:16px 24px;border:0;border-radius:0;background:var(--ks-accent);color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 8px #00375129;transition:background-color .12s}.ks-add:hover:not(:disabled){background:var(--ks-accent-hot)}.ks-add:disabled{opacity:.6;cursor:default}@media(min-width:900px){.ks-studio{grid-template-areas:"setup stage zones";grid-template-columns:280px 1fr 320px;grid-template-rows:1fr;height:min(var(--ks-studio-cap, 760px),var(--ks-studio-vh))}.ks-panel{overflow-y:auto;padding:18px 16px 32px;scrollbar-width:thin}.ks-panel--setup{border-right:1px solid var(--ks-line)}.ks-panel--zones{padding-top:18px;border-left:1px solid var(--ks-line)}.ks-panel::-webkit-scrollbar{width:8px}.ks-panel::-webkit-scrollbar-thumb{border-radius:4px;background:var(--ks-line)}.ks-stage{position:relative;min-height:0;box-shadow:none}.ks-chips{flex-wrap:wrap}.ks-chip{flex:1 1 calc(50% - 5px);min-width:0;padding:9px 8px;font-size:12.5px}.ks-swatch{width:34px;height:34px}.ks-spin{right:14px;bottom:14px}.ks-tabs{display:none}.ks-zone{display:block;overflow:hidden;margin-bottom:12px;border:1px solid var(--ks-line);border-radius:var(--ks-radius);background:var(--ks-raised)}.ks-zone__header{display:flex;gap:10px;align-items:center;width:100%;padding:12px 14px;border:0;background:transparent;text-align:left}.ks-zone__header:hover{background:var(--ks-raised)}.ks-zone__dot{flex:none;width:10px;height:10px;border:2px solid var(--ks-line-strong);border-radius:50%}.ks-zone.is-filled .ks-zone__dot{position:relative;border-color:var(--ks-accent);background:var(--ks-accent);cursor:pointer}.ks-zone.is-filled .ks-zone__dot:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.ks-zone.is-filled .ks-zone__dot:hover{transform:scale(1.25);background:#fff}.ks-zone.is-filled .ks-zone__dot:hover:before{content:"\d7";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ks-accent);font-size:11px;font-weight:700;line-height:1}.ks-zone__titles{flex:1}.ks-zone__titles b{font-size:13.5px}.ks-zone__titles span{display:block;color:var(--ks-muted);font-size:11px}.ks-zone__chevron{color:var(--ks-muted);transition:transform .15s}.ks-zone__chevron:before{content:"\203a";font-size:18px}.ks-zone.is-open .ks-zone__chevron{transform:rotate(90deg)}.ks-zone__panel{padding:10px 14px 16px;border-top:1px solid var(--ks-line)}.ks-zone__prompt{display:none}.ks-rail{grid-template-columns:repeat(3,1fr);gap:8px;max-height:336px}.ks-art{width:auto;height:auto;aspect-ratio:1}.ks-input{font-size:15px}.ks-summary,.ks-summary-heading{display:block}.ks-add{position:static;padding:14px;box-shadow:none}}@media(prefers-reduced-motion:reduce){.ks-studio *,.ks-studio *:before{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/kit-studio.css.map */