.byo-page{user-select:none;-webkit-user-select:none}.byo-stage{--byo-content-width: 1184px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);width:min(var(--byo-content-width),calc(100vw - 32px));max-width:none;margin:0 0 0 50%;transform:translate(-50%);padding:32px 0;gap:0 20px;min-height:0}@media(max-width:760px){.byo-stage{grid-template-columns:1fr;grid-template-rows:auto auto;width:calc(100vw - 20px);padding:8px 0 12px;gap:8px 0}}.viewer-col{display:flex;flex-direction:column;min-height:0}.viewer-col .byo-viewport{flex:0 0 auto;min-height:0;height:clamp(460px,min(68dvh,58vw),720px)}.byo-viewport{position:relative;min-height:0;overflow:hidden;max-height:720px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:20px;box-shadow:inset 0 2px 4px #00000008}.byo-viewport canvas{display:block;width:100%;height:100%}@media(max-width:760px){.byo-viewport{max-height:none}.color-disclaimer{margin:6px 16px}}.color-disclaimer{margin:10px auto 0;max-width:36rem;font:italic 400 12px/1.4 Space Grotesk,system-ui,sans-serif;color:#9ca3af;text-align:center}.color-disclaimer--focus,#build-title{display:none}.viewport-controls{position:absolute;bottom:18px;display:flex;gap:8px;z-index:5}.viewport-controls.vc-left{left:18px}.viewport-controls.vc-right{right:18px}.ctl-btn{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 Space Grotesk,system-ui,sans-serif;padding:10px 16px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#111827;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background .15s,box-shadow .15s}.ctl-btn:hover{background:#f8fafc;box-shadow:0 1px 2px #0000001a}.ctl-btn .ic{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}#btn-autoplay,#btn-autoplay .ic-play,#btn-autoplay.paused .ic-pause{display:none}#btn-autoplay.paused .ic-play{display:block}#btn-explode .ic-assemble,#btn-explode.exploded .ic-explode{display:none}#btn-explode.exploded .ic-assemble{display:block}@media(max-width:760px){.viewport-controls{bottom:12px;gap:8px}.viewport-controls.vc-left{left:12px}.viewport-controls.vc-right{right:12px}.ctl-btn{padding:10px}.ctl-btn .btn-label{display:none}.ctl-btn .ic{width:16px;height:16px}}.assembly-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#6b7280;font-size:14px;z-index:10;background:transparent;pointer-events:none}.assembly-loader-spin{width:38px;height:38px;border:4px solid #e5e7eb;border-top-color:#d92626;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.assembly-loader-wait{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 34px 22px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000f}.assembly-lw-text{font:700 17px/1.2 Space Grotesk,system-ui,sans-serif;color:#111827}.assembly-loader-bar{width:190px;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden;position:relative}.assembly-loader-bar i{position:absolute;top:0;left:-40%;width:40%;height:100%;border-radius:999px;background:#d92626;animation:loader-slide 1.15s ease-in-out infinite}@keyframes loader-slide{to{left:100%}}.assembly-control-hint{position:absolute;left:50%;bottom:72px;z-index:9;max-width:calc(100% - 32px);padding:8px 13px;border-radius:999px;background:#0f172ad1;color:#fff;font:600 12px/1.25 Space Grotesk,system-ui,sans-serif;text-align:center;opacity:0;transform:translate(-50%,5px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.assembly-control-hint.show{opacity:1;transform:translate(-50%)}.byo-panel{display:flex;flex-direction:column;gap:0;overflow-y:auto;border-left:none;padding-top:0;min-width:0;scrollbar-width:thin;scrollbar-color:rgba(20,17,15,.28) transparent}.byo-panel>*,.step-body,.step-content,.step-content>*,#config-panel>*{min-width:0}.panel-title{display:none}.presets-toggle{display:none;align-items:center;gap:6px;align-self:center;margin-top:10px;font:600 11px/1 Space Grotesk,system-ui,sans-serif;color:#9ca3af;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:5px 12px;cursor:pointer}.presets-toggle:hover{color:#111827;border-color:#94a3b8}.presets-toggle svg{display:block}.byo-panel.presets-collapsed .presets-toggle{display:inline-flex}.byo-panel.presets-collapsed #swatches{display:none}.step:not(.open) .step-chevron{display:none}@media(max-width:760px){.byo-panel{overflow-y:visible}}.step{border-bottom:1px solid #e5e7eb}.step-head{display:block;width:100%;padding:18px 0;background:transparent;border:0;cursor:pointer;text-align:left;font:700 13px/1.2 Space Grotesk,system-ui,sans-serif;color:#111827}.step-head-row{display:flex;align-items:center;gap:9px;width:100%}.step-hint{display:block;margin:5px 0 0 31px;color:#94a3b8;font:500 11px/1.3 Space Grotesk,system-ui,sans-serif}.step.open .step-hint{display:none}.step-num{background:transparent;color:#9ca3af;width:auto;height:auto;font:600 18px/1.2 Space Grotesk,system-ui,sans-serif}.step-name{font:600 18px/1.2 Space Grotesk,system-ui,sans-serif;color:#111827}.step-val{margin-left:auto;font:500 13px/1.2 Space Grotesk,system-ui,sans-serif;color:#d92626;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease,transform .3s ease}.step.open .step-val{opacity:0;transform:translate(10px)}.step-chevron{margin-left:8px;color:#9ca3af;display:inline-flex;opacity:0;transition:opacity .2s;flex:0 0 auto}.step.open .step-chevron{opacity:1}.step-body{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding:0;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .35s ease,padding .4s ease}.step.open .step-body{grid-template-rows:1fr;opacity:1;padding:0 0 22px}.step-content{min-height:0;display:flex;flex-direction:column;gap:12px}.step-continue{width:100%;padding:12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#d92626;font:700 14px/1 Space Grotesk,system-ui,sans-serif;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s}.step-continue:hover{background:#fee2e2;border-color:#d92626}.step-continue:disabled{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}#color-options-next[hidden],#build-options-step[hidden]{display:none}#build-options-content{display:flex;flex-direction:column;gap:12px}.build-option-group{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:14px 16px}.build-option-label{margin-bottom:10px;font:600 13px/1.2 Space Grotesk,system-ui,sans-serif;color:#374151}.build-option-values{display:flex;flex-wrap:wrap;gap:8px}.build-option-value{flex:1 1 120px;min-height:44px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;font:600 13px/1.2 Space Grotesk,system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.build-option-value:hover:not(:disabled):not(.active){background:#f8fafc;border-color:#94a3b8}.build-option-value.active{border-color:#d92626;background:#fef2f2;color:#d92626;box-shadow:0 0 0 1px #d92626}.build-option-value:focus-visible{outline:2px solid #d92626;outline-offset:2px}.build-option-value:disabled{opacity:.4;cursor:not-allowed}.build-options-validation{margin:0;color:#b91c1c;font:500 12px/1.4 Space Grotesk,system-ui,sans-serif}.build-options-validation[hidden]{display:none}#build-next.shown{position:sticky;bottom:8px;z-index:3;animation:build-next-pop .38s cubic-bezier(.34,1.4,.5,1)}@keyframes build-next-pop{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}#build-list{display:flex;flex-direction:column;gap:6px;position:static;inset:auto;overflow:visible;padding:0}.build-series{display:flex;flex-direction:column;gap:6px}.build-series+.build-series{margin-top:10px}.build-series+.build-series--continued{margin-top:0}.series-label{font:700 12px/1 Space Grotesk,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:4px 2px 5px}.model-chip{width:100%;text-align:left;white-space:normal;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;cursor:pointer;transition:background .15s,border-color .15s;font:600 13px/1 Space Grotesk,system-ui,sans-serif}.model-chip:hover:not(.active):not(:disabled){background:#f8fafc;border-color:#cbd5e1}.model-chip.active{border-color:#d92626;box-shadow:0 0 0 1px #d92626}.model-chip.active .mc-desc{color:#64748b}.model-chip.active .mc-thumb{border-color:#e2e8f0}.model-chip:disabled{opacity:.4;cursor:not-allowed}.mc-thumb{flex:0 0 auto;width:52px;height:52px;border-radius:10px;object-fit:contain;background:#f4f2ee;border:1.5px solid #e2e8f0}.mc-text{display:flex;flex-direction:column;gap:3px;min-width:0}.mc-name{font:600 14px/1.15 Space Grotesk,system-ui,sans-serif}.mc-desc{font:400 12px/1.3 Space Grotesk,system-ui,sans-serif;color:#64748b}.mc-price{margin-left:auto;flex:0 0 auto;font:600 13px/1.2 Space Grotesk,system-ui,sans-serif;color:#0f172a;white-space:nowrap}.mc-compare{color:#94a3b8;font-weight:400;text-decoration:line-through;margin-right:4px}.model-chip.sold-out{position:relative;padding-bottom:24px;cursor:default}.model-chip.sold-out:after{content:"SOLD OUT | Try the Configurator";position:absolute;bottom:0;left:0;right:0;font-size:10px;font-weight:700;letter-spacing:.06em;color:#fff;background:#94a3b8;border-radius:0 0 12px 12px;padding:4px 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-chip.unavailable{opacity:.5;cursor:default;filter:grayscale(.8);border-color:#e5e7eb;background:#f9fafb}.model-chip.unavailable .mc-price{display:none}.byo-soldout-notice{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;font-size:13px;color:#c2410c}.theme-group-title{font:700 12px/1 Space Grotesk,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:8px 0 5px}.theme-grid{display:flex;flex-wrap:wrap;gap:12px 8px;align-items:flex-start}.theme-card{width:64px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px;border:0;background:transparent;cursor:pointer;font-family:Space Grotesk,system-ui,sans-serif;box-shadow:none;transform:none}.theme-card:hover .theme-prev{transform:translateY(-2px);border-color:#cbd5e1}.theme-card.active .theme-prev{border-color:#d92626;box-shadow:0 0 0 1px #d92626}.theme-card.active .theme-name{color:#d92626;font-weight:600}.theme-prev{display:flex;width:50px;height:50px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;flex:0 0 auto;transition:transform .2s,border-color .2s}.tp-main{width:50%;height:100%}.tp-side{width:50%;height:100%;display:flex;flex-direction:column}.tp-keybase,.tp-split{height:50%}.theme-name{font-size:10px;line-height:1.2;text-align:center;color:#64748b;overflow-wrap:break-word;max-width:100%}.theme-card-soldout-badge{display:block;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#94a3b8;border-radius:3px;padding:1px 5px;margin-top:3px}.couple{flex:0 1 auto;border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#fafafa}.couple-label{font:700 10px/1 Space Grotesk,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin:0 0 6px}.couple-items{display:flex;flex-wrap:wrap;gap:8px}.cmodes-title{margin-bottom:-4px}#color-modes{display:flex;flex-direction:column;gap:8px}.cmode-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer;text-align:left;font-family:Space Grotesk,system-ui,sans-serif;transition:background .15s,border-color .15s;box-shadow:none}.cmode-btn:hover{background:#f8fafc;border-color:#94a3b8}.cmode-btn.active{background:#fef2f2;border-color:#d92626;box-shadow:0 0 0 1px #d92626}.cmode-text{display:flex;flex-direction:column;gap:3px;min-width:0}.cmode-name{font:600 13.5px/1.1 Space Grotesk,system-ui,sans-serif;color:#111827}.cmode-desc{font:400 11px/1.3 Space Grotesk,system-ui,sans-serif;color:#6b7280}.cmode-icon{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:4px;box-shadow:none;margin-left:10px;flex:0 0 auto;overflow:hidden;display:flex}.cmode-rainbow,.cmode-rainbow:hover,.cmode-rainbow.active{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#de4343,#f99963,#61c680,#0078bf,#ae96d4) border-box;box-shadow:none}.cmode-rainbow:hover{background:linear-gradient(#f8fafc,#f8fafc) padding-box,linear-gradient(90deg,#de4343,#f99963,#61c680,#0078bf,#ae96d4) border-box}.cmode-rainbow.active{background:linear-gradient(#fef2f2,#fef2f2) padding-box,linear-gradient(90deg,#de4343,#f99963,#61c680,#0078bf,#ae96d4) border-box}#config-panel,#accessories{display:flex;flex-direction:column;gap:12px}#config-panel:not(:empty){padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;animation:cfg-slide .3s ease-out}@keyframes cfg-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.module-box{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:8px 8px 12px}.module-box-title{font:700 11px/1 Space Grotesk,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:#0f172a;padding:2px 2px 8px;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.cfg-row{display:flex;align-items:center;gap:5px}.cfg-row+.cfg-row{margin-top:8px}.cfg-prev{width:26px;height:26px;border-radius:7px;box-shadow:none}.cfg-select{flex:1;min-width:0;padding:6px 8px;font:500 12px/1.2 Space Grotesk,system-ui,sans-serif;color:#111827;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.cfg-part-label{flex:0 0 80px;font:600 11px/1.25 Space Grotesk,system-ui,sans-serif;color:#64748b}.csel{position:relative;flex:1;min-width:0;font:500 12px/1.2 Space Grotesk,system-ui,sans-serif;color:#111827}.csel-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer}.csel-trigger:hover{border-color:#94a3b8}.csel-info{display:flex;align-items:center;gap:7px;min-width:0}.csel-info span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csel-caret{font-size:12px;color:#6b7280;flex:0 0 auto}.cdot{width:15px;height:15px;border-radius:50%;border:1px solid rgba(0,0,0,.2);flex:0 0 auto}.csel-options{position:absolute;top:100%;left:0;right:0;z-index:30;display:none;background:#fff;border:1px solid #94a3b8;border-radius:8px;margin-top:3px;max-height:380px;overflow-y:auto;box-shadow:0 12px 28px -4px #00000038}.csel-options.open{display:block}.csel-option{display:flex;align-items:center;gap:7px;padding:9px 10px;cursor:pointer}.csel-option:hover{background:#0000000d}.csel-option.selected{background:#d9262614;font-weight:600}#accessories .acc-swatches{flex:1}#accessories .cfg-row{align-items:flex-start}#accessories .cfg-part-label{padding-top:4px}.acc-swatches{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.acc-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;transition:border-color .15s,box-shadow .15s}.acc-swatch:hover{box-shadow:0 0 0 2px #00000026}.acc-swatch.active{border-color:#d92626;box-shadow:0 0 0 2px #d9262640}.order-notes-block{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:14px 16px;margin-top:12px}.notes-label{display:flex;align-items:center;gap:6px;font:600 13px/1.2 Space Grotesk,system-ui,sans-serif;color:#374151;margin:0 0 8px}.notes-label svg{flex:0 0 auto}.order-notes-block .step-continue{margin-top:12px}#order-notes{width:100%;min-height:64px;resize:vertical;padding:9px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font:400 12.5px/1.5 Space Grotesk,system-ui,sans-serif;color:#1f2937;box-sizing:border-box}#order-notes:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.order-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:22px 24px;margin-top:12px;transition:opacity .3s}.order-summary.disabled{opacity:.5;pointer-events:none}.order-total{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:4px;font:400 14px/1 Space Grotesk,system-ui,sans-serif;color:#64748b}#total-price{font:800 24px/1.1 Space Grotesk,system-ui,sans-serif;color:#0f172a}.price-compare{color:#94a3b8;font-weight:400;margin-right:5px;font-size:.72em;text-decoration:line-through}.ship-note{text-align:center;font:italic 400 12px/1.4 Space Grotesk,system-ui,sans-serif;color:#999;margin:10px 0 6px}.shop-cta{width:100%;padding:16px;margin-top:8px;font:700 16px/1 Space Grotesk,system-ui,sans-serif;text-align:center;text-decoration:none;display:block;color:#fff;background:#d92626;border:0;border-radius:50px;box-shadow:none;cursor:pointer;text-transform:uppercase;transition:background .15s}.shop-cta:hover{background:#b91c1c}.shop-cta:disabled{background:#cbd5e1;opacity:.7;cursor:default}.byo-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:6px}.csel .cfg-prev{width:28px;height:28px;border-radius:6px}.shop-cta.byo-btn-success{background:#16a34a;border-color:#16a34a;color:#fff;transition:background .3s,border-color .3s}.pricing-notice{margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.5;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pricing-notice strong{color:#0f172a}.panel-note{font-size:11px;color:#6b7280;line-height:1.5;margin-top:auto;padding-top:8px}.assembly-embed-enter-flow{display:inline-flex;margin-top:1.25rem;padding:12px 28px;border:0;border-radius:8px;font:600 15px/1 Space Grotesk,sans-serif;color:#fff;background:var(--color-primary, #D32F2F);cursor:pointer;transition:opacity .2s}.assembly-embed-enter-flow:hover{opacity:.88}.byo-stage{position:relative}.assembly-embed-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;cursor:pointer}.assembly-embed-exit{display:none;position:absolute;top:10px;left:10px;z-index:5;align-items:center;gap:6px;padding:7px 13px;border:0;border-radius:999px;font:600 12px/1 sans-serif;color:#fff;background:#0f172ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.byo-stage.config-mode .assembly-embed-overlay{display:none}.byo-stage.config-mode .assembly-embed-exit{display:inline-flex;top:24px}.byo-stage.config-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;max-width:none;height:100dvh;margin:0;transform:none;padding:16px max(10px,calc((100vw - var(--byo-content-width)) / 2)) 24px;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);gap:0 20px;overflow:hidden;background:#fff}.byo-stage.config-mode .viewer-col{flex:1;min-height:0}.byo-stage.config-mode .viewer-col .byo-viewport{height:min(760px,calc(100dvh - 80px),58vw);max-height:760px}.byo-stage.config-mode .color-disclaimer--focus{display:block}.byo-stage.config-mode .byo-panel{overflow-y:auto;max-height:100%}.byo-panel{overflow-y:auto;scrollbar-width:thin}@media(max-width:760px){.byo-stage{grid-template-columns:1fr;max-width:none;width:calc(100vw - 20px);padding:8px 0 12px;gap:8px 0}.viewer-col .byo-viewport{height:clamp(340px,46dvh,460px);min-height:340px;max-height:460px;flex:0 0 auto}.assembly-control-hint{width:calc(100% - 24px);max-width:316px;white-space:nowrap}.byo-panel{overflow:visible;padding:0 8px 16px}.color-disclaimer{font-size:10.5px;margin:5px 18px}.viewer-col{position:static;width:340px;max-width:100%;margin:0 auto;background:#fff}.cfg-part-label{flex:0 0 96px}.mc-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mc-compare{margin-right:0}.step-head{padding:18px 0}.step.open .step-body{padding:0 0 24px}.order-summary{padding:18px 20px}.byo-stage.config-mode{grid-template-columns:1fr;grid-template-rows:clamp(340px,45dvh,440px) minmax(0,1fr);width:100%;height:100dvh;margin:0;transform:none;padding:12px 10px;gap:8px 0}.byo-stage.config-mode .viewer-col .byo-viewport{height:100%;min-height:0;max-height:none;flex:1 1 auto}.byo-stage.config-mode .color-disclaimer--focus{display:none}.byo-stage.config-mode .assembly-embed-exit{top:20px}.byo-stage.config-mode .byo-panel{overflow-y:auto;max-height:none;min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/attaky-assembly.css.map */