.builder-toggle{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:10px 11px;border:1px solid #385262;border-radius:5px;background:#0c1b25;color:#edf5f9;font-size:11px;cursor:pointer}.builder-toggle input{accent-color:#68caff;width:16px;height:16px;flex:none}.builder-toggle span{flex:1}.builder-toggle strong{font-size:11px;color:#a7dffb;white-space:nowrap}.builder-toggle:focus-within{outline:2px solid #8fd8ff;outline-offset:2px}.control-group:has(.builder-option-popover){position:relative}.control-group:has(.builder-option-popover:not([hidden])){z-index:12}.builder-edit{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#9bd9f8;text-decoration:underline;text-underline-offset:3px;font-size:10px;cursor:pointer}.builder-edit:focus-visible{outline:2px solid #9bd9f8;outline-offset:2px}.builder-option-popover{position:absolute;z-index:20;top:calc(100% - 13px);left:0;width:min(100%,390px);min-width:260px;padding:13px;background:#0b1b26;border:1px solid #527184;border-radius:6px;box-shadow:0 12px 28px #0009}.builder-option-popover[hidden],.builder-edit[hidden]{display:none!important}.builder-option-popover .step-detail{margin:0 0 8px}.storage-capacity{margin-top:8px}.storage-capacity .choice{width:100%}[data-back-panel]{padding-top:10px}.picker-scroller{min-width:0}.picker-scroller .picker-track{display:flex;flex-wrap:nowrap;gap:8px;min-width:0;flex:1 1 auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}.picker-scroller .picker-track::-webkit-scrollbar{display:none}.shell-color-scroller .picker-track{scrollbar-width:none}.shell-color-scroller .picker-track::-webkit-scrollbar{display:none}.picker-scroller .picker-track>*{flex:0 0 auto;scroll-snap-align:start}.picker-scroller .swatches .color-choice{width:62px;min-width:62px}.picker-scroller .back-swatches{margin-top:0}.picker-scroller .back-swatches .swatch{width:100%}.picker-scroller .model-choice{width:calc((100% - 16px)/3);min-width:95px}.picker-scroller .storage-capacity{margin-top:0}.picker-scroller .storage-capacity .choice{width:min(100%,170px)}.total-panel{flex-wrap:wrap}.build-lines{flex:0 0 100%;box-sizing:border-box;width:100%;padding-bottom:9px;margin-bottom:7px;border-bottom:1px solid #344d5a}.build-line{display:flex;justify-content:space-between;gap:8px;margin:3px 0;font-size:10px;color:#b7cad5}.build-line strong{font-weight:600;color:#e5f3fa;white-space:nowrap}.preview-stage{position:relative}.preview-stage .button-photo-overlay{position:absolute;object-fit:contain;pointer-events:none}.preview-fidelity-note{margin:6px 0 0;color:#aab9c6;font-size:11px;line-height:1.35}.lh-sampler{position:relative;margin:0 auto;width:220px;aspect-ratio:3/2}.lh-sampler[hidden]{display:none}.total-panel>div:nth-child(2){flex:0 0 100%}.total-panel .lh-sampler{width:76px;flex:0 0 76px;margin:0}.total-panel .add-button{flex:1 1 150px}.lh-sampler-l,.lh-sampler-h,.lh-sampler-buttons,.lh-sampler-button-outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lh-sampler-l,.lh-sampler-h{pointer-events:none;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.lh-sampler-l{z-index:2;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 0 1px #101820) drop-shadow(0 0 5px var(--back-color))}.lh-sampler-h-glow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;filter:drop-shadow(0 0 7px var(--front-color))}.lh-sampler-h{z-index:1;background:var(--front-color)}.lh-sampler-buttons{z-index:3;background:var(--button-color);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;filter:drop-shadow(0 0 2px var(--button-color))}.lh-sampler-button-outline{z-index:4;background:var(--button-outline-color);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;filter:drop-shadow(0 0 1px #101820)}.lh-sampler.is-black-front.is-black-buttons .lh-sampler-button-outline{background:linear-gradient(135deg,#53636f,#3d4952,#29353f)}.lh-sampler.is-black-front .lh-sampler-h-glow{filter:drop-shadow(0 0 1px #e7f3ff) drop-shadow(0 0 5px #a9c7df)}.total-panel .lh-sampler{background:#0c151d!important}.lh-sampler.is-black-back .lh-sampler-l{filter:drop-shadow(0 0 1px #e7f3ff) drop-shadow(0 0 3px rgba(169,199,223,.65))}.lh-sampler.is-black-buttons .lh-sampler-buttons{filter:drop-shadow(0 0 2px #8b98a4)}.lh-sampler.is-boot-jiggle{animation:legacy-boot-jiggle .95s both;transform-origin:50% 85%}@keyframes legacy-boot-jiggle{0%{transform:translate(-10px) rotate(-7deg)}16%{transform:translate(10px) rotate(7deg)}34%{transform:translate(-7px) rotate(-5deg)}52%{transform:translate(5px) rotate(3.5deg)}70%{transform:translate(-3px) rotate(-2deg)}85%{transform:translate(1px) rotate(.8deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){.lh-sampler.is-boot-jiggle{animation:none}}.product-art .reference-badge{position:absolute;left:12px;bottom:12px;z-index:2;padding:5px 9px;border-radius:4px;background:#09121dde;color:#f5f7fb;font-size:11px;letter-spacing:.03em;line-height:1.2}.reference-caption{margin:10px 0 0;color:#aebac6;font-size:13px;line-height:1.5}.cart-build-heading{margin:10px 0 6px;color:#168fe0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cart-page-lines{display:flex;flex-direction:column}.cart-page-lines>.cart-build-error,.cart-page-lines>.button{order:9999}.build-cart-line{border-left:2px solid #158fe0;padding-left:10px}#buttonSwatches .matching-swatch,#backSwatches .matching-swatch{background:#111d26;color:#d6e5ed;box-shadow:none;font-size:9px;font-weight:650;letter-spacing:.01em;text-align:center;line-height:1.1;padding:4px}.builder-section .build-draft-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.builder-section .build-slots{display:flex;align-items:center;gap:8px}.builder-section .build-slot{min-height:40px;border:1px solid #3d4b57;border-radius:6px;background:linear-gradient(#22303b,#16212a);color:#bfcbd4;box-shadow:0 1px #ffffff0c,0 2px 4px #0004;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s}.builder-section .build-slot{min-width:40px;padding:8px 12px}.builder-section .build-slot.is-current{background:#0d1720;border-color:#6d94b2;color:#edf5fb;box-shadow:inset 0 2px 5px #0009,inset 0 -1px #ffffff12;transform:translateY(1px)}.builder-section .build-slot:focus-visible{outline:2px solid #8fc6ed;outline-offset:3px}.builder-section .build-slot[hidden]{display:none!important}.builder-section [data-save-build]{min-width:88px;text-align:center}.builder-section [data-save-build].is-saved-feedback{animation:legacy-build-saved 1.8s both}@keyframes legacy-build-saved{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.builder-section [data-save-build].is-saved-feedback{animation:none}}.builder-section [data-builder-v3] [data-delete-build]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;min-width:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#8398a9;font:inherit;font-size:21px;line-height:1;cursor:pointer;transition:color .15s,background-color .15s}.builder-section [data-builder-v3] [data-delete-build][hidden]{display:none!important}.builder-section [data-builder-v3] [data-delete-build]:hover:not(:disabled){color:#efb4b4;background:#5f293022}.builder-section [data-builder-v3] [data-delete-build]:focus-visible{outline:2px solid #9ad0ee;outline-offset:2px}.builder-section [data-builder-v3] [data-delete-build]:disabled{opacity:.35;cursor:not-allowed}#buttonSwatches .transparent-button-swatch,#faceButtonSwatches .transparent-button-swatch{background:transparent;box-shadow:none}#buttonSwatches .transparent-button-swatch .button-cluster i,#faceButtonSwatches .transparent-button-swatch .button-cluster i{background:transparent;border:1px solid var(--swatch-color);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--swatch-color) 65%,transparent),inset 0 -1px 1px color-mix(in srgb,var(--swatch-color) 30%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/legacy-builder-v3.css.map */