@charset "UTF-8";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;scroll-behavior:smooth}.diagram{width:100%;height:100%}.temp-placeholder{background-color:#e7d8f6;font-family:Comic Sans MS}.dev-banner{position:fixed;background-color:#e7d8f6;z-index:99999;top:0;left:50%;transform:translate(-50%);padding:4px 10px;text-align:center;font-size:10px}.config-selector{position:fixed;background-color:#e7d8f6;z-index:99999;top:0;left:75%;transform:translate(-50%);padding:4px 10px;text-align:center;font-size:10px}#root .dialog-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}#root .dialog-overlay .dialog{width:620px;height:350px;background-color:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;color:#7f7f7f;font-size:16px;font-style:normal;font-weight:400;line-height:140%}#root .dialog-overlay .dialog h1{margin:0;color:#000;font-size:40px;font-style:normal;font-weight:400;line-height:96.5%}#root .dialog-overlay .dialog .confirm-body,#root .dialog-overlay .dialog .message-body{flex-grow:1;flex-shrink:1;min-height:0;display:flex;flex-direction:column}#root .dialog-overlay .dialog .confirm-body textarea,#root .dialog-overlay .dialog .message-body textarea{width:100%;height:80px;margin-bottom:30px}#root .dialog-overlay .dialog .confirm-body .details,#root .dialog-overlay .dialog .message-body .details{flex-grow:1;flex-shrink:1;overflow:auto;width:100%;font-size:12px;line-height:100%}#root .dialog-overlay .dialog .confirm-footer,#root .dialog-overlay .dialog .message-footer{display:flex;justify-content:stretch;gap:20px}#root .dialog-overlay .dialog .confirm-footer button,#root .dialog-overlay .dialog .message-footer button{flex-grow:1;justify-content:center;text-transform:uppercase;color:#242424;font-size:14px;font-style:normal;font-weight:700;line-height:140%;border:1px solid #242424;padding:8px}#root .dialog-overlay .dialog .confirm-footer button.confirm,#root .dialog-overlay .dialog .message-footer button.confirm{background-color:#242424;color:#fff}#adminapp header{padding:24px 24px 0;display:flex;flex-direction:row;justify-content:flex-end}#adminapp header>div{display:flex;gap:1rem;flex:1;align-items:center;color:#fff}#adminapp header>div>span{font-weight:700}#adminapp header>div:last-child{flex:0;justify-content:flex-end}.user-btn{color:#fff}.filter{margin:20px 0}.filter>.filter-properties{display:flex;gap:12px}.filter>.filter-properties>.filter-input{width:200px}.filter>.filter-properties>.filter-input span{font-size:unset;font-weight:400;margin-left:6px;opacity:.6}.filter>.filter-properties>.filter-input.date-input{display:flex;width:300px}.filter>.filter-properties>.filter-input .react-datepicker-wrapper input{margin-right:0;border:1px solid rgba(0,0,0,.26);background:#fff;padding:4px 8px;width:100%;min-height:32px;color:gray;font-size:16px;font-style:normal;font-weight:400;margin-bottom:10px;font-size:12px;box-shadow:none!important;outline:none}.filter>.filter-properties>.filter-input .react-datepicker-wrapper input:disabled{color:#00000042;background:#efefef4d}.filter>.filter-properties>.filter-input .react-datepicker-wrapper input:focus{outline:none}.filter>.filter-properties>.filter-input .react-datepicker-wrapper button{padding:0;height:auto;top:6px;opacity:.2;transition:opacity .1s ease-in}.filter>.filter-properties>.filter-input .react-datepicker-wrapper button:hover{opacity:.4}.filter>.filter-properties>.filter-input .react-datepicker-wrapper button:after{content:"";border-radius:0;background-color:transparent;position:relative;appearance:none;-webkit-appearance:none;height:20px;width:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 20 20' aria-hidden='true' focusable='false' class='css-tj5bde-Svg'%3E%3Cpath d='M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:auto;cursor:pointer}.filter>.filter-properties>.filter-input label{display:block;font-size:12px;font-style:normal;font-weight:700;line-height:140%;margin-bottom:10px}.filter>.filter-properties>.filter-input input{flex-grow:0;margin-right:10px}.filter>.filter-properties>.filter-input .text-input{display:flex;flex-direction:column}.filter>.filter-properties>.filter-input .text-input input{margin-right:0;padding:8px 26px 8px 16px;flex:1;font-size:12px;border:1px solid hsl(0,0%,80%)}.filter>.filter-properties>.filter-input .text-input input:focus{outline:none}.filter>.filter-properties>.filter-input .text-input input::-webkit-search-cancel-button{position:relative;-webkit-appearance:none;height:20px;width:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 20 20' aria-hidden='true' focusable='false' class='css-tj5bde-Svg'%3E%3Cpath d='M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:auto;cursor:pointer}.filter>.filter-properties>.filter-input .text-input.search{position:relative}.filter>.filter-properties>.filter-input .text-input.search input{border-radius:20px;color:#fff;background-color:#00000080}.filter>.filter-properties>.filter-input .text-input.search input::placeholder{color:#fff}.filter>.filter-properties>.filter-input .text-input.search input::-webkit-search-cancel-button{filter:invert(1)}.filter>.filter-properties>.filter-input .text-input.search:before{content:"";position:absolute;left:87%;top:50%;height:13px;width:13px;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%3e%3cpath%20d='M12.9991%206.48667C12.9938%205.81953%2012.3658%205.32916%2011.712%205.45975L8.09846%206.1802C8.08603%206.18286%208.07359%206.18464%208.06115%206.1873C7.73071%206.24149%207.54684%205.80354%207.82398%205.6161C7.82576%205.61521%207.82754%205.61343%207.82931%205.61255L10.9356%203.53916C11.4926%203.16783%2011.5708%202.37987%2011.0982%201.90638L11.0955%201.90372C11.0955%201.90372%2011.0893%201.8975%2011.0866%201.89483C10.6123%201.42757%209.82706%201.51462%209.45664%202.06895L7.38695%205.17015L7.3834%205.17548C7.19508%205.4562%206.75893%205.28297%206.81045%204.94895C6.81312%204.93296%206.81578%204.91697%206.81934%204.9001L7.53973%201.28632C7.67031%200.633388%207.17998%200.00533005%206.51288%200C6.50844%200%206.504%200%206.49956%200C6.49511%200%206.49067%200%206.48623%200C5.81913%200.00533005%205.3288%200.633388%205.45938%201.28721L6.17977%204.90098C6.18244%204.91342%206.18422%204.92586%206.18688%204.93829C6.24107%205.26876%205.80314%205.45264%205.61572%205.17548C5.61483%205.17371%205.61305%205.17193%205.61216%205.17015L3.54247%202.06895C3.17294%201.51462%202.3877%201.42757%201.91247%201.89483C1.90981%201.8975%201.90625%201.90105%201.90359%201.90372C1.90092%201.90638%201.89737%201.90994%201.8947%201.9126C1.42747%202.38698%201.51452%203.17227%202.06881%203.54271L5.1698%205.61255C5.1698%205.61255%205.17335%205.61521%205.17513%205.6161C5.45227%205.80354%205.2684%206.24149%204.93796%206.1873C4.92552%206.18553%204.91308%206.18286%204.90065%206.1802L1.28801%205.46064C0.633345%205.33005%200.00532969%205.81953%200%206.48667C0%206.49112%200%206.49556%200%206.5C0%206.50444%200%206.50888%200%206.51333C0.00532969%207.18047%200.633345%207.67084%201.28712%207.54025L4.90065%206.8198C4.91308%206.81714%204.92552%206.81536%204.93796%206.8127C5.2684%206.75851%205.45227%207.19646%205.17513%207.3839C5.17335%207.38479%205.17157%207.38657%205.1698%207.38745L2.06881%209.45729C1.51452%209.82684%201.42747%2010.6121%201.8947%2011.0874C1.89737%2011.0901%201.90092%2011.0936%201.90359%2011.0963L1.90714%2011.0989C2.38148%2011.5707%203.1685%2011.4925%203.5398%2010.9364L5.61305%207.82985C5.61305%207.82985%205.61572%207.8263%205.6166%207.82452C5.80403%207.54736%206.24195%207.73124%206.18777%208.06171C6.18599%208.07414%206.18333%208.08658%206.18066%208.09902L5.46027%2011.7128C5.32969%2012.3675%205.82002%2012.9956%206.48712%2013C6.49156%2013%206.496%2013%206.50044%2013C6.50489%2013%206.50933%2013%206.51377%2013C7.18087%2012.9947%207.6712%2012.3666%207.54062%2011.7128L6.82022%208.09902C6.81756%208.08658%206.81578%208.07414%206.81312%208.06171C6.75893%207.73124%207.19686%207.54736%207.38428%207.82452C7.38517%207.8263%207.38695%207.82807%207.38784%207.82985L9.45753%2010.9311C9.82706%2011.4854%2010.6123%2011.5724%2011.0875%2011.1052C11.0911%2011.1025%2011.0937%2011.0989%2011.0964%2011.0963L11.0991%2011.0936C11.5725%2010.621%2011.4953%209.83306%2010.9392%209.46173L7.8302%207.38745C7.8302%207.38745%207.82665%207.38479%207.82487%207.3839C7.54773%207.19646%207.73249%206.75851%208.06204%206.8127C8.07448%206.81447%208.08691%206.81714%208.09935%206.8198L11.7129%207.54025C12.3675%207.67084%2012.9956%207.18047%2013%206.51333C13%206.50888%2013%206.50444%2013%206.5C13%206.49556%2013%206.49112%2013%206.48667H12.9991Z'%20fill='currentcolor'/%3e%3c/svg%3e");background-repeat:no-repeat;filter:invert(1)}.filter>.filter-values{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:20px 0}.filter>.filter-values .clear{border-radius:20px;background:#000;padding:5px 15px;color:#fff;font-size:12px;font-style:normal;font-weight:400;cursor:pointer}.filter>.filter-values>.filter-value{border-radius:20px;background:#f0eaf0;width:auto;padding:5px 15px;color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:110%}.filter>.filter-values>.filter-value span{display:none}.filter>.filter-values>.filter-value svg{vertical-align:text-bottom;margin-left:10px;cursor:pointer}.fixed>.filter{margin:0}.admin-statistics-page-view{padding-top:20px;margin-bottom:20px}.admin-statistics-page-view .admin-statistics-page-usage{display:flex;gap:6rem}.admin-statistics-page-view .admin-statistics-page-usage>div{flex:auto}.admin-statistics-page-view .admin-statistics-filters-wrapper{display:flex;gap:.5rem;align-items:center}.admin-statistics-page-view .admin-statistics-filters-wrapper .filter{padding:0}.admin-statistics-page-view .admin-statistics-filters-wrapper .toggle-button{margin-bottom:.5rem;padding:.25rem;background-color:#fff;border-width:1px;border-style:solid;border-color:#ccc!important}.admin-statistics-page-view .admin-statistics-filters-wrapper .toggle-button i{border-color:#ccc!important}.admin-statistics-page-view .admin-statistics-filters-wrapper label{display:inline-block;margin-bottom:.5rem}.admin-statistics-page-view .statistics-loader{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.admin-statistics-page-view .statistics-page-charts{display:flex;flex-wrap:wrap;width:100%}.admin-statistics-page-view .statistics-page-charts .statistics-page-charts-body{display:flex;flex-direction:column;width:100%}.admin-statistics-page-view .statistics-page-charts .statistics-page-charts-body .statistics-page-chart{margin-bottom:1.5rem;display:flex;flex-direction:column;flex:0 1 auto;background-color:#eee}.admin-statistics-page-view .statistics-page-charts .statistics-page-charts-body .statistics-page-chart .statistics-page-chart-body{display:flex}.admin-statistics-page-view .statistics-page-charts .statistics-page-charts-body .statistics-page-chart .statistics-page-chart-body .statistics-chart-wrapper{padding:3rem;min-width:calc(50vw - 10rem)}.admin-statistics-page-view .statistics-page-charts .statistics-page-charts-body .statistics-page-chart .statistics-page-chart-body .statistics-chart-wrapper h2{margin:0;margin-bottom:.5rem}.admin-statistics-page-view .statistics-page-charts .statistics-page-charts-body .statistics-page-chart .statistics-page-chart-body .statistics-chart-wrapper .statistics-chart{width:100%!important;height:auto!important;background-color:#fff}.statistics-usage{margin-bottom:8rem;padding:3rem;display:flex;gap:.5rem;flex-direction:column;background-color:#eee}.statistics-usage h2{margin:0;margin-bottom:.5rem}.statistics-usage .statistics-usage-item{padding:1rem 1rem 1rem 2rem;display:flex;gap:1rem;align-items:center;background-color:#fff}.statistics-usage .statistics-usage-item>div{display:flex;flex:auto}.statistics-usage .statistics-usage-item span{flex:1 0 15%;white-space:nowrap}.toggle-button{display:flex;align-items:center;position:relative}.toggle-button i{position:absolute;width:1rem;height:1rem}.toggle-button span{line-height:normal}.toggle-button.has-icon i{border:1px solid #000}.toggle-button.has-icon span{padding-left:1.5rem}.toggle-button.has-icon.active i:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background-color:#000}.statistics-chart{display:inline!important;width:100%!important;height:100%!important}.login-page{height:100vh;background:#f0eaf0;font-family:PP Radio Grotesk}.login-page *{box-sizing:border-box}.login-page .logo{position:absolute;left:22px;bottom:29px;z-index:1;opacity:.25}.login-page .page-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;z-index:10}.login-page h1{font-family:Domaine Display;color:#121212;font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 25px}.login-page h2.divider{text-align:center;font-family:Domaine Display;color:#121212;font-size:24px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center}.login-page h2.divider:before,.login-page h2.divider:after{flex:1;content:"";height:1px;background-color:#121212;margin:10px}.login-page input{width:100%;height:50px;margin-bottom:8px;border-radius:2px;background:#f0eaf0;border:1px solid rgba(0,0,0,.13);padding:0 10px;color:#000;font-family:PP Radio Grotesk;font-size:16px;font-style:normal;font-weight:700}.login-page input::placeholder{color:#000;font-family:PP Radio Grotesk;font-size:16px;font-style:normal;font-weight:700;opacity:1}.login-page button,.login-page .button{width:100%;padding:10px 0;color:#000;font-family:PP Radio Grotesk;font-size:16px;font-style:normal;font-weight:700;border:none!important;border-radius:0!important;color:#fff;background-color:#000!important;cursor:pointer;text-transform:uppercase;display:inline-block;text-align:center;line-height:normal}.login-page button svg,.login-page .button svg{height:14px;vertical-align:baseline;margin-right:10px}.login-page .error{margin-top:0;color:red}.login-page a{color:#000;font-family:PP Radio Grotesk;font-size:12px;font-style:normal;font-weight:400;line-height:300%;text-decoration:none}.hotspots-editor .placementpoint-list ul li.active h4{color:#389e0d!important}.hotspots-editor .ant-tabs{display:block;height:100%;overflow:hidden}.hotspots-editor .ant-tabs-content-holder{overflow-y:auto;height:calc(100% - 9em)}.hotspots-editor .hotspots-container{display:flex;height:100%;width:100%;justify-content:center;-webkit-user-select:none;user-select:none}.hotspots-editor .hotspots-container .hotspots{position:relative;flex:0}.hotspots-editor .hotspots-container .hotspots img{height:100%;width:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.hotspots-editor .hotspots-container .hotspots .aspect-overlay{position:absolute;inset:0;background-color:#0009}.hotspots-editor .hotspots-container .hotspots .hotspot-item,.hotspots-editor .hotspots-container .hotspots .scale-handle{position:absolute;display:block;top:0;left:0;width:10px;height:10px;background-color:#4096ff;border-radius:10px;opacity:0;-webkit-user-select:none;user-select:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translate(-5px,-5px) scale(1);cursor:pointer;pointer-events:none}.hotspots-editor .hotspots-container .hotspots .hotspot-item.active,.hotspots-editor .hotspots-container .hotspots .scale-handle.active{opacity:1;transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:all;z-index:20}.hotspots-editor .hotspots-container .hotspots .hotspot-item.selected,.hotspots-editor .hotspots-container .hotspots .scale-handle.selected{background-color:#389e0d;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translate(-5px,-5px) scale(1.4)}.hotspots-editor .hotspots-container .hotspots .scale-rect-container{position:absolute;inset:0;z-index:1}.hotspots-editor .hotspots-container .hotspots .scale-rect-container .scale-handle{width:15px;height:15px;border-radius:0;background-color:#389e0d;opacity:1;z-index:20;transform:translate(-7.5px,-7.5px) scale(1);-webkit-user-select:none;user-select:none;pointer-events:all}.hotspots-editor .hotspots-container .hotspots .scale-rect-container .scale-handle.dragging{background-color:#389e0d;opacity:.3;transform:translate(-7.5px,-7.5px) scale(1.3)}.hotspots-editor .hotspots-container .hotspots .scale-rect-container .scale-rect{position:absolute;display:block;background-color:#389e0d;opacity:.2;-webkit-user-select:none;user-select:none;z-index:10}.hotspots-editor .draggable{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.hotspots-editor .draggable:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.illustration-editor{position:relative}.illustration-editor img{width:100%}.illustration-editor .cam{position:absolute;width:20px;height:20px;background:#000;border:1px solid #fff;border-radius:100%;transform:translate(-10px,-10px);cursor:move}.illustration-editor .cam .label{position:absolute;background:#fff;color:#000;opacity:.7;transform:translate(-50%,-20px);top:-26px;left:8px;white-space:nowrap;pointer-events:none}.illustration-editor .cam .direction{position:absolute;top:10px;left:10px}.illustration-editor .cam .direction .direction-cone{position:absolute;width:30px;height:30px;border-left:3px solid #000;border-top:3px solid #000;top:0;left:0;transform:rotate(135deg);transform-origin:0 0}.illustration-editor .cam .direction .direction-handle{position:absolute;width:12px;height:20px;top:-10px;left:-40px;background:#000;border:1px solid #fff;cursor:n-resize}.expression-editor{margin-bottom:20px;display:flex;gap:8px;align-items:center}.expression-editor button{margin-top:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.expression-editor button.primary svg g{fill:#fff}.filter-presets{display:flex;flex:1}.filter-presets>div{display:flex;flex:1 0 auto;gap:8px;align-items:center}.filter-presets .filter-preset-select{display:flex;flex:1 0 auto;min-width:300px}.resetpassword>div{display:flex;flex-direction:column}.resetpassword>div input{box-sizing:border-box;margin-bottom:10px;padding:4px 11px;border-radius:6px;line-height:1.5714285714;border:1px solid #d9d9d9;transition:all .2s;outline:0}.resetpassword>div input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #0591ff1a}.resetpassword>div button{padding:4px 15px;line-height:1.5714285714;border-radius:6px;color:#fff;background-color:#1677ff;border:1px solid transparent;transition:all .2s;cursor:pointer;outline:0}.resetpassword>div button:hover{background-color:#4096ff}.assetlist{display:grid;gap:21px;overflow:auto;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:max-content;position:relative}.assetlist .loading{position:absolute;top:50%;left:50%;z-index:1;width:48px;height:48px;transform:translate(-50%,-50%)}.assetlist.large{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.assetlist.list{display:block}.assetlist.list .asset{border-top:2px solid white!important;border-image:url("data:image/svg+xml,%3csvg%20width='2000'%20height='2'%20viewBox='0%200%202000%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M2000%201H0'%20stroke='black'%20stroke-opacity='0.5'%20stroke-dasharray='2%202'%3e%3c/path%3e%3c/svg%3e");border-image-slice:2 2 2 2 fill;border-image-repeat:repeat;padding:6px;display:flex}.assetlist.list .asset .asset-image{display:none}.assetlist.list .asset .name{display:inline-block;width:300px;transition:all .25s ease-in-out;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:400}.assetlist.list .asset .name:before{transition:all .25s ease-in-out;content:"●";color:#000;font-size:0;font-style:normal;font-weight:700;line-height:100%;margin-right:0;vertical-align:middle}.assetlist.list .asset.selected .name{font-weight:700}.assetlist.list .asset:hover .name{color:#000;font-weight:700}.assetlist.list .asset:hover .name:before{font-size:10px;margin-right:20px}.assetlist.singleselect .asset:not(.selected) .asset-image .check{display:none}.assetlist .asset{cursor:pointer;overflow:hidden;color:#20201f;font-size:16px;font-style:normal;font-weight:700}.assetlist .asset.selected .asset-image{background:#f0eaf0}.assetlist .asset.selected .asset-image .check{background-color:#000}.assetlist .asset.selected .asset-image .check svg{opacity:1}.assetlist .asset:hover .asset-image img{opacity:.8}.assetlist .asset .asset-image{border-radius:2px;border:1px solid #e5e5e5;padding:0;display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative;width:100%;aspect-ratio:1/1}.assetlist .asset .asset-image .check{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;transition:background-color .25s ease-in-out;z-index:1}.assetlist .asset .asset-image .check svg{opacity:0;color:#fff;height:25px;width:25px;transition:opacity .25s ease-in-out}.assetlist .asset .asset-image .warning{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:14px;border:1px solid #f00;color:red;font-size:13px;font-style:normal;font-weight:400;line-height:normal;background-color:#ffe6e6;z-index:2;max-width:calc(100% - 40px)}.assetlist .asset .asset-image .tag{position:absolute;bottom:10px;right:10px;padding:2px 8px;border-radius:14px;border:1px solid #000;color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:normal;background-color:#fff;z-index:2;max-width:calc(100% - 40px);text-transform:capitalize}.assetlist .asset .asset-image .tag svg{display:inline-block;height:16px;margin-left:10px;vertical-align:middle}.assetlist .asset .asset-image video{width:100%}.assetlist .asset .asset-image img{object-fit:cover;display:block;transition:opacity ease-in-out .25s;max-height:100%}.assetlist .asset .asset-image .lazy-load-image-background{width:100%;height:100%;justify-content:center;align-items:center}.assetlist .asset .asset-footer{display:flex;gap:2px}.assetlist .asset .asset-footer .asset-name{flex-grow:1}.assetlist .asset .asset-footer .asset-name .name{font-size:16px;display:block}.assetlist .asset .asset-footer .asset-name .ean{color:#20201f;font-size:16px;font-style:normal;font-weight:300;line-height:normal;opacity:.3}.assetlist .asset .asset-footer .info{flex-shrink:0}.assetlist.dark .asset{color:#fff}.assetlist.dark .asset .asset-image{border-color:#20201f}#createapp .productselector{max-height:100%;display:flex;flex-direction:column;background-color:#fff;padding:20px}#createapp .productselector .header{display:flex;align-items:flex-start}#createapp .productselector .header h1{color:#121212;font-size:24px;font-style:normal;font-weight:400;flex-grow:1;margin:0}#createapp .productselector .header .parents{margin-right:16px}#createapp .productselector .header .parents h3{color:#121212;font-size:16px;font-style:normal;font-weight:400;flex-grow:0;margin:0}#createapp .productselector .header .back{margin-top:8px}#createapp .productselector .header .close svg{margin:0}#createapp .productselector .parents h2{color:#121212;font-size:16px;font-style:normal;font-weight:400;margin:0}#createapp .productselector .parents .parent-items{display:flex;gap:10px}#createapp .productselector .parents .parent-items .parent{width:80px;font-size:10px;transition:opacity .25s ease-in-out}#createapp .productselector .parents .parent-items .parent p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#createapp .productselector .parents .parent-items .parent img{max-width:100%}#createapp .productselector .parents .parent-items .parent.unsupported{opacity:.25}#createapp .productselector .footer{display:flex;gap:10px}#createapp .productselector .footer button{color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:140%;text-transform:uppercase;width:100%;background-color:#000;display:inline-block;padding:6px}#createapp .productselector .footer button svg{color:#fff;margin:0}#createapp .productselector .footer button .working path{fill:#fff}#createapp .productselector .footer .submit{flex-grow:1}#createapp .productselector .footer .delete{width:75px;flex-grow:0}#createapp .productselector input{border:0;border-bottom:1px solid #B2B2B2;color:#272726;font-size:15px;font-style:normal;font-weight:400;padding:16px 0}#createapp .productselector input:focus{outline:none}#createapp .productselector .productselector-items{min-height:0;margin-right:-20px;margin-bottom:40px;margin-top:40px;padding-right:20px;flex-grow:1}#createapp .productselector .multiselect{-webkit-user-select:none;user-select:none;margin-bottom:10px}#createapp .productselector .multiselect label{display:flex;align-items:center}#createapp .productselector .multiselect label span{transition:all .25s ease-in-out;color:#0009}#createapp .productselector .multiselect label .check{margin-right:10px;border:1px solid rgba(0,0,0,.6);border-radius:4px;width:25px;height:25px;display:inline-block}#createapp .productselector .multiselect label .check svg{display:none;position:relative;top:4px;left:4px}#createapp .productselector .multiselect label .check svg path{transition:all .25s ease-in-out;stroke:#0009;fill:#0009}#createapp .productselector .multiselect label input{position:absolute;display:none}#createapp .productselector .multiselect label input:checked~.check{background-color:#fff}#createapp .productselector .multiselect label input:checked~.check svg{display:block}#createapp .productselector .multiselect label input:checked~.check svg path{stroke:#000;stroke-width:2px}#createapp .productselector .multiselect label input:checked~span{color:#000}#createapp .productselector .multiselect label input:disabled~span{opacity:.2;color:#000;cursor:not-allowed}#createapp .productselector .multiselect label input:disabled~.check{opacity:.2;border:1px solid #000;background-color:#0003;cursor:not-allowed}#createapp .productselector .multiselect:hover label span{color:#000}#createapp .productselector .multiselect:hover label .check{border:1px solid #000;background-color:#0003}#createapp .bomdesigner{display:flex;gap:50px;align-items:flex-start;position:relative}#createapp .bomdesigner .details{width:400px}#createapp .bomdesigner .details.empty{display:none}#createapp .bomdesigner .details .metadatafield{margin-top:10px}#createapp .bomdesigner .details .metadatafield.new{margin-top:40px}#createapp .bomdesigner .details .metadatafield div{display:flex}#createapp .bomdesigner .details .metadatafield div button{width:60px;text-align:center}#createapp .bomdesigner .details .metadatafield div input:disabled{color:#aaa}#createapp .bomdesigner .details input,#createapp .bomdesigner .details select{border-radius:2px;border:1px solid rgba(255,255,255,.26);background:#1a1a1a;padding:16px;width:100%;color:#fff;font-size:16px;font-style:normal;font-weight:400}#createapp .bomdesigner .details input:focus,#createapp .bomdesigner .details select:focus{outline:none}#createapp .bomdesigner .details input .placeholder,#createapp .bomdesigner .details select .placeholder{color:#555}#createapp .bomdesigner .details input.invalid,#createapp .bomdesigner .details select.invalid{outline:1px solid #F00}#createapp .bomdesigner .details button svg{color:#fff;margin:0}#createapp .bomdesigner .details .save{color:#1a1a1a;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:140%;width:100%;background-color:#fff;display:inline-block;padding:6px;margin-top:80px}#createapp .bomdesigner .image{position:relative}#createapp .bomdesigner .image .hotspot{position:absolute;height:20px;border-radius:10px;background-color:#000;transform:translate(-50%,-50%);color:#fff;cursor:pointer;text-align:center;font-size:13px;line-height:20px;width:auto;padding:0 5px}#createapp .bomdesigner .spinner{position:absolute;stroke:#fff;fill:#fff;top:200px;left:50%;width:48px;height:48px;z-index:10}#createapp .bomdesigner .spinner path:first-child{opacity:.25!important}#createapp .bomdesigner .loading{opacity:.5}#createapp .bomdesigner .editor{flex-grow:1}#createapp .bomdesigner .editor.empty{height:500px;display:flex;justify-content:center;padding-top:200px}#createapp .bomdesigner .editor.empty h3{display:none}#createapp .bomdesigner .editor.empty .point .asset{flex-direction:column;align-items:center}#createapp .bomdesigner .editor.empty .point .asset .asset-icon{width:80px;height:80px}#createapp .bomdesigner .editor.empty .point .asset .asset-icon svg{margin:20px}#createapp .bomdesigner .editor.empty .point .asset button{font-size:18px}#createapp .bomdesigner .editor .point{position:relative;padding-bottom:10px}#createapp .bomdesigner .editor .point .asset{display:flex;gap:10px}#createapp .bomdesigner .editor .point .asset .asset-icon{width:60px;height:60px;border:1px solid #333;cursor:pointer}#createapp .bomdesigner .editor .point .asset .asset-icon img{height:60px}#createapp .bomdesigner .editor .point .asset .asset-icon svg{margin:10px}#createapp .bomdesigner .editor .point .asset .asset-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#createapp .bomdesigner .editor .point h3{margin:0 0 4px}#createapp .bomdesigner .editor .children{display:flex;flex-direction:column;margin-left:50px;margin-top:10px}#createapp .bomdesigner .editor .children .point:before{display:block;content:"";border-left:1px solid #888;border-bottom:1px solid #888;border-bottom-left-radius:10px;width:15px;height:15px;position:absolute;left:-20px;top:0}#createapp .bomdesigner .editor .children .point:not(:last-child):after{display:block;content:"";border-left:1px solid #888;width:15px;height:100%;position:absolute;left:-20px;top:0}