.header{background:#0a2d5e;border-bottom:1px solid #d9d7d7;height:64px}.header .navbar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 16px}.header .header__nav-brand{display:flex;align-items:center;height:100%;flex:1}.header .header__nav-center{display:flex;align-items:center;justify-content:center;height:100%;flex:1}.header .header__nav-right{display:flex;align-items:center;justify-content:flex-end;height:100%;flex:1}@media (max-width: 1024px){.header .header__nav-right{display:none}}.header .navbar-brand{display:flex;align-items:center;color:#fff;line-height:1}.header .brand-name{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.header .brand-name:hover{text-shadow:1px 1px 7px rgba(0,0,0,.45)}.header .brand-logo{display:none;flex-direction:column;align-items:center;gap:2px}@media (max-width: 576px){.header .brand-logo{display:flex}}.header .brand-logo img{width:30px;height:30px;display:block}.header .brand-logo .brand-logo-text{font-size:10px;line-height:1;text-transform:lowercase;font-weight:500}.header .brand-title-desktop{display:inline-flex;align-items:center;gap:8px}.header .brand-title-desktop:before{content:"";display:inline-block;width:45px;height:45px;background-image:url(/images/quorr-small.webp);background-size:contain;background-repeat:no-repeat;margin-right:8px}@media (max-width: 576px){.header .brand-title-desktop{display:none}}.header .brand-spacer{color:#f5f5f5;padding:0 16px}@media (max-width: 576px){.header .brand-spacer{display:none}}.header .brand-sub{color:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:3000px;margin-left:12px}@media (min-width: 577px){.header .brand-sub{max-width:400px}}@media (min-width: 768px){.header .brand-sub{max-width:none}}.header .brand-sub-input{max-width:200px}@media (min-width: 577px){.header .brand-sub-input{max-width:300px}}@media (min-width: 768px){.header .brand-sub-input{max-width:none}}.header .tool-section{display:flex;align-items:center;gap:4px;padding:0 16px}.header .tool-button{display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;padding:4px;transition:all .2s ease;width:36px;height:36px}.header .tool-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.header .tool-button:active{transform:translateY(0);background:#ffffff26}.header .tool-button:focus{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.header .tool-dropdown{position:relative}.header .tool-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #d9d7d7;border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.header .tool-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:#fff;border:none;color:#4f4f57;cursor:pointer;text-align:left;transition:background .2s ease}.header .tool-dropdown-item:hover{background:#f5f5f5}.header .tool-dropdown-item:not(:last-child){border-bottom:1px solid #d9d7d7}.header .tool-dropdown-item span{font-size:14px}.mobile-add-items-modal{display:none}@media (max-width: 1024px){.mobile-add-items-modal{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000}.mobile-add-items-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-add-items-modal .modal-content{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a2d5e;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-add-items-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.2);background:#0a2d5e;min-height:60px}.mobile-add-items-modal .modal-header .back-button{background:none;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;padding:4px;display:flex;align-items:center;gap:4px;min-width:60px}.mobile-add-items-modal .modal-header .back-button:hover{opacity:.8}.mobile-add-items-modal .modal-header .modal-title{font-size:18px;font-weight:600;color:#fff;margin:0;text-align:center;flex:1}.mobile-add-items-modal .modal-header .header-spacer{min-width:60px}.mobile-add-items-modal .modal-body{flex:1;overflow-y:auto;padding:8px 8px 90px}}@media (max-width: 1024px) and (min-width: 768px){.mobile-add-items-modal .modal-body{padding:16px 16px 90px}}@media (max-width: 1024px){.mobile-add-items-modal .categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width: 1024px) and (min-width: 768px){.mobile-add-items-modal .categories-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.mobile-add-items-modal .categories-grid .category-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a2d5e;border:2px solid #fff;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;aspect-ratio:1;box-shadow:0 4px 12px #0000004d;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-add-items-modal .categories-grid .category-tile:hover,.mobile-add-items-modal .categories-grid .category-tile:active{background:#ffffff1a;border-color:#fff;transform:scale(.98);box-shadow:0 6px 16px #0006}.mobile-add-items-modal .categories-grid .category-tile .category-icon{position:relative;width:40px;height:40px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.mobile-add-items-modal .categories-grid .category-tile .category-icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.mobile-add-items-modal .categories-grid .category-tile .category-icon .category-icon-default{opacity:1}.mobile-add-items-modal .categories-grid .category-tile .category-icon .category-icon-hover{opacity:0}.mobile-add-items-modal .categories-grid .category-tile .category-icon .category-fallback-icon{font-size:32px;color:#fff;font-weight:300}.mobile-add-items-modal .categories-grid .category-tile:hover .category-icon .category-icon-default,.mobile-add-items-modal .categories-grid .category-tile:active .category-icon .category-icon-default{opacity:0}.mobile-add-items-modal .categories-grid .category-tile:hover .category-icon .category-icon-hover,.mobile-add-items-modal .categories-grid .category-tile:active .category-icon .category-icon-hover{opacity:1}.mobile-add-items-modal .categories-grid .category-tile .category-text{font-size:14px;font-weight:600;color:#fff;text-align:center;transition:color .2s ease}.mobile-add-items-modal .items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}}@media (max-width: 1024px) and (min-width: 768px){.mobile-add-items-modal .items-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}}@media (max-width: 1024px){.mobile-add-items-modal .items-grid .item-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a2d5e;border:2px solid #fff;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;min-height:100px;box-shadow:0 4px 12px #0000004d;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (max-width: 1024px) and (min-width: 768px){.mobile-add-items-modal .items-grid .item-tile{border-radius:12px;padding:20px;min-height:140px}}@media (max-width: 1024px){.mobile-add-items-modal .items-grid .item-tile:hover,.mobile-add-items-modal .items-grid .item-tile:active{background:#ffffff1a;border-color:#fff;transform:scale(.98);box-shadow:0 6px 16px #0006}.mobile-add-items-modal .items-grid .item-tile .item-icon{position:relative;width:40px;height:40px;margin-bottom:4px}}@media (max-width: 1024px) and (min-width: 768px){.mobile-add-items-modal .items-grid .item-tile .item-icon{width:60px;height:60px;margin-bottom:8px}}@media (max-width: 1024px){.mobile-add-items-modal .items-grid .item-tile .item-icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.mobile-add-items-modal .items-grid .item-tile .item-icon .item-icon-default{opacity:1}.mobile-add-items-modal .items-grid .item-tile .item-icon .item-icon-hover,.mobile-add-items-modal .items-grid .item-tile:hover .item-icon .item-icon-default,.mobile-add-items-modal .items-grid .item-tile:active .item-icon .item-icon-default{opacity:0}.mobile-add-items-modal .items-grid .item-tile:hover .item-icon .item-icon-hover,.mobile-add-items-modal .items-grid .item-tile:active .item-icon .item-icon-hover{opacity:1}.mobile-add-items-modal .items-grid .item-tile .item-fallback-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:300}}@media (max-width: 1024px) and (min-width: 768px){.mobile-add-items-modal .items-grid .item-tile .item-fallback-icon{width:60px;height:60px;font-size:40px}}@media (max-width: 1024px){.mobile-add-items-modal .items-grid .item-tile .item-text{font-size:12px;font-weight:600;color:#fff;text-align:center;line-height:1.3;transition:color .2s ease}}@media (max-width: 1024px) and (min-width: 768px){.mobile-add-items-modal .items-grid .item-tile .item-text{font-size:13px}}.mobile-bottom-nav{display:none}@media (max-width: 1024px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid #d9d7d7;box-shadow:0 -2px 10px #0000001a;z-index:1000;justify-content:space-around;align-items:center;padding:0 4px}}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:#4f4f57;cursor:pointer;padding:4px;transition:all .2s ease;flex:1;min-width:0}.mobile-bottom-nav .nav-item:hover:not(.disabled){color:#0a2d5e;transform:translateY(-2px)}.mobile-bottom-nav .nav-item.active{color:#0a2d5e;font-weight:600}.mobile-bottom-nav .nav-item.disabled{color:#f5f5f5;cursor:not-allowed;opacity:.5}.mobile-bottom-nav .nav-item svg{flex-shrink:0}.mobile-bottom-nav .nav-item .nav-label{font-size:10px;line-height:1;white-space:nowrap}.mobile-bottom-nav .nav-item-plus{position:relative;margin-top:-20px}.mobile-bottom-nav .nav-item-plus .plus-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#0a2d5e;border-radius:50%;color:#fff;box-shadow:0 4px 12px #0003;transition:all .3s ease}.mobile-bottom-nav .nav-item-plus .plus-button svg{width:32px;height:32px}.mobile-bottom-nav .nav-item-plus:hover:not(.disabled) .plus-button{background:#092955;transform:scale(1.1) translateY(-2px);box-shadow:0 6px 16px #0000004d}.mobile-bottom-nav .nav-item-plus:active:not(.disabled) .plus-button{transform:scale(.95)}.mobile-bottom-nav .nav-item-plus.disabled .plus-button{background:#f5f5f5;box-shadow:0 2px 6px #0000001a}.mobile-bottom-nav .nav-item-plus .nav-label{display:none}@media (max-width: 1024px){.body{padding-bottom:75px}}body,html{height:100%;margin:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .body-row{margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#canvas--holder{padding:0;margin:0;overflow:hidden;position:relative}#canvas--holder canvas{position:absolute;width:100%;height:100%}.project-settings.expand{width:72%}.project-settings{position:absolute;right:70px;top:102px;width:330px;border:1px solid #d9d7d7;z-index:1000;background:#fff;box-shadow:1px 2px 20px;padding-bottom:20px}@media (max-width: 1024px){.project-settings{position:fixed;bottom:100px;left:0;right:0;top:auto;width:100%;height:65vh;border:none;border-top:1px solid #d9d7d7;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;padding-bottom:80px}.project-settings.expand{width:100%;height:85vh}}.project-settings .wrapper{position:relative}.project-settings .wrapper .title-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d9d7d7;background:#fff;position:sticky;top:0;z-index:10}.project-settings .wrapper .title-bar h3{flex:1;margin:0;font-size:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.project-settings .wrapper .title-bar .title-bar-controls{flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-end;gap:6px}.project-settings .wrapper .title-bar .expand-button,.project-settings .wrapper .title-bar .close-button,.project-settings .wrapper .title-bar .warning-badge,.project-settings .wrapper .title-bar .error-badge{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:1}.project-settings .wrapper .title-bar .expand-button{cursor:pointer;color:#4f4f57}.project-settings .wrapper .title-bar .expand-button:hover{color:#1b85b7}.project-settings .wrapper .title-bar .expand-button .expand-icon{height:22px;display:flex;align-items:center;justify-content:center;font-size:18px}.project-settings .wrapper .title-bar .expand-button .expand-label{font-size:9px;text-transform:lowercase}@media (max-width: 1024px){.project-settings .wrapper .title-bar .expand-button{display:none}}.project-settings .wrapper .title-bar .close-button{cursor:pointer;color:#4f4f57}.project-settings .wrapper .title-bar .close-button:hover{color:#1b85b7}.project-settings .wrapper .title-bar .close-button .close-icon{height:22px;display:flex;align-items:center;justify-content:center;font-size:18px}.project-settings .wrapper .title-bar .close-button .close-label{font-size:9px;text-transform:lowercase}.project-settings .wrapper .title-bar .warning-badge,.project-settings .wrapper .title-bar .error-badge{visibility:hidden}.project-settings .wrapper .title-bar .warning-badge .badge-count,.project-settings .wrapper .title-bar .error-badge .badge-count{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:11px;color:#fff}.project-settings .wrapper .title-bar .warning-badge .badge-label,.project-settings .wrapper .title-bar .error-badge .badge-label{font-size:7px;text-transform:lowercase}.project-settings .wrapper .title-bar .warning-badge .badge-count{background-color:#f7a53c}.project-settings .wrapper .title-bar .warning-badge .badge-label{color:#f7a53c}.project-settings .wrapper .title-bar .error-badge .badge-count{background-color:#ed301d}.project-settings .wrapper .title-bar .error-badge .badge-label{color:#ed301d}.project-settings .wrapper .title-bar .warning-badge.visible,.project-settings .wrapper .title-bar .error-badge.visible{visibility:visible}.project-settings .wrapper .scrolling-wrapper{overflow-y:auto;overflow-x:hidden;height:600px}@media (max-width: 1024px){.project-settings .wrapper .scrolling-wrapper{height:calc(65vh - 100px);padding-bottom:100px}}.project-settings .selector-delete-btn{border-top:1px solid #4f4f57;padding-top:20px}.project-settings form div{margin:20px 0}.project-settings .expand-graph{display:flex;justify-content:space-between}.project-settings .chart-title{margin-bottom:10px}.project-settings .create-material-container.expanded{display:flex;gap:20px}.project-settings .create-material-container.expanded .create-material-left{flex:1;min-width:0;position:sticky;top:50px;align-self:flex-start}.project-settings .create-material-container.expanded .create-material-right{flex:1;min-width:0}.project-settings .warning{background-color:#f7a53c;font-weight:700;padding:10px;margin-bottom:10px}.project-settings .error{background-color:#ed301d;font-weight:700;padding:10px;margin-bottom:10px}.project-settings .errors-and-warnings{display:none}@media (max-width: 1024px){.project-settings .errors-and-warnings{display:block}}.project-settings section h4{position:sticky;top:0;background:#fff;z-index:0;margin:0;padding-top:10px}.setting-selector{position:absolute;top:102px;right:20px;width:50px;height:80%;z-index:999}@media (max-width: 1024px){.setting-selector{display:none}}.setting-selector .selector-box{position:relative;height:50px;width:50px;background-color:#caddf1;border-radius:50%;border:1px solid #0A2D5E;display:inline-block;margin-bottom:40px}.setting-selector .selector-box.active{border:1px solid #0A2D5E;background:#0a2d5e}.setting-selector .selector-box.active .selector-icon{color:#fff}.setting-selector .selector-box:hover{cursor:pointer;opacity:60%}.setting-selector .selector-box .selector-icon{color:gray;position:absolute;top:12px;left:12px}.setting-selector .selector-box .selector-box-title{position:absolute;top:70px;left:25px;transform:translate(-50%,-50%);font-size:12px;color:#000;font-weight:700}.settings-editor-panel{position:absolute;right:40px;top:102px;width:350px;z-index:1001;background:#fff;box-shadow:1px 2px 20px;border-radius:8px;padding:20px}.settings-editor-panel .settings-editor-triangle{position:absolute;top:30px;right:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white}.errors-warnings-panel{top:0;max-height:calc(100vh - 120px)}.errors-warnings-panel .error-section{margin-bottom:16px}.errors-warnings-panel .error-section .error-title{color:#dc3545;font-weight:600;margin-bottom:8px}.errors-warnings-panel .error-section .error-list{margin:0;padding-left:20px}.errors-warnings-panel .error-section .error-list li{color:#dc3545;margin-bottom:4px}.errors-warnings-panel .warning-section .warning-title{color:#ffc107;font-weight:600;margin-bottom:8px}.errors-warnings-panel .warning-section .warning-list{margin:0;padding-left:20px}.errors-warnings-panel .warning-section .warning-list li{color:#856404;margin-bottom:4px}.project-settings.expand .errors-warnings-panel{right:calc(96% + 85px);width:220px;padding:12px;font-size:.8em}.project-settings.expand .errors-warnings-panel .error-title,.project-settings.expand .errors-warnings-panel .warning-title{font-size:.9em;margin-bottom:5px}.project-settings.expand .errors-warnings-panel .error-list,.project-settings.expand .errors-warnings-panel .warning-list{padding-left:14px}.project-settings.expand .errors-warnings-panel .error-list li,.project-settings.expand .errors-warnings-panel .warning-list li{margin-bottom:2px}.settings-editor-desktop-container{display:block;position:absolute;top:0;left:0;pointer-events:none}.settings-editor-desktop-container>*{pointer-events:auto}@media (max-width: 1024px){.settings-editor-desktop-container{display:none}}.settings-editor-mobile-container{display:none}@media (max-width: 1024px){.settings-editor-mobile-container{display:block}.settings-editor-mobile-container .settings-editor-panel{position:relative;right:auto;top:auto;width:100%;margin-top:16px;box-shadow:0 2px 10px #0000001a}.settings-editor-mobile-container .settings-editor-panel .settings-editor-triangle{display:none}}.processor{position:relative}.processor .processor-icon{position:absolute;top:10px;left:10px;display:block}.user-proceed{padding:15px;background:#f5f5f5;background-position:center center;background-repeat:no-repeat;background-size:400px auto;min-height:100vh}.user-proceed .user-proceed__form{border:1px solid #d9d7d7;padding:20px;box-shadow:-4px 9px 20px 1px;background:#fff;position:relative;z-index:1;width:100%}.logoutButton{text-align:center}.logoutButton .btn-logout{width:100px;margin-right:10px}.loading-page{height:100vh;background:#d3d3d3}.loading-page .loading-page__spinner{height:100%}.loading-page .loading-page__spinner .spinner-border{position:absolute;top:35%;left:48%;width:4rem;height:4rem}.loading-page .loading-page__spinner .spinner-border .sr-only{display:none}.reset-password{text-align:right;display:inline-block;width:100%}.rounded-button{width:50px;height:50px;background:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid black;cursor:pointer;margin-right:-8px;color:#4f4f57}.rounded-button:hover{color:#1b85b7;border-color:#1b85b7}.user-modal{position:absolute;width:200px;height:250px;border:1px solid #d9d7d7;z-index:10000;background-color:#f5f5f5;right:20px;top:55px;border-radius:10px;padding:10px;text-align:left;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px}.user-modal ul{list-style:none;margin:20px 0;padding-left:0}.user-modal ul li{padding:10px}.user-modal ul li:hover{cursor:pointer;background:#d3d3d3;border-radius:10px}.user-modal ul li{margin:20px 0}.user-modal ul li a{text-decoration:none;margin:20px 15px;color:#3042cf}.body--work-area .project-table .create-project-btn{text-decoration:none;margin-left:20px}.body--work-area .project-table input{width:100%}.body--work-area .project-table tr.project-open{cursor:pointer}.body--work-area .project-table td button{margin-right:10px}.input-selector input[Type=text]{width:90%;display:inline-flex}.input-selector .search-icon{display:inline-flex;width:10%}.header-row{display:grid;gap:0px;align-items:center}.header-row .edit-header input{width:75px}.header-row .cell{border:1px solid darkgray;background:#d3d3d3;height:60px;width:90px;text-align:center}.header-row .cell .cell-trash{display:inline;padding-right:21px;color:red}.header-row .cell .cell-approve{display:inline;font-size:1.3em;color:green}.header-row .cell:hover{cursor:pointer;display:inline;background:#f6f5f5c7}.header-row .cell:hover .cell-pencil{display:block}.header-row .cell .cell-pencil{display:none;text-align:center}.header-row .add-cell{border:none;background:none;cursor:pointer;white-space:nowrap;text-align:center}.header-row .add-cell:hover{font-weight:700;color:#1b85b7;font-size:20px;padding:0}.grid .row{display:grid}.grid .row.row-new .cell{background-color:#d4edda;border-color:#28a745}.grid .row.row-updated .cell{background-color:#fff3cd;border-color:#ffc107}.grid .row .cell{padding:5px;width:90px;border:1px solid #ccc;text-align:center}.grid .row .cell.editing{border:1px solid blue;background:#add8e6}.grid .row .cell input[type=number]::-webkit-outer-spin-button,.grid .row .cell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grid .row .cell input[type=number]{-moz-appearance:textfield}.grid .row .cell input{border:none;outline:none}.grid .row .cell input{background:transparent}.create-new h1{padding:10px 20px}.create-new{background-color:#f5f5f5}.create-new .card{margin:20px}.create-new img{width:400px}.create-new button{margin-right:30px}.edit h1{padding:20px}.edit{background-color:#f5f5f5}.edit .card{margin:20px}.edit button{margin-top:20px;margin-right:40px}.list-view .list-header{display:flex;justify-content:space-between;align-items:center;padding:0 30px}.list-view .list-body table tr.cursher-row{padding:10px 0;vertical-align:middle}.list-view .list-body table tr.cursher-row .crusher{display:flex;justify-content:space-around;align-items:center}.list-view .list-body table tr.cursher-row .crusher img{border-radius:10px}.nav{display:flex;margin-bottom:10px}.nav .nav-item{flex:1}.nav .nav-item:first-child{flex:0 1 auto}.nav .nav-link{border-bottom:2px solid #d3d3d3;color:#000}.nav .nav-link.active{border-bottom:2px solid #1b85b7;color:#1b85b7;font-weight:700}.material-selector{position:relative}.material-selector .material-selector-header{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.material-selector .material-selector-header .dropdown-arrow{color:#6c757d;transition:transform .2s ease}.material-selector .material-selector-header .dropdown-arrow.open{transform:rotate(180deg)}.material-selector .material-options{position:absolute;top:100%;left:0;right:0;border:1px solid #ced4da;border-radius:.375rem;max-height:150px;overflow-y:auto;background-color:#fff;z-index:1000;box-shadow:0 2px 10px #0000001a}.material-selector .material-options .material-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #e9ecef}.material-selector .material-options .material-option:last-child{border-bottom:none}.material-selector .material-options .material-option:hover{background-color:#e9ecef}.material-selector .material-options .material-option.selected{background-color:#1b85b7;color:#fff}.material-selector .material-options .material-option.selected:hover{background-color:#1b85b7}.material-selector .material-options .material-option.highlighted{background-color:#e9ecef}.material-selector .material-options .material-option.selected.highlighted{background-color:#1b85b7;color:#fff}.material-selector .material-options .material-option .material-name{cursor:pointer;flex:1}.material-selector .material-options .material-option .copy-btn{margin-left:10px;padding:.25rem .5rem}.form-label{font-size:.8em;font-weight:700}