.modal[data-v-e9fb65b4]{position:fixed;top:0;left:0;bottom:0;right:0;z-index:4;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}.modal-title[data-v-e9fb65b4]{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.modal-description[data-v-e9fb65b4]{margin:0;padding:0;font-size:var(--text-s);font-weight:150;opacity:1;color:#616569;line-height:1.4}.modal-body[data-v-e9fb65b4]{position:relative;box-shadow:0 0 2px var(--brand-color);border-radius:8px;animation:popIn-e9fb65b4 .1s ease-in;background:var(--white);transition:height .24s ease;overflow:hidden;max-width:80vw}.modal-inner[data-v-e9fb65b4]{padding:23px 20px 20px 20px}.modal-close[data-v-e9fb65b4]{position:absolute;top:8px;right:12px;font-size:var(--text-3xl);color:rgba(59,59,59,.4666666667);cursor:pointer;transition:opacity .2s}.modal-close[data-v-e9fb65b4]:hover{opacity:.6}.modal-header[data-v-e9fb65b4]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;text-align:center;border-bottom:1px solid #d1d5db}.modal-header h3[data-v-e9fb65b4]{margin:0;padding-right:6rem;font-size:var(--text-base);font-weight:400;color:var(--text-color-1)}.modal-content[data-v-e9fb65b4]{padding:10px 10px 0 10px;background-color:var(--white);max-height:85vh;overflow:auto}.modal-content-scroll[data-v-e9fb65b4]{overflow-y:auto}@keyframes popIn-e9fb65b4{0%{transform:scale(0)}to{transform:scale(1)}}.select-bom[data-v-65f28d94]{width:600px;margin:-10px;padding:10px}.select-bom-container[data-v-65f28d94]{overflow:auto;max-height:200px;min-height:200px;display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px}.select-bom-container.no-bom-found[data-v-65f28d94]{font-size:var(--text-l)}.select-bom-option[data-v-65f28d94]{position:relative;width:120px;height:40px;padding:10px 10px;margin:5px;border-radius:8px;font-size:var(--text-s);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;text-align:center;background:rgba(var(--brand-rgb),.3)}.select-bom-option.selected[data-v-65f28d94]{background-color:rgba(var(--brand-rgb),1)!important}.select-bom-option[data-v-65f28d94]:hover{background-color:rgba(var(--brand-rgb),.7)}.select-bom-option.disable[data-v-65f28d94]{background-color:rgba(var(--brand-rgb),.3)!important;cursor:not-allowed;pointer-events:none;opacity:.5}.select-bom-option--icon[data-v-65f28d94]{position:absolute;top:2px;right:2px;width:12px;height:12px;z-index:1}.input-group[data-v-3343a9df]{margin:10px -10px 0 -10px;padding:20px;padding-top:0}.action[data-v-3343a9df]{padding:20px;padding-top:0}.input-group[data-v-e455c06a]{margin:10px -10px 0 -10px;padding:20px;padding-top:0}.action[data-v-e455c06a]{padding:20px;padding-top:0}:root{--borderColor:#d1d5db;--dropDownWidth:100%;--backGroundColor:transparent;--labelHeight:34.2px;--ddLabelFontSize:1em}.custom-select{width:var(--dropDownWidth);max-width:var(--ddMaxWidth)}.custom-select .disabled{pointer-events:none;opacity:.6}.custom-select .selector{position:relative}.custom-select .selector .select-label{display:block;border:1px solid var(--borderColor);border-radius:.285em;font-size:var(--ddLabelFontSize);background-color:var(--backGroundColor);height:var(--labelHeight);display:flex;align-items:center;padding:0 0 0 8px}.custom-select .selector .dropdown{position:fixed;z-index:999;background:#fff;border:1px solid #f3f1f1;overflow:hidden;max-height:16rem;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.custom-select .selector .dropdown.dropdown-up{bottom:auto;top:auto}.custom-select .selector .dropdown .dropdown-content{display:flex;flex-direction:column;max-height:16rem;overflow:hidden}.custom-select .selector .dropdown .dropdown-content ul{overflow:auto;flex:1;margin:0;padding:8px 8px 8px 8px;list-style:none;font-size:var(--text-xs2);font-weight:400}.custom-select .selector .dropdown .dropdown-content ul .list-name{display:flex;align-items:center;gap:5px}.custom-select .selector .dropdown .dropdown-content ul li{text-align:left;line-height:normal;padding:8px;color:#000;padding-left:20px;border-radius:3px}.custom-select .selector .dropdown .dropdown-content ul li.current{background-color:#ebebeb;transition:background-color .3s ease;font-weight:600;border:1px solid #e9e9e9;border-radius:3px}.custom-select .selector .dropdown .dropdown-content ul li.highlight-item{background-color:hsla(0,0%,94.1%,.831372549);transition:background-color .3s ease}.custom-select .selector .dropdown .dropdown-content .slot-container{border-top:1px solid #e0e0e0;background:#fff}.custom-select .selector .hidden{visibility:hidden}.custom-select .selector .visible{visibility:visible}.custom-select.compact{width:10rem;height:-moz-fit-content;height:fit-content}.custom-select.compact .selector .select-label{font-size:.75em;padding:.25em .4em;line-height:1.2}.custom-select.compact .dropdown,.custom-select.compact .dropdown .dropdown-content{max-height:10rem}.custom-select.compact .dropdown .dropdown-content ul li{padding:4px 6px;font-size:.75em;line-height:1.2}.notMatching{color:#888;font-size:.85em;padding:8px;text-align:center}.dropdown-icon{width:15px;height:15px;color:#6b7280;transition:transform .3s ease;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dropdown-icon.rotated{transform:rotate(180deg) translateY(50%)}.custom-dropdown-container{width:var(--dropDownWidth)}.select-project-bom[data-v-aa853c64]{width:600px;margin:-10px;padding:10px 10px;display:flex;flex-direction:column;max-height:340px;min-height:340px}.select-project-bom .product-code-filter-container[data-v-aa853c64]{margin-bottom:12px;padding:0 5px}.select-project-bom .level-selector[data-v-aa853c64]{display:flex;justify-content:center;margin-bottom:15px;background:rgba(var(--brand-rgb),.1);padding:4px;border-radius:8px;border:1px solid rgba(var(--brand-rgb),.15)}.select-project-bom .selector-tab[data-v-aa853c64]{flex:1;text-align:center;padding:8px 16px;font-size:var(--text-s);font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease-in-out;color:#475467}.select-project-bom .selector-tab[data-v-aa853c64]:hover{background:rgba(var(--brand-rgb),.15)}.select-project-bom .selector-tab.active[data-v-aa853c64]{background:var(--brand-color);color:#fff;font-weight:600;box-shadow:0 2px 6px rgba(var(--brand-rgb),.3)}.select-project-bom-container[data-v-aa853c64]{overflow:auto;flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;grid-gap:10px}.select-project-bom-container.no-bom-found[data-v-aa853c64]{font-size:var(--text-l);align-content:center}.select-project-bom-container.loading[data-v-aa853c64]{align-content:center;align-items:center}.select-project-bom-option[data-v-aa853c64]{position:relative;width:120px;height:40px;padding:10px 10px;margin:5px;border-radius:8px;font-size:var(--text-s);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;text-align:center;background:rgba(var(--brand-rgb),.3)}.select-project-bom-option.selected[data-v-aa853c64]{background-color:rgba(var(--brand-rgb),1)!important}.select-project-bom-option.disable[data-v-aa853c64]{background-color:rgba(var(--brand-rgb),.3)!important;cursor:not-allowed;pointer-events:none;opacity:.5}.select-project-bom-option[data-v-aa853c64]:hover{background-color:rgba(var(--brand-rgb),.7)}.select-project-bom-option--icon[data-v-aa853c64]{position:absolute;top:3px;right:3px;width:12px;height:12px;z-index:1}.input-group[data-v-46c43516]{margin:10px -10px 0 -10px;padding:20px;padding-top:0}.action[data-v-46c43516]{padding:20px;padding-top:0}.input-group[data-v-4e9142aa]{margin:10px -10px 0 -10px;padding:20px;padding-top:0}.action[data-v-4e9142aa]{padding:20px;padding-top:0}.create-bom-modal[data-v-1f2f756d]{width:640px;padding:60px 20px;display:flex;justify-content:space-around}.create-bom-modal>div[data-v-1f2f756d]{width:160px;height:160px;font-size:var(--text-2xl);background:rgba(var(--brand-rgb),.3);border-radius:8px;flex-direction:column}.create-bom-modal>div[data-v-1f2f756d]:hover{box-shadow:2px 2px 4px rgba(0,0,0,.2)}.material-card[data-v-a0a1f76e]{border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.1);width:100%}.count-badge[data-v-a0a1f76e]{background:rgba(247,246,246,.613);color:#000;font-weight:400;padding:4px 5px;border-radius:3px;font-size:var(--text-xs1);min-width:25px;text-align:center;border:1px solid #d4d5d9}.material-card[data-v-a0a1f76e]:hover:not(.selected){background-color:#f1f3f5;transition:background .2s ease-in-out;box-shadow:0 2px 6px rgba(0,0,0,.1)}.router-link-active .material-card[data-v-a0a1f76e]:hover{background-color:unset;box-shadow:none}.material-card:hover .actions[data-v-a0a1f76e]{display:block}.router-link-active .material-card[data-v-a0a1f76e]{background:linear-gradient(90deg,rgba(233,206,140,.37),rgba(233,206,140,.2) 27%,#fff 77%);border-left:4px solid var(--brand-color)}.router-link-active .count-badge[data-v-a0a1f76e]{background:var(--brand-color);color:#fff;font-weight:500}.selected[data-v-a0a1f76e]{background:linear-gradient(90deg,rgba(233,207,140,.167),rgba(233,207,140,.128) 27%,#fff 77%);border-left:4px solid var(--brand-color)}.selected .count-badge[data-v-a0a1f76e]{background:var(--brand-color);color:#fff;font-weight:500}.card-content[data-v-a0a1f76e]{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:8px 8px;min-height:40px}.text-section[data-v-a0a1f76e]{text-align:left;min-width:0}.title-row[data-v-a0a1f76e]{min-width:0;gap:7px}.title[data-v-a0a1f76e]{margin:0;font-size:var(--text-s);color:#1a1a1a;flex:1;min-width:0}.fade[data-v-a0a1f76e]{background-color:hsla(0,0%,82.7%,.3098039216);opacity:.7}.customlist-bar .title[data-v-a0a1f76e]{font-weight:400}.material-status[data-v-102c45d4]{width:7px;height:7px;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.2)}.material-status.status-active[data-v-102c45d4]{background-color:#16a34a}.material-status.status-released[data-v-102c45d4]{background-color:#2563eb}.material-status.status-obsolete[data-v-102c45d4]{background-color:#6b7280}.material-status.status-locked[data-v-102c45d4]{background-color:#dc2626}.project-code-item[data-v-102c45d4]{margin:1px 0;cursor:pointer}.project-code-item[data-v-102c45d4] .card-content{padding:8px 10px}.project-code-item[data-v-102c45d4] .title{min-width:0}.project-code-item[data-v-102c45d4] .text-section{min-width:0;flex:1}.project-code-item.selected[data-v-102c45d4]{background-color:rgba(var(--brand-rgb),.6)}.project-code-item__name[data-v-102c45d4]{width:calc(100% - 30px);height:30px}.project-code-item .toggle-button[data-v-102c45d4]{height:30px;width:30px;background-color:rgba(var(--brand-rgb),1);cursor:not-allowed;pointer-events:none;opacity:.5}.project-code-item .toggle-button.active[data-v-102c45d4]{opacity:1;cursor:pointer;pointer-events:all}.project-code-item .toggle-button.rotate img[data-v-102c45d4]{transform:rotate(0deg)}.project-code-item .toggle-button img[data-v-102c45d4]{height:16px;width:16px;transform:rotate(-90deg)}.material-status[data-v-3601fdbe]{width:7px;height:7px;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.2)}.material-status.status-active[data-v-3601fdbe]{background-color:#16a34a}.material-status.status-released[data-v-3601fdbe]{background-color:#2563eb}.material-status.status-obsolete[data-v-3601fdbe]{background-color:#6b7280}.material-status.status-locked[data-v-3601fdbe]{background-color:#dc2626}.product-code[data-v-3601fdbe]{width:100%;height:100%;overflow:auto;border-right:1px solid var(--gray-bgcolor);position:relative}.product-code__header[data-v-3601fdbe]{position:sticky;top:0;z-index:1;background:var(--gray-bgcolor);display:flex;flex-direction:column}.product-code--collapsed[data-v-3601fdbe]{width:-moz-max-content;width:max-content;max-width:32px;overflow:hidden}.collapsed-sidebar[data-v-3601fdbe]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 0 0 0}.collapsed-sidebar .divider-light[data-v-3601fdbe],.collapsed-sidebar .divider[data-v-3601fdbe]{height:1px;width:20px;background:#ebe6e7}.collapsed-sidebar .vertical-text[data-v-3601fdbe]{height:75px;display:flex;align-items:center;justify-content:center}.collapsed-sidebar .vertical-text span[data-v-3601fdbe]{transform-origin:center;transform:rotate(-90deg);font-size:var(--text-xs1);letter-spacing:1px;color:#99a1af;font-weight:700}.collapsed-sidebar .selectedProduct-viewer[data-v-3601fdbe]{display:flex;flex-direction:column;align-items:center;gap:6px}.collapsed-sidebar .selectedProduct-viewer .vertical-text-selected[data-v-3601fdbe]{writing-mode:sideways-lr;font-size:var(--text-xs1);color:#a07030;font-weight:700}.prod-code-search[data-v-3601fdbe]{position:relative;display:flex;align-items:center;width:calc(100% - 10px);margin:0 5px 6px;min-height:38px;background:#fff;border:1px solid #d7dde5;border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,.06);overflow:hidden}.prod-code-search[data-v-3601fdbe]:focus-within{border-color:rgba(var(--brand-rgb),.55);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.prod-code-search-input[data-v-3601fdbe]{width:100%;height:100%;min-height:38px;border:none;outline:none;background:transparent;font-size:var(--text-s);color:#1f2937;padding:0 118px 0 10px}.prod-code-search-input[data-v-3601fdbe]::-moz-placeholder{color:#9ca3af}.prod-code-search-input[data-v-3601fdbe]::placeholder{color:#9ca3af}.prod-code-search-btnbox[data-v-3601fdbe]{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:1fr 1fr;align-items:center;width:88px;height:24px;background:#f3f4f6;border:1px solid #d9dee7;border-radius:9px;cursor:pointer;overflow:hidden}.prod-code-search-bombtn[data-v-3601fdbe],.prod-code-search-prodbtn[data-v-3601fdbe]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;font-weight:600;color:#475467;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .25s ease}.prod-code-search-selectedbg[data-v-3601fdbe]{position:absolute;top:2px;left:2px;z-index:1;width:calc(50% - 2px);height:calc(100% - 4px);background:linear-gradient(180deg,var(--brand-color),#d99a17);border-radius:6px;box-shadow:0 4px 12px rgba(217,154,23,.24);transition:left .3s ease}@media screen and (max-width:1366px){.prod-code-search[data-v-3601fdbe]{min-height:28px}.prod-code-search-input[data-v-3601fdbe]{min-height:28px;padding:0 80px 0 8px;font-size:12px}.prod-code-search-btnbox[data-v-3601fdbe]{right:4px;width:72px;height:20px;border-radius:7px}.prod-code-search-bombtn[data-v-3601fdbe],.prod-code-search-prodbtn[data-v-3601fdbe]{font-size:10px}.prod-code-search-selectedbg[data-v-3601fdbe]{top:1px;height:calc(100% - 2px);border-radius:6px}}.setting-header[data-v-3601fdbe]{border-bottom:none}.slide-enter-active[data-v-591c1dba]{transition:transform .5s ease-out}.slide-enter[data-v-591c1dba]{transform:translateX(100%)}.slide-leave-active[data-v-591c1dba]{transition:transform .5s ease-out}.slide-leave-to[data-v-591c1dba]{transform:translateX(-100%)}.bom[data-v-591c1dba]{height:100%}.bom-container[data-v-591c1dba]{height:calc(100% - 60px);display:flex}.bom-container>div[data-v-591c1dba]{height:100%}.bom-product-code[data-v-591c1dba]{width:20%;transition:width .3s ease,min-width .3s ease}@media screen and (max-width:1366px){.bom-product-code[data-v-591c1dba]{width:15%}}.bom-product-code.bom-product-code-collapsed[data-v-591c1dba]{width:32px;min-width:32px}.bom-content[data-v-591c1dba]{width:85%;overflow-y:auto;flex:1}.bom-full-width[data-v-591c1dba]{width:100%}