:root{--build-panel-bg: #f9f9f9;--build-panel-border: #e0e0e0;--build-accent: #1e90ff;--build-text: #333;--build-muted: #888;--build-radius: 6px}.icon:hover{transform:scale(1.1);transition:transform .15s ease}#build-selector-popout{position:fixed;top:0;right:-40vw;width:40vw;height:100vh;background:#fff;transition:right .3s ease;z-index:1000;padding:20px 24px;box-sizing:border-box}#build-selector-popout.open{right:0}#build-selector-popout h2{font-size:20px;margin-bottom:12px;color:var(--build-text)}.build-list{list-style:none;padding:0;margin:0;gap:12px;display:flex;flex-direction:column}.build-item{background:#fff;border:1px solid var(--build-panel-border);border-radius:var(--build-radius);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 1px 2px #0000000d}.part-row{display:flex;align-items:center;gap:10px;flex-grow:1}.icon{font-size:20px;width:24px;text-align:center;color:var(--build-muted)}.part-label{font-weight:600;color:var(--build-text);flex-grow:1}.selected-part{font-size:14px;color:var(--build-text);font-weight:500}.part-action button,.select-button{background:var(--build-accent);border:none;color:#fff;padding:6px 10px;font-size:13px;font-weight:500;border-radius:var(--build-radius);cursor:pointer;transition:background .2s}.part-action button:hover,.select-button:hover{background:#006edc}.part-action button.remove{background:#ccc;color:#333}.part-action button.remove:hover{background:#999}.part-action{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.part-action .select-button:after,.part-action button.select:after{content:"";display:inline-block;width:12px;height:12px;background:url("data:image/svg+xml;utf8,<svg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 17l5-5-5-5v10z'/></svg>") no-repeat center center;background-size:contain;margin-left:6px}.part-action button.remove:after{content:" \2715";font-size:12px}#popout-close-handle{position:fixed;top:50%;left:60vw;transform:translate(-100%,-50%);width:40px;height:120px;background-color:#7ed957;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M10 6l1.41 1.41L7.83 12l3.58 4.59L10 18l-6-6z' transform='rotate(180 12 12)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer;z-index:1003;display:none;border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:-2px 0 6px #0003;transition:left .3s ease-in-out}#build-selector-popout.open+#popout-close-handle{display:flex}#build-selector-tab-handle{position:fixed;top:50%;right:0;transform:translateY(-50%);width:40px;height:120px;background-color:#7ed957;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px;border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:-2px 0 6px #0003;cursor:pointer;z-index:1002}#build-selector-popout.open~#build-selector-tab-handle{display:none}#popout-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}#popout-overlay.active{opacity:1;visibility:visible}.reset-button{margin-top:24px;padding:12px;background:#f44336;color:#fff;border:none;border-radius:var(--build-radius);font-weight:700;font-size:14px;cursor:pointer;width:100%;transition:background .2s ease}.reset-button:hover{background:#d32f2f}.qty-controls{margin-top:6px;display:flex;align-items:center;gap:6px}.qty-controls button{padding:4px 8px;background:#eee;border:1px solid #ccc;font-size:14px;cursor:pointer}.product-card{display:flex;gap:8px;align-items:center}.product-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid #ccc}.product-info{display:flex;flex-direction:column}.product-title{font-weight:600;color:#1a1a1a;text-decoration:underline;font-size:14px}.product-specs{font-size:12px;color:#666}.build-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.build-tabs button{padding:8px 14px;background:#f0f0f0;border:1px solid #ccc;color:#333;font-weight:500;border-radius:4px;cursor:pointer;transition:.2s}.build-tabs button:hover{background:#e0e0e0}.build-tabs button.active{background:#1e90ff;color:#fff;border-color:#1e90ff}@keyframes fadeinout{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}#reset-confirm-modal{position:fixed;top:0;left:0;z-index:11000;width:100vw;height:100vh;background:#00000073;display:none;align-items:center;justify-content:center}#reset-confirm-modal.active{display:flex}#reset-confirm-modal .modal-content{background:#fff;border-radius:var(--build-radius);padding:24px;max-width:420px;width:90%;box-shadow:0 4px 20px #00000040;position:relative;text-align:center}#reset-confirm-modal .modal-close{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:22px;cursor:pointer}#reset-confirm-modal .modal-header{font-size:18px;font-weight:700;margin-bottom:12px}#reset-confirm-modal .modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}#reset-confirm-modal .modal-actions button{flex:1;padding:10px;border:none;border-radius:var(--build-radius);font-weight:700;cursor:pointer}#reset-confirm-modal .modal-actions .confirm-replace{background-color:#f57c00;color:#fff}#reset-confirm-modal .modal-actions button:not(.confirm-replace){background-color:#eee;color:#333}@media (max-width: 1000px){#build-selector-popout{width:90vw;right:-90vw}#build-selector-popout.open{right:0}#popout-close-handle{left:10vw}}.saved-builds-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;padding:8px 0}.saved-builds-list{display:flex;gap:8px;overflow-x:auto}.saved-builds-list button{background:#f0f0f0;border:1px solid #ccc;padding:6px 12px;font-size:13px;cursor:pointer;border-radius:4px;white-space:nowrap}.saved-builds-list button.active{background:var(--build-accent);color:#fff;border-color:var(--build-accent)}.new-build-button{background:#7ed957;border:none;color:#fff;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer}.saved-build-item{display:flex;align-items:center;gap:6px;margin-bottom:4px}.saved-build-button{padding:4px 8px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.build-share-link{font-size:14px;text-decoration:none}.build-delete-button{font-size:14px}.saved-build-title{font-weight:600;padding:2px 6px;border-radius:4px;outline:none;background-color:#f7f7f7;cursor:text;transition:background .2s}.saved-build-title:hover,.saved-build-title:focus{background-color:#e6f2ff}.copied-tooltip{margin-left:6px;font-size:12px;color:#27ae60;font-weight:600;animation:fadeInOut 1.5s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-2px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/build-selector.css.map */