.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}.select-project-bom[data-v-b9d28104]{width:600px;margin:-10px;padding:10px 10px;overflow:auto;max-height:200px;min-height:200px}.select-project-bom-container[data-v-b9d28104]{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;grid-gap:10px}.select-project-bom-container.no-bom-found[data-v-b9d28104]{font-size:var(--text-l)}.select-project-bom-option[data-v-b9d28104]{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-b9d28104]{background-color:rgba(var(--brand-rgb),1)!important}.select-project-bom-option.disable[data-v-b9d28104]{background-color:rgba(var(--brand-rgb),.3)!important;cursor:not-allowed;pointer-events:none;opacity:.5}.select-project-bom-option[data-v-b9d28104]:hover{background-color:rgba(var(--brand-rgb),.7)}.select-project-bom-option--icon[data-v-b9d28104]{position:absolute;top:2px;right:2px;width:12px;height:12px;z-index:1}.input-group[data-v-51975ae4]{margin:10px -10px 0 -10px;padding:20px;padding-top:0}.action[data-v-51975ae4]{padding:20px;padding-top:0}.input-group[data-v-b91a7350]{margin:10px -10px 0 -10px;padding:20px;padding-top:0}.action[data-v-b91a7350]{padding:20px;padding-top:0}.create-bom-modal[data-v-45cd8a93]{width:640px;padding:60px 20px;display:flex;justify-content:space-around}.create-bom-modal>div[data-v-45cd8a93]{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-45cd8a93]:hover{box-shadow:2px 2px 4px rgba(0,0,0,.2)}.project-code-item[data-v-e581c6b2]{border:1px solid var(--brand-color);background-color:rgba(var(--brand-rgb),.2);margin:6px 6px;padding-left:6px;cursor:pointer}.project-code-item.selected[data-v-e581c6b2]{background-color:rgba(var(--brand-rgb),.6)}.project-code-item__name[data-v-e581c6b2]{width:calc(100% - 30px);height:30px}.project-code-item .toggle-button[data-v-e581c6b2]{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-e581c6b2]{opacity:1;cursor:pointer;pointer-events:all}.project-code-item .toggle-button.rotate img[data-v-e581c6b2]{transform:rotate(0deg)}.project-code-item .toggle-button img[data-v-e581c6b2]{height:16px;width:16px;transform:rotate(-90deg)}.product-code[data-v-0f75342f]{width:100%;height:100%;overflow:auto;background-color:var(--bg-color);border-right:1px solid var(--brand-color);position:relative}.product-code__header[data-v-0f75342f]{position:sticky;top:0;z-index:1;background-color:var(--brand-color);display:flex;flex-direction:column}.product-code__header .prod-code-search[data-v-0f75342f]{background-color:#fff;position:relative;margin:0 5px 5 5px;border-radius:5px;border:1px solid rgba(59,59,59,.4666666667);display:block;width:99%;border-radius:.285em;font-size:var(--text-s);height:2.5em;margin-bottom:4px}.product-code__header .prod-code-search input[data-v-0f75342f]{all:none;height:100%;border:none;padding-inline:5px}.slide-enter-active[data-v-1c9e56c2]{transition:transform .5s ease-out}.slide-enter[data-v-1c9e56c2]{transform:translateX(100%)}.slide-leave-active[data-v-1c9e56c2]{transition:transform .5s ease-out}.slide-leave-to[data-v-1c9e56c2]{transform:translateX(-100%)}.bom[data-v-1c9e56c2]{height:100%}.bom-container[data-v-1c9e56c2]{height:calc(100% - 60px);display:flex}.bom-container>div[data-v-1c9e56c2]{height:100%}.bom-product-code[data-v-1c9e56c2]{width:20%}@media screen and (max-width:1366px){.bom-product-code[data-v-1c9e56c2]{width:15%}}.bom-content[data-v-1c9e56c2]{width:85%;padding-left:10px;overflow-y:auto}.bom-full-width[data-v-1c9e56c2]{width:100%;padding-left:10px}