:root{--ui-paper:#f4f4f2;--ui-ink:#111112;--ui-line:#505053;--ui-muted:#b8b8bc;--ui-focus:var(--acc-tx,#25cbd0)}.btn,.bldsave,.save{border-radius:0;box-shadow:none;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.025em;text-transform:uppercase;min-height:52px;padding:16px 22px;transition:background-color .15s,color .15s}.btn,.save{background:var(--ui-paper);color:var(--ui-ink);border:1px solid var(--ui-paper);text-align:left;justify-content:space-between;gap:28px}.btn:after,#continue-order:after{content:"";width:24px;height:16px;flex:none;background:currentColor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16"%3E%3Cpath d="M1 8h21m-6-6 6 6-6 6" fill="none" stroke="black" stroke-width="1.5"/%3E%3C/svg%3E') center/contain no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16"%3E%3Cpath d="M1 8h21m-6-6 6 6-6 6" fill="none" stroke="black" stroke-width="1.5"/%3E%3C/svg%3E') center/contain no-repeat}.btn:hover,.save:hover{background:#d7d7d4;border-color:#d7d7d4;color:#111112}.btn--ghost,.bldsave,#save{background:none;border:0;color:var(--ui-paper);padding:12px 0;min-height:44px;text-transform:none;font-size:14px;font-weight:600;letter-spacing:0;text-decoration:underline;text-underline-offset:5px;justify-content:flex-start;flex:none}.btn--ghost:after{display:none}.btn--ghost:hover,.bldsave:hover,#save:hover{background:none;color:#b8b8bc}.btn--sm{min-height:44px;padding:12px 16px;font-size:12px}.btn--ghost.btn--sm{padding-inline:0}.btn:disabled,.save:disabled,.bldsave:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.save:focus-visible,.bldsave:focus-visible,a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:5px}.btns{gap:12px 28px;align-items:center}.btns .btn--ghost{margin-inline:0}.pill{border:0;border-radius:0;padding:2px 0;letter-spacing:.03em;font-size:11px}.pills{gap:14px}.eyebrow{letter-spacing:.04em}.eyebrow:before{display:none}.nav{background:#08080a;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #424246}.nav__in{height:76px;gap:32px}.nav__logo img{height:20px}.nav__links{gap:30px;height:100%}.nav__links>a,.nav__group>summary{display:flex;align-items:center;min-height:44px;height:100%;padding:0;font:600 13px Inter,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;text-decoration:none;color:var(--ui-paper);cursor:pointer;border-bottom:3px solid transparent}.nav__links>a:hover,.nav__links>a[aria-current=page],.nav__group[open]>summary{color:var(--ui-paper);border-bottom-color:var(--ui-paper)}.nav__group{height:100%}.nav__group>summary{list-style:none;gap:10px}.nav__group>summary::-webkit-details-marker{display:none}.nav__group>summary:after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px}.nav__group[open]>summary:after{transform:rotate(225deg);margin-top:4px}.nav__panel{position:absolute;top:100%;left:0;width:100%;background:#101012;border-bottom:1px solid #555;padding:30px max(5vw,20px);display:flex;gap:50px;align-items:start}.nav__panel a{color:#f4f4f2;font:400 15px/1.5 Inter,Arial,sans-serif;min-height:44px;display:flex;align-items:center;text-decoration:none;border:0}.nav__panel a:hover,.nav__panel a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.nav__panel a:first-child{font-weight:600}.nav__cta{background:none;color:#f4f4f2;border:0;border-bottom:1px solid #f4f4f2;padding:8px 0;min-height:44px;gap:16px;font-size:12px}.nav__cta:hover{background:none;color:#b8b8bc;border-color:#b8b8bc}.nav__cta:after{width:20px}.burger{border:0;border-radius:0;width:44px;height:44px}.burger span,.burger span:before,.burger span:after{width:22px}.drawer{inset:var(--site-nav-bottom,76px) 0 0;transition:transform .22s ease-out;background:#101012;padding:30px var(--pad);overscroll-behavior:contain}.drawer__group{margin-bottom:28px}.drawer__group>p{color:#aaa;font:400 12px/1.5 Inter,Arial,sans-serif;margin-bottom:10px}.drawer a{font:600 20px/1.3 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;border:0;padding:13px 0;min-height:48px}.drawer a:hover,.drawer a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.drawer__group--help a{font-size:16px;font-weight:400}body:has(#drawer[data-open]) #accbar{visibility:hidden}.input{background:transparent;border-color:#67676b;border-radius:0;min-height:48px}.input:focus{outline:2px solid var(--ui-focus);outline-offset:2px;border-color:var(--ui-focus)}.choice span{border-radius:0;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;background:transparent;border-color:#646468}.choice input:checked+span{background:#f4f4f2;border-color:#f4f4f2;color:#111112}.choice input:checked+span small{color:#333}.choice--wide span{padding:14px 18px;gap:6px}.choice span small{font-size:11px;letter-spacing:0;text-transform:none}.check--box{background:none;border:0;border-bottom:1px solid #414145;border-radius:0;padding:16px 0;margin:0}.check--box:has(input:checked){background:none;border-color:#777}.check input{accent-color:#f4f4f2}.bldnav,.style-nav{gap:0;border-color:#454549}.bldnav button,.style-nav button{font:600 13px Inter,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;color:#b8b8bc;border-bottom-width:3px;padding:0 24px}.bldnav button[aria-pressed=true],.style-nav button[aria-pressed=true]{color:#f4f4f2;border-bottom-color:#f4f4f2}.bldnav button:hover,.style-nav button:hover{background:transparent;color:#fff}.bldviews,.views{border:0;gap:16px}.bldviews button,.views button{border:0;border-bottom:2px solid transparent;min-width:0;min-height:44px;padding:6px 0;font:600 12px Inter,Arial,sans-serif;background:none;color:#555}.bldviews button[aria-pressed=true],.views button[aria-pressed=true]{background:none;color:#111;border-bottom-color:#111}.bldconsole,.console{padding:30px 28px}.bldconsole__h,.console h2{font:600 24px/1.2 Inter,Arial,sans-serif;letter-spacing:-.02em;text-transform:none}.bldconsole__intro,.intro{font-size:13px;margin-bottom:24px;line-height:1.5;color:#b8b8bc}.bldregions,.regions{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--ui-line)}.bldregion,.region{width:100%;display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 0;background:none;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;box-shadow:none}.bldregion>span:last-child,.region>span:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex:1;min-width:0}.bldregion__label,.region-label{font:400 13px/1.35 Inter,Arial,sans-serif}.bldregion__colour,.region-colour{font:400 12px/1.35 Inter,Arial,sans-serif;color:#b8b8bc;margin:0;text-align:right}.bldregion:after,.region:after{content:"";width:6px;height:6px;flex:none;border-right:1px solid #b8b8bc;border-bottom:1px solid #b8b8bc;transform:rotate(45deg);margin-left:2px}.bldregion:hover,.region:hover{background:#202023}.bldregion[aria-pressed=true],.region[aria-pressed=true]{border-color:#f4f4f2;background:none;box-shadow:none}.bldregion[aria-pressed=true] .bldregion__label,.region[aria-pressed=true] .region-label{font-weight:600}.bldregion[aria-pressed=true]:after,.region[aria-pressed=true]:after{transform:rotate(225deg)}.bldregion__dot,.dot{width:22px;height:22px;flex:0 0 22px;border-radius:0;border:1px solid #aaa}.bldpalette,.palette{margin:0;padding:20px 0 24px;border-bottom:1px solid var(--ui-line)}.bldpalette__head,.palette-heading{display:none}.bldpalette__lbl,.family-label{font-size:12px;margin:0 0 8px;color:#b8b8bc}.bldpalette select,.palette select{min-height:44px;border-color:#76767a;border-radius:0;background-color:transparent;font-size:13px}.bldswatches,.swatches{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}.bldswatch,.swatch{height:40px;border:1px solid #aaa;border-radius:0;box-shadow:none}.bldswatch[aria-pressed=true],.swatch[aria-pressed=true]{outline:2px solid #f4f4f2;outline-offset:3px}.bldhelp,.help{font-size:11px;line-height:1.5;color:#b8b8bc;margin:16px 0 0}.bldactions,.actions{margin-top:0;padding-top:18px;justify-content:space-between;gap:20px}.bldreset,.reset,.model-download{font:400 12px/1.4 Inter,Arial,sans-serif;text-underline-offset:4px;min-height:44px}#continue-order{display:flex;margin-top:28px;flex:none;text-decoration:none}.model-download{padding:0}.bldstatus,.status{font-size:11px}.builder-3d-dialog{border:0!important}.builder-3d-dialog__bar{border-bottom:1px solid #505053}.builder-3d-dialog__bar .btn{font-size:12px;text-transform:none;font-weight:400;letter-spacing:0;min-height:44px;text-decoration:underline;text-underline-offset:4px}.builder-3d-dialog__bar .btn:after{display:none}@media(min-width:761px){.workspace{align-items:start}.workspace>.stage{position:sticky;top:0;height:calc(100svh - 132px);min-height:580px}.workspace .photo{min-height:0}}@media(max-width:1059px){.nav__in{height:64px;gap:20px}.nav__logo{flex:1;min-width:0}.nav__logo img{width:100%;max-width:158px;height:auto}.nav__cta{font-size:11px;gap:10px}.nav__cta:after{width:18px}.nav__panel{display:none}}@media(max-width:760px){.console,.bldconsole{padding:26px 20px 34px}.bldconsole__h,.console h2{font-size:22px}.views{gap:14px}.bldviews{gap:6px}.views button,.bldviews button{min-width:0;font-size:11px}.bldviews button{padding:6px 4px}.style-nav button,.bldnav button{font-size:12px;padding:0 12px}.stage h1,.bldstage__title{font-size:30px}.console{padding-bottom:100px}#continue-order{position:fixed;z-index:5;bottom:0;left:0;right:0;margin:0;border:14px solid #111112;outline:1px solid #505053;min-height:78px;padding:14px 18px}.model-download{margin-top:0}}@media(max-width:380px){.nav__in{gap:14px}.nav__cta{font-size:10px;gap:8px}.nav__logo img{max-width:120px}.nav__cta:after{display:none}.btn{font-size:12px;padding:15px 18px}.btn--ghost{padding-inline:0}.bldregion__label,.region-label{font-size:12px}.bldregion__colour,.region-colour{font-size:11px}.bldswatches,.swatches{grid-template-columns:repeat(6,1fr)}}@media(prefers-reduced-motion:reduce){.drawer,.btn,.save{transition:none}}@media(max-width:380px){.nav__cta{padding:8px 0}}.chart-reference{margin-top:24px;padding:20px 0;border-top:1px solid var(--ui-line);font:400 12px/1.5 Inter,Arial,sans-serif}.chart-reference label{display:block;font-size:13px;margin:12px 0 8px}.chart-reference label span{color:#b8b8bc}.chart-reference input{display:block;width:100%;min-height:48px;padding:12px;background:transparent;color:#f4f4f2;border:1px solid #76767a;border-radius:0;font:400 14px Inter,Arial,sans-serif}.chart-reference p{font-size:11px;line-height:1.5;color:#b8b8bc;margin:8px 0 0}.chart-link,.chart-dialog button{background:none;color:inherit;border:0;min-height:44px;padding:8px 0;font:600 13px Inter,Arial,sans-serif;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.chart-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(96vw,1440px);height:92svh;max-width:none;max-height:none;background:#111112;color:#f4f4f2;border:1px solid #67676b;padding:20px;overflow:hidden}.chart-dialog[open]{display:flex;flex-direction:column}.chart-dialog::backdrop{background:#000c}.chart-dialog__bar{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.chart-dialog__bar strong{flex:1;font:600 16px Inter,Arial,sans-serif}.chart-dialog>p{font:400 12px/1.5 Inter,Arial,sans-serif;margin:10px 0 16px}.chart-dialog__image{overflow:auto;flex:1;min-height:0;background:#fff;overscroll-behavior:contain}.chart-dialog img{display:block;width:100%;max-width:none;height:auto}.chart-dialog.is-enlarged img{width:4332px}.chart-dialog button:focus-visible,.chart-link:focus-visible,.chart-reference input:focus-visible,.chart-dialog__image:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}@media(max-width:760px){.chart-dialog{padding:14px}.chart-dialog__bar{gap:10px 20px}.chart-dialog__bar strong{flex-basis:100%}.chart-reference input{font-size:16px}}.gradient-tools{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.gradient-tools[hidden]{display:none}.gradient-tools button{font:600 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:10px 9px;min-height:44px;border:1px solid #666;background:transparent;color:inherit;border-radius:0;cursor:pointer}.gradient-tools button:disabled{opacity:.35;cursor:default}.gradient-tools button:focus-visible{outline:2px solid #af916c;outline-offset:3px}.bldviews{flex-wrap:wrap}.gradient-tools p{flex-basis:100%;margin:0 0 2px;font-size:12px;color:inherit;opacity:.7}.option-tools{display:grid;gap:16px;margin:0 0 18px}.option-tools[hidden]{display:none}.option-tools__group{display:flex;flex-wrap:wrap;gap:6px}.option-tools__group p{flex-basis:100%;margin:0 0 2px;font:400 12px/1.4 Inter,Arial,sans-serif;color:#b8b8bc}.option-tools button{font:600 11px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;min-height:44px;border:1px solid #666;background:transparent;color:inherit;border-radius:0;cursor:pointer}.option-tools button[aria-pressed=true]{background:#f4f4f2;border-color:#f4f4f2;color:#111112}.option-tools button:disabled{opacity:.35;cursor:default}.option-tools button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.fc-colours{border-top:1px solid var(--ui-line);padding:18px 0 4px}.fc-colours__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font:600 13px/1.4 Inter,Arial,sans-serif}.fc-colours__head span+span{font-weight:400;font-size:12px;color:#b8b8bc}.fc-chosen{display:flex;flex-direction:column;margin-bottom:16px}.fc-chosen__row{display:flex;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--ui-line);font:400 13px/1.35 Inter,Arial,sans-serif}.fc-chosen__row>span:nth-child(2){flex:1;min-width:0}.fc-chosen__remove{background:none;border:0;padding:0;color:#b8b8bc;font:400 12px Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;min-height:44px;cursor:pointer}.fc-chosen__remove:hover{color:#f4f4f2}.fc-chosen__remove:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.bldswatch:disabled,.swatch:disabled{opacity:.35;cursor:not-allowed}.bldnav button{line-height:1.15;white-space:normal}@media(max-width:420px){.bldnav button,.style-nav button{font-size:11px;padding:0 5px;letter-spacing:.01em}}@media(max-width:899px){.bld--fully .bldstage{position:relative;top:auto;height:auto;max-height:none}.bld--fully .bldphoto canvas{width:min(100%,340px)}html:has(.bld--fully){scroll-padding-top:calc(var(--site-nav-h,63px) + 12px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/css-controls.css.map */