@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap);:root{--color-brand-primary:#5c3ce9;--color-brand-secondary:#fff;--color-bg-primary:#000;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-bg-quaternary:#222;--color-bg-overlay:#000c;--color-text-primary:#fff;--color-text-secondary:#fffc;--color-text-tertiary:#fff9;--color-text-muted:#fff6;--color-text-inverse:#000;--color-interactive-default:#ffffff1a;--color-interactive-hover:#ffffff26;--color-interactive-active:#fff3;--color-interactive-selected:#fff;--color-interactive-focus:#fff;--color-case-black:#000;--color-case-gunmetal:#696969;--color-case-mars:#bc4f44;--color-case-cosmic:#51468d;--color-case-neptune:#4968c5;--color-case-white:#fff;--color-case-retro-brown:#1c1414;--color-case-retro-cream:#8a7e6e;--color-keycaps-black:#000;--color-keycaps-chalk:#d2d2d2;--color-keycaps-grey:#878787;--color-keycaps-space:#2b2b38;--color-accent-orange:#dd5841;--color-accent-electric:#e3fc6c;--color-accent-blue:#5369f5;--color-accent-red:#dc4840;--color-switch-red:#f73429;--color-switch-brown:#6d4336;--color-switch-black:#0d0d0d;--color-switch-silver:#c1c1c1;--color-switch-white:#fff;--color-switch-navy:#484f70;--color-switch-sunset:#e85c0a;--color-success:#51d074;--color-warning:#ffb07f;--color-error:#f44;--color-info:#3e54de;--space-unit:0.5rem;--space-xs:calc(var(--space-unit)*0.5);--space-sm:var(--space-unit);--space-md:calc(var(--space-unit)*1.5);--space-lg:calc(var(--space-unit)*2);--space-xl:calc(var(--space-unit)*3);--space-2xl:calc(var(--space-unit)*4);--space-3xl:calc(var(--space-unit)*6);--space-4xl:calc(var(--space-unit)*8);--space-component-padding:var(--space-xl);--space-section-margin:var(--space-xl);--space-swatch-gap:var(--space-md);--space-button-padding-x:var(--space-lg);--space-button-padding-y:var(--space-md);--font-family-primary:"Helvetica Neue",Helvetica,"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-family-brand:"Space Grotesk",sans-serif;--font-family-mono:"Space Mono",monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:3rem;--font-size-5xl:3.5rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--border-radius-xs:0.25rem;--border-radius-sm:0.5rem;--border-radius-md:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-2xl:2rem;--border-radius-full:50%;--border-radius-pill:999px;--border-width-thin:0.0625rem;--border-width-medium:0.125rem;--border-width-thick:0.1875rem;--shadow-sm:0 0.0625rem 0.125rem #0000000d;--shadow-md:0 0.25rem 0.375rem #0000001a;--shadow-lg:0 0.625rem 0.9375rem #0000001a;--shadow-xl:0 1.25rem 1.5625rem #00000026;--shadow-2xl:0 1.5625rem 3.125rem #00000040;--shadow-keyboard:0 0.625rem 1.875rem #0000004d;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--timing-ease:ease;--timing-ease-in:ease-in;--timing-ease-out:ease-out;--timing-ease-in-out:ease-in-out;--timing-smooth:cubic-bezier(0.4,0,0.2,1);--transition-fast:all var(--duration-fast) var(--timing-ease-out);--transition-normal:all var(--duration-normal) var(--timing-ease-out);--transition-slow:all var(--duration-slow) var(--timing-smooth);--transition-transform:transform var(--duration-normal) var(--timing-ease-out);--transition-opacity:opacity var(--duration-normal) var(--timing-ease-out);--z-index-dropdown:1000;--z-index-sticky:1010;--z-index-fixed:1020;--z-index-modal-backdrop:1030;--z-index-modal:1040;--z-index-popover:1050;--z-index-tooltip:1060;--size-swatch-sm:2rem;--size-swatch-md:2.875rem;--size-swatch-lg:3.5rem;--size-button-sm:2rem;--size-button-md:2.75rem;--size-button-lg:3.25rem;--size-icon-xs:0.75rem;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--size-icon-xl:2rem;--pill-opacity-active:1.0;--pill-opacity-inactive:0.10;--pill-opacity-hover-back:0.25;--pill-color-base:rgba(255,255,255,var(--pill-opacity-inactive));--pill-color-active:rgba(255,255,255,var(--pill-opacity-active));--pill-color-hover-back:rgba(255,255,255,var(--pill-opacity-hover-back))}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus{clip:auto;background-color:var(--color-bg-primary);border:2px solid var(--color-interactive-focus);height:auto;margin:0;overflow:visible;padding:.5rem 1rem;position:static;white-space:normal;width:auto}.skip-link,.sr-only-focusable:focus{border-radius:var(--border-radius-sm);color:var(--color-text-primary);z-index:var(--z-index-tooltip)}.skip-link{background:var(--color-bg-primary);border:2px solid var(--color-interactive-focus);left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:top .3s ease}.skip-link:focus{top:6px}@media (prefers-contrast:high){.button,.swatch,.switch-card{border-style:solid;border-width:2px}.swatch__content{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.button:focus,.swatch:focus,.switch-card:focus{transition:outline .15s ease}}.focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.button,.swatch,button{min-height:44px;min-width:44px}.swatch--small{min-height:32px;min-width:32px}.swatch[data-color=green]:after,.swatch[data-color=red]:after{background:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff4d 0,#ffffff4d 4px);border-radius:50%;content:"";height:8px;position:absolute;right:2px;top:2px;width:8px}.error{border-color:var(--color-error)}.error:before{color:var(--color-error);content:"⚠";margin-right:var(--space-xs)}.success{border-color:var(--color-success)}.success:before{color:var(--color-success);content:"✓";margin-right:var(--space-xs)}.keyboard-nav .button:focus,.keyboard-nav .swatch:focus,.keyboard-nav .switch-card:focus{outline:3px solid var(--color-interactive-focus);outline-offset:2px}.loading{position:relative}.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.tooltip{position:relative}.tooltip[aria-describedby]{cursor:help}.live-region{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold)}[role=button],[role=link],a,button,input,select,textarea{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}#root,*,body,html{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);margin:0}@media (max-width:768px){body,html{overflow-x:hidden;overflow-y:auto;width:100%}#root,body,html{height:auto;min-height:100%}#root{overflow:visible}}#root,body,html{-webkit-user-select:none;user-select:none}.allow-text-selection,[contenteditable=true],input,textarea{-webkit-user-select:text;user-select:text}.brand-inline{font-weight:var(--font-weight-bold)}#root{animation:fadeIn .3s ease-in-out .1s forwards;opacity:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.betakb-dot{background-color:var(--pill-color-base);border:none;border-radius:50%;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0;transform:scale(1);transition:all .2s ease-in-out}.betakb-dot.active{background-color:var(--pill-color-active);box-shadow:0 0 3px #ffffff4d;transform:scale(1.2)}.betakb-dot:hover:not(.active){background-color:var(--pill-color-hover-back);transform:scale(1.1)}.betakb-dot:focus{outline:2px solid #ffffff80;outline:2px solid var(--color-interactive-focus,#ffffff80);outline-offset:2px}.betakb-dot.flash{animation:betakb-dot-flash .3s ease-in-out}@keyframes betakb-dot-flash{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.betakb-dot--small{border-radius:50%;height:8px;margin:0;width:8px}.betakb-dot--medium{border-radius:50%;height:10px;margin:0;width:10px}.betakb-dot--large{border-radius:50%;height:12px;margin:0;width:12px}.betakb-dots-container{align-items:center;display:flex;gap:8px;justify-content:center}.betakb-dots-container--image-selector{--pill-opacity-inactive:0.40;--pill-opacity-hover-back:0.5;--pill-color-base:rgba(255,255,255,var(--pill-opacity-inactive));--pill-color-hover-back:rgba(255,255,255,var(--pill-opacity-hover-back));bottom:calc(var(--space-2xl) + 100px);left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:1010}.betakb-dots-container--step-nav{margin-bottom:var(--space-xl)}.betakb-dots-container--questionnaire{margin-top:var(--space-lg)}@media (max-width:768px){.betakb-dot--small{height:9px;width:9px}.betakb-dot--medium{height:11px;width:11px}.betakb-dot--large{height:13px;width:13px}.betakb-dots-container--step-nav{margin-bottom:var(--space-lg)}.betakb-dots-container--image-selector{display:none!important}}.view-dot{background-color:var(--pill-color-base);border:none;border-radius:50%;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0;transform:scale(1);transition:all .2s ease-in-out}.view-dot.active{background-color:var(--pill-color-active);box-shadow:0 0 3px #ffffff4d;transform:scale(1.2)}.view-dot:hover:not(.active){background-color:var(--pill-color-hover-back);transform:scale(1.1)}.view-dot.flash{animation:betakb-dot-flash .3s ease-in-out}.step-indicator{background-color:var(--pill-color-base);border-radius:4px;cursor:pointer;position:relative;transition:all .3s ease}.step-indicator.active{background-color:var(--pill-color-active)}.step-indicator.completed{background-color:var(--pill-color-base)}.step-indicator:hover:not(.active){background-color:var(--pill-color-hover-back);transform:scale(1.1)}:root{--app-max-width:1800px;--sidebar-width:368px;--sidebar-min-width:360px;--sidebar-max-width:480px;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:2.5rem;--space-2xl:3rem;--header-height:120px;--section-padding:var(--space-md);--container-padding:var(--space-lg);--mobile-breakpoint:768px}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background-color:#000;height:100%}.app-wrapper{background:#0000;height:100%;width:100%}.app{grid-column-gap:3rem;grid-column-gap:var(--space-2xl);grid-row-gap:0;background-color:#000;color:#fff;column-gap:3rem;column-gap:var(--space-2xl);display:grid;font-family:var(--font-family-primary);font-weight:300;grid-template-columns:1fr clamp(360px,30vw,480px);grid-template-columns:1fr clamp(var(--sidebar-min-width),30vw,var(--sidebar-max-width));grid-template-rows:auto 1fr;height:100vh;margin:0 auto;max-width:1800px;max-width:var(--app-max-width);overflow:hidden;padding:0 2rem;padding:0 var(--container-padding);row-gap:0;width:100vw}.left-column{display:flex;flex-direction:column;grid-column:1;grid-row:2;min-height:0;overflow:visible;position:relative}.app-header{background:#0000;flex-shrink:0;grid-column:1/-1;grid-row:1;height:120px;height:var(--header-height);justify-content:space-between;padding:0 0 2rem;padding:0 0 var(--space-lg) 0;z-index:1000}.app-header,.app-header .header-left{align-items:center;display:flex;gap:1rem;gap:var(--space-sm)}.header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--space-xs)}.header-back-button.button.button--clear.button--small{padding:0}h1.app-title{align-items:baseline;color:#fff;display:flex;font-size:3.5rem;gap:.2rem;margin:0 0 0 .5rem}.app-title .logo{letter-spacing:-.02em}.app-title .logo,.app-title .registered{font-family:var(--font-family-brand);font-weight:700}.app-title .registered{font-size:3.5rem;margin-left:-.2rem;vertical-align:super}.app-title .studio-text{font-family:var(--font-family-primary);font-weight:100;margin-left:.3rem}.main-content{background-color:#000;transition:filter .3s ease-out}.main-content.blur{filter:blur(5px)}.content-wrapper{display:contents}.configurator{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:stretch;min-height:0;overflow:hidden;position:relative}.image-container{flex:1 1;min-height:0}.image-container,.keyboard-image{height:100%;position:relative;width:100%}.keyboard-image{align-items:center;border-radius:2rem;display:flex;justify-content:center;overflow:hidden}.keyboard-image>div>img,.keyboard-image>img{border-radius:2rem;box-shadow:0 10px 30px #0000004d;display:block;height:auto;object-fit:contain;width:100%}.keyboard-image.safe-zone{aspect-ratio:unset;height:auto}.keyboard-image.safe-zone>div{border-radius:2rem;height:100%;overflow:hidden;position:relative;width:100%}.overlay-image{border-radius:2rem;height:100%;left:0;position:absolute;top:0;width:100%}.switches-image{border-radius:2rem;box-shadow:0 10px 30px #0000004d;display:block;height:auto;width:100%}.color-options{background-color:initial;display:flex;flex-direction:column;grid-column:2;grid-row:2;min-height:0;overflow:hidden;padding:0;z-index:40}.reset-container{background-color:#111;border-radius:1.5rem;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.header{display:none}.tabs{background-color:initial;display:flex;gap:10px;padding:1rem;padding:var(--space-sm);position:sticky;top:0;width:100%;z-index:10}.tab-button{background-color:#000;border:1px solid #ffffff1a;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:16px;font-weight:300;margin:0;padding:12px 20px;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.tab-button:first-child{border-bottom-left-radius:50px;border-top-left-radius:50px}.tab-button:last-child{border-bottom-right-radius:50px;border-top-right-radius:50px}.tab-button.active{background-color:#fff;border:1px solid #fff;color:#000}.tab-button:hover:not(.active){background-color:#1a1a1a;border-color:#fff3}.tab-button:after,.tabs:after{display:none}.tab-content{animation:fadeIn .3s ease-in-out}.tab-container{padding:0;scrollbar-color:#888 #0000;scrollbar-width:thin}.tab-container::-webkit-scrollbar{width:8px}.tab-container::-webkit-scrollbar-thumb{background:#888;border-radius:.25rem}.tab-container::-webkit-scrollbar-thumb:hover{background:#555}.tab-container::-webkit-scrollbar-track{background:#0000}.tab-content{animation-duration:.5s;animation-fill-mode:forwards;display:none}.tab-content.active{animation:slideIn .5s;display:block}@media (max-aspect-ratio:7/8){.configurator .image-container{align-items:center;display:flex;justify-content:center}.configurator .keyboard-image{aspect-ratio:8/7;height:auto;max-height:100%;min-height:0!important;width:100%}}@media (min-width:769px){.configurator .image-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding-bottom:2rem;padding-bottom:var(--space-lg)}.configurator .keyboard-image{aspect-ratio:8/7;height:auto;max-height:100%;min-height:0!important;width:100%}.configuration-sidebar .sidebar-content{padding-bottom:calc(2rem + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom, 0px))!important}}.color-section{background-color:#111;border-radius:1.5rem;margin-bottom:1.5rem;margin-bottom:var(--section-padding);padding:1.5rem;padding:var(--section-padding)}.color-section h2,.color-section h3,.themes-heading{color:#fff;margin-top:0}.color-section h2{color:#fff;font-family:var(--font-family-brand);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.color-section h3{color:#fff;font-family:var(--font-family-primary);font-size:1rem;font-weight:300;margin:1.25rem 0 .75rem}.themes-heading{font-family:var(--font-family-brand);font-size:24px;font-weight:700;margin-bottom:20px}.heading-with-button,.heading-with-icon{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.heading-with-button h2,.heading-with-icon h3{flex-grow:1;font-family:var(--font-family-brand);font-weight:700;margin:0;white-space:nowrap}.heading-with-button .buttons,.heading-with-icon .buttons{align-items:center;display:flex}.heading-with-button .buttons button,.heading-with-icon .buttons button{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;margin-left:10px;padding:0}.heading-with-button .buttons button:hover,.heading-with-icon .buttons button:hover{color:#fff}.heading-with-button .link-button svg{fill:#ccc}.heading-with-button .link-button:hover svg{fill:#fff}.info-button{background:none;border:none;color:#ccc;cursor:pointer;font-size:18px}.info-button:hover{color:#fff}.info-content{animation:accordion .3s ease-in-out;background-color:#1e1e1e;border-radius:.625rem;margin-bottom:10px;padding:10px}@keyframes accordion{0%{max-height:0;opacity:0}to{max-height:100px;opacity:1}}.info-content p{color:#ccc;font-size:14px;margin-bottom:5px}.info-content strong{color:#fff}.swatches{grid-gap:1.5rem .75rem;display:grid;gap:1.5rem .75rem;grid-template-columns:repeat(5,46px);justify-content:start;margin-top:1rem}.swatch{height:46px;transition:transform .2s ease;width:46px}.swatch-content{border-radius:50%;height:100%;transition:all .2s;width:100%}.swatch.selected .swatch-content{box-shadow:0 0 0 3px #fff}.color-tooltip{background-color:#000c;border-radius:.25rem;bottom:calc(100% + 8px);color:#fff;font-size:16px!important;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}@media (max-width:768px){.color-swatch-tooltip,.color-tooltip,.theme-swatch-tooltip{display:none!important}}.color-tooltip:after{border:4px solid #0000;border-top-color:#000c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.theme-swatch{background-color:initial;border-radius:.5rem;cursor:pointer;display:inline-flex;flex-direction:row;gap:2px;padding:4px;width:fit-content}.theme-swatch.selected{background-color:#111}.theme-color{border-radius:50%;height:20px;width:20px}.legend-toggle,.legend-toggle-button{display:none}.theme-grid{display:flex;flex-direction:column;gap:20px}.theme-item{width:100%}.theme-image-container{cursor:pointer;text-align:center}.theme-inner-box{background-color:initial;border:none;border-radius:.625rem;box-sizing:border-box;padding:15px}.theme-image-container.active .theme-inner-box{background-color:#111;border:3px solid #fff}.theme-image{box-shadow:0 4px 6px #0000004d;height:auto;max-height:130px;object-fit:contain;width:100%}.theme-name{color:#fff;font-size:16px;margin-bottom:5px;margin-top:10px;text-align:center}.clear-button-container{margin-top:20px}.clear-button{background-color:#111;border-radius:.625rem;font-family:var(--font-family-primary);font-size:18px;font-weight:300;padding:10px;width:100%}.clear-button:hover{background-color:#222}.clear-button .delete-icon{fill:#fff;margin-right:8px}.switch-type-options,.switch-weight-options,.switches-options{display:flex;justify-content:space-between;margin-top:10px}.legend-options{display:none}.switch-button{background-color:#111;border:none;border-radius:.625rem;color:#ccc;cursor:pointer;flex:1 1;font-family:var(--font-family-primary);font-size:16px;font-weight:300;margin:0 5px;padding:10px 0;transition:background-color .3s,color .3s}.switch-button:hover{background-color:#222;color:#fff}.switch-button.active{background-color:#fff;color:#333}.switch-button.disabled{cursor:not-allowed}.switch-button.disabled,.switch-button.disabled:hover{background-color:#111;color:#666}.recommended-switch{margin-top:20px}.recommended-switch h3{margin-bottom:10px}.switch-card{border-radius:.625rem;gap:15px;padding:15px;transition:background-color .2s}.switch-color-swatch{border-radius:50%;flex-shrink:0;height:24px;width:24px}.switch-name{margin-bottom:4px}.switch-details{color:#999}.audio-button{background:none;border-radius:50%;transition:opacity .2s}.audio-button:hover{background-color:#ffffff1a}.fade-in{animation:fadeIn .5s ease-in-out}@media (max-width:1024px){.configurator{margin-left:20px}.color-options{margin-right:20px;width:100%}}.button-icon{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:44px;justify-content:center;width:44px}@media (max-width:768px){:root{--mobile-gutter:6px;--mobile-header-height:56px}.app{display:flex;flex-direction:column;gap:0;height:auto;min-height:100dvh;overflow:visible;padding:0;padding-top:var(--mobile-header-height);transition:padding-top .22s ease-in-out}.app-header{align-items:center!important;background:#000!important;display:flex!important;flex-shrink:0!important;height:var(--mobile-header-height)!important;justify-content:space-between!important;left:0!important;padding:8px var(--mobile-gutter)!important;position:fixed!important;right:0!important;top:0!important;transition:transform .22s ease-in-out!important;will-change:transform!important;z-index:1000!important}.app-header--hidden{transform:translateY(calc(var(--mobile-header-height)*-1))!important}body.header-hidden .app{padding-top:0!important}body.header-hidden .left-column,body.header-hidden .mobile-image-wrapper{top:0!important}.app-header .header-left{align-items:center;display:flex;justify-content:center;padding-left:0;padding-right:0;position:relative;width:100%}.app-header .header-left .bk-tooltip-wrapper{left:var(--mobile-gutter)!important;position:absolute!important;top:50%;transform:translateY(-50%)!important;z-index:3}.app-header .header-left .header-back-button.button.button--clear.button--small{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;position:relative!important;transform:scale(.9)!important}.app-header .header-left .bk-tooltip-wrapper #header-back-button.button.button--clear.button--small{position:relative!important;transform:scale(.9)!important}.app-header .header-left #header-back-button.button.button--clear.button--small{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;left:var(--mobile-gutter)!important;position:absolute!important;top:50%;transform:translateY(-50%) scale(.9)!important;z-index:3}.app-header .header-left .app-title{position:relative;z-index:1}h1.app-title{line-height:1;margin-left:0}.app-title .registered,.app-title .studio-text,h1.app-title{font-size:29px}.left-column{background-color:#000;display:flex;flex-direction:column;flex-shrink:0;overflow:visible;padding:0;position:sticky;top:0;transition:top .22s ease-in-out;z-index:50}.configurator{display:none}.mobile-image-wrapper{background-color:#000;flex-shrink:0;margin:0;padding:0 var(--mobile-gutter) 24px var(--mobile-gutter);position:sticky;top:0;transition:top .22s ease-in-out;width:100%;z-index:50}.mobile-image-wrapper+.configuration-sidebar .mobile-sections .mobile-section:first-child{margin-top:24px}.keyboard-image{max-height:none}.betakb-dots-container--image-selector,.color-swatch-tooltip,.color-tooltip,.theme-swatch-tooltip{display:none!important}.color-options{flex:none;min-height:0;overflow:visible;padding:0 0 calc(128px + env(safe-area-inset-bottom, 0px))}.tabs{background-color:#1a1a1a;padding:12px;position:sticky;top:0;z-index:100}.tab-button{font-size:14px;padding:8px 16px}.color-section{border-radius:1rem;margin:0 0 8px;padding:0}.cta-widget-container{display:none!important}.view-selector{bottom:calc(1rem + 100px);bottom:calc(var(--space-sm) + 100px)}.cta-widget{display:none!important}.cta-widget-main{align-items:center;display:flex;gap:12px}.cta-title{color:#000;font-weight:700}.cta-title,.specs-link{font-size:13px;white-space:nowrap}.specs-link{color:#666;text-decoration:none}.dot-separator{background-color:#666;border-radius:50%;height:3px;width:3px}.cta-button{background:#5c3ce9;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:var(--font-family-mono);font-size:13px;font-weight:700;margin-left:auto;padding:6px 12px;transition:background-color .2s ease;white-space:nowrap}.cta-button:hover:not(:disabled){background-color:#333}.cta-button:disabled{cursor:not-allowed;opacity:.6}.cta-specs{font-size:13px}}@media (max-width:375px){.cta-widget{padding:8px 10px}.cta-button,.cta-specs,.cta-title,.specs-link{font-size:12px}.cta-button{font-family:var(--font-family-mono);font-weight:700;padding:6px 10px}}.clear-swatch{animation:fadeIn .2s ease-out forwards;opacity:0}.clear-swatch .swatch-content{align-items:center;background-color:initial;border:2px solid #fff;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.clear-swatch .swatch-content svg{color:#fff;height:20px;width:20px}.clear-swatch:hover .swatch-content{background-color:#ffffff1a;transform:scale(1.05)}.clear-swatch.removing{animation:fadeOut .2s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.modifiers-section-enter{margin-bottom:-20px;opacity:0;transform:translateY(-20px)}.modifiers-section-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.modifiers-section-enter-active,.modifiers-section-exit{margin-bottom:20px;opacity:1;transform:translateY(0)}.modifiers-section-exit-active{margin-bottom:-20px;opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.sliding-content{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sliding-content,.sliding-content.shifted{transform:translateY(0)}.color-section{transition:margin .3s cubic-bezier(.4,0,.2,1)}.themes-tab.initial-load{animation:none}.configurator{transition:filter .3s ease-out}.configurator.blur{filter:blur(5px)}.themes-tab.fullscreen-overlay:not(.initial-load){animation:slideIn .3s ease-out}.metallic-swatch .swatch-content{overflow:hidden;position:relative}.metallic-swatch .metallic-base,.metallic-swatch .metallic-shine{height:100%;position:absolute;width:100%}.metallic-swatch .metallic-shine{clip-path:polygon(0 0,100% 0,50% 100%,0 100%)}.metallic-swatch .metallic-base{clip-path:polygon(50% 0,100% 0,100% 100%,0 100%)}.metallic-swatch:hover{transform:scale(1.05)}.metallic-swatch.selected{border-color:var(--accent-color)}.filter-container{display:flex;flex-direction:column;gap:4px;padding:0}.switch-selector-content{display:flex;flex-direction:column;gap:8px}.filter-buttons-row{display:flex;justify-content:space-between;margin-bottom:8px}.filter-buttons{display:flex;gap:8px}.filter-button{background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.filter-button:hover{background-color:#ffffff26}.filter-button.active{background-color:#fff3}.clear-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:8px;transition:all .2s ease}.clear-button:hover{opacity:1}.switch-cards-group{display:flex;flex-direction:column;gap:20px;overflow:visible;position:relative}.switch-card{align-items:center;background-color:#111;border-radius:.75rem;cursor:pointer;display:flex;gap:16px;padding:16px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;will-change:opacity}.switch-card-row-static{margin-bottom:0}.switch-card:hover{background-color:#222}.switch-card.selected{background-color:#333}.switch-color-dot{border-radius:50%;flex-shrink:0;height:16px;width:16px}.switch-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.switch-name{color:#fff;font-size:16px;font-weight:500}.switch-description{color:#fffc;font-size:14px}.switch-details{color:#fff9;font-size:14px}.audio-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:auto;opacity:.6;padding:8px;transition:all .2s ease}.audio-button:hover{opacity:1}.no-matches-message{background:#111;border-radius:.75rem;color:#fff;font-family:var(--font-family-mono);font-size:1rem;font-weight:700;padding:16px;text-align:center}.questionnaire-container{gap:1.5rem}.questionnaire-content{display:flex;flex-direction:column;gap:1rem}.questionnaire-title{color:#fff;font-family:var(--font-family-brand);font-size:1.25rem;font-weight:700;margin:0}.questionnaire-options{display:flex;flex-direction:column;gap:.75rem}.questionnaire-option{background-color:#2a2a2a;border:2px solid #0000;border-radius:.75rem;color:#fff;cursor:pointer;font-family:var(--font-family-primary);font-size:1rem;font-weight:300;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.questionnaire-option:hover{background-color:#3a3a3a;border-color:#fff3}.questionnaire-option:active{background-color:#4a4a4a}.questionnaire-progress{gap:6px;margin-top:1rem}.questionnaire-progress,.reset-button-icon{align-items:center;display:flex;justify-content:center}.reset-button-icon{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;opacity:.6;padding:0;transition:all .2s ease;width:32px}.reset-button-icon:hover{background-color:#ffffff1a;opacity:1}.reset-button-icon svg{color:#fff;height:18px;width:18px}.vibe-grid{grid-gap:1.5rem;margin-bottom:1.5rem}.vibe-card{aspect-ratio:7/1.6;background-color:#111;border-radius:1rem}.vibe-overlay{background-color:#111;bottom:0;box-shadow:inset 0 -2px 4px #0003;left:0;min-height:3.5rem;padding:1rem;position:absolute;right:0;z-index:1}.vibe-overlay h3{color:#fff;font-family:var(--font-family-mono);font-size:1rem;font-weight:700;margin-bottom:.25rem}.vibe-overlay p{display:none}.accent-heading{align-items:center;display:flex;justify-content:space-between;margin:1rem 0 .75rem}.accent-heading h3{color:#fff;font-size:1rem;font-weight:500;margin:0}.accent-heading .clear-swatch{margin:0}.color-section .swatches{margin-bottom:1.5rem}.accent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.accent-header h2{font-size:1.25rem;font-weight:600;margin:0}.accent-header .clear-swatch{margin:0}.selected-colors-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));margin-top:1rem}.config-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:.75rem;display:flex;padding:1rem}.config-swatch{border:1px solid #ccc;flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.config-text{display:flex;flex-direction:column}.config-card h4{color:#000;font-size:.9rem;margin:0 0 4px}.config-card span{color:#555;font-size:.875rem}.image-fallback{border:2px dashed #555;box-sizing:border-box}.keyboard-image.composite .view img{border-radius:2rem;display:block}.keyboard-image.composite .view>div{border-radius:2rem;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.image-placeholder{background-color:initial;border:2px dashed #ccc;border-radius:1rem;position:relative}.image-placeholder,.theme-image-container .image-placeholder{height:0;padding-bottom:75%;width:100%}.keyboard-image.composite .view{display:block;height:100%;position:relative;width:100%}.missing-images-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.missing-images-box{background:#000c;border:2px solid #f44;border-radius:.5rem;color:#fff;font-family:var(--font-family-mono);font-size:.75rem;max-height:80%;max-width:80%;overflow-y:auto;padding:1rem}.missing-images-box h4{color:#f44;font-size:.875rem;margin:0 0 .5rem}.missing-images-box ul{list-style:none;margin:0;padding:0}.missing-images-box li{color:#ccc;padding:.125rem 0}.keyboard-image.composite .view img{height:100%;left:0;object-fit:cover;object-position:center center;position:absolute;top:0;width:100%}.slide-enter{opacity:0;transform:translateX(20px)}.slide-enter-active{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.slide-enter-active,.slide-exit{opacity:1;transform:translateX(0)}.slide-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.view-fade-enter{opacity:0}.view-fade-enter-active{opacity:1;transition:opacity .5s ease-in-out .3s}.view-fade-exit{opacity:1}.view-fade-exit-active{opacity:0;transition:opacity .2s ease-in-out}.transition-overlay{background-color:#000;border-radius:2rem;height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.overlay-fade-enter{opacity:0}.overlay-fade-enter-active{opacity:1;transition:opacity .2s ease-in-out}.overlay-fade-exit{opacity:1}.overlay-fade-exit-active{opacity:0;transition:opacity .5s ease-in-out}.accent-layer{height:auto;left:0;position:absolute;top:0;transform:translateZ(0);width:100%;will-change:opacity;z-index:5!important}.accent-fade-enter{opacity:0;z-index:6!important}.accent-fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.accent-fade-exit{opacity:1;z-index:5!important}.accent-fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}.accent-stack{inset:0}.accent-stack .accent-new,.accent-stack .accent-old{border-radius:2rem;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.case-stack,.keycaps-stack{inset:0}.view-selector .view-dot{height:14px!important;width:14px!important}@media (min-width:769px){.app-header{padding:0}.keyboard-image{min-height:400px}.cta-widget-container{bottom:6rem}}.tabs{padding:24px 2rem}.color-section{margin-bottom:2rem;padding:2rem}.vibe-grid{gap:1.5rem;margin-bottom:2rem}.swatch:hover{transform:scale(1.06)}.color-swatch-tooltip,.color-tooltip,.theme-swatch-tooltip{background:#000!important;font-size:16px!important}.color-tooltip:after{border-color:#000 #0000 #0000!important}.filter-buttons-row{align-items:center;flex-direction:row!important;flex-wrap:nowrap}.filter-buttons-row .clear-button{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:36px;justify-content:center;padding:0;width:36px}.filter-buttons-row .clear-button:hover{background:#ffffff26}.switch-card{width:100%}.filter-buttons-row{gap:12px;justify-content:flex-start!important;margin-bottom:12px}.filter-buttons-row .filter-buttons{flex:1 1!important;flex-wrap:nowrap!important;gap:8px}.filter-buttons-row .filter-button{flex:1 1;padding:6px 14px!important}.filter-buttons-row .clear-button{align-self:center!important;flex-shrink:0;margin-top:0!important}.filter-buttons-row{align-items:flex-start!important}.filter-buttons-row .clear-button{align-self:flex-start!important}.layout-section{background-color:#111;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.layout-section h2{color:#fff;font-family:var(--font-family-brand);font-size:1.25rem;font-weight:700;margin:0 0 .5rem;text-align:left}.layout-buttons{display:flex;gap:1rem;justify-content:space-between}.cta-button{align-items:center;background:#5c3ce9;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family-mono);font-size:16px;font-weight:700;height:calc(100% - 4px);margin:2px;padding:10px 18px;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}.cta-button:hover:not(:disabled){background-color:#1a1a1a;border-color:#fff3}.cta-button:disabled{cursor:not-allowed;opacity:.6}.specs-link{font-size:16px;font-weight:300;transition:color .2s ease;white-space:nowrap}.cta-widget:has(.cta-button:hover),.cta-widget:has(.specs-link:hover){box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.cta-title{font-size:16px;font-weight:300;white-space:nowrap}.cta-logo,.cta-registered{font-weight:700}.cta-specs{font-size:16px;font-weight:300;white-space:nowrap}.cta-widget{background:#fff;border-radius:999px;box-shadow:0 4px 15px #00000026;color:#333;max-width:1080px;padding:6px;transition:border-radius .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),transform .2s ease,box-shadow .2s ease;width:fit-content}.cta-widget.expanded{border-radius:1.5rem;padding:15px}.cta-widget-main{gap:15px;height:36px;padding:2px 10px}.cta-expanded-content{box-sizing:border-box;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:0 16px;pointer-events:none;transform:translateY(-10px);transform-origin:top center;transition:opacity .3s ease-out .05s,max-height .35s cubic-bezier(.4,0,.2,1),transform .3s ease-out,margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s;visibility:hidden}.cta-widget.expanded .cta-expanded-content{margin-top:20px;max-height:800px;opacity:1;padding-bottom:16px;pointer-events:auto;transform:translateY(0);transition:opacity .3s ease-in,max-height .35s cubic-bezier(.4,0,.2,1),transform .3s ease-in .05s,margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;visibility:visible}.specs-grid{color:#333;grid-template-columns:1fr 1px 1fr;padding:0 16px}.specs-column:first-child{padding-right:32px}.specs-column:last-child{padding-left:32px}.specs-grid:before{left:calc(50% - .5px)}.specs-column h3{color:#333;font-size:16px;font-weight:700;margin-bottom:16px}.specs-column ul{font-size:16px;font-weight:300;line-height:1.6}.specs-column ul li{margin-bottom:8px}.config-label{color:#333;font-size:16px;font-weight:700}.config-value{font-size:16px;font-weight:300}.selected-colors-text p{line-height:1.6;margin-bottom:8px}.back-to-shop-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff14;border-radius:20px;color:#fff;display:flex;font-family:var(--font-family-primary);font-size:14px;font-weight:300;gap:8px;line-height:normal;padding:8px 16px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.back-to-shop-button:hover{background-color:#ffffff26;transform:translateY(-1px)}.back-to-shop-button svg{fill:currentColor;height:18px;width:18px}.cta-widget-main{align-items:center!important;flex-shrink:0;gap:12px;height:40px;padding:4px 12px}.back-to-shop-button.icon-only{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1a;border:none;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;height:44px;justify-content:center;padding:0;text-decoration:none;transition:background-color .2s ease,transform .2s ease;width:44px}.back-to-shop-button.icon-only:hover{background-color:#2a2a2a;transform:translateY(-1px)}.back-to-shop-button.icon-only svg{fill:currentColor;display:block;height:20px;transform:translateY(1px);width:20px}.button{-webkit-tap-highlight-color:transparent;align-items:center;border:var(--border-width-medium) solid #0000;border-radius:var(--border-radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);gap:var(--space-sm);justify-content:center;outline:none;position:relative;text-decoration:none;transform:perspective(800px) rotateX(0deg) rotateY(0deg);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.button:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.button--primary{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-primary)}.button--primary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-interactive-focus);transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(0)}.button--secondary{background-color:initial;border-color:var(--color-interactive-focus);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-interactive-hover)}.button--secondary:active:not(:disabled){background-color:var(--color-interactive-active)}.button--ghost{background-color:var(--color-interactive-default);border-color:#0000;color:var(--color-text-primary)}.button--clear,.button--glass{backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);background:linear-gradient(150deg,#d2d8e429,#464c5a30),#ffffff05;border-color:#ffffff29;border-width:1px;box-shadow:0 10px 30px #00000040;color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine){.button--clear:hover:not(:disabled),.button--glass:hover:not(:disabled){box-shadow:0 16px 40px #00000059;transform:translateY(-1px)}.button--clear:hover:after,.button--glass:hover:after{opacity:1}}.button--clear:after,.button--glass:after{background:radial-gradient(160px 160px at 50% 50%,#fff3 0,#ffffff14 40%,#fff0 70%);background:radial-gradient(160px 160px at var(--hx,50%) var(--hy,50%),#fff3 0,#ffffff14 40%,#fff0 70%);border-radius:inherit;content:"";inset:0;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute;transition:opacity .12s ease;z-index:0}.button--clear.is-pressed,.button--glass.is-pressed{box-shadow:0 14px 36px #00000061,0 0 0 1px #ffffff29}.button--clear:before,.button--glass:before{background:radial-gradient(150% 150% at 15% 20%,#ffffff59,#fff0 42%),radial-gradient(150% 150% at 85% 85%,#ffffff2e,#fff0 56%);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;-webkit-mask-composite:xor;padding:.5px;pointer-events:none;position:absolute;z-index:0}.button--clear .button__icon,.button--clear .button__text,.button--glass .button__icon,.button--glass .button__text{position:relative;z-index:1}.button--ghost:hover:not(:disabled){background-color:var(--color-interactive-hover)}.button--ghost:active:not(:disabled){background-color:var(--color-interactive-active)}.button--brand{background-color:var(--color-bg-primary);border-color:var(--color-interactive-focus);border-radius:var(--border-radius-pill);box-shadow:4px 6px 0 0 var(--color-interactive-focus);color:var(--color-text-primary);font-weight:var(--font-weight-light);gap:var(--space-sm)}.button--brand:hover:not(:disabled){transform:scale(1.025)}.button--brand .button__icon{background-color:var(--color-interactive-focus);border-radius:var(--border-radius-full);color:var(--color-bg-primary);height:var(--size-button-md);height:var(--button-height,var(--size-button-md));margin:calc(var(--border-width-medium)*-1) 0 calc(var(--border-width-medium)*-1) var(--space-sm);padding:0;width:var(--size-button-md);width:var(--button-height,var(--size-button-md))}.button--standard{background-color:var(--color-bg-primary);border-color:var(--color-interactive-focus);border-radius:var(--border-radius-pill);box-shadow:4px 6px 0 0 var(--color-interactive-focus);color:var(--color-text-primary);font-weight:var(--font-weight-light);gap:var(--space-sm)}.button--standard:hover:not(:disabled){transform:scale(1.025)}.button--standard .button__icon{background-color:#fff;border-radius:var(--border-radius-full);color:var(--color-bg-primary);height:calc(var(--size-button-md)*.68);height:calc(var(--button-height, var(--size-button-md))*.68);margin:0 var(--space-sm) 0 0;width:calc(var(--size-button-md)*.68);width:calc(var(--button-height, var(--size-button-md))*.68)}.button--accent{background-color:var(--color-brand-primary);border-color:#0000;box-shadow:none;color:var(--color-text-primary);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}.button--accent:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.button--small{--button-height:var(--size-button-sm);font-size:var(--font-size-sm);height:var(--button-height);padding:0 var(--space-lg)}.button--medium{--button-height:var(--size-button-md);font-size:var(--font-size-base);height:var(--button-height);padding:0 var(--space-xl)}.button--large{--button-height:var(--size-button-lg);font-size:var(--font-size-lg);height:var(--button-height);padding:0 var(--space-2xl)}.button--brand.button--small{font-size:var(--font-size-sm);padding:0 var(--space-md) 0 var(--space-md)}.button--brand.button--small .button__icon{height:var(--button-height);width:var(--button-height)}.button--brand.button--medium{font-size:var(--font-size-xl);padding:0 var(--space-xl) 0 var(--space-xl)}.button--brand.button--medium .button__icon{height:var(--button-height);width:var(--button-height)}.button--brand.button--large{font-size:var(--font-size-2xl);padding:0 var(--space-2xl) 0 var(--space-2xl)}.button--brand.button--large .button__icon{height:var(--button-height);width:var(--button-height)}.button--standard.button--small{font-size:var(--font-size-sm);padding:0 var(--space-md) 0 var(--space-md)}.button--standard.button--small .button__icon{height:calc(var(--button-height)*.68);width:calc(var(--button-height)*.68)}.button--standard.button--medium{font-size:var(--font-size-xl);padding:0 var(--space-xl) 0 var(--space-xl)}.button--standard.button--medium .button__icon{height:calc(var(--button-height)*.68);width:calc(var(--button-height)*.68)}.button--standard.button--large{font-size:var(--font-size-2xl);padding:0 var(--space-2xl) 0 var(--space-2xl)}.button--brand.button--small,.button--standard.button--small{--button-height:calc(var(--size-button-sm) + var(--space-xs))}.button--brand.button--medium,.button--standard.button--medium{--button-height:calc(var(--size-button-md) + var(--space-sm))}.button--brand.button--large,.button--standard.button--large{--button-height:calc(var(--size-button-lg) + var(--space-sm))}.button--standard.button--large .button__icon{height:calc(var(--button-height)*.68);width:calc(var(--button-height)*.68)}.button--brand .button__icon--right,.button--standard .button__icon--right{margin-left:auto;margin-right:0}.button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button--loading{cursor:wait;pointer-events:none}.button--loading .button__text{opacity:0}.button__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.button__icon--left{margin-right:calc(var(--space-sm)*-.5)}.button__icon--right{margin-left:calc(var(--space-sm)*-.5)}.button--icon-only .button__icon--left,.button--icon-only .button__icon--right{margin:0}.button__text{line-height:1}.button--icon-only{border-radius:var(--border-radius-full);height:var(--size-button-md);padding:0;width:var(--size-button-md)}.button--icon-only.button--small{height:var(--size-button-sm);width:var(--size-button-sm)}.button--icon-only.button--large{height:var(--size-button-lg);width:var(--size-button-lg)}.button__loading-spinner{animation:button-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;position:absolute;width:16px}@keyframes button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.button--brand.button--medium{font-size:var(--font-size-base);padding:0 var(--space-lg) 0 0}.button--brand .button__icon{margin:calc(var(--space-xs)*.7)}.button--standard.button--medium{font-size:var(--font-size-base);padding:0 var(--space-lg) 0 0}.button--standard .button__icon{margin:calc(var(--space-xs)*.7)}}.lightbox-overlay{align-items:center;animation:lb-fade-in .24s var(--timing-smooth) forwards;background:#000;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;will-change:opacity;z-index:2000}.lightbox-overlay.closing{animation:lb-fade-out .36s var(--timing-smooth) forwards}.lightbox-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;opacity:.3;pointer-events:none;position:absolute;z-index:0}.lb-grid.exporting~.lightbox-actions,.lb-grid.exporting~.lightbox-close{visibility:hidden}.lightbox-frame{--lb-inset:2.5rem;--lb-gap:2rem;--lb-cols:8;--lb-brand-width:12rem;animation:lb-pop-in .26s var(--timing-smooth) forwards;aspect-ratio:14/10;background:#0000;border-radius:2.5rem;box-shadow:none;color:#fff;max-height:calc(100vh - 4rem);opacity:0;overflow:visible;padding:4rem;position:relative;transform:translateY(8px) scale(.985);width:min(96vw,1800px,calc(140vh - 5.6rem));width:min(96vw,var(--app-max-width,1800px),calc(140vh - 5.6rem));will-change:transform,opacity}.lightbox-frame.exporting{background:#000}.export-clone .lb-img,.lightbox-frame.exporting .lb-img{animation:none!important;filter:none!important;opacity:1!important}.lightbox-frame.exporting .lightbox-close,.lightbox-frame.exporting .share-menu{visibility:hidden!important}.lightbox-frame.exporting *{animation:none!important;transition:none!important}.export-clone .lightbox-bg{display:none!important}.lightbox-frame.closing{animation:lb-pop-out .3s var(--timing-smooth) forwards}.lightbox-frame.closing,.lightbox-overlay.closing{pointer-events:none}.lightbox-frame:before{content:none}.brand-left{align-items:center;bottom:2.5rem;display:flex;justify-content:center;left:2.5rem;pointer-events:none;position:absolute;top:2.5rem;width:12rem;z-index:1}.lightbox-close{top:2.5rem}.lightbox-actions,.lightbox-close{position:absolute;right:-2.75rem;z-index:5}.lightbox-actions{align-items:flex-end;bottom:2.5rem;display:flex;flex-direction:column;gap:.75rem}.lightbox-qr,.lightbox-qr-wrap{position:relative}.qr-tooltip{background:#0000;bottom:100%;margin-bottom:.5rem;opacity:0;pointer-events:none;position:absolute;right:0;transform:translateY(6px);transition:opacity .16s var(--timing-smooth),transform .16s var(--timing-smooth)}.qr-tooltip-inner{align-items:center;background:#0f0f0f;border-radius:.75rem;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.qr-code-value{font-family:var(--font-family-mono);font-size:1rem;font-weight:700;letter-spacing:.08em}.qr-caption{color:#fff;font-family:var(--font-family-primary);font-size:.85rem;font-weight:300;opacity:.85}.lightbox-qr-wrap:hover .qr-tooltip,.lightbox-qr-wrap[data-show=true] .qr-tooltip{opacity:1;transform:translateY(0)}.lb-grid{grid-gap:2rem!important;align-items:stretch!important;bottom:2.5rem!important;display:grid!important;gap:2rem!important;grid-auto-flow:row!important;grid-template-columns:repeat(8,1fr)!important;grid-template-rows:repeat(12,1fr)!important;height:calc(100% - 5rem)!important;justify-items:stretch!important;left:16.5rem!important;position:absolute!important;right:2.5rem!important;top:2.5rem!important;width:calc(100% - 19rem)!important}.export-clone{inset:auto!important;position:static!important}.export-clone .lb-tile{overflow:visible!important}.export-clone .lb-image-stack,.export-clone .lb-img{animation:none!important;opacity:1!important}.export-clone .share-menu{display:none!important}.lb-tile{align-items:center;background:#141414;border-radius:1.75rem;display:flex;justify-content:center;min-height:0;overflow:hidden;position:relative}.lb-image-stack{inset:0;position:absolute}.lb-grid.exporting .lb-image-stack{isolation:isolate}.lb-img{animation:lb-image-in .48s var(--timing-smooth) forwards;height:100%;inset:0;object-fit:contain;opacity:0;position:absolute;width:100%;will-change:opacity}.lb-grid.exporting .lb-img{animation:none!important;opacity:1!important}.brand-contents{align-items:center;display:flex;height:100%;justify-content:center;padding:0;width:100%}.brand-line{align-items:baseline;display:inline-flex;gap:.4rem;transform:rotate(-90deg) scale(1);transform:rotate(-90deg) scale(var(--brand-scale,1));transform-origin:center;white-space:nowrap}.brand-your{color:#fff;font-family:var(--font-family-primary);margin-right:.4ch;text-transform:lowercase}.brand-name,.brand-your{font-size:clamp(2rem,7vw,7rem);line-height:1}.brand-inline,.brand-inline .reg,.brand-name{font-family:var(--font-family-brand);font-weight:700}.reg{font-size:.9em;margin-left:1px;vertical-align:text-top}.lb-grid .image1{background:#0e0e0e;grid-column:1/7!important;grid-row:1/7!important}.lb-grid .switches-card{color:#fff;grid-column:1/3!important;grid-row:7/12!important}.switches-inner{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-rows:auto auto auto;height:100%;padding:2rem;place-content:center;width:100%}.switches-header{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.switches-label{color:currentColor;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:200;opacity:.9;text-transform:lowercase}.switches-name{font-family:var(--font-family-mono);font-size:clamp(1.35rem,3vw,2.52rem);font-weight:700}.switches-description{color:currentColor;font-family:var(--font-family-primary);font-size:.95rem;font-weight:200;line-height:1.25;opacity:.9}.switches-icon{align-items:center;display:flex;justify-content:center}.switches-icon-img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));height:auto;object-fit:contain;width:70%}.switches-specs{align-items:flex-start;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.switches-spec{align-items:center;display:flex;gap:12px}.switches-spec-icon svg{color:currentColor;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));height:22px;width:22px}.switches-spec-label{font-family:var(--font-family-primary);font-size:19px;font-weight:300;line-height:1;opacity:.9}.lb-grid .image4{background:#0e0e0e;grid-column:3/6!important;grid-row:7/12!important}.lb-grid .accents{grid-column:7/9!important;grid-row:1/3!important}.lb-grid .keycaps{grid-column:7/9!important;grid-row:3/5!important}.lb-grid .case{grid-column:7/9!important;grid-row:5/7!important}.lb-grid .image3{background:#0e0e0e;grid-column:6/9!important;grid-row:7/10!important}.lb-grid .layout-legends{grid-column-gap:1rem;align-items:center;background:#0f0f0f;column-gap:1rem;display:grid;grid-column:6/9!important;grid-row:10/12!important;grid-template-columns:1fr 1fr;padding:2rem 2.5rem}.layout-col,.legends-col{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-width:0;padding-left:0;position:relative}.legends-col{padding-left:10%}.legends-col:before{background-image:linear-gradient(180deg,#ffffff40 30%,#fff0 0);background-repeat:repeat-y;background-size:1px 6px;bottom:0;content:"";filter:drop-shadow(0 0 1px rgba(0,0,0,.4));left:-18px;position:absolute;top:0;width:1px}.layout-label{color:#fff;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:200;opacity:.9;text-transform:lowercase}.layout-value{font-family:var(--font-family-brand);font-size:clamp(1.1rem,2.66vw,2.1rem);font-weight:700}.divider{display:none}.lb-grid .overview{background:#0000;grid-column:1/6!important;grid-row:12/13!important}.overview-text{color:#fff;font-family:var(--font-family-primary);margin:0;padding:1.5rem 2rem}.overview .brand-inline{font-family:var(--font-family-brand);font-weight:700}.lb-grid.exporting .share-menu{display:none!important}.lb-grid .share{background:#0000;grid-column:6/7!important;grid-row:12/13!important;overflow:visible}.share-button{align-items:center;background:#0f0f0f;border-radius:1.25rem;color:#fff;display:inline-flex;font-family:var(--font-family-mono);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700;height:100%;justify-content:center;width:100%}.share-button .button__icon.button__icon--right{background:#fff;border-radius:999px;box-shadow:0 8px 24px #00000059;height:2.5rem;margin-left:auto;margin-right:.5rem;width:2.5rem}.share-button .button__icon.button__icon--right svg{color:#0f0f0f}.share-wrap{height:100%;position:relative;width:100%}.share-menu{background:#0f0f0ffa;border:1px solid #ffffff14;border-radius:.75rem;bottom:calc(100% + .25rem);box-shadow:0 12px 32px #0006;display:none;flex-direction:column;gap:.25rem;min-width:9rem;padding:.5rem;position:absolute;right:.75rem;z-index:4}.share-wrap .share-menu:hover,.share-wrap.open .share-menu,.share-wrap:hover .share-menu{display:flex}.share-menu-item{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:.95rem;font-weight:300;gap:.5rem;padding:.5rem .65rem}.share-menu-item:hover{background:#ffffff0f}.share-menu-icon svg{color:#fff;height:18px;width:18px}.share-menu-label{line-height:1}@media (max-width:640px){.share-menu{display:none!important}}.lb-grid .preorder{background:#0000;grid-column:7/9!important;grid-row:12/13!important}.preorder-button{align-items:center;border-radius:1.25rem;display:inline-flex;font-family:var(--font-family-brand);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700;height:100%;justify-content:center;width:100%}.preorder-button .button__icon.button__icon--right{background:#fff;border-radius:999px;box-shadow:0 8px 24px #00000059;height:2.5rem;margin-left:auto;margin-right:.5rem;width:2.5rem}.preorder-button .button__icon.button__icon--right svg{color:var(--color-brand-primary)}.color-spec{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:2rem 2.5rem}.color-spec__label{color:currentColor;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:200;margin-bottom:.25rem;opacity:.9;text-transform:lowercase}.brand-your{font-weight:100}.color-spec__label,.layout-label,.switches-description,.switches-label{color:currentColor;font-weight:200}.overview-text{font-size:clamp(.95rem,1.35vw,1.25rem);font-weight:300;line-height:1.6}.lightbox-frame .brand-inline,.lightbox-frame .brand-name,.lightbox-frame .preorder-button .button__text{font-family:var(--font-family-brand);font-weight:700}.lightbox-frame .color-spec__name,.lightbox-frame .layout-value,.lightbox-frame .switches-name{font-family:var(--font-family-mono);font-weight:700}.color-spec__name{font-size:clamp(1.05rem,2.52vw,1.89rem)}.lb-tile>*{pointer-events:auto}.lb-tile:before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@media (max-width:960px){.lightbox-frame{--lb-inset:2rem;--lb-gap:1.5rem;--lb-brand-width:10rem;padding:2.5rem;width:96vw}.lb-grid{bottom:var(--lb-inset);gap:var(--lb-gap);height:calc(100% - var(--lb-inset) - var(--lb-inset));left:calc(var(--lb-inset) + var(--lb-brand-width) + var(--lb-gap));right:var(--lb-inset);top:var(--lb-inset);width:calc(100% - var(--lb-inset) - var(--lb-brand-width) - var(--lb-gap) - var(--lb-inset))}.lightbox-close{right:.75rem;top:2rem}.lightbox-actions{bottom:2rem;right:.75rem}}@media (max-width:640px){.lightbox-frame{--lb-inset:1.5rem;--lb-gap:1.2rem;--lb-brand-width:8rem;aspect-ratio:auto;border-radius:0;height:100vh;padding:2rem;width:100vw}.lb-grid{bottom:var(--lb-inset);gap:var(--lb-gap);height:calc(100% - var(--lb-inset) - var(--lb-inset));left:calc(var(--lb-inset) + var(--lb-brand-width) + var(--lb-gap));right:var(--lb-inset);top:var(--lb-inset);width:calc(100% - var(--lb-inset) - var(--lb-brand-width) - var(--lb-gap) - var(--lb-inset))}.lightbox-close{right:.75rem;top:1.25rem}.switches-icon-img{width:80%}.overview,.switches-icon{display:none}.color-spec__name,.layout-value,.switches-name{font-size:clamp(.95rem,4.5vw,1.6rem);line-height:1.1;white-space:normal;word-break:break-word}.color-spec__label,.layout-label,.switches-label{font-size:clamp(.8rem,3.6vw,1rem)}.switches-description{font-size:.85rem}.lightbox-actions{bottom:1.5rem;right:.75rem}}@media (prefers-reduced-motion:reduce){.lb-img,.lightbox-frame,.lightbox-overlay{animation:none!important;opacity:1!important;transform:none!important}.lightbox-frame.closing,.lightbox-overlay.closing{animation:none!important}}@media (max-width:480px){.lightbox-frame{--lb-inset:1rem;--lb-gap:1rem;--lb-brand-width:6rem}.lb-grid{bottom:var(--lb-inset);gap:var(--lb-gap);height:calc(100% - var(--lb-inset) - var(--lb-inset));left:calc(var(--lb-inset) + var(--lb-brand-width) + var(--lb-gap));right:var(--lb-inset);top:var(--lb-inset);width:calc(100% - var(--lb-inset) - var(--lb-brand-width) - var(--lb-gap) - var(--lb-inset))}.lightbox-close{right:.5rem;top:1rem}.brand-name,.brand-your{font-size:clamp(1.6rem,7.5vw,5rem)}.color-spec__name,.layout-value,.switches-name{font-size:clamp(.9rem,4.2vw,1.4rem)}.switches-description{font-size:.8rem}.lightbox-actions{bottom:1rem;right:.5rem}}body.lightbox-active .bk-tooltip{display:none!important}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lb-pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lb-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lb-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes lb-image-in{0%{opacity:0}to{opacity:1}}.swatch{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;position:relative;transition:transform .16s ease,filter .16s ease}.swatch--small{height:var(--size-swatch-sm);width:var(--size-swatch-sm)}.swatch--default{height:var(--size-swatch-md);width:var(--size-swatch-md)}.swatch--large{height:var(--size-swatch-lg);width:var(--size-swatch-lg)}.swatch__content{border-radius:var(--border-radius-full);box-shadow:0 2px 6px #00000047;height:100%;transition:transform .22s ease,filter .22s ease;width:100%;will-change:transform,box-shadow,filter}.swatch__content.swatch__content--gradient{overflow:hidden;position:relative}.swatch__content.swatch__content--gradient:after{background-blend-mode:screen,screen,screen,multiply;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.14 0'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' d='M0 0h44v44H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.16 0'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' d='M0 0h60v60H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' d='M0 0h92v92H0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.7' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' d='M0 0h64v64H0z'/%3E%3C/svg%3E");background-position:0 0,9px 14px,17px 24px,6px 10px;background-repeat:repeat;background-size:44px 44px,60px 60px,84px 84px,54px 54px;border-radius:inherit;content:"";filter:contrast(1.38) brightness(1.06);inset:0;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 92%,#0000 100%);mask-image:radial-gradient(circle at 50% 50%,#000 92%,#0000 100%);mix-blend-mode:overlay;opacity:1;pointer-events:none;position:absolute;z-index:1}.swatch__content--black{outline:2px solid #2b2b2b;outline-offset:-2px}.swatch:hover .swatch__content{box-shadow:0 8px 20px #00000059;filter:saturate(1.05) brightness(1.02);transform:scale(1.04)}.swatch:focus{outline:var(--border-width-medium) solid var(--color-interactive-focus);outline-offset:var(--border-width-medium)}.swatch--selected .swatch__content,.swatch--selected:hover .swatch__content{box-shadow:0 2px 6px #00000047,0 0 0 var(--border-width-thick) var(--color-interactive-selected)}.swatch--selected:hover .swatch__content{filter:none;transform:none}.swatch.swatch--selected:hover{transform:none}.swatch__tooltip{background-color:var(--color-bg-overlay);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);left:0;left:var(--tooltip-left,0);line-height:1.1;opacity:1;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:fixed;top:0;top:var(--tooltip-top,0);transform:translate(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:var(--z-index-tooltip)}.swatch__tooltip:after{border-color:#0000 #0000 var(--color-bg-overlay) #0000;border-style:solid;border-width:calc(var(--space-sm)*.75);bottom:calc(100% - 6px);content:"";left:50%;position:absolute;transform:translateX(-50%)}.swatch__tooltip--hidden{opacity:0}.swatch--disabled,.swatch:disabled{cursor:not-allowed;opacity:.5;transform:none}.swatch--disabled:hover,.swatch:disabled:hover{transform:none}@media (hover:none) and (pointer:coarse){.swatch .swatch__content:active,.swatch:active{transform:scale(.96)}}@media (max-width:768px){.swatch__content.swatch__content--gradient:after{background-blend-mode:multiply,multiply,multiply,multiply;background-position:50%,50%,50%,50%;background-size:52px 52px,72px 72px,96px 96px,64px 64px;filter:contrast(1.1) brightness(.98);mix-blend-mode:multiply;opacity:.1}}.bk-tooltip-wrapper{align-items:center;display:inline-flex;justify-content:center;position:relative}.bk-tooltip{background-color:var(--color-bg-overlay);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);line-height:1.1;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:fixed;white-space:nowrap;z-index:var(--z-index-tooltip)}.bk-tooltip--top:after{border-color:var(--color-bg-overlay) #0000 #0000 #0000;border-style:solid;border-width:calc(var(--space-sm)*.75);top:100%}.bk-tooltip--bottom:after,.bk-tooltip--top:after{content:"";left:50%;position:absolute;transform:translateX(-50%)}.bk-tooltip--bottom:after{border-color:#0000 #0000 var(--color-bg-overlay) #0000;border-style:solid;border-width:calc(var(--space-sm)*.75);bottom:100%}.bk-tooltip--left:after{border-color:#0000 #0000 #0000 var(--color-bg-overlay);border-style:solid;border-width:calc(var(--space-sm)*.75);left:100%}.bk-tooltip--left:after,.bk-tooltip--right:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.bk-tooltip--right:after{border-color:#0000 var(--color-bg-overlay) #0000 #0000;border-style:solid;border-width:calc(var(--space-sm)*.75);right:100%}@media (hover:none) and (pointer:coarse){.bk-tooltip{word-wrap:break-word;border:1px solid #fff;max-width:calc(100vw - 40px);min-width:200px;pointer-events:auto;white-space:normal;z-index:9999}.bk-tooltip:not(.bk-tooltip--right):not(.bk-tooltip--left){left:20px!important;right:20px!important;transform:none!important;width:auto!important}.bk-tooltip-wrapper{cursor:pointer}}.swatch-group{margin-bottom:var(--space-lg)}.swatch-group__title{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);margin:var(--space-xl) 0 var(--space-md) 0}.swatch-group__grid{--swatch-cell-size:var(--size-swatch-md);grid-gap:var(--space-sm) var(--space-xs);align-items:center;display:grid;gap:var(--space-sm) var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(var(--swatch-cell-size),var(--swatch-cell-size)));justify-content:start;max-width:calc(var(--swatch-cell-size)*6 + var(--space-xs)*5)}.heading{color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.heading--default{font-family:var(--font-family-primary);font-weight:var(--font-weight-light)}.heading--brand{font-family:var(--font-family-brand);letter-spacing:-.02em}.heading--brand,.heading--mono{font-weight:var(--font-weight-bold)}.heading--mono{font-family:var(--font-family-mono)}.heading--level-1{font-size:var(--font-size-5xl)}.heading--level-1,.heading--level-2{line-height:var(--line-height-tight)}.heading--level-2{font-size:var(--font-size-xl)}.heading--level-3{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text{font-family:var(--font-family-primary);margin:0}.text--body,.text--caption{line-height:var(--line-height-normal)}.text--caption{font-size:var(--font-size-sm)}.text--label{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.text--code{font-family:var(--font-family-mono);line-height:var(--line-height-normal)}.text--size-xs{font-size:var(--font-size-xs)}.text--size-sm{font-size:var(--font-size-sm)}.text--size-base{font-size:var(--font-size-base)}.text--size-lg{font-size:var(--font-size-lg)}.text--size-xl{font-size:var(--font-size-xl)}.text--weight-light{font-weight:var(--font-weight-light)}.text--weight-normal{font-weight:var(--font-weight-normal)}.text--weight-medium{font-weight:var(--font-weight-medium)}.text--weight-semibold{font-weight:var(--font-weight-semibold)}.text--weight-bold{font-weight:var(--font-weight-bold)}.text--color-primary{color:var(--color-text-primary)}.text--color-secondary{color:var(--color-text-secondary)}.text--color-tertiary{color:var(--color-text-tertiary)}.text--color-muted{color:var(--color-text-muted)}.text--color-inverse{color:var(--color-text-inverse)}.text--brand-logo{letter-spacing:-.02em}.text--brand-logo,.text--brand-registered{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.text--brand-registered{font-size:.6em;vertical-align:super}.fade-transition{transition:opacity var(--duration-normal) var(--timing-ease-out)}.fade-enter{opacity:0}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{opacity:0}.slide-transition{transition:transform var(--duration-normal) var(--timing-smooth)}.slide-right-enter{opacity:0;transform:translateX(-20px)}.slide-right-enter-active{transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.slide-right-enter-active,.slide-right-exit{opacity:1;transform:translateX(0)}.slide-right-exit-active{transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.slide-left-enter,.slide-right-exit-active{opacity:0;transform:translateX(20px)}.slide-left-enter-active{transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.slide-left-enter-active,.slide-left-exit{opacity:1;transform:translateX(0)}.slide-left-exit-active{opacity:0;transform:translateX(-20px);transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.typewriter{align-items:baseline;display:inline-flex}.typewriter__cursor{animation:blink 1s steps(2,start) 2 forwards;color:currentColor;display:inline-block;margin-left:2px;width:1ch}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.slide-up-enter{opacity:0;transform:translateY(20px)}.slide-up-enter-active{transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.slide-up-enter-active,.slide-up-exit{opacity:1;transform:translateY(0)}.slide-up-exit-active{transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.slide-down-enter,.slide-up-exit-active{opacity:0;transform:translateY(-20px)}.slide-down-enter-active{transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.slide-down-enter-active,.slide-down-exit{opacity:1;transform:translateY(0)}.slide-down-exit-active{opacity:0;transform:translateY(20px);transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.scale-enter{opacity:0;transform:scale(.95)}.scale-enter-active{transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}.scale-enter-active,.scale-exit{opacity:1;transform:scale(1)}.scale-exit-active{opacity:0;transform:scale(.95);transition:transform var(--duration-normal) var(--timing-smooth),opacity var(--duration-normal) var(--timing-ease-out)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s}.animate-shake{animation:shake .5s}.hover-lift{transition:var(--transition-transform)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:var(--transition-transform)}.hover-scale:hover{transform:scale(1.05)}.glass-card{-webkit-touch-callout:none;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);background:linear-gradient(145deg,#dcdee417,#787c8614),#ffffff08;border:1px solid #ffffff1f;border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #00000040;contain:layout paint;display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden;padding:var(--space-md);position:relative;touch-action:manipulation;transform:perspective(800px) rotateX(0deg) rotateY(0deg);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;width:100%;will-change:transform}.glass-card,.glass-card *{-webkit-tap-highlight-color:transparent}@media (max-width:768px){.glass-card{box-sizing:border-box;padding-left:calc(var(--mobile-gutter));padding-right:calc(var(--mobile-gutter));width:100%}}.glass-card--interactive{cursor:pointer}.glass-card:hover:after{opacity:0}@media (hover:hover) and (pointer:fine) and (min-width:769px){.glass-card:hover.glass-card--interactive{box-shadow:0 16px 40px #00000059}.glass-card:hover:after{opacity:1}}.glass-card--selected{border-color:var(--color-interactive-selected);box-shadow:0 0 0 2px var(--color-interactive-selected),0 10px 30px #00000040}.glass-card:focus-visible{outline:2px solid var(--color-interactive-focus);outline-offset:2px}.glass-card__media{background:linear-gradient(145deg,#ffffff14,#ffffff05);border-radius:calc(var(--border-radius-lg) - 4px);overflow:hidden;width:100%}.glass-card:before{background:radial-gradient(120% 120% at 10% 10%,#ffffff40,#fff0 40%),radial-gradient(120% 120% at 90% 90%,#ffffff1f,#fff0 50%);inset:0;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px}.glass-card:after,.glass-card:before{border-radius:inherit;content:"";pointer-events:none;position:absolute;z-index:0}.glass-card:after{background:radial-gradient(220px 220px at 50% 50%,#ffffff29 0,#ffffff0f 40%,#fff0 70%);background:radial-gradient(220px 220px at var(--hx,50%) var(--hy,50%),#ffffff29 0,#ffffff0f 40%,#fff0 70%);bottom:0;left:0;mix-blend-mode:screen;opacity:0;right:0;top:0;transition:opacity .12s ease}.glass-card.glass-card--interactive.is-pressed{box-shadow:0 14px 36px #00000061,0 0 0 1px #ffffff29}.glass-card--static{transform:none!important}.glass-card--static:after,.glass-card--static:hover:after{opacity:0!important}@media (max-width:768px){.glass-card{transform:none!important;transition:none}.glass-card:after{opacity:0!important}.glass-card.glass-card--interactive:active,.glass-card:hover,.glass-card:hover.glass-card--interactive{box-shadow:0 10px 30px #00000040!important}.glass-card.glass-card--interactive.is-pressed{box-shadow:0 14px 36px #00000061,0 0 0 1px #ffffff29!important}.glass-card.glass-card--selected{border-color:var(--color-interactive-selected);border-width:2px;box-shadow:0 10px 30px #00000040!important}}.glass-card__body{display:flex;flex-direction:column;gap:var(--space-xs)}.glass-card__body,.glass-card__media{position:relative;z-index:1}.glass-card__title{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.mobile-lb-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:mlb-fade-in .2s var(--timing-smooth) forwards;background:#000;contain:strict;display:flex;inset:0;justify-content:center;opacity:0;overscroll-behavior:contain;position:fixed;transform:translateZ(0);will-change:opacity;z-index:2000}.mobile-lb-overlay.closing{animation:mlb-fade-out .26s var(--timing-smooth) forwards}.mobile-lb-frame{background:#0000;color:#fff;contain:paint layout size;height:100vh;overflow:hidden;position:relative;touch-action:manipulation;transform:translateZ(0);width:100vw;will-change:transform}.mobile-lb-close{position:absolute;right:1rem;top:1.5rem;z-index:5}.mobile-lb-grid{--cols:5;--gap:16px;--_outer-w:100%;--_total-gaps-x:calc(var(--gap)*(var(--cols) - 1));--col-w:calc((var(--_outer-w) - var(--_total-gaps-x))/var(--cols));--row-h:calc(var(--col-w)/6);grid-gap:var(--gap);-webkit-overflow-scrolling:touch;contain:layout style paint;display:grid;gap:var(--gap);grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(35,var(--row-h));inset:1.5rem .5rem .5rem .5rem;overflow:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0);position:absolute;touch-action:pan-y;transform:translateZ(0);will-change:scroll-position}.mlb-tile{align-items:center;background:#141414;border-radius:1rem;display:flex;justify-content:center;overflow:hidden;position:relative}.mlb-image-stack{inset:0;position:absolute}.mlb-image-stack.cover .mlb-img{object-fit:cover}.mlb-img{height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.image4 .mlb-img{object-fit:cover;object-position:35% 50%}.mlb-card{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:center;padding:1rem;width:100%}.mlb-card-label{color:#fff;font-family:var(--font-family-primary);font-size:.95rem;font-weight:200;opacity:.9}.mlb-card-value{color:#fff;font-family:var(--font-family-mono);font-size:1.2rem;font-weight:700;line-height:1.1}.layout-card-inline{align-items:center;flex-direction:row;justify-content:space-between}.layout-card-inline .mlb-card-label,.layout-card-inline .mlb-card-value{margin:0}.mlb-button{border-radius:.9rem;height:100%;width:100%}.mlb-button--explore .button__text,.mlb-button--share .button__text,.mlb-button-text--thin{font-family:var(--font-family-primary);font-weight:200}.mlb-button-text--brand{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.mlb-button--share .button__icon.button__icon--right{margin-left:auto;margin-right:.5rem}.mlb-share-icon-bubble{align-items:center;background:#fff;border-radius:var(--border-radius-full);box-shadow:0 8px 24px #00000059;color:#0f0f0f;display:inline-flex;height:calc(var(--size-button-lg)*.68);height:calc(var(--button-height, var(--size-button-lg))*.68);justify-content:center;width:calc(var(--size-button-lg)*.68);width:calc(var(--button-height, var(--size-button-lg))*.68)}.mlb-button--preorder .button__icon.button__icon--right{margin-left:auto;margin-right:.5rem}.mlb-preorder-icon-bubble{align-items:center;background:#fff;border-radius:var(--border-radius-full);box-shadow:0 8px 24px #00000059;color:var(--color-brand-primary);display:inline-flex;height:calc(var(--size-button-lg)*.68);height:calc(var(--button-height, var(--size-button-lg))*.68);justify-content:center;width:calc(var(--size-button-lg)*.68);width:calc(var(--button-height, var(--size-button-lg))*.68)}.mlb-switches{grid-gap:.75rem;align-content:center;display:grid;gap:.75rem;grid-template-rows:auto auto auto;height:100%;padding:1rem;width:100%}.mlb-switches__header{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.mlb-switches__label{color:currentColor;font-family:var(--font-family-primary);font-size:.95rem;font-weight:200;opacity:.9;text-transform:none}.mlb-switches__title-row{align-items:center;display:flex;gap:.6rem;min-width:0}.mlb-switches__name{font-family:var(--font-family-mono);font-size:1.35rem;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlb-switches__description{color:currentColor;font-family:var(--font-family-primary);font-size:.95rem;font-weight:200;line-height:1.35;opacity:.9}.mlb-switches__icon{align-items:center;display:flex;flex:0 0 auto;height:56px;justify-content:center;width:56px}.mlb-switches__icon-img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));height:100%;object-fit:contain;width:100%}.mlb-switches__specs{grid-column-gap:12px;grid-row-gap:8px;align-items:center;column-gap:12px;display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0;row-gap:8px}.mlb-switches__spec{align-items:center;display:flex;gap:10px}.mlb-switches__spec:first-child{grid-column:1;grid-row:1}.mlb-switches__spec:nth-child(3){grid-column:2;grid-row:1;justify-self:start}.mlb-switches__spec:nth-child(2){grid-column:1;grid-row:2}.mlb-switches__spec-icon svg{color:currentColor;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));height:20px;width:20px}.mlb-switches__spec-label{font-family:var(--font-family-primary);font-size:.95rem;font-weight:300;line-height:1;opacity:.9}@media (max-width:380px){.mlb-switches__icon{height:48px;width:48px}.mlb-switches__name{font-size:1.25rem}.mlb-switches__description{font-size:.9rem}}.image2{background:#0e0e0e;grid-column:1/6;grid-row:1/6}.keycaps-card{grid-column:1/4;grid-row:6/9}.case-card{grid-column:1/4;grid-row:9/12}.image1-zoom{grid-column:4/6;grid-row:6/15}.accents-card{grid-column:1/4;grid-row:12/15}.image4{background:#0e0e0e;grid-column:1/3;grid-row:15/24}.switches-card{grid-column:3/6;grid-row:15/22}.layout-card{grid-column:3/6;grid-row:22/24}.layout-card__glass{padding-left:0;padding-right:0}.image1{background:#0e0e0e;grid-column:1/6;grid-row:24/30}.preorder{background:#0000;grid-column:1/6;grid-row:30/33}.home{grid-column:1/4}.home,.share{background:#0000;grid-row:33/35}.share{grid-column:4/6}@keyframes mlb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mlb-fade-out{0%{opacity:1}to{opacity:0}}.password-protection-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000;display:flex;justify-content:center}.fake-404-page,.password-protection-overlay{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.fake-404-page{background-color:#fff;color:#000;font-family:Arial,sans-serif;font-size:.875rem;padding:3.125rem}.fake-404-page h1{font-size:3rem;font-weight:400;margin:0 0 1.25rem}.fake-404-page p{line-height:1.4;margin:.625rem 0}.fake-404-page hr{border:none;border-top:1px solid #ccc;margin:1.25rem 0}.hidden-password-input{border:none;height:1px;left:-9999px;opacity:0;outline:none;position:absolute;width:1px}.mobile-password-input-trap{background:#0000;border:none;bottom:6px;caret-color:#0000;color:#0000;height:1px;left:6px;opacity:.001;outline:none;padding:0;position:fixed;width:1px;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-protection-container{color:#fff;display:flex;flex-direction:column;gap:3rem;max-width:25rem;text-align:center;width:90%}.logo-container{margin-bottom:2rem}.logo-text{align-items:baseline;color:#fff;display:flex;font-size:3rem;gap:.5rem;justify-content:center;margin:0}.logo-text .logo{font-family:var(--font-family-mono);font-weight:700;letter-spacing:-.02em}.logo-text .registered{font-family:var(--font-family-mono);font-size:1.5rem;margin-left:-.3rem;vertical-align:super}.logo-text .studio-text{font-family:var(--font-family-primary);font-size:3rem;font-weight:300;margin-left:.5rem}.password-form-container{background-color:#1a1a1a;border-radius:1.5rem;box-shadow:0 10px 40px #00000080;padding:3rem 2rem}.password-form-container h2{color:#fff;font-family:var(--font-family-brand);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.subtitle{color:#999;font-family:var(--font-family-primary);font-size:1rem;font-weight:300;margin:0 0 2rem}.password-form{display:flex;flex-direction:column;gap:1rem}.password-input{background-color:#2a2a2a;border:2px solid #0000;border-radius:.75rem;color:#fff;font-family:var(--font-family-primary);font-size:1rem;outline:none;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.password-input:focus{background-color:#333;border-color:#fff}.password-input::placeholder{color:#666}.submit-button{background-color:#fff;border:none;border-radius:.75rem;color:#000;cursor:pointer;font-family:var(--font-family-primary);font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .2s ease;width:100%}.submit-button:hover{background-color:#e0e0e0;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.error-message{animation:shake .3s ease-in-out;color:#f44;font-size:.875rem;margin-top:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.footer{margin-top:2rem}.footer p{color:#666;font-size:.875rem;margin:0}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.logo-text,.logo-text .studio-text{font-size:2rem}.logo-text .registered{font-size:1rem}.password-form-container{padding:2rem 1.5rem}.password-form-container h2{font-size:1.5rem}}.accent-stack{background-color:initial;pointer-events:none}.accent-stack,.accent-stack img{height:100%;left:0;position:absolute;top:0;width:100%}.accent-stack img{border-radius:2rem;object-fit:contain}.accent-stack .accent-old{animation:none;opacity:1;z-index:5}.accent-stack .accent-new{animation:none;opacity:0;z-index:6}.accent-stack.loaded .accent-new{animation:fadeInAccent .3s ease-in-out both}.accent-stack.loaded .accent-old{animation:fadeOutAccent .3s ease-in-out .3s both}.accent-stack .accent-mask{display:none}.accent-stack.has-prev .accent-mask{display:block;filter:brightness(0);height:100%;inset:0;object-fit:contain;position:absolute;width:100%;z-index:4}@keyframes fadeInAccent{0%{opacity:0}to{opacity:1}}@keyframes fadeOutAccent{0%{opacity:1}to{opacity:0}}.case-stack{background-color:initial;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.case-stack .case-new,.case-stack .case-old{animation:none;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.case-stack .case-old{opacity:1;z-index:1}.case-stack .case-new{opacity:0;z-index:2}.case-stack.loaded .case-new{animation:fadeInCase .3s ease-in-out both}.case-stack.loaded .case-old{animation:fadeOutCase .3s ease-in-out .3s both}@keyframes fadeInCase{0%{opacity:0}to{opacity:1}}@keyframes fadeOutCase{0%{opacity:1}to{opacity:0}}.keycaps-stack,.switches-stack{background-color:initial;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.switches-stack .switches-new,.switches-stack .switches-old{animation:none;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.switches-stack .switches-old{opacity:1;z-index:2}.switches-stack .switches-new{opacity:0;z-index:3}.switches-stack.loaded .switches-new{animation:fadeInSwitches .3s ease-in-out both}.switches-stack.loaded .switches-old{animation:fadeOutSwitches .3s ease-in-out .3s both}@keyframes fadeInSwitches{0%{opacity:0}to{opacity:1}}@keyframes fadeOutSwitches{0%{opacity:1}to{opacity:0}}.keycaps-stack img{animation:none;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.keycaps-stack .bezel-old,.keycaps-stack .keycaps-old{opacity:1}.keycaps-stack .bezel-new,.keycaps-stack .keycaps-new{opacity:0}.keycaps-stack .bezel-old{z-index:3}.keycaps-stack .keycaps-old{z-index:4}.keycaps-stack .bezel-new{z-index:5}.keycaps-stack .keycaps-new{z-index:6}.keycaps-stack.loaded .bezel-new,.keycaps-stack.loaded .keycaps-new{animation:fadeInKeycaps .3s ease-in-out both}.keycaps-stack.loaded .bezel-old,.keycaps-stack.loaded .keycaps-old{animation:fadeOutKeycaps .3s ease-in-out .3s both}@keyframes fadeInKeycaps{0%{opacity:0}to{opacity:1}}@keyframes fadeOutKeycaps{0%{opacity:1}to{opacity:0}}.cta-widget-container{bottom:var(--space-lg);box-sizing:border-box;left:0;padding:0 var(--space-lg);pointer-events:none;position:fixed;right:0;transform:none;width:100%;z-index:var(--z-index-fixed)}@media (min-width:769px){.cta-widget-container{bottom:var(--space-lg);left:0;margin:0 auto;padding:0 var(--container-padding);position:absolute;right:0;width:100%}.cta-widget-container .cta-widget{margin:0 auto;max-width:800px;width:100%}}.cta-widget{align-items:stretch;background:var(--color-interactive-selected);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-lg);box-sizing:border-box;color:var(--color-text-inverse);container-type:inline-size;display:flex;flex-direction:column;margin:0 auto;max-width:800px;overflow:hidden;padding:var(--space-xs);pointer-events:auto;transition:border-radius .35s var(--timing-smooth),padding .35s var(--timing-smooth),transform var(--duration-normal) var(--timing-ease),box-shadow var(--duration-normal) var(--timing-ease);width:100%}.cta-widget.expanded{border-radius:var(--border-radius-xl);padding:var(--space-lg)}.cta-widget-main{align-items:center;box-sizing:border-box;display:flex;flex-shrink:1;flex-wrap:nowrap;gap:var(--space-md);height:auto;justify-content:center;min-height:29px;padding:var(--space-sm) var(--space-md);row-gap:var(--space-xs)}.cta-title{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light)}.cta-logo,.cta-registered{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.cta-registered{font-size:1em;line-height:1;vertical-align:text-top}.cta-specs{color:#666;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light)}.cta-widget-main>.cta-specs,.cta-widget-main>.cta-title,.cta-widget-main>.specs-link{white-space:nowrap}.cta-widget-main>*{min-width:0}.cta-title{order:1}.dot-separator.sep-1{order:2}.cta-specs.spec-ship{order:3}.dot-separator.sep-2{order:4}.cta-specs.spec-free{order:5}.dot-separator.sep-3{order:6}.cta-specs.spec-limited{order:7}@container (max-width: 760px){.sep-3,.spec-free{display:none}}@container (max-width: 680px){.sep-2,.spec-ship{display:none}}@container (max-width: 600px){.sep-1,.specs-link{display:none}}.dot-separator{background-color:#666;border-radius:var(--border-radius-full);flex:0 0 3px;height:3px;width:3px}.specs-link{background:none;border:none;color:#666;cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);height:auto;padding:0;text-decoration:none;transition:color var(--duration-normal) var(--timing-ease)}.specs-link:hover{color:#333}.cta-button-reset{margin-left:auto}.selected-colors-text .config-line{align-items:center;display:flex;gap:.5rem;margin:.25rem 0}.config-swatch{border:1px solid #0003;border-radius:50%;height:12px;width:12px}@media (max-width:1200px){.cta-widget-main{flex-wrap:nowrap;row-gap:0}.cta-widget-main>.cta-specs,.cta-widget-main>.cta-title,.cta-widget-main>.specs-link{white-space:nowrap}.dot-separator{display:none}.specs-grid{grid-template-columns:1fr;padding:0}.specs-grid:before{display:none}.specs-column:first-child,.specs-column:last-child{padding:0}.selected-colors-text p{white-space:normal}}.specs-grid{grid-gap:0;color:var(--color-text-inverse);display:grid;gap:0;grid-template-columns:60% 1px 40%;padding:0 var(--space-lg);position:relative}.specs-column:first-child{padding-right:var(--space-2xl)}.specs-column:last-child{padding-left:var(--space-2xl)}.specs-grid:before{border-left:1px dotted #ccc;bottom:0;content:"";left:calc(60% - .5px);position:absolute;top:0;width:1px}.specs-column h3{color:var(--color-text-inverse);font-family:var(--font-family-brand);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);white-space:nowrap}.specs-column ul{color:#555;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);list-style:none;margin:0;padding:0}.specs-column ul li{margin-bottom:var(--space-sm)}.config-label{color:var(--color-text-inverse);font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.config-label,.config-value{font-size:var(--font-size-base)}.config-value{color:#555;font-family:var(--font-family-primary);font-weight:var(--font-weight-light);margin-left:.5em}.selected-colors-text p{line-height:var(--line-height-relaxed);margin-bottom:var(--space-sm);white-space:nowrap}@media (max-width:768px){.cta-widget,.cta-widget-container{display:none!important}}.step-navigation{background-color:#111;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;padding:2rem 2rem 1.5rem}.step-progress{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;width:100%}.step-segment{background-color:var(--pill-color-base);border:none;border-radius:999px;cursor:pointer;display:block;height:7px;line-height:0;padding:0;transition:background-color .3s ease,transform .15s ease}.step-segment.active,.step-segment.completed{background-color:var(--pill-color-active)}.step-segment.completed{opacity:.4}.step-segment:hover{background-color:var(--pill-color-hover-back)}.step-title{align-items:center;color:#fff;display:flex;font-family:Space Mono,monospace;font-family:var(--font-family-mono,"Space Mono",monospace);font-size:1.5rem;font-weight:700;gap:10px;justify-content:flex-start;margin:0;text-align:left}.step-title__back{align-items:center;background-color:var(--pill-color-base);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:background-color .2s ease,transform .2s ease;width:28px}.step-title__back:hover{background-color:var(--pill-color-hover-back);transform:translateY(-1px)}.step-title__back svg{filter:none}.step-title__text{margin-left:6px}@media (max-width:768px){.step-navigation{padding:1.5rem 1rem 1rem}.step-progress{gap:4px;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.step-segment{height:6px}.step-title{font-size:1.25rem}}.next-button-container{background-color:#111;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;padding:1.5rem 2rem 2rem}.next-button{justify-content:center;margin:0;position:relative;width:100%}.next-button .button__text{flex:1 1;text-align:center}.next-button .button__icon--left{left:15%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.next-button:disabled{cursor:not-allowed;opacity:.5}.next-button:disabled:hover{transform:none}@media (max-width:768px){.next-button-container{padding:1rem 1.5rem 1.5rem}}.vibe-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr;margin-bottom:var(--space-xl);overflow:visible}.vibe-card,.vibe-card-wrapper{position:relative;width:100%}.vibe-card{backface-visibility:hidden;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);box-sizing:border-box;cursor:pointer;height:96px;overflow:hidden;padding:0!important;transition:var(--transition-transform)}.vibe-card__row{align-items:center;display:flex;gap:var(--space-lg);height:100%;padding:0}.vibe-card__name{color:var(--color-text-primary);flex:0 0 auto;font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);width:120px}.vibe-swatch-row{align-items:center;display:flex;gap:var(--space-xs);justify-content:flex-end;margin-left:auto}.vibe-theme-swatch{flex:0 0 auto}.vibe-card:before{content:"";inset:0;position:absolute;z-index:0}.vibe-card__center-title{display:none}.vibe-card .glass-card__body{align-items:center;box-sizing:border-box;display:flex;height:100%;padding:0 var(--space-lg);position:static}@media (max-width:768px){.vibe-grid{gap:var(--space-lg);margin-bottom:var(--space-lg)}.vibe-card__row{min-height:76px}}.mobile-theme-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.mobile-theme-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:101px;padding:4px!important;transform:translateZ(0);transition:border-color .15s ease;will-change:border-color}.mobile-theme-card:active{transform:translateZ(0) scale(.98);transition:transform 80ms ease-out}.mobile-theme-card.is-selected{border-color:var(--color-interactive-selected);border-width:2px;box-shadow:0 0 0 1px #ffffff1a,0 4px 12px #0003}.mobile-theme-card__swatches{align-items:center;display:flex;gap:6px;justify-content:center}.mobile-theme-swatch{cursor:default!important;height:22px;pointer-events:none;width:22px}.mobile-theme-card__name{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);margin-top:4px;text-align:center}.switch-card{--spec-icon-size:22px;--spec-gap:12px;--pill-pad:16px;--pill-height:26px;overflow:hidden}.switch-card__col{min-width:0}.switch-card__grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:2fr 1fr}.switch-card__col--specs{display:flex;flex-direction:column;justify-content:center;padding-left:10%;position:relative}.switch-card__col--specs:before{background-image:linear-gradient(180deg,#ffffff40 30%,#fff0 0);background-repeat:repeat-y;background-size:1px 6px;bottom:0;content:"";filter:drop-shadow(0 0 1px rgba(0,0,0,.4));left:-18px;position:absolute;top:0;width:1px}.switch-card__hero{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr}.switch-card__icon-wrap{flex-shrink:0;height:64px;position:relative;width:64px}.switch-card__icon{display:block;filter:none;height:100%;image-rendering:-webkit-optimize-contrast;object-fit:contain;width:100%}.switch-card__name{color:#fff;font-family:Space Mono,monospace;font-family:var(--font-family-mono,"Space Mono",monospace);font-size:2rem;font-weight:700;line-height:1}.switch-card__description{color:#fffc;font-family:var(--font-family-primary);font-size:1rem;font-weight:300;line-height:1.25;margin-top:10px;opacity:.8;word-break:break-word}.switch-card__specs{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.switch-card__spec{align-items:center;display:flex;gap:12px;min-height:var(--pill-height);padding:2px 0}.switch-card__spec-icon svg{color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));height:22px;width:22px}.switch-card__spec-label{color:#fff;font-family:var(--font-family-primary);font-size:1rem;font-weight:300;line-height:1;opacity:.8}.switch-card__spec--sound .switch-card__spec-click{position:relative}.switch-card__spec--sound .switch-card__spec-click:before{background:#ffffff14;background:var(--pill-color-base,#ffffff14);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff1f;content:"";height:var(--pill-height);left:calc(var(--spec-icon-size)*-.25);position:absolute;right:calc(var(--pill-pad)*-1);top:50%;transform:translateY(-50%);transition:background .15s ease,box-shadow .15s ease,transform 60ms ease;z-index:0}.switch-card__spec-click{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}@media (hover:hover) and (pointer:fine){.switch-card__spec--sound .switch-card__spec-click:hover:before{background:#ffffff3d;box-shadow:inset 0 0 0 1px #ffffff6b,0 0 0 2px #ffffff1f}.switch-card__spec--sound .switch-card__spec-click:hover .switch-card__spec-label{opacity:1}.switch-card__spec--sound .switch-card__spec-click:hover .switch-card__spec-icon svg{opacity:.95}}.switch-card__spec--sound .switch-card__spec-click:active:before{transform:translateY(-50%) scale(.99)}.switch-card__spec--sound{align-items:center;flex-direction:row}.switch-card__sound{display:contents}.switch-card__spec-click{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;gap:12px;height:var(--pill-height);padding:0}.switch-card__spec-click:focus-visible{border-radius:6px;outline:2px solid var(--color-interactive-focus);outline-offset:2px}.switch-card__sound-pill{display:none}@media (max-width:768px){.glass-card.switch-card{padding:0!important}@media (hover:none) and (pointer:coarse){.glass-card.switch-card:hover{box-shadow:inherit!important}.switch-card__spec--sound .switch-card__spec-click:active:before{background:#ffffff14;background:var(--pill-color-base,#ffffff14);box-shadow:inset 0 0 0 1px #ffffff1f;transform:translateY(-50%)}}.switch-card__grid{gap:0;grid-template-columns:1fr}.switch-card__col--specs:before{display:none}.switch-card__mobile{display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(20,1fr);min-height:126px}.switch-card__mobile-main,.switch-card__specs{display:contents}.switch-card__mobile-icon{align-items:center;align-self:center;display:flex;grid-column:2/6;grid-row:2/20;justify-content:center}.switch-card__mobile-icon .switch-card__icon-wrap{height:100%;width:100%}.switch-card__mobile .switch-card__name{font-size:1.2rem;grid-row:2/8;line-height:1.2}.switch-card__mobile .switch-card__description,.switch-card__mobile .switch-card__name{align-self:center;grid-column:7/20;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-card__mobile .switch-card__description{font-size:.9375rem;grid-row:8/14;line-height:1.25;margin-top:0}.switch-card__spec{align-self:center;gap:8px;min-height:0;min-height:auto;padding:0}.switch-card__specs .switch-card__spec:first-child{grid-column:7/11;grid-row:14/20}.switch-card__specs .switch-card__spec:nth-child(2){grid-column:11/15;grid-row:14/20}.switch-card__specs .switch-card__spec--sound{grid-column:15/20;grid-row:14/20}.switch-card__spec-label{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-card__spec-spacer{flex-shrink:0;width:2.5%}}.questionnaire-container,.questionnaire-list{display:flex;flex-direction:column;gap:var(--space-xl)}.questionnaire-section-title{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-light);margin:0 0 var(--space-md) 0;opacity:1;text-align:center}@media (max-width:768px){.questionnaire-section-title{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:1rem;font-weight:var(--font-weight-bold);opacity:1;text-align:center}}.qa-answers-grid{grid-column-gap:var(--space-md);grid-row-gap:var(--space-md);column-gap:var(--space-md);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-md)}.glass-card.qa-answer-card{aspect-ratio:25/16;padding:calc(var(--space-xs)*.5) calc(var(--space-xs)*.5)}.glass-card.qa-answer-card,.qa-answer-content{align-items:center;display:flex;justify-content:center}.qa-answer-content{flex-direction:column;gap:var(--space-xs)}.qa-answer-icon{align-items:center;display:flex;justify-content:center;position:relative}.qa-answer-icon:after{content:none}.qa-answer-icon svg{color:#fff;display:block;position:relative;z-index:1}.qa-answer-text{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-align:center}@media (max-width:768px){.glass-card.qa-answer-card{aspect-ratio:auto;min-height:54px;padding:18px 14px}.qa-answers-grid{column-gap:8px;grid-template-columns:1fr 1fr;row-gap:4px}.qa-answer-content{align-items:center;flex-direction:row;gap:8px;height:100%;justify-content:center}.qa-answer-icon svg{height:20px;width:20px}.qa-answer-text{font-size:1rem;text-align:left}}.qa-answer-card--selected{box-shadow:0 0 0 2px var(--color-interactive-selected) inset,0 10px 30px #00000040}.switch-section-title{color:var(--color-text-primary);font-family:var(--font-family-brand);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}@media (max-width:768px){.switch-section-title__desktop{display:none}.switch-section-title__mobile{color:var(--color-text-secondary);display:inline;font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:calc(var(--font-size-lg)*1.5);font-weight:200;text-align:center}}.switch-results-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.switch-results-header .no-bottom-margin{margin-bottom:0}.reset-button-icon.reset-button-icon--small{height:28px;width:28px}.reset-button-icon.reset-button-icon--small img{height:16px;width:16px}.picked-card{margin-bottom:var(--space-lg)}@media (max-width:768px){.switch-results-header{justify-content:center}.switch-results-header .no-bottom-margin,.switch-section-title{color:var(--color-text-primary);font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:calc(var(--font-size-lg)*1.5);font-weight:200;margin:12px 0;text-align:center}}.slide-in{animation:slideIn var(--duration-slow) var(--timing-smooth)}.switch-sliders{background-color:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-lg);box-sizing:border-box;margin-bottom:.125rem;margin-bottom:var(--space-2xs,.125rem);margin-left:0;margin-right:0;margin-top:2px;max-width:100%;padding:var(--space-md) var(--space-sm);width:100%}.switch-sliders__group{margin-bottom:var(--space-lg)}.switch-sliders__group:last-of-type{margin-bottom:var(--space-md)}.switch-sliders__label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.switch-sliders__slider-container{height:24px;margin-bottom:var(--space-sm);position:relative}.switch-sliders__track{background-color:var(--color-bg-quaternary);border-radius:2px;height:4px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.switch-sliders__track-fill{background:linear-gradient(90deg,var(--color-interactive-primary),var(--color-interactive-secondary));border-radius:2px;height:100%;position:absolute;top:0;transition:var(--transition-normal)}.switch-sliders__slider{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;cursor:pointer;height:24px;left:0;outline:none;position:absolute;top:0;width:100%;z-index:3}.switch-sliders__slider--overlay{z-index:4}.switch-sliders__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background-color:#fff;border:var(--border-width-medium) solid var(--color-bg-primary);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;-webkit-transition:var(--transition-normal);transition:var(--transition-normal);width:20px}.switch-sliders__slider::-webkit-slider-thumb:hover{background-color:#f0f0f0;box-shadow:var(--shadow-md);transform:scale(1.1)}.switch-sliders__slider::-webkit-slider-thumb:active{background-color:#e0e0e0;transform:scale(1.15)}.switch-sliders__slider:focus::-webkit-slider-thumb{box-shadow:var(--shadow-md),0 0 0 var(--border-width-medium) var(--color-interactive-focus)}.switch-sliders__slider::-moz-range-thumb{background-color:#fff;border:var(--border-width-medium) solid var(--color-bg-primary);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;-moz-transition:var(--transition-normal);transition:var(--transition-normal);width:20px}.switch-sliders__slider::-moz-range-thumb:hover{background-color:#f0f0f0;box-shadow:var(--shadow-md);transform:scale(1.1)}.switch-sliders__slider::-moz-range-thumb:active{background-color:#e0e0e0;transform:scale(1.15)}.switch-sliders__slider:focus::-moz-range-thumb{box-shadow:var(--shadow-md),0 0 0 var(--border-width-medium) var(--color-interactive-focus)}.switch-sliders__slider::-moz-range-track{background:#0000;border:none}.switch-sliders__slider::-ms-thumb{background-color:#fff;border:var(--border-width-medium) solid var(--color-bg-primary);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;width:20px}.switch-sliders__slider::-ms-track{background:#0000;border:none;color:#0000}.switch-sliders__labels{display:none}.switch-sliders__button-group{grid-gap:var(--space-xs);display:grid;gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr))}.switch-sliders__button[aria-pressed=true]{background-color:var(--pill-color-hover-back)}.switch-sliders__title{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold)}.switch-sliders__title-content{align-items:center;display:inline-flex;gap:var(--space-sm)}.switch-sliders__title-icon{align-items:center;color:var(--color-text-primary);display:inline-flex;justify-content:center}.switch-sliders__clear{appearance:none;-webkit-appearance:none;background:#0000;border:none;border-radius:var(--border-radius-full);color:var(--color-text-secondary);cursor:pointer;line-height:0;padding:6px;transform:scale(1);transition:transform var(--duration-fast) var(--timing-ease-out),color var(--duration-fast) var(--timing-ease-out)}.switch-sliders__clear:hover{background:#0000;color:var(--color-text-primary);transform:scale(1.1)}.switch-sliders__clear.switch-sliders__clear--hidden{visibility:hidden}.switch-sliders__button{font-size:var(--font-size-sm);min-width:0;padding:0 var(--space-md)!important;width:100%}.switch-sliders__summary{border-top:var(--border-width-thin) solid var(--color-border-secondary);padding-top:var(--space-md);text-align:center}.switch-sliders__track-fill{transition:left .2s ease,width .2s ease}@media (max-width:768px){.switch-sliders{padding:var(--space-md)}.switch-sliders__group,.switch-sliders__header{margin-bottom:var(--space-md)}}.switch-sliders__slider:focus{outline:none}@media (prefers-contrast:high){.switch-sliders__track{border:var(--border-width-thin) solid var(--color-border-primary)}.switch-sliders__track-fill{background:var(--color-interactive-primary)}}.layout-options{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.layout-card .glass-card__media{background:none}.layout-card .glass-card__title{font-size:calc(var(--font-size-base)*1.25)}@media (max-width:768px){.mobile-section--layout .layout-options{display:flex!important;flex-direction:row!important;gap:8px!important;width:100%!important}.mobile-section--layout .layout-card{backdrop-filter:blur(10px) saturate(130%)!important;-webkit-backdrop-filter:blur(10px) saturate(130%)!important;background:linear-gradient(145deg,#dcdee417,#787c8614),#ffffff08!important;border:1px solid #ffffff1f!important;box-shadow:0 10px 30px #00000040!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:12px!important;min-width:0!important;padding:8px 8px 16px!important;transform:none!important}.mobile-section--layout .layout-card:before{display:block!important}.mobile-section--layout .layout-card:after{display:block!important;opacity:0!important}.mobile-section--layout .layout-card.glass-card--selected{border-color:var(--color-interactive-selected)!important;border-width:2px!important;box-shadow:0 10px 30px #00000040!important}.mobile-section--layout .layout-card .glass-card__title{font-size:1rem!important;margin:0!important;text-align:center}.mobile-section--layout .layout-card .glass-card__media{height:auto!important;margin-bottom:0!important;min-height:60px!important}.mobile-section--layout .layout-card .glass-card__body{align-items:center!important;display:flex!important;flex:1 1!important;justify-content:center!important}}.layout-info{display:flex;justify-content:flex-start;margin-top:var(--space-md);position:relative;z-index:3}.layout-info .info-icon{align-items:center;color:#fff;display:inline-flex;height:28px;justify-content:center;width:28px}.configuration-sidebar{background-color:#111;border-radius:1.5rem;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%;z-index:40}.sidebar-content{flex:1 1;overflow-y:auto;padding:0 2rem;position:relative;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-bottom-fade{background:linear-gradient(#0000,#111);bottom:0;bottom:calc(var(--sidebar-footer-height, 0px));height:64px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .16s ease-in-out;z-index:2}.sidebar-bottom-fade.is-visible{opacity:1}.sidebar-bottom-sentinel{height:1px;width:100%}.sidebar-top-fade{background:linear-gradient(#111,#0000);height:48px;left:0;margin-bottom:-48px;opacity:0;pointer-events:none;position:sticky;right:0;top:0;transition:opacity .16s ease-in-out;z-index:2}.sidebar-top-fade.is-visible{opacity:1}.step-content{padding:1rem 0}.color-subsection{margin-bottom:var(--space-xl)}.color-subsection__card{border-radius:var(--border-radius-2xl);padding:var(--space-xl) var(--space-xl)}.color-subsection h3{color:#fff;font-family:var(--font-family-primary);font-size:1.25rem;font-weight:var(--font-weight-light);margin:0 0 1rem}.color-subsection .swatch-group__title{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);margin-top:0}.color-subsection .swatch-group__grid{padding-left:0;padding-right:0}.color-subsection .swatch-group__grid+div{margin-top:2px!important}@media (min-width:769px){.layout-options{display:flex;flex-direction:column;gap:1rem}}.switch-toggle{border:1px solid #ffffff1a;border-radius:50px;display:flex;gap:6px;margin-bottom:1.5rem;overflow:hidden}.legend-toggle-button{background-color:initial;border:none;border-radius:50px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:300;height:auto;margin:0;padding:12px 20px;text-align:center;transition:all .3s ease}.legend-toggle-button:first-child{border-bottom-left-radius:50px;border-top-left-radius:50px}.legend-toggle-button:last-child{border-bottom-right-radius:50px;border-top-right-radius:50px}.legend-toggle-button.active{background-color:#fff;color:#000}.legend-toggle-button:hover:not(.active){background-color:#ffffff1a}.switch-content{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.no-accents-button{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}@media (max-width:768px){.color-subsection__card{padding:var(--space-md) var(--space-md)}.color-subsection .swatch-group__title{margin-bottom:var(--space-sm)}.color-subsection{margin-bottom:var(--space-lg)}.configuration-sidebar{border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;overflow:visible;position:relative;right:auto;top:auto;width:100%}.mobile-sticky-image{display:none}.sidebar-actions{gap:.5rem;right:1.5rem;top:1.5rem}.sidebar-content{flex:1 1;min-height:0;overflow:visible;padding:0 var(--mobile-gutter)}.sidebar-bottom-fade,.sidebar-bottom-sentinel{display:none!important}.sidebar-top-fade{background:linear-gradient(#000,#0000);display:block;height:24px;margin-bottom:-24px;opacity:0;pointer-events:none;position:sticky;top:0;transition:opacity .16s ease-in-out}.sidebar-top-fade.is-visible{opacity:1}.configuration-sidebar .next-button,.configuration-sidebar .step-dots,.configuration-sidebar .step-navigation,.configuration-sidebar .step-title{display:none!important}.mobile-sections{display:flex;flex-direction:column;gap:1rem;padding-bottom:3rem}.mobile-section--colors .step-content{padding-bottom:0}.mobile-section--colors .step-content .color-subsection:last-child{margin-bottom:var(--space-xl)}.mobile-section--switches .step-content{padding-top:0}.mobile-section--switches .mobile-section-heading{margin-bottom:calc(var(--space-md)*1.1);margin-top:0}.mobile-final-card{background:#111;border-radius:1rem;padding:1rem 1.25rem}.mobile-final-card,.mobile-final-card__content{align-items:center;display:flex;justify-content:space-between}.mobile-final-card__content{gap:12px;width:100%}.mobile-final-card__title{color:#fff;font-family:var(--font-family-primary);font-size:1rem}.mobile-final-card__button{-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:999px;color:#000;cursor:pointer;font-family:var(--font-family-mono);font-size:.95rem;font-weight:700;padding:10px 16px;touch-action:manipulation}.no-accents-button.button.button--glass.button--large{transform:scale(.8);transform-origin:left center}.color-section,.configuration-sidebar,.filter-container,.layout-section,.switch-list{background-color:initial}.mobile-section-heading{color:var(--color-text-primary);font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:calc(var(--font-size-lg)*1.5);font-weight:200;margin:12px 0;text-align:center}.mobile-sections .mobile-section:first-child,.mobile-sections .mobile-section:first-child .glass-card{margin-top:12px}}@media (min-width:769px){.configuration-sidebar{box-sizing:border-box;padding-bottom:0}.configuration-sidebar .sidebar-content{padding-bottom:var(--space-lg)!important}.configuration-sidebar .sidebar-bottom-sentinel{height:1px}}
/*# sourceMappingURL=main.b38e305f.css.map*/