.SignIn #input,.SignIn input[type=password],.SignIninput[type=text],.attributs #input,.attributs input[type=password],.attributs input[type=text]{border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin:8px 0;padding:12px 20px;width:100%}.attributs .table-container td{color:#333}.SignIn button,.attributs button{background-color:#a0a0a0;border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.SignIn button:hover,.attributs button:hover{background-color:#888}.attributs button:disabled{background-color:#ccc;cursor:not-allowed}.attributs label{display:block;font-weight:700;margin-bottom:.2em;margin-top:1em}.sign-in-main{height:100vh}.SignIn{margin:auto;max-width:300px}.attributs .table-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px;overflow:hidden;padding:20px}.attributs .table-container table{border-collapse:initial;border-spacing:0;width:100%}.attributs .table-container caption{color:#888;font-weight:700;padding:10px}.attributs .table-container td,.attributs .table-container th{border-bottom:1px solid #ccc;padding:12px;text-align:left}.attributs .table-container th{background-color:#f2f2f2;color:#333}.table-container a{color:#007bff;text-decoration:none}.attributs .table-container a:hover{text-decoration:underline}.action-bar-wrap button{align-items:center;background:none;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:var(--font-size-small);justify-content:center;padding:5px 8px;transition:var(--transition)}.action-bar-wrap button:hover{background:#000;transform:scale(1.02)}.dropdown-wrap{line-height:25px;position:relative}.dropdown-trigger{align-items:center;background:linear-gradient(180deg,#222b2d 50%,#151b1c);border:var(--border);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:8px;width:235px;z-index:1000!important}.dropdown-trigger:hover{background:#000}.arrow,.dropdown-wrap .arrow{border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg)}.dropdown-trigger-opened .arrow,.dropdown-wrap .Collapsible__trigger.is-open .arrow,.dropdown-wrap .data-collapsible-trigger-opened .arrow{transform:rotate(-135deg)}.dropdown-wrap .Collapsible__contentOuter--isOpen{border-bottom:var(--border);border-left:var(--border);border-radius:0 0 var(--border-radius) var(--border-radius);border-right:var(--border)}.dropdown-wrap .Collapsible__contentInner{background:linear-gradient(180deg,#222b2d 50%,#151b1c);width:100%}.dropdown-wrap .Collapsible__contentOuter{overflow:hidden;z-index:0}.dropdown-wrap .dropdown-content button{padding:15px;width:100%}.dropdown-item:not(:last-child){border-bottom:var(--border)}.dropdown-content .dropdown-item .report-button{font-family:var(--font-family);font-size:var(--font-size-small);margin:0;padding:0}.dropdown-trigger-opened{background:#000!important;border-bottom:none;border-radius:var(--border-radius) var(--border-radius) 0 0}.dropdown-wrap .Collapsible__contentOuter{border-left:var(--border);border-radius:0 0 var(--border-radius) var(--border-radius);border-right:var(--border);left:0;position:absolute;top:100%;width:100%;z-index:1000}.add-all-to-workflow{width:100%}.edit-button{font-family:var(--font-family);transition:var(--transition)}.edit-button p{margin:0 10px;width:100%}.edit-button:hover{color:grey;transform:scale(1.1)}.empty-button{align-items:center;display:flex;gap:var(--gap);justify-content:space-evenly;text-align:center}.empty-button svg{fill:#fff;font-size:15px}.empty-button-disabled{display:none!important}.add-all-to-workflow:hover{background-color:#000;transform:scale(1.02)}.add-all-to-workflow.disabled{background-color:grey;cursor:not-allowed}.product-pages-nav{display:flex;gap:var(--gap);justify-content:center}.page-number-input{background-color:var(--background-dark);border:var(--border);border-radius:2px;color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height);margin:0;max-width:30px;text-align:center}.page-shift{transition:var(--transition)}.page-shift svg:hover{fill:#fff}.product-pages-nav button:disabled{cursor:not-allowed;opacity:.5}.switch{display:inline-block;height:24px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:var(--transition)}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#619396}input:checked+.slider:before{transform:translateX(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.back-icon,.back-text{color:#fff;margin:0 5px 0 0}.back:hover{transform:scale(1.02)}.button{align-items:center;background:none;border:none;border:var(--border);border-radius:2px;cursor:pointer;display:flex;gap:var(--gap);padding:5px 8px;text-align:center}.botton svg,.button,.button span{transition:var(--transition)}.button:hover{background:#fff}.button:hover span{color:#000}.button:hover svg{fill:#000}.edit-wrapper{gap:var(--gap)}.edit-wrapper,.edit-wrapper ul{align-items:center;display:flex;justify-content:center;margin:0 auto}.edit-wrapper ul{flex-wrap:wrap;gap:5px;max-height:300px;width:100%}.edit-wrapper p{cursor:text;text-align:left}.edit-wrapper ul li{width:100%}.edit-wrapper ul li .text-input{border:1px solid #ccc;border-radius:var(--border-radius);color:#333;font-family:var(--font-family);font-size:var(--font-size-small);line-height:var(--line-height);margin:7px auto;padding:10px;width:100%}.value-list{align-items:center;display:flex;flex-wrap:wrap;font-family:var(--font-family);gap:var(--gap);justify-content:start;padding:10px}.value-item{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:var(--font-size-small);line-height:var(--line-height);padding:5px 10px;transition:var(--transition)}.value-item:hover{background-color:grey;color:#fff}.value-item.active{background-color:grey!important;color:#fff;font-weight:500}.undo-button{transition:var(--transition)}.undo-button:hover{cursor:pointer;font-size:17px}.undo-svg{transition:transform .2s ease-in-out}.undo-button:hover .undo-svg{fill:#fff;transform:rotate(-20deg)}.multi-li{align-items:center;display:flex;position:relative}.edit-input{border:1px solid #ccc;border-radius:var(--border-radius);color:#333;font-family:var(--font-family);font-size:var(--font-size-small);line-height:var(--line-height);margin:7px auto;padding:10px;transition:var(--transition);width:100%}.remove-multi-button{cursor:pointer!important;position:absolute;right:10px}.remove-multi-button,.remove-multi-button svg{border-radius:2px;transition:var(--transition)}.remove-multi-button svg{fill:#8f8f8f;font-size:1.2em;padding:2px}.remove-multi-button svg:hover{fill:#fff;background:#5b5b5b;font-size:1.4em}.edit-input:hover+.remove-multi-button svg{fill:#333}.edit-wrapper input{border:1px solid #ccc;border-radius:var(--border-radius);color:#333;font-family:var(--font-family);font-size:var(--font-size-small);line-height:var(--line-height);padding:10px;transition:var(--transition)}.data-wrap .data-collapsible-container{background-color:#000;background:linear-gradient(180deg,#222b2d 50%,#151b1c);border:var(--border);border-radius:var(--border-radius);cursor:pointer!important;margin:1% 0;padding:2%}.data-wrap .data-collapsible-container:hover{background:#000;cursor:pointer!important}.data-wrap .data-collapsible-trigger{align-items:center;cursor:pointer!important;display:flex;justify-content:space-between}.data-wrap .arrow{border:solid #fff;border-width:0 2px 2px 0;cursor:pointer!important;display:inline-block;padding:3px;transform:rotate(45deg)}.data-wrap .data-collapsible-trigger-opened .arrow{transform:rotate(-135deg)}.data-wrap .data-collapsible-content p{font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:25px;padding:15px;text-align:left;width:100%}.image-carousel{display:flex;flex-direction:column;gap:var(--gap);justify-content:space-evenly;overflow:hidden;width:100%}.main-image{height:40vh}.main-image,.main-image img{object-fit:contain;width:100%}.main-image img{height:100%}.thumbnail-wrap{margin:auto;overflow-x:auto;position:relative;scrollbar-width:none;white-space:nowrap}.thumbnail{cursor:pointer;margin-right:8px;max-height:100px;opacity:.5;transition:opacity .3s;width:auto}.thumbnail.active{border:4px solid #fff;opacity:1}.thumbnail-wrap::-webkit-scrollbar{display:none}.carousel-button-back,.carousel-button-next{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:30px;justify-content:center;padding:4px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button-back{left:10px}.carousel-button-next{right:10px}.carousel-button-back:hover,.carousel-button-next:hover{background-color:#5b5b5b6b}.short-name{transition:all .3s ease-in-out}.product-details{padding:2%;width:100%}.product-details,.product-image-section{display:flex;justify-content:space-evenly;margin:0 auto}.product-image-section{align-items:center;border:1px solid grey;border-radius:var(--border-radius);flex-direction:column;gap:var(--gap);height:70vh;padding:1%;position:relative;width:40%}.product-info-section{display:flex;flex-direction:column;gap:60px;justify-content:top;margin:0 auto;width:30%}.card-row-container.grid .assets-references-wrap{align-items:center;display:flex;flex-direction:column;gap:var(--gap);width:100%}.card-row-container.grid .assets-references-item{background:#fff;position:relative}.card-row-container.grid .asset-references-img{height:250px;overflow:hidden}.card-row-container.grid .asset-references-img img{object-fit:cover!important}.pdf-icon{height:100%;margin:0 auto;padding:4%;width:100%}.card-row-container.grid .assets-references-wrap .assets-references-text h3{margin:0 auto;text-align:center}.image-overlay{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.assets-references-item:hover .image-overlay{opacity:1;pointer-events:auto}.image-overlay button{background-color:#fff;border:none;border-radius:5px;cursor:pointer;margin:5px;padding:5px 10px;transition:background-color .3s ease}.image-overlay button p{color:#151b1c}.image-overlay button:hover{background-color:#afafaf}.remove-assets-button{background-color:#fff;border:none;border-radius:2px;cursor:pointer;opacity:0;position:absolute;right:5px;top:5px;transition:var(--transition);z-index:100}svg.remove-assets-button{stroke:#000;fill:#000;z-index:101}.remove-assets-button:hover{background-color:#afafaf;transform:scale(1.1)}.assets-references-item:hover .remove-assets-button{opacity:1}#preview-modal{background-color:#00000080;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:100000000}#preview-content,#preview-modal{align-items:center;display:flex;justify-content:center;margin:0 auto}#preview-content{background:#fff;border-radius:5px;flex-direction:column;padding:20px;position:relative;width:50%}#preview-close{fill:#484848;cursor:pointer;position:absolute;right:.3rem;top:.2rem;transition:var(--transition)}#preview-close:hover{fill:#333;transform:scale(1.15)}.modal-wrap{background-color:#000c;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9000000000}.modal-dialog,.modal-wrap{align-items:center;display:flex}.modal-dialog{background-color:#fff;border-radius:8px;flex-direction:column;gap:var(--gap);justify-content:space-evenly;padding:50px 30px;position:relative;text-align:center;width:400px!important}.modal-dialog h3{color:#000!important}.modal-dialog h3,.modal-dialog p{font-size:var(--font-size-medium)}.modal-dialog p{color:#000}.confirm-close-button svg{fill:#000;background:none;border-radius:1px;cursor:pointer!important;font-size:var(--font-size-medium);padding:2px;position:absolute;right:5px;top:5px;transition:var(--transition);width:20px}.confirm-close-button svg:hover{fill:#fff;background:#333;transform:scale(1.15)}.confirm-buttons{align-items:center;display:flex;gap:var(--gap);justify-content:space-evenly;margin:20px auto}.confirm-buttons button{border:none;border-radius:4px;color:#fff!important;cursor:pointer;padding:8px 12px;transition:var(--transition)}.confirmed-button{background-color:#629461!important}.not-confirmed-button{background-color:grey!important;color:#eee}.confirmed-button:hover{background-color:#4e754d!important}.not-confirmed-button:hover{background-color:#383838!important}.body-active{background-color:#474747;padding:2%}.action-bar-wrap{align-items:center;display:flex;gap:30px;padding:2%;width:100%}@keyframes flyToCart{0%{opacity:1;transform:translate(0) scale(1);visibility:visible}to{opacity:0;transform:translate(500px,-200px) scale(0);visibility:hidden}}@keyframes flyBack{0%{opacity:0;transform:translate(500px,-200px) scale(0);visibility:visible}to{opacity:1;transform:translate(0) scale(1);visibility:hidden}}.animate-fly-to-cart{animation:flyToCart 1s ease-in}.animate-fly-back{animation:flyBack .5s forwards}.action-bar-wrap .cart-button .configure-icon .fly-item{align-items:center;background-color:red;border-radius:100%;color:#fff;display:flex;height:20px;justify-content:center;left:0;position:absolute;text-align:center;top:0;transform:scale(.1);visibility:hidden;width:20px}.cart-icons,.configure-icon{width:20px}.hierarchy-details-mode{cursor:pointer}.hierarchy-details-mode svg{align-items:center;display:flex;height:35px;justify-content:center;padding:5px 8px;text-align:center;width:35px}.hierarchy-details-mode:hover{background-color:#000}.configure-view-dialog{align-items:center;display:block;height:98%;justify-content:center;left:2%;position:fixed;top:2%;width:98%;z-index:1000000000}.configure-view-container{background-color:#32323299;color:#fff;height:100%;position:relative;width:100%}.configure-view-main{background-color:#000;bottom:2%;left:1%;padding:24px;position:absolute;right:2%;top:2%}.configure-view-main-inner{display:grid;grid-template-rows:max-content 1fr;height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;position:relative}.configure-view-main-inner-top{display:grid;grid-template-columns:1fr max-content}.configure-view-main-inner-top button{background-color:#000;border:1px solid #d3d3d3;margin-left:4px;padding:8px}.configure-view-main-inner-top button:hover{background-color:#d3d3d3;color:#000;cursor:pointer}.configure-view-attributes{grid-column-gap:16px;display:grid;grid-template-columns:1fr 1fr;margin-top:48px}.configure-view-droppable{background-color:#8f8f8f;border:1px solid #fff;display:flex;flex-direction:column;width:100%}.configure-view-draggable{background-color:#fff;border:1px solid #d3d3d3;display:flex;flex-direction:column;width:100%}.configure-view-draggable-button,.configure-view-sortable-button{background-color:#fff;border:none;color:#5b5b5b;min-height:48px;text-align:center;vertical-align:center;width:100%;z-index:30000}.configure-view-sortable-button{display:grid;grid-template-columns:1fr 24px 48px}.configure-view-draggable-button span,.configure-view-sortable-button span{color:#5b5b5b;padding-top:16px}.configure-view-sortable-button button{background-color:#fff0;border:none}.value-field-component-container{grid-row-gap:16px;display:grid;grid-template-rows:max-content 1fr;margin-bottom:16px}.value-field-component-table{grid-column-gap:4px;display:grid;grid-template-columns:max-content min-content max-content;margin-left:24px}.value-field-component-table .label{text-align:right}.value-field-component-table .value{text-align:left}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.flex-column-supplier{flex-direction:column}.flex-column-supplier,.flex-supplier{display:flex;gap:var(--gap)}.center{text-align:center}.grid-layout{width:85%}.grid-item{border:var(--border);border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;max-width:100%;overflow:hidden;padding:2%}.supplier-page{display:flex;font-family:var(--font-family);font-size:var(--font-size-small);padding:2%}.toggles-wrap{flex-direction:column;width:15%}.toggles,.toggles-wrap{display:flex;gap:var(--gap)}.toggles{cursor:pointer;padding:0 5px}.toggles:hover{background-color:#000}.info-wrap{display:flex;flex-direction:column;gap:40px;justify-content:space-between;margin:0 auto}.company-img{margin:5px auto;width:90%}.company-img img{border-radius:var(--border-radius)}.company-logo{width:10%}.first-text{margin:0 5px 0 0;text-align:right;width:20%}.contacts-wrap{gap:40px}.contact-person,.contacts-wrap{align-items:center;display:flex;flex-direction:column;margin:0 auto}.contact-person{gap:var(--gap);text-align:center;width:50%}.contact-img{width:50%}.warehouse-locations-wrap{gap:40px}.rating-wrap,.warehouse-locations-wrap{align-items:center;display:flex;flex-direction:column;margin:0 auto}.rating-wrap{gap:25px}.rating .half-star,.rating .star{color:gold;font-size:2em}.rating .half-star{background:linear-gradient(90deg,gold 50%,#fff 0);-webkit-background-clip:text;color:#0000}.rating .rating-value{margin-left:10px;vertical-align:middle}.products-wrap{display:flex;flex-direction:column;gap:25px;margin:0 auto}.products{display:flex;width:50%}.kpi-wrap{align-items:center;display:flex;flex-direction:column;gap:25px;margin:0 auto}.kpi-img{width:110%}.kpi-img,.kpi-img img{border-radius:var(--border-radius)}.delivery-wrap,.shipping-wrap{align-items:center;display:flex;flex-direction:column;gap:25px;margin:0 auto}.color{color:#fff}.report-issue{padding:15px}.report-button{align-items:center;background-color:var(--background);border:none;border:var(--border);border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-small);justify-content:space-evenly;padding:5px 8px}.report-button span{color:#fff;font-size:20px}.report-button:hover{background-color:orange}.report-modal{align-items:center;background-color:#000000c4;display:flex;flex-direction:column;gap:var(--gap);height:100%;justify-content:center;left:0;position:fixed;top:0;transition:var(--transition);width:100%}.report-textarea{border:var(--border);border-radius:var(--border-radius);color:#151b1c;height:100px;padding:10px;width:50%}.report-buttons{display:flex;gap:var(--gap)}.report-buttons button{border:none;border-radius:2px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:var(--font-size-small);padding:8px 12px;transition:var(--transition)}.report-send{background-color:#629461!important}.report-send:hover{background-color:#4e754d!important}.report-cancel{background-color:grey;border:none;cursor:pointer;padding:8px}.report-cancel:hover{background-color:#5b5b5b}.disabled-button{cursor:not-allowed;pointer-events:none}.reference-main{align-items:center;display:flex;flex-direction:column;gap:var(--gap);height:100vh;margin:0 auto;padding:0 2%;position:relative;width:100%}.reference-headline{height:100%;width:50%}.reference-wrap{align-items:flex-start;display:flex;flex-direction:row;gap:var(--gap);height:50%;justify-content:flex-start;position:relative;width:100%}.main{align-items:center;display:flex;height:100%;justify-content:center;left:50%;margin:0;position:absolute;top:70%;transform:translate(-50%,-50%);width:70%}.reference-image{border-radius:var(--border-radius);position:absolute;width:15em;z-index:5}.circles{align-items:center;background:var(--background);border:2px solid grey;border-radius:100%;cursor:pointer;display:flex;font-size:20px;height:4em;justify-content:center;position:absolute;text-align:center;width:4em}.circles:hover{border:1.5px solid #fff;transform:scale(1.05);transition:var(--transition);z-index:2}.reference-item{align-items:center;display:flex;justify-content:center}.reference-text-wrap{display:flex;flex-direction:column;position:absolute}.line{background:grey;height:1px;left:50%;position:absolute;top:50%;transform-origin:0 0;width:250px;z-index:-100}.filter-icon{width:2%}.wrap-container{display:flex;justify-content:space-evenly;width:100%}.filter-container{flex-direction:column;width:20%}.filter,.filter-container{display:flex;gap:var(--gap)}.filter{align-items:center}.tag{padding:10px;width:80%}.cirkel,.tag{border:1px solid #fff;border-radius:50px}.cirkel{height:20px;width:20px}.typeahead-search-dialog-result-wrapper{background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-small);left:0;line-height:var(--line-height);margin:auto;max-height:300px;overflow-y:scroll;position:absolute;right:0;text-align:left;width:70%;z-index:110}.typeahead-search-dialog-result{color:grey;padding:10px 5px}.highlight,.typeahead-search-dialog-result:hover{background-color:#a9a9a9;color:#fff;cursor:pointer}.dialog-textarea{border:1px solid #ccc;border-radius:var(--border-radius);margin:7px auto;padding:10px;width:70%}.dialog-textarea,.select-span{color:#333;font-family:var(--font-family);font-size:var(--font-size-small);line-height:var(--line-height)}.select-span{display:flex;gap:var(--gap);justify-content:center}.select-span select{color:#333}.kpi-page{align-items:center;display:flex;height:100vh;justify-content:center;overflow-y:hidden;position:relative}.card-column,.icon{cursor:pointer}.card-column{background:var(--background);border:var(--border);border-radius:var(--border-radius);display:flex;flex-direction:column;height:300px;max-width:200px;overflow:hidden;text-align:center;transition:var(--transition)}.card-column:hover{background:#000;transform:scale(1.05)}.card-column-top{flex-basis:50%;height:150px;overflow:hidden;position:relative;width:100%}.card-column-top img{height:100%;object-fit:cover;width:100%}.card-column-top a{width:100%}a .card-column-icon{width:20%}.card-column-bottom,a .card-column-icon{align-items:center;display:flex;justify-content:center}.card-column-bottom{flex-basis:40%;flex-direction:column;gap:var(--gap)}.card-row-container{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 auto;width:100%}.card-row-container.list{display:flex;flex-direction:column}.card-row-container.list .card-row{max-width:300px;width:100%}.card-row-container.list .card-row:hover{transform:scale(1.02)}.button-and-cards-container{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:0 auto;padding:2%;width:100%}.card-row-container.grid div{cursor:pointer;display:flex;width:100%}.Classification .card-row-container.grid div div{margin:0 auto;width:100%}.card-row,.card-row-container.grid div div{cursor:pointer;display:flex}.card-row{align-items:center;background:var(--background);border:var(--border);border-radius:var(--border-radius);flex-direction:row;justify-content:space-between;max-width:100%;transition:var(--transition)}.card-row:hover{background:#000;transform:scale(1.05)}.card-row-text{width:60%}.card-row-text h3{align-items:center;display:flex;justify-content:center;margin:0 auto;text-align:center;width:100%}.card-row-text h3 span{color:#fff;text-align:center;width:100%}.card-row img{border-radius:var(--border-radius) 0 0 var(--border-radius);height:130px;object-fit:cover;width:130px}.card-row-img{height:130px}:root{--background-dark:#222b2d;--background-light:#151b1c;--text-color:#dcdcdc;--font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-weight-light:200;--font-weight-regular:400;--font-size-small:14px;--font-size-medium:18px;--font-size-large:30px;--line-height:20px;--border:1px solid grey;--gap:15px;--border-radius:10px;--background:linear-gradient(180deg,var(--background-dark) 50%,var(--background-light) 100%);--transition:all 0.3s ease-in-out;--box-shadow:0 4px 8px #0000001a}.position-relative{position:relative}*{box-sizing:border-box;color:var(--text-color);list-style-type:none;margin:0;padding:0;text-decoration:none}.ContextSelectorContainer select{font-size:larger;grid-column-start:2;grid-row-start:2}.ContextSelectorContainer{display:grid;grid-template-columns:auto max-content auto;grid-template-rows:auto min-content auto;height:100%}.ContextSelector,.ContextSelectorContainer{background-color:var(--background-dark)}#root,.App,body,html{height:100%}img{width:100%}h1,h2,h3,h4{color:#fff!important;cursor:pointer;font-family:var(--font-family)}h1{letter-spacing:5px}h1,h2{font-size:var(--font-size-large)}h1,h2,h3{font-weight:var(--font-weight-light)}h3{font-size:var(--font-size-medium)}h4{font-size:var(--font-size-small);font-weight:var(--font-weight-light)}.breadcrumb,a,label,p{font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height)}label{color:#aaa}input{color:grey;font-family:var(--font-family);font-size:var(--font-size-medium)}.select-icon{font-size:1.2em;margin-right:10px}main{background:var(--background);color:var(--text-color);display:flex;gap:var(--gap);min-height:100vh;padding:0 0 5%}.category-container{align-items:center;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;margin:auto;width:80%}.no-redirect{pointer-events:none}.tooltip{background-color:#364457!important;color:var(--text-color)!important;font-family:var(--font-family)!important}h2{cursor:default}.current-node{color:var(--text-color)!important}.flex-column{display:flex;flex-direction:column;gap:var(--gap)}.flex{display:flex;flex-wrap:wrap}.center{margin:0 auto;text-align:center!important}.main-category{background:var(--background);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;padding:150px 0 2%;position:sticky;width:100%}.icon-hidden{display:none}.card-row-container.grid .selected .card-row,.card-row-container.list .selected .card-row{background:#7f8c8d!important;border:1px solid #fff;transition:none!important}.card-row{position:relative}.remove-card-button{position:absolute;top:0;visibility:hidden}.remove-card-button svg{fill:#fff;background:none;border-radius:1px;cursor:pointer!important;font-size:var(--font-size-medium);padding:2px;position:absolute;right:5px;top:5px;transition:var(--transition);width:20px}.card-row:hover .remove-card-button{visibility:visible!important}.card-row .remove-card-button svg:hover{background:#333;transform:scale(1.15)}.workflow-box-wrap{border:2px dashed grey;border-radius:10px;display:flex;flex-direction:column;margin:0 auto 20px;padding:0 20px;width:90%}.workflow-box{display:grid;gap:var(--gap);grid-template-columns:repeat(4,1fr)}.true{margin:10px 0 0}.remove-icon-wrap{align-items:center;background-color:#5b5b5bd6;border-radius:100%;display:flex;flex-direction:column;gap:var(--gap);height:0;justify-content:center;left:0;margin:0 auto;opacity:0;overflow:hidden;position:absolute;right:0;top:60%;transition:width .2s ease-in-out,height .2s ease-in-out,opacity .2s ease-in-out,visibility 0s .2s;visibility:hidden;width:0;z-index:100}.remove-icon-wrap.show-x{height:200px;opacity:1;transition-delay:0s;visibility:visible;width:200px}.remove-icon{fill:#980b0b;stroke-width:1em;font-weight:100;height:30px;margin:0 auto;width:30px}.workflow-title{margin:10px}.add-all-to-workflow{align-items:center;background:none;border:var(--border);display:flex;margin:10px auto;padding:5px 8px;transition:var(--transition);width:auto}.add-all-to-workflow:hover{background:#000;cursor:pointer}.selected-page{padding:1% 2% 2%}.selected-page .card-row-container.grid div,.selected-page .card-row-container.grid div h3{cursor:default}.selected-page .card-row-container .card-row:hover{background:#484848;border-radius:var(--border-radius);transform:scale(1)}.selected-page .card-row-container .card-row{position:relative}.selected-page .card-row-container .card-row .remove-card-button svg{background:none;border-radius:1px;color:#fff;cursor:pointer!important;font-size:var(--font-size-medium);padding:2px;position:absolute;right:5px;top:5px;transition:var(--transition);visibility:hidden;width:20px}.selected-page .card-row:hover .remove-card-button svg{visibility:visible!important}.selected-page .card-row-container .card-row .remove-card-button svg:hover{background:#333;transform:scale(1.15)}.context-flag-wrap{background:var(--background);flex-direction:column;height:100vh;padding:2%}.context-flag-list,.context-flag-wrap{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:100%}.context-flag-list{flex-direction:row}.context-flags{height:150px;text-align:center;width:150px}.flag{border:1px solid grey;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.flag:hover{transform:scale(1.1)}.loading-screen{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:5000000000}.search-container{align-items:center;border-radius:var(--border-radius);display:flex;gap:var(--gap);justify-content:space-evenly;padding:5px 8px}.search-container:focus-within{border:2px solid grey}.search-container input{font-size:var(--font-size-small);outline:none;width:100%}.search-button,.search-container input{background-color:initial;border:none;color:#fff}.search-button{align-items:center;cursor:pointer;display:flex}.search-icon{fill:#fff}.search-page{padding:0 2% 5%;width:100%}.search-page h2{margin:0 0 5%;width:100%}.search-result-wrap{display:flex;flex-direction:column;gap:var(--gap)}.search-results{align-items:center;background-color:#151b1c;border-radius:var(--border-radius);display:flex;flex-direction:row;gap:var(--gap);justify-content:flex-start;transition:var(--transition);width:300px}.search-results:hover{background-color:#0000009e;cursor:pointer;transform:scale(1.05)}.image-container{height:120px;width:120px}.small-image{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);height:100%;object-fit:cover;width:100%}.image-title{text-align:center;width:50%}header{background:linear-gradient(180deg,var(--background-light) 50%,var(--background-dark) 100%);color:var(--text-color);flex-direction:column;gap:var(--gap);left:0;padding:2%;position:fixed;top:0;z-index:10000}.header-wrap,header{display:flex;height:130px;width:100%}.header-wrap{align-items:center;border-bottom:1px solid #000;justify-content:space-between;margin:0 auto;padding:0 0 20px}header .logo{cursor:pointer;width:8em}.header-left{align-items:center;display:flex;gap:40px}.breadcrumb{display:flex;flex-wrap:wrap;font-style:italic;gap:10px;max-width:90%!important}.breadcrumb a,.breadcrumb span{color:grey}.breadcrumb a:hover{color:var(--text-color);text-decoration:underline}.cart-container{align-items:center;display:flex;position:relative}.cart-icon{font-size:18px}.cart-count{align-items:center;background-color:red;border-radius:100%;color:#fff;display:flex;height:16px;justify-content:center;margin:-20px 0 0;text-align:center;width:16px}.cart-icon{cursor:pointer}.menu-wrap{z-index:1}.menu-nav{align-items:baseline;background:#fff;border-radius:var(--border-radius);opacity:0;padding:10px 25px;position:absolute;right:10px;top:120px;transition:var(--transition);visibility:hidden}.menu-nav.active{opacity:1;top:90px;visibility:visible}.menu-nav:before{background:#fff;content:"";height:20px;position:absolute;right:28px;top:-5px;transform:rotate(45deg);width:20px}.menu-nav h3{color:#555;font-size:18px;font-weight:500;line-height:1.5em;text-align:center;width:100%}.menu-top-text{display:flex;flex-direction:column;gap:var(--gap);margin:10px 0}.menu-wrap p{color:silver}.menu-list{align-items:center;list-style:none;padding:16px 0}.menu-ul a,.menu-ul svg{fill:#555;color:#555;font-weight:500;transition:var(--transition)}.menu-list,.menus{display:flex;gap:var(--gap)}.menu-profile{align-items:center;cursor:pointer;display:flex;justify-content:center}.menu-list:hover a{color:#a3a3a3}.menu-list:hover svg{fill:#a3a3a3}.menu-ul{padding:10px 0 0}.user-menu-nav{background:#fff;border-radius:var(--border-radius);opacity:0;padding:10px 25px;position:absolute;right:6%;top:120px;transition:var(--transition);visibility:hidden}.user-menu-nav.active{opacity:1;top:80px;visibility:visible}.user-menu-nav:before{background:#fff;content:"";height:20px;position:absolute;right:28px;top:-5px;transform:rotate(45deg);width:20px}.user-icon{align-items:center;background-color:#56769a;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:20px;height:30px;justify-content:center;width:30px}footer{background:linear-gradient(180deg,var(--background-dark) 10%,var(--background-light) 100%);bottom:0;color:var(--text-color);padding:1% 0;position:fixed;text-align:center;width:100%}.user-page{display:flex;gap:2%;height:100vh;overflow-x:hidden;padding:2%;width:100%}.profile-wrap{width:40%}.profile-wrap,.user-wrap{display:flex;flex-direction:column;margin:0 auto}.user-wrap{width:60%}.user{display:flex;flex-direction:column;gap:40px}.user-name{font-size:70px;font-weight:100}.user-page h3{margin:0 0 10px}.user-info{display:flex;gap:50px}.user-groups{border-left:1px solid grey;padding:0 0 0 50px}.start-picture-button,.take-picture-button{background:#000;border:none;border-radius:2px;cursor:pointer;font-size:var(--font-size-small);padding:5px 8px;transition:var(--transition)}.start-picture-button:hover,.take-picture-button:hover{background:#000;transform:scale(1.02)}.webcam-wrap{display:flex;flex-direction:column;left:2%;margin:0 auto;position:absolute;top:33%;width:38%}.profile-picture{object-fit:cover}.gap{margin:10px 5px}.card-row-container.grid{align-items:center;display:grid;gap:var(--gap);grid-template-columns:repeat(2,1fr);justify-content:center}@media (min-width:768px){.card-row-container.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (min-width:1024px){.card-row-container.grid{grid-template-columns:repeat(auto-fit,minmax(200px,300px))}}@media (min-width:1200px){.card-row-container.grid{grid-template-columns:repeat(auto-fit,minmax(250px,350px))}.button-and-cards-container .card-row-container.grid div div{align-self:center!important}}@media only screen and (max-width:992px){.product-details{flex-direction:column;gap:30px}.product-img{height:auto;width:100%}.product-info{margin:0;width:100%}.reference-main{height:auto;padding:5% 2%}.reference-wrap{height:auto}.main,.reference-wrap{align-items:center;flex-direction:column;width:100%}.main{left:auto;padding:10%;position:static;top:auto;transform:none!important}.main,.reference{display:flex;gap:var(--gap)}.reference{flex-direction:column;width:100%}.reference>*{text-align:center;transform:none!important}.reference-item{background:var(--background);border-radius:var(--border-radius);margin:0 auto;padding:15px 18px;position:static;transform:none;transition:var(--transition)!important;width:100%}.reference-item:hover{background:#000;transform:scale(1.05)!important}.reference-text-wrap{left:unset;position:static;top:unset;width:100%}.reference-headline{text-align:center}.reference-image{position:static;width:100%}.circles,.line{display:none}}