/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,input[type=button]:-moz-focusring,input[type=reset]:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{box-sizing:border-box;font-family:roboto,sans-serif;font-size:16px;line-height:1.25;background-color:#101213;color:#f1f3f5}*,*::before,*::after{box-sizing:inherit}a{text-decoration:none}h1,h2,h3{margin:0 0 12px 0;font-size:1.125rem;font-weight:500}.MuiButton-root{border-radius:0;padding:4px 16px;font-size:16px;text-transform:none}.MuiButton-root.MuiButton-outlined{padding:2px 14px}.MuiButton-text:hover,.MuiButton-outlined:hover{background-color:hsla(0,0%,100%,.2)}.MuiButton-text.selected,.MuiButton-outlined.selected{background-color:#272b30}.MuiButton-text.selected:hover,.MuiButton-outlined.selected:hover{background-color:hsla(0,0%,100%,.2)}.MuiButton-outlined{border:2px solid #f1f3f5}.MuiButton-outlined.Mui-disabled{border-width:2px}.MuiButton-sizeLarge{padding:6px 24px;font-size:1.125rem;line-height:32px}.MuiButton-sizeLarge.MuiButton-outlined{padding:4px 22px}.MuiButton-sizeSmall{padding:4px 8px;font-size:.75rem}.MuiButton-sizeSmall.MuiButton-outlined{padding:2px 6px}.MuiIconButton-root{border-radius:0}.MuiIconButton-root:hover{background-color:hsla(0,0%,100%,.2)}.MuiIconButton-root.selected{background-color:#272b30}.MuiIconButton-root.selected:hover{background-color:hsla(0,0%,100%,.2)}.MuiRadio-root{padding:6px}.MuiFormControlLabel-root{margin-left:-6px}.MuiFormControlLabel-label{font-size:initial;letter-spacing:initial}.MuiTooltip-tooltip{border-radius:0;border:1px solid #101213;background-color:#3d454d;color:#fff;font-size:.875rem;font-weight:normal}.MuiTabs-root{min-height:initial}.MuiTabs-flexContainer{border-bottom:4px solid #272b30}.MuiTabs-indicator{height:4px}.MuiTab-root{min-width:initial;min-height:initial;padding:4px 16px;font-size:16px;font-weight:normal;letter-spacing:initial;text-transform:none;opacity:.4}.MuiSlider-rail{color:#3d454d;opacity:1}table.styled-table th,table.styled-table td{font-size:1rem;border:0}table.styled-table thead th,table.styled-table thead td{background-color:#6a7178;color:#fff}table.styled-table thead th:first-child,table.styled-table thead td:first-child{border-top-left-radius:4px}table.styled-table thead th:last-child,table.styled-table thead td:last-child{border-top-right-radius:4px}table.styled-table tbody th,table.styled-table tbody td{background-color:#101213}table.styled-table tbody tr.alt th,table.styled-table tbody tr.alt td{background-color:#272b30}table.styled-table tfoot th,table.styled-table tfoot td{background-color:#6a7178;color:#fff}table.styled-table tfoot th:first-child,table.styled-table tfoot td:first-child{border-bottom-left-radius:4px}table.styled-table tfoot th:last-child,table.styled-table tfoot td:last-child{border-bottom-right-radius:4px}.sensei-ui-tooltip-content .sensei-ui-tooltip-inner{padding-bottom:20px}.sensei-ui-tooltip-content .sensei-ui-tooltip-inner span{display:block;font-size:16px;line-height:1.5;margin:10px 20px}.shelf-module{overflow:hidden}.shelf-module .sensei-ui-row{overflow:initial}.shelf-module .sensei-ui-row div[color]{border:1.2px solid rgba(39,43,48,.9)}.shelf-module .sensei-ui-row div[color] span{border:1.2px solid rgba(39,43,48,.9);background-color:inherit;color:#272b30;font-weight:500}.shelf-module .sensei-ui-row div[color] span:after{height:10px}.fullscr-spinner{background:rgba(0,0,0,0);position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;font-size:1.625rem}.fullscr-spinner.allow-interaction{pointer-events:none}.fullscr-spinner>*{align-self:center;margin:12px}.search-input{color:#fff}.search-input::before,.search-input:hover::before{border-bottom-color:hsla(0,0%,100%,.5) !important}.search-input::after{border-bottom-color:#fff}.search-input svg{color:hsla(0,0%,100%,.5)}.main-content{min-width:1810px;height:100%}.notification{padding:16px;box-shadow:0 2px 3px rgba(0,0,0,.22);background-color:#fff;color:#f1f3f5;white-space:pre-line}.notification svg.close{width:14px;height:14px;margin:0 0 3px 10px;cursor:pointer;float:right;fill:none;stroke:#f1f3f5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notification--success{background-color:#27ae60;color:#fff}.notification--success svg.close{stroke:#fff}.notification--warning{background-color:#f2c94c;color:#000}.notification--warning svg.close{stroke:#000}.notification--error{background-color:#eb5757;color:#fff}.notification--error svg.close{stroke:#fff}.notification ul,.notification ol{margin:0}.notification+.notification{margin-top:8px}.notification-area{position:absolute;top:24px;right:0;width:400px;padding:16px;z-index:2000;display:flex;flex-direction:column}@media(max-width: 1280px){.notification-area{width:240px}}.error-layout{max-width:800px;margin:0 auto;text-align:center;margin-top:120px;padding:0 16px}.error-layout__title{font-weight:normal;margin-bottom:24px;margin-top:0}.error-layout__subtitle{font-weight:normal;font-size:18px;margin-bottom:48px;margin-top:0;color:#666}.error-layout__actions{display:flex;justify-content:center;gap:16px}.login-page{height:100vh;overflow:hidden;background-color:#272b30;color:#f1f3f5;display:flex;flex-direction:column;align-items:center}.login-page h1{margin-top:25vh;margin-bottom:10vh;font-size:2rem;font-weight:normal}.login-page .login-form{width:500px;padding:32px 64px;background-color:#fff;color:#101213}.login-page .login-form .login-fields{display:flex;flex-direction:column}.login-page .login-form .login-fields .field{min-height:80px}.login-page .login-form .login-fields .field label{color:#3d454d}.login-page .login-form .login-fields .field input{color:#101213}.login-page .login-form .login-fields .field .MuiInput-underline::before{border-color:rgba(16,18,19,.3)}.login-page .login-form .login-actions{margin-top:16px;text-align:center}.store-select .store-select-button{width:100%;min-height:32px;padding:0}.store-select .store-select-button .MuiButton-label{justify-content:space-between}.store-select .store-select-button .label{width:100%;padding-left:6px;text-align:start;white-space:nowrap}.store-select .store-select-button .label .chip{display:inline-block;margin-right:3px;max-width:80%;padding:4px;vertical-align:middle;line-height:1.2;white-space:nowrap;overflow:hidden;background-color:#6a8afe;color:#fff}.store-select .store-select-button .clear-button:hover{background-color:hsla(0,0%,100%,.2)}.store-select-popup{background-color:#272b30}.store-select-popup .filter-title{text-align:center;font-style:italic;padding:6px 9px}.store-select-popup .filter-input{width:100%;margin-bottom:12px}.store-select-popup .filter-input input{background-color:#3d454d;padding-left:9px;padding-right:9px}.store-select-popup .MuiAutocomplete-popperDisablePortal{position:relative;width:260px !important}.store-select-popup .MuiAutocomplete-paper{margin:0;border-radius:0}.store-select-popup .MuiAutocomplete-listbox{padding:0 0 6px 0;max-height:60vh;scrollbar-width:thin}.store-select-popup .MuiAutocomplete-listbox::-webkit-scrollbar{width:6px}.store-select-popup .MuiAutocomplete-listbox{scrollbar-color:#6a8afe rgba(0,0,0,0)}.store-select-popup .MuiAutocomplete-listbox::-webkit-scrollbar-thumb{background-color:#6a8afe}.store-select-popup .MuiAutocomplete-option{padding:0 12px 0 0}.session-lobby{height:calc(100vh - 48px);display:flex;flex-direction:column;justify-content:center;align-items:center}.session-lobby .info-area{margin-bottom:48px;font-size:1.125rem}.session-lobby .info-area h1{margin-top:0;margin-bottom:32px;font-size:1.75rem;text-align:center}.session-lobby .info-area td{padding:4px 8px;min-width:80px}.session-lobby .info-area .td-label{text-align:right}.session-lobby .info-area .td-value{text-align:left;font-weight:600}.session-lobby .action-area{min-height:50px}.session-lobby .action-area .loading-container{display:flex;align-items:center}.session-lobby .action-area .loading-container>span{margin-left:16px}.session-lobby .action-area button{min-width:175px}.session-lobby .action-area button+button{margin-left:32px}.session-lobby .action-area .store-filter-dropdown{font-size:medium;margin-left:10%;margin-right:10%;margin-top:32px}.session-lobby .action-area .store-filter-dropdown button.MuiButtonBase-root{font-size:medium}.session-lobby .action-area .store-filter-dropdown button.MuiButtonBase-root.clear-button{min-width:auto !important}.session-lobby .clear-button{width:12px;max-width:12px}.session-lobby .manage-button{position:fixed;right:64px;bottom:48px}.session-lobby .complaint-manage-button{position:fixed;right:280px;bottom:48px}.session-lobby .interaction-filters-button{position:fixed;right:550px;bottom:48px}.session-lobby .interaction-analyser-button{position:fixed;right:770px;bottom:48px}.session-management{padding:48px 64px}.session-management h1{margin-top:0;margin-bottom:32px;font-size:28px}.session-management .list-area{max-width:1000px;max-height:calc(100vh - 240px);overflow-y:auto}.session-management .list-area table th,.session-management .list-area table td{font-size:1.125rem}.session-management .list-area table .warn{font-size:1rem;color:#ed9648}.session-management .action-area{margin-top:32px}.session-management .action-area button+button{margin-left:32px}.session-management .action-area .reset-button svg{margin-right:6px}.session-management .action-area .back-button{position:fixed;right:64px;bottom:48px}.session-sidebar+*{margin-left:280px}.session-sidebar.collapsed+*{margin-left:56px}.session-sidebar{width:280px;transition:transform ease-out 100ms;position:absolute;border-right:1px solid #4f575e;height:calc(100vh - 24px);padding:22px 10px;display:flex;flex-direction:column;justify-content:space-between;background-color:#101213;color:#f1f3f5;font-size:.875rem}.session-sidebar .title-section h1{margin:0 12px;font-size:1.375rem;font-weight:600;letter-spacing:.08em;line-height:1}.session-sidebar .session-info h2{margin:12px 12px;font-size:16px;font-weight:normal}.session-sidebar .filters-section .store-filter>.MuiInputBase-root{width:100%}.session-sidebar .queue-section{flex-grow:1;margin-top:12px}.session-sidebar .queue-section .MuiTab-root{font-size:.875rem;padding:3px 12px}.session-sidebar .queue-section .MuiTab-wrapper{flex-direction:row;justify-content:space-between}.session-sidebar .queue-section .MuiTab-wrapper .value{min-width:24px;padding:0 4px;text-align:center;background-color:#272b30}.session-sidebar .queue-section .MuiTab-wrapper .value.pending{color:#9fb4ff}.session-sidebar .queue-section .MuiTab-wrapper .value.validated{color:#5fe998}.session-sidebar .queue-section .MuiTab-wrapper .value.suspected{color:#eb5757}.session-sidebar .queue-section .interactions{margin:8px -10px 0 -10px;padding:0 10px;max-height:calc(100vh - 350px);overflow-y:auto;scrollbar-width:thin}.session-sidebar .queue-section .interactions::-webkit-scrollbar{width:6px}.session-sidebar .queue-section .interactions{scrollbar-color:#6a8afe rgba(0,0,0,0)}.session-sidebar .queue-section .interactions::-webkit-scrollbar-thumb{background-color:#6a8afe}.session-sidebar .queue-section .interaction+.interaction{border-top:1px solid #272b30}.session-sidebar .queue-section .interaction{position:relative;padding:10px 10px 10px 10px;display:flex;justify-content:space-between;flex-direction:column;align-items:center;color:#adb5bd;cursor:pointer}.session-sidebar .queue-section .interaction:hover{border-color:rgba(0,0,0,0);background-color:#272b30}.session-sidebar .queue-section .interaction.selected{border-color:rgba(0,0,0,0);background-color:#3d454d;color:#ced4da}.session-sidebar .queue-section .interaction .priority{position:absolute;top:14px;left:3px;bottom:14px;width:3px}.session-sidebar .queue-section .interaction .priority.low{background-color:#f1f3f5}.session-sidebar .queue-section .interaction .priority.high{background-color:#ed9648}.session-sidebar .queue-section .interaction .header{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:10px;width:100%;margin-bottom:10px}.session-sidebar .queue-section .interaction .header .customer{justify-self:start;color:#f1f3f5;font-size:.875rem}.session-sidebar .queue-section .interaction .header .time{justify-self:end;color:#f1f3f5;font-size:.875rem}.session-sidebar .queue-section .interaction .product-action{align-self:center;font-size:.75rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:10px;width:100%;margin-bottom:10px;white-space:nowrap;overflow:hidden}.session-sidebar .queue-section .interaction .product-action .action{width:44px;text-align:center;line-height:1.2}.session-sidebar .queue-section .interaction .product-action .action.pick{border:1px solid #c5f7f7;color:#c5f7f7}.session-sidebar .queue-section .interaction .product-action .action.drop{border:1px solid #ffbea8;color:#ffbea8}.session-sidebar .queue-section .interaction .product-action .action.unkn{border:1px solid #6a7178;color:#6a7178}.session-sidebar .queue-section .interaction .product-none{grid-column:1/span 2;font-size:.75rem;font-style:italic}.session-sidebar .queue-section .interaction-warning{padding:18px 6px;display:flex;align-items:center}.session-sidebar .queue-section .interaction-warning>svg{margin-right:10px;color:#ed9648}.session-sidebar .action-section{margin-top:24px;text-align:center}.session-sidebar .keyboard-hint{position:absolute;right:16px;bottom:23px;color:#6a7178}.session-sidebar .end-button{min-width:128px;min-height:34px;border-width:1px;font-size:.75rem}.session-sidebar .end-button svg{font-size:20px;margin-right:8px}.session-sidebar .collapse-button{position:absolute;top:10px;right:7px;padding:0}.session-sidebar .collapse-button svg{font-size:48px}.session-sidebar.collapsed{transform:translate(-224px);overflow:hidden}.session-sidebar.collapsed .title-section{visibility:hidden}.session-sidebar.collapsed .filters-section{visibility:hidden}.session-sidebar.collapsed .queue-section{visibility:hidden}.session-sidebar.collapsed .action-section{position:absolute;right:0;bottom:22px;width:56px}.session-sidebar.collapsed .keyboard-hint{display:none}.session-sidebar.collapsed .end-button{min-width:34px}.session-sidebar.collapsed .end-button svg{margin-right:0}.session-sidebar.collapsed .collapse-button svg{transform:rotate(180deg)}.keyboard-hint-tooltip{max-width:none;padding:10px;font-size:.875rem}.keyboard-hint-tooltip h1{margin:0 0 12px 0;font-size:1rem;text-align:center}.keyboard-hint-tooltip td:first-child{font-weight:bold;text-transform:lowercase;padding-right:8px}.basket-list{padding:48px 64px}.basket-list h1{margin-top:0;margin-bottom:32px;font-size:28px}.basket-list .filter-bar{margin-top:0px;margin-bottom:64px}.basket-list .list-area{margin-left:40px;margin-right:40px;max-height:calc(200vh - 240px);overflow-y:auto}.basket-list .list-area table th,.basket-list .list-area table td{font-size:1.125rem}.basket-list .list-area table .warn{font-size:1rem;color:#ed9648}.basket-list .list-area table .header-row{background-color:#6a7178}.basket-list .list-area table .basket-row{background-color:#272b30}.basket-list .empty-list-notification{margin-top:12px;margin-left:32px;margin-bottom:12px}.basket-list .basket-pagination{margin-top:32px;margin-bottom:32px;margin-left:40px;display:flex;flex-direction:row}.basket-list .action-area{margin-top:32px}.basket-list .action-area .back-button{position:fixed;right:64px;bottom:48px}.basket-list ::-webkit-calendar-picker-indicator{filter:invert(1)}.historical-interaction{height:calc(100vh - 24px);display:grid;grid-template-columns:minmax(0, 1fr) 515px;background-color:#101213;color:#f1f3f5}.historical-interaction .col-left{padding:0 24px;display:flex;flex-direction:column;justify-content:space-between}.historical-interaction .col-left .section-header{margin-top:24px;height:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.historical-interaction .col-left .section-header .event-info{font-size:1.125rem;font-weight:500}.historical-interaction .col-left .section-header .event-info .label{color:#6a7178}.historical-interaction .col-left .section-header .event-info span+span{margin-left:12px}.historical-interaction .col-left .section-video{flex-grow:1;margin-top:24px}.historical-interaction .col-left .section-video .planogram-warning{padding:12px;color:#ed9648}.historical-interaction .col-left .section-video .planogram-warning svg{margin-right:12px;vertical-align:middle}.historical-interaction .col-left .section-video .planogram-warning span{vertical-align:middle}.historical-interaction .col-left .section-timeline{position:relative;height:48px}.historical-interaction .col-right{display:flex;flex-direction:column;max-height:100vh;padding:0 24px;border-left:1px solid #4f575e}.historical-interaction .col-right .header-customer{flex-grow:0;flex-shrink:0;margin-top:18px}.historical-interaction .col-right .section-customer{flex-grow:0;flex-shrink:0;margin-top:16px}.historical-interaction .col-right .header-product{flex-grow:0;flex-shrink:0;margin-top:48px}.historical-interaction .col-right .section-product{flex-grow:1;flex-shrink:1;margin-right:-24px;padding-top:16px;overflow-y:auto;scrollbar-width:thin}.historical-interaction .col-right .section-product::-webkit-scrollbar{width:6px}.historical-interaction .col-right .section-product{scrollbar-color:#6a8afe rgba(0,0,0,0)}.historical-interaction .col-right .section-product::-webkit-scrollbar-thumb{background-color:#6a8afe}.historical-interaction .col-right .section-basket{flex-grow:1;flex-shrink:1;overflow-y:auto;scrollbar-width:thin}.historical-interaction .col-right .section-basket::-webkit-scrollbar{width:6px}.historical-interaction .col-right .section-basket{scrollbar-color:#6a8afe rgba(0,0,0,0)}.historical-interaction .col-right .section-basket::-webkit-scrollbar-thumb{background-color:#6a8afe}.historical-interaction .col-right .section-basket{background-color:#272b30}.historical-interaction .col-right .section-actions{flex-grow:0;flex-shrink:0;margin-top:1px;padding:18px 0;border-top:1px solid #4f575e;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.historical-interaction .col-right .section-actions .icons .warning{color:#ed9648}.historical-interaction .col-right .section-actions .messages{flex-grow:1;margin-left:10px;margin-right:20px;font-size:.875rem}.historical-interaction .col-right .section-actions .messages p{margin:0}.historical-interaction .col-right .section-actions .messages p+p{margin-top:4px}.historical-interaction .col-right .section-actions .btn-main{min-width:192px}.historical-interaction .col-right .header-controls{height:44px;display:flex;flex-direction:row;align-items:center}.historical-interaction .col-right .header-controls h1{flex-grow:1;margin:0}.historical-interaction .col-right .header-controls button{margin-left:24px;padding:10px}.historical-interaction .col-right .header-controls button+button{margin-left:2px}.historical-interaction .fatal-errors{margin:24px}.person-staff-label{margin-left:8px;padding:0 3px;color:#ed9648;text-transform:uppercase}.person-group-label{margin-left:8px;padding:0 3px;color:#101213;background-color:#adb5bd}.video-marker-inter{fill:none}.video-marker-inter .outline{stroke:#000}.video-marker-inter .fill{stroke:#fff}.video-marker-inter.none .fill{stroke:#6a7178}.video-marker-inter.pick .fill{stroke:#c5f7f7}.video-marker-inter.drop .fill{stroke:#ffbea8}.basket-sidebar+*{margin-left:280px}.basket-sidebar.collapsed+*{margin-left:56px}.basket-sidebar{width:280px;transition:transform ease-out 100ms;position:absolute;border-right:1px solid #4f575e;height:100vh;padding:22px 10px;display:flex;flex-direction:column;background-color:#101213;color:#f1f3f5;font-size:.875rem}.basket-sidebar .title-section h1{margin:0 12px;font-size:1.375rem;font-weight:600;letter-spacing:.08em;line-height:1}.basket-sidebar .basket-section{margin-top:36px;margin-left:10px}.basket-sidebar .basket-section .basket-card-title{font-size:large;margin-bottom:10px}.basket-sidebar .basket-section .basket-card-date{font-size:medium;margin-bottom:10px}.basket-sidebar .basket-section .basket-card-time{font-size:medium;margin-left:60px;margin-bottom:10px}.basket-sidebar .basket-section .basket-card-store{font-size:medium;margin-top:10px;color:#6a7178}.basket-sidebar .tag-ids-list{margin-left:10px;font-size:medium}.basket-sidebar .tag-ids-list .tag-ids-list-item{margin-bottom:10px}.basket-sidebar .interactions-section{margin-top:22px;margin-left:10px}.basket-sidebar .interactions-section .interactions{margin:8px -10px 0 -10px;padding:0 10px;max-height:calc(100vh - 288px);overflow-y:auto;scrollbar-width:thin}.basket-sidebar .interactions-section .interactions::-webkit-scrollbar{width:6px}.basket-sidebar .interactions-section .interactions{scrollbar-color:#6a8afe rgba(0,0,0,0)}.basket-sidebar .interactions-section .interactions::-webkit-scrollbar-thumb{background-color:#6a8afe}.basket-sidebar .interactions-section .interaction+.interaction{border-top:1px solid #272b30}.basket-sidebar .interactions-section .interaction{position:relative;padding:16px 10px;display:grid;grid-template-columns:50px 1fr;gap:3px 3px;color:#adb5bd;cursor:pointer}.basket-sidebar .interactions-section .interaction:hover{border-color:rgba(0,0,0,0);background-color:#272b30}.basket-sidebar .interactions-section .interaction.selected{border-color:rgba(0,0,0,0);background-color:#3d454d;color:#ced4da}.basket-sidebar .interactions-section .interaction .confidence{position:absolute;top:14px;left:3px;bottom:14px;width:3px}.basket-sidebar .interactions-section .interaction .customer{justify-self:start;margin-bottom:10px;color:#f1f3f5;font-size:.875rem}.basket-sidebar .interactions-section .interaction .time{justify-self:end;margin-bottom:10px;color:#f1f3f5;font-size:.875rem}.basket-sidebar .interactions-section .interaction .product-action{align-self:center;font-size:.75rem}.basket-sidebar .interactions-section .interaction .product-action .action{width:44px;text-align:center;line-height:1.2}.basket-sidebar .interactions-section .interaction .product-action .action.pick{border:1px solid #c5f7f7;color:#c5f7f7}.basket-sidebar .interactions-section .interaction .product-action .action.drop{border:1px solid #ffbea8;color:#ffbea8}.basket-sidebar .interactions-section .interaction .product-action .action.unkn{border:1px solid #6a7178;color:#6a7178}.basket-sidebar .interactions-section .interaction .product-name{align-self:center;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.basket-sidebar .interactions-section .interaction .product-none{grid-column:1/span 2;font-size:.75rem;font-style:italic}.basket-sidebar .keyboard-hint{position:absolute;right:16px;bottom:23px;color:#6a7178}.basket-sidebar .collapse-button{position:absolute;top:10px;right:7px;padding:0}.basket-sidebar .collapse-button svg{font-size:48px}.basket-sidebar.collapsed{transform:translate(-224px);overflow:hidden}.basket-sidebar.collapsed .title-section{visibility:hidden}.basket-sidebar.collapsed .filters-section{visibility:hidden}.basket-sidebar.collapsed .basket-section{visibility:hidden}.basket-sidebar.collapsed .keyboard-hint{display:none}.basket-sidebar.collapsed .tag-ids-list{visibility:hidden}.basket-sidebar.collapsed .interactions-section{visibility:hidden}.basket-sidebar.collapsed .collapse-button svg{transform:rotate(180deg)}.keyboard-hint-tooltip{max-width:none;padding:10px;font-size:.875rem}.keyboard-hint-tooltip h1{margin:0 0 12px 0;font-size:1rem;text-align:center}.keyboard-hint-tooltip td:first-child{font-weight:bold;text-transform:lowercase;padding-right:8px}.validation-status .operator{display:inline-block;margin-right:24px}.validation-status .operator .label{color:#6a7178}.validation-status .operator span+span{margin-left:12px}.validation-status .status{display:inline-block;background-color:#272b30;padding:0 10px;border:1px solid #272b30}.validation-status .status span{padding:0 14px;line-height:28px}.validation-status .status svg{vertical-align:top;margin-top:6px}.validation-status .status.validated{border:1px solid #5fe998;color:#5fe998}.validation-status .status.validated svg{fill:#5fe998}.validation-status .status.pending svg{fill:#6a8afe}.validation-status .status.no-val svg{fill:#6a7178}.product-weight svg{vertical-align:middle;margin-right:12px;visibility:hidden}.product-weight .label{padding:3px 16px 4px 16px;border:1px solid #272b30;background-color:#272b30}.product-weight .label span{vertical-align:middle}.product-weight .label span.selected{color:#5fe998}.product-weight .label span.sign{font-size:1.5em;margin-left:12px;color:#5fe998}.product-weight .label span.detected{margin-left:12px}.product-weight.warning svg{visibility:visible;color:#eb5757}.product-weight.warning .label{border-color:#eb5757}.product-weight.warning span.selected,.product-weight.warning span.sign{color:#eb5757}.product-weight-tooltip{padding:8px;text-align:right}.product-weight-tooltip p{margin:0}.product-weight-tooltip p span{font-weight:bold}.product-weight-tooltip p:last-child{margin-top:16px;font-size:1rem}.product-weight-tooltip p+p{margin-top:6px}.cardbutton-container{position:relative}.cardbutton-container .cardbutton{padding:8px;border:1px solid #272b30;background-color:#101213;color:#adb5bd;font-size:.75rem;line-height:1.333;font-weight:normal;text-transform:none}.cardbutton-container .cardbutton:hover{border-color:#272b30;background-color:#272b30}.cardbutton-container .cardbutton.selected{border-color:#3d454d;background-color:#3d454d;color:#ced4da}.cardbutton-container .cardbutton>span{display:block}.cardbutton-container .cardbutton>span .label{margin-top:8px;padding:0;overflow:hidden;white-space:pre-wrap}.cardbutton-container .checkmark{position:absolute;top:-10px;right:-10px;border-radius:50%;z-index:2;pointer-events:none;background-color:#6a8afe;color:#fff}.frame-player{position:relative;width:100%;aspect-ratio:16/9;background-color:#272b30;font-size:0}.frame-player img{width:100%}.frame-player .marker-overlay{position:absolute;top:0;left:0;pointer-events:none}.frame-player-ctrl{display:flex;flex-direction:column}.frame-player-ctrl .controls{display:flex;flex-direction:row;align-self:center;margin-top:10px}.frame-player-ctrl .controls .media-button{padding:0}.frame-player-ctrl .controls .media-button svg{font-size:40px}.frame-player-ctrl .controls .media-button.big svg{font-size:48px;margin:-4px}.frame-player-ctrl .video-slider{display:flex;flex-direction:row}.frame-player-ctrl .video-slider .time-container{flex-grow:1;margin-top:10px;position:relative}.frame-player-ctrl .video-slider .time-container .time-start,.frame-player-ctrl .video-slider .time-container .time-end{position:absolute;bottom:40px;pointer-events:none;font-size:.875rem}.frame-player-ctrl .video-slider .time-container .time-start{left:0}.frame-player-ctrl .video-slider .time-container .time-end{right:0}.frame-player-ctrl .video-slider .slider-rail,.frame-player-ctrl .video-slider .slider-track{height:8px;border-radius:3px}.frame-player-ctrl .video-slider .slider-thumb{z-index:-1;width:22px;height:22px;margin-top:-8px;margin-left:-10px;border:2px solid #fff}.frame-player-ctrl .video-slider .marker{color:#ced4da}.picker-container{display:flex;flex-direction:row;flex-wrap:wrap}.picker-container .card-wrapper+.card-wrapper{margin-left:18px}.picker-dialog .toolbar-content{display:flex;justify-content:space-between}.picker-dialog .toolbar-content .search-input{width:400px}.picker-dialog .body-wrapper{display:flex;flex-direction:row}.picker-dialog .body-wrapper .body-sidebar{width:280px;height:calc(100vh - 64px);padding:22px 10px;border-right:1px solid #4f575e;overflow-y:auto;background-color:#101213;color:#f1f3f5}.picker-dialog .body-wrapper .body-content{width:100%;height:calc(100vh - 64px);padding:24px;overflow-y:auto;background-color:#101213;color:#f1f3f5}.picker-dialog .body-wrapper .body-content .picker-container .card-wrapper{margin:0 0 18px 24px}.picker-dialog .body-wrapper .body-content .content-label{margin:16px 0}.picker-dialog .body-wrapper .body-content .content-label.center{text-align:center}.picker-dialog .body-wrapper .body-content .content-label a{text-decoration:underline;cursor:pointer}.product-card{min-height:240px}.product-card .action-controls{display:inline-block;margin:12px 10px 0 0;position:relative;vertical-align:top}.product-card .action-controls .action-switch{width:88px;height:48px;padding:0}.product-card .action-controls .action-switch .MuiSwitch-switchBase{padding:3px;background-color:initial}.product-card .action-controls .action-switch .MuiSwitch-switchBase .MuiSwitch-input{width:88px;left:0;right:initial}.product-card .action-controls .action-switch .MuiSwitch-switchBase.Mui-checked{transform:translateX(60px)}.product-card .action-controls .action-switch .MuiSwitch-switchBase.Mui-checked .MuiSwitch-input{left:initial;right:0}.product-card .action-controls .action-switch .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb{color:#c5f7f7}.product-card .action-controls .action-switch .MuiSwitch-track{border-radius:0;background-color:#272b30;opacity:1}.product-card .action-controls .action-switch .MuiSwitch-thumb{width:22px;height:42px;border-radius:0;color:#ffbea8;box-shadow:none}.product-card .action-controls .action-label{position:absolute;top:0;width:66px;font-weight:500;line-height:48px;text-align:center;pointer-events:none;opacity:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.product-card .action-controls .action-label-on{left:0;color:#c5f7f7}.product-card .action-controls .action-label-off{right:0;color:#ffbea8}.product-card .action-controls .action-label.checked{opacity:1}.product-card .qty-controls{width:44px;display:inline-flex;flex-direction:column;align-items:center;vertical-align:top}.product-card .qty-controls input[type=number],.product-card .qty-controls input[type=number]::-webkit-outer-spin-button,.product-card .qty-controls input[type=number]::-webkit-inner-spin-button{-moz-appearance:textfield;-webkit-appearance:none;margin:0;font-size:.875rem}.product-card .qty-controls .MuiInputAdornment-positionStart{width:5px;display:flex;padding:0 4px}.product-card .qty-controls .qty{width:100%;height:26px;line-height:24px;text-align:center;white-space:nowrap;background-color:#272b30;color:#f1f3f5}.product-card .qty-controls .qty.small{font-size:.875rem}.product-card .qty-controls .button-incr,.product-card .qty-controls .button-decr{padding:0;width:100%;height:22px}.product-card .qty-controls .button-incr svg,.product-card .qty-controls .button-decr svg{font-size:16px}.product-card .qty-controls .button-incr svg{transform:rotate(90deg)}.product-card .qty-controls .button-decr svg{transform:rotate(-90deg)}.product-picker{display:grid;grid-template-columns:auto auto auto;gap:18px 18px;justify-content:start}.video-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#272b30;z-index:1300;display:flex;flex-direction:column;align-items:center}.video-fullscreen .vf-title{margin-top:24px;font-size:1.375rem}.video-fullscreen .vf-title span{padding:4px 16px;background-color:#3d454d}.video-fullscreen .vf-video{margin-top:32px;width:1280px;height:720px}.video-fullscreen .vf-controls{margin-top:16px;width:50%}.video-fullscreen .vf-close{position:absolute;top:8px;right:24px}.customer-basket{padding:20px 24px}.customer-basket .header{margin-bottom:36px;display:flex;flex-direction:row;align-items:center}.customer-basket .header h1{flex-grow:1;margin:0}.customer-basket .header .label{margin-right:18px;font-size:.75rem}.customer-basket .header .value{padding:0 6px;min-width:26px;line-height:26px;background-color:#3d454d;font-size:.875rem;text-align:center}.customer-basket table{width:100%;border-collapse:collapse}.customer-basket table td{border-bottom:1px solid #3d454d;padding:6px 0}.customer-basket table td.thumb{width:48px;font-size:0}.customer-basket table td.thumb img{width:100%}.customer-basket table td.qty{width:64px;padding-right:8px;font-size:.875rem;white-space:nowrap;text-align:right}.customer-basket table td.name{font-size:.875rem;text-align:left}.customer-basket table tr.warn td{color:#eb5757}.customer-basket table tr.fade td{color:#6a7178}.customer-timeline{display:flex;justify-content:space-evenly;gap:5px;font-size:0;margin-left:10px;margin-right:10px;overflow-x:auto;scrollbar-width:thin}.customer-timeline::-webkit-scrollbar{width:6px}.customer-timeline{scrollbar-color:#6a8afe rgba(0,0,0,0)}.customer-timeline::-webkit-scrollbar-thumb{background-color:#6a8afe}.customer-timeline .timeline-title{margin-top:25px;position:relative;font-size:.875rem;color:#fff}.customer-timeline .timeline-event{display:flex;flex-direction:row;position:relative;margin-top:25px;margin-bottom:5px;pointer-events:all;cursor:pointer}.customer-timeline .timeline-event:hover{fill:#272b30}.customer-timeline .timeline-event .location{position:absolute;top:-26px;stroke:#272b30}.customer-timeline .timeline-event.done{border:3px solid #27ae60}.customer-timeline .timeline-event.todo{border:3px solid #6a8afe}.customer-timeline .timeline-event.noval{border:3px solid #6a7178}.customer-timeline .timeline-event.noninteractive{border:3px solid #6a7178}.customer-timeline .timeline-event.pick,.customer-timeline .timeline-event.multiaction .pick{stroke:#c5f7f7;fill:#101213}.customer-timeline .timeline-event.pick:hover,.customer-timeline .timeline-event.multiaction .pick:hover{fill:#272b30}.customer-timeline .timeline-event.drop,.customer-timeline .timeline-event.multiaction .drop{stroke:#ffbea8;fill:#101213}.customer-timeline .timeline-event.drop:hover,.customer-timeline .timeline-event.multiaction .drop:hover{fill:#272b30}.customer-timeline .timeline-event.noaction{stroke:#6a7178;fill:#101213}.customer-timeline .timeline-event.noaction:hover{fill:#272b30}.customer-timeline .timeline-event.flag rect{stroke:#6a7178;fill:#101213}.customer-timeline .timeline-event.flag path{fill:#6a7178}.customer-timeline .timeline-event-duration{font-size:small;margin-top:25px;text-decoration:underline}.customer-timeline .timeline-event-duration.very-short{color:#eb5757}.tl-tooltip-content{margin:0;text-align:center;margin-bottom:10px}.tl-tooltip-content .text{margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #6a7178}.tl-tooltip-content .actions{display:flex;flex-direction:row;margin:0 -8px 5px -8px}.tl-tooltip-content .actions .action{display:flex;flex-direction:column;justify-content:center;margin:0 2px}.tl-tooltip-content .actions .action .thumb{max-width:80px;max-height:80px}.tl-tooltip-content .actions .action .legend{margin-bottom:3px;font-size:.875rem}.tl-tooltip-content .actions .action .legend.pick{color:#c5f7f7}.tl-tooltip-content .actions .action .legend.drop{color:#ffbea8}.tl-tooltip-content .actions .action .ellipsis{margin:0 2px;font-size:1.625rem}.interaction-group-timeline{position:relative;align-self:center;display:flex;justify-content:space-evenly;overflow-y:auto;overflow-x:auto;gap:20px}.interaction-group-timeline .interaction-card{position:relative;text-align:center;border:2px solid #6a7178;min-width:40px;min-height:40px;overflow:hidden;cursor:pointer}.interaction-group-timeline .interaction-card:hover{background-color:#272b30}.interaction-group-timeline .interaction-card.selected{background-color:#3d454d}.interaction-group-timeline .interaction-card .interaction-time{margin-top:5px;font-size:.75rem}.interaction-group-timeline .interaction-card .product-action{display:flex;flex-direction:column;justify-content:center}.interaction-group-timeline .interaction-card .product-action .thumb{width:60px;height:60px;margin-bottom:3px}.interaction-group-timeline .interaction-card .product-action .legend{margin-bottom:3px;font-size:.75rem}.interaction-group-timeline .interaction-card .product-action .legend.pick{color:#c5f7f7}.interaction-group-timeline .interaction-card .product-action .legend.drop{color:#ffbea8}.edit-interaction{height:calc(100vh - 24px);display:grid;grid-template-columns:minmax(0, 1fr) 515px;background-color:#101213;color:#f1f3f5}.edit-interaction .col-left{display:grid;height:100vh;grid-template-columns:minmax(0, 1fr);grid-template-rows:48px auto auto auto}.edit-interaction .col-left .section-header{grid-row:1;margin-top:24px;margin-left:24px;margin-right:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.edit-interaction .col-left .section-header .event-info{font-size:1.125rem;font-weight:500}.edit-interaction .col-left .section-header .event-info .label{color:#6a7178}.edit-interaction .col-left .section-header .event-info span+span{margin-left:12px}.edit-interaction .col-left .section-video{grid-row:2;margin-top:12px}.edit-interaction .col-left .section-video .planogram-warning{padding:12px;color:#ed9648}.edit-interaction .col-left .section-video .planogram-warning svg{margin-right:12px;vertical-align:middle}.edit-interaction .col-left .section-video .planogram-warning span{vertical-align:middle}.edit-interaction .col-left .section-interaction-cards{grid-row:3;min-height:120px;max-height:120px}.edit-interaction .col-left .section-timeline{grid-row:4;z-index:2}.edit-interaction .col-right{display:flex;flex-direction:column;height:100vh;padding:0 24px;border-left:1px solid #4f575e}.edit-interaction .col-right .header-customer{flex-grow:0;flex-shrink:0;margin-top:18px}.edit-interaction .col-right .section-customer{flex-grow:0;flex-shrink:0;margin-top:16px}.edit-interaction .col-right .header-product{flex-grow:0;flex-shrink:0;margin-top:48px}.edit-interaction .col-right .section-product{flex-grow:1;flex-shrink:1;margin-right:-24px;padding-top:16px;overflow-y:auto;scrollbar-width:thin}.edit-interaction .col-right .section-product::-webkit-scrollbar{width:6px}.edit-interaction .col-right .section-product{scrollbar-color:#6a8afe rgba(0,0,0,0)}.edit-interaction .col-right .section-product::-webkit-scrollbar-thumb{background-color:#6a8afe}.edit-interaction .col-right .section-basket{flex-grow:1;flex-shrink:1;overflow-y:auto;scrollbar-width:thin}.edit-interaction .col-right .section-basket::-webkit-scrollbar{width:6px}.edit-interaction .col-right .section-basket{scrollbar-color:#6a8afe rgba(0,0,0,0)}.edit-interaction .col-right .section-basket::-webkit-scrollbar-thumb{background-color:#6a8afe}.edit-interaction .col-right .section-basket{background-color:#272b30}.edit-interaction .col-right .section-actions{flex-grow:0;flex-shrink:0;margin-top:1px;padding:18px 0;border-top:1px solid #4f575e;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.edit-interaction .col-right .section-actions .icons .warning{color:#ed9648}.edit-interaction .col-right .section-actions .messages{flex-grow:1;margin-left:10px;margin-right:20px;font-size:.875rem}.edit-interaction .col-right .section-actions .messages p{margin:0}.edit-interaction .col-right .section-actions .messages p+p{margin-top:4px}.edit-interaction .col-right .section-actions .btn-main{min-width:192px}.edit-interaction .col-right .header-controls{height:44px;display:flex;flex-direction:row;align-items:center}.edit-interaction .col-right .header-controls h1{flex-grow:1;margin:0}.edit-interaction .col-right .header-controls button{margin-left:24px;padding:10px}.edit-interaction .col-right .header-controls button+button{margin-left:2px}.edit-interaction .fatal-errors{margin:24px}.person-staff-label{margin-left:8px;padding:0 3px;color:#ed9648;text-transform:uppercase}.person-group-label{margin-left:8px;padding:0 3px;color:#101213;background-color:#adb5bd}.video-marker-inter{fill:none}.video-marker-inter .outline{stroke:#000}.video-marker-inter .fill{stroke:#fff}.video-marker-inter.none .fill{stroke:#6a7178}.video-marker-inter.pick .fill{stroke:#c5f7f7}.video-marker-inter.drop .fill{stroke:#ffbea8}.filter-shelf{text-align:right}.filter-modal{position:"absolute";top:"50%";left:"50%";transform:"translate(-50%, -50%)";width:"400"}.interactions-page{height:100%}.interactions-page .message{display:flex;padding-top:100px;flex-direction:column;justify-content:center;align-items:center;font-size:1.625rem}.interactions-page .warning-small{padding:18px 6px;font-size:1.125rem}.interactions-page .warning-small>svg{margin-right:10px;vertical-align:middle;color:#ed9648}.video-panel .video-container{position:relative;margin:auto;min-width:100vh;max-width:calc((100vh - 515px)*1.75)}.video-panel .video-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 22px;align-items:center}.video-panel .video-panel-children{grid-area:1/2/3/2;position:sticky;align-self:start;justify-self:center;top:20px}.video-panel .video-wrapper{position:relative;cursor:pointer}.video-panel .video-wrapper .camera-controls{opacity:0;position:absolute;top:10px;right:10px;display:flex;height:32px;gap:10px;transition:opacity 100ms linear}.video-panel .video-wrapper .camera-controls svg{width:14px;height:14px}.video-panel .video-wrapper .camera-id{opacity:0;display:flex;position:absolute;top:10px;left:10px;transition:opacity 100ms linear}.video-panel .video-wrapper .camera-id .label{display:inline-block;padding:7px 10px;color:#fff;font-size:.75rem;vertical-align:bottom;pointer-events:none;background-color:#272b30}.video-panel .video-wrapper .camera-id .select{display:none;vertical-align:bottom}.video-panel .video-wrapper .camera-id .select button{min-height:auto;height:100%;display:block;border-radius:0;font-size:.75rem;color:#000}.video-panel .video-wrapper .camera-id .select button:hover{background-color:hsla(0,0%,100%,.7)}.video-panel .video-wrapper:hover .camera-id,.video-panel .video-wrapper:hover .camera-controls{opacity:1}.video-panel .video-wrapper:hover .camera-id{background-color:hsla(0,0%,100%,.7)}.video-panel .video-wrapper:hover .camera-id .select{display:flex;flex-direction:column}.video-panel .video-controls .cameras-select{border-radius:0;font-size:.875rem}.video-panel .video-controls .cameras-select .MuiSelect-outlined{padding:4px 24px 4px 4px;text-align:center}.video-panel .video-controls .cameras-select .MuiSelect-iconOutlined{right:0;top:0}.video-panel .video-controls .selected{background-color:#272b30}.video-panel .video-frames-loading{position:absolute;bottom:72px}.video-panel .video-messages{position:absolute;bottom:72px;left:calc(100% - 350px)}.video-panel .video-messages.video-warnings{color:#ed9648}.video-panel .video-messages.video-errors{color:#eb5757}.video-panel .video-messages>span{margin-right:10px}.video-panel .video-messages>span svg{vertical-align:middle}.video-panel .video-messages>button{margin:-4px;padding:4px;vertical-align:middle;color:#f1f3f5}.video-panel .video-messages>button:hover{background-color:#272b30}.video-panel .videos-overlay{position:fixed;top:0;right:0;width:515px;height:100vh;padding:20px 0 0 20px;z-index:1200;background-color:#272b30;color:#f1f3f5;display:flex;flex-direction:column}.video-panel .videos-overlay h1{margin-bottom:20px}.video-panel .videos-overlay .close-button{position:absolute;top:20px;right:20px;padding:6px;margin:-6px}.video-panel .videos-overlay .video-grid-wrapper{padding-right:20px;overflow-y:auto;scrollbar-width:thin}.video-panel .videos-overlay .video-grid-wrapper::-webkit-scrollbar{width:6px}.video-panel .videos-overlay .video-grid-wrapper{scrollbar-color:#6a8afe rgba(0,0,0,0)}.video-panel .videos-overlay .video-grid-wrapper::-webkit-scrollbar-thumb{background-color:#6a8afe}.video-panel .videos-overlay .video-grid{grid-template-columns:1fr}.video-warnings-tooltip{max-width:none;font-size:.875rem}.video-warnings-tooltip ul{margin:8px;padding:0;list-style:none}.interactions-parent-page{height:100%}.interaction-filter-list{padding:48px 64px}.interaction-filter-list h1{margin-top:0;margin-bottom:32px;font-size:28px}.interaction-filter-list .filter-bar{margin-top:0px;margin-bottom:64px}.interaction-filter-list .list-area{margin-left:40px;margin-right:40px;max-height:calc(200vh - 240px);max-width:80%;overflow-y:auto}.interaction-filter-list .list-area table th,.interaction-filter-list .list-area table td{font-size:1.125rem}.interaction-filter-list .list-area table .warn{font-size:1rem;color:#ed9648}.interaction-filter-list .list-area table .header-row{background-color:#6a7178}.interaction-filter-list .list-area table .filter-row{background-color:#272b30}.interaction-filter-list .empty-list-notification{margin-top:12px;margin-left:32px;margin-bottom:12px}.interaction-filter-list .action-area{margin-top:32px}.interaction-filter-list .action-area .back-button{position:fixed;right:64px;bottom:48px}.interaction-filter-sidebar+*{margin-left:280px}.interaction-filter-sidebar.collapsed+*{margin-left:56px}.interactions-pagination{margin-top:32px;margin-left:10px;display:flex;flex-direction:column}.interaction-filter-sidebar{width:280px;transition:transform ease-out 100ms;position:absolute;border-right:1px solid #4f575e;height:100vh;padding:22px 10px;display:flex;flex-direction:column;justify-content:space-between;background-color:#101213;color:#f1f3f5;font-size:.875rem}.interaction-filter-sidebar .title-section h1{margin:0 12px;font-size:1.375rem;font-weight:600;letter-spacing:.08em;line-height:1}.interaction-filter-sidebar .interaction-list{flex-grow:1;margin-top:5px}.interaction-filter-sidebar .interaction-list .interactions{margin:8px -10px 0 -10px;padding:0 10px;max-height:calc(100vh - 288px);overflow-y:auto;scrollbar-width:thin}.interaction-filter-sidebar .interaction-list .interactions::-webkit-scrollbar{width:6px}.interaction-filter-sidebar .interaction-list .interactions{scrollbar-color:#6a8afe rgba(0,0,0,0)}.interaction-filter-sidebar .interaction-list .interactions::-webkit-scrollbar-thumb{background-color:#6a8afe}.interaction-filter-sidebar .interaction-list .interaction+.interaction{border-top:1px solid #272b30}.interaction-filter-sidebar .interaction-list .interaction{position:relative;padding:16px 10px;display:grid;grid-template-columns:50px 1fr;gap:3px 3px;color:#adb5bd;cursor:pointer}.interaction-filter-sidebar .interaction-list .interaction:hover{border-color:rgba(0,0,0,0);background-color:#272b30}.interaction-filter-sidebar .interaction-list .interaction.selected{border-color:rgba(0,0,0,0);background-color:#3d454d;color:#ced4da}.interaction-filter-sidebar .interaction-list .interaction .confidence{position:absolute;top:14px;left:3px;bottom:14px;width:3px}.interaction-filter-sidebar .interaction-list .interaction .customer{justify-self:start;margin-bottom:10px;color:#f1f3f5;font-size:.875rem}.interaction-filter-sidebar .interaction-list .interaction .time{justify-self:end;margin-bottom:10px;color:#f1f3f5;font-size:.875rem}.interaction-filter-sidebar .interaction-list .interaction .product-action{align-self:center;font-size:.75rem}.interaction-filter-sidebar .interaction-list .interaction .product-action .action{width:44px;text-align:center;line-height:1.2}.interaction-filter-sidebar .interaction-list .interaction .product-action .action.pick{border:1px solid #c5f7f7;color:#c5f7f7}.interaction-filter-sidebar .interaction-list .interaction .product-action .action.drop{border:1px solid #ffbea8;color:#ffbea8}.interaction-filter-sidebar .interaction-list .interaction .product-action .action.unkn{border:1px solid #6a7178;color:#6a7178}.interaction-filter-sidebar .interaction-list .interaction .product-name{align-self:center;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interaction-filter-sidebar .interaction-list .interaction .product-none{grid-column:1/span 2;font-size:.75rem;font-style:italic}.interaction-filter-sidebar .interaction-list .interaction-warning{padding:18px 6px;display:flex;align-items:center}.interaction-filter-sidebar .interaction-list .interaction-warning>svg{margin-right:10px;color:#ed9648}.interaction-filter-sidebar .action-section{margin-top:24px;text-align:center}.interaction-filter-sidebar .keyboard-hint{position:absolute;right:16px;bottom:23px;color:#6a7178}.interaction-filter-sidebar .filter-button{min-width:200px;min-height:34px;border-width:1px;font-size:.875rem}.interaction-filter-sidebar .filter-button svg{font-size:20px;margin-right:8px}.interaction-filter-sidebar .live-mode{margin-top:20px;display:flex;justify-content:center;align-items:center}.interaction-filter-sidebar .live-mode .live-mode-switch{margin-left:10px}.interaction-filter-sidebar .collapse-button{position:absolute;top:10px;right:7px;padding:0}.interaction-filter-sidebar .collapse-button svg{font-size:48px}.interaction-filter-sidebar.collapsed{transform:translate(-224px);overflow:hidden}.interaction-filter-sidebar.collapsed .title-section{visibility:hidden}.interaction-filter-sidebar.collapsed .filters-section{visibility:hidden}.interaction-filter-sidebar.collapsed .queue-section{visibility:hidden}.interaction-filter-sidebar.collapsed .action-section{position:absolute;right:0;bottom:22px;width:56px}.interaction-filter-sidebar.collapsed .keyboard-hint{display:none}.interaction-filter-sidebar.collapsed .filter-button{visibility:hidden}.interaction-filter-sidebar.collapsed .live-mode{visibility:hidden}.interaction-filter-sidebar.collapsed .interaction-list{visibility:hidden}.interaction-filter-sidebar.collapsed .collapse-button svg{transform:rotate(180deg)}

/*# sourceMappingURL=main.css.map*/