body{height:100vh;width:100vw;margin:0;padding:0;font-family:Saira Semi Condensed,-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;overflow-x:hidden;overflow-y:hidden}#root{width:100%;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{--leading-color: #009efd;--button-text-color: white;--hue-value: 172deg}.App.AI{--leading-color: #2af598;--button-text-color: #282828;--hue-value: 120deg}.EditorView{position:absolute;height:100vh;width:100vw;margin:0;padding:0;background-color:#4c4c4c;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.EditorView.withPopup{filter:blur(2px) brightness(.3);pointer-events:none}.ImagePreview{position:absolute;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;border-bottom:solid 1px #171717}.ImagePreview:nth-child(odd){border-right:solid 1px #171717}.ImagePreview .Foreground{position:absolute;z-index:100;transition:transform .3s}.ImagePreview .Foreground .Image{position:absolute;left:0;top:0;border:solid 1px #282828;user-select:none}.ImagePreview .Foreground .CheckBox{position:absolute;z-index:1000;max-width:20px;max-height:20px;bottom:-10px;left:-10px;filter:invert(1) brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:invert(1) brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%)}.ImagePreview .Background{position:absolute;z-index:0;background-color:#4c4c4c;transition:background-color .3s ease-in-out,transform .3s}.ImagePreview.selected .Foreground{transform:translate(-2px,2px)}.ImagePreview.selected .Background{transform:translate(2px,-2px);background-color:#009efd;background-color:var(--leading-color)}.ImagePreview:hover .Foreground{transform:translate(-2px,2px)}.ImagePreview:hover .Background{transform:translate(2px,-2px)}.ImagesList{align-self:stretch;flex:1;overflow:hidden}.LabelsToolkit{align-self:stretch;flex:1;overflow:hidden;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.LabelsToolkit .Header{position:relative;align-self:stretch;box-sizing:border-box;padding:0 25px;color:#fff;font-size:14px;user-select:none;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:space-between}.LabelsToolkit .Header .HeaderGroupWrapper{align-self:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.LabelsToolkit .Header .Marker{position:absolute;height:calc(100% - 4px);width:5px;top:2px;left:-5px;background-color:#4c4c4c;transition:background-color .3s ease-in-out,transform .3s}.LabelsToolkit .Header .Ico{max-width:20px;max-height:20px;margin-right:20px;filter:brightness(0) invert(1)}.LabelsToolkit .Header .Arrow{max-width:12px;max-height:12px;filter:brightness(0) invert(1)}.LabelsToolkit .Header:hover .Marker{transform:translate(5px)}.LabelsToolkit .Header.active{background-color:#0000001a}.LabelsToolkit .Header.active .Marker{transform:translate(5px);background-color:#009efd;background-color:var(--leading-color)}.LabelsToolkit .Header.active .Arrow{transform:rotate(180deg)}.LabelsToolkit .Content{align-self:stretch;box-sizing:border-box;height:0;transition:height .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.RectLabelsList{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.RectLabelsList .RectLabelsListContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.LabelInputField{background-color:transparent;position:relative;overflow:hidden;cursor:pointer}.LabelInputField .LabelInputFieldWrapper{position:absolute;left:calc(-100% - 5px);transition:left .3s ease-in-out;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:space-between}.LabelInputField .LabelInputFieldWrapper .Marker{margin-left:10px;width:24px;height:24px}.LabelInputField .LabelInputFieldWrapper .Content{flex:1;height:100%;padding:0 10px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:space-between}.LabelInputField .LabelInputFieldWrapper .Content .ContentWrapper{align-self:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.LabelInputField .LabelInputFieldWrapper .Content .DropdownLabel{position:relative;font-size:14px;cursor:pointer;user-select:none;width:150px;height:30px;padding:0 5px;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;overflow:hidden}.LabelInputField .LabelInputFieldWrapper .Content .DropdownLabel:hover:after{background-color:#fff}.LabelInputField .LabelInputFieldWrapper .Content .DropdownLabel:after{background:transparent;width:100%;position:absolute;bottom:0;height:1px;left:0;z-index:100;display:block;content:""}.LabelInputField .LabelInputFieldWrapper .Content .Dropdown{position:fixed;z-index:1000;background-color:#171717;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.LabelInputField .LabelInputFieldWrapper .Content .Dropdown .DropdownOption{align-self:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;font-size:14px;cursor:pointer;user-select:none;padding:0 10px;color:#fff}.LabelInputField .LabelInputFieldWrapper .Content .Dropdown .DropdownOption:hover{background-color:#4c4c4c}.LabelInputField .LabelInputFieldWrapper .Content .ImageButton{transition:transform .3s}.LabelInputField .LabelInputFieldWrapper .Content .ImageButton img{filter:brightness(0) invert(1)}.LabelInputField .LabelInputFieldWrapper .Content .ImageButton:hover{background-color:transparent}.LabelInputField .LabelInputFieldWrapper .Content .ImageButton.icon:not(.disabled):hover{filter:brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%)}.LabelInputField.active{background-color:#0003}.LabelInputField.loaded .LabelInputFieldWrapper{left:0}.LabelInputField.highlighted{background-color:#0003}.ImageButton{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:center;align-items:center;border-radius:50%;box-sizing:border-box;transition:background-color .7s ease;margin:5px 2px}.ImageButton>img{user-select:none}.ImageButton:hover~.Cursor{width:20px;height:20px;border-color:transparent;background-color:#0003}.ImageButton:not(.disabled):hover{cursor:pointer}.ImageButton:hover{background-color:#ffffff4d}.EmptyLabelList{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;text-align:center;width:150px;color:#fff;font-size:16px;user-select:none}.EmptyLabelList>img{filter:brightness(0) invert(1);max-width:80px;max-height:80px;margin-bottom:20px;user-select:none}.EmptyLabelList>p.extraBold{font-size:16px;font-weight:600}.PointLabelsList{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.PointLabelsList .PointLabelsListContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.PolygonLabelsList{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.PolygonLabelsList .PolygonLabelsListContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.LineLabelsList{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.LineLabelsList .LineLabelsListContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.TagLabelsList{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.TagLabelsList .EmptyLabelList{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;text-align:center;width:150px;color:#fff;font-size:16px;user-select:none}.TagLabelsList .EmptyLabelList>img{filter:brightness(0) invert(1);max-width:80px;max-height:80px;margin-bottom:20px;user-select:none}.TagLabelsList .EmptyLabelList>p.extraBold{font-size:16px;font-weight:600}.TagLabelsList .TagLabelsListContent{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:flex-start;flex:1 1 auto}.TagLabelsList .TagItem{margin-right:10px;margin-bottom:10px;padding:5px 20px;border-radius:3px;background-color:#0003;font-size:14px;font-weight:700;cursor:pointer;user-select:none;text-decoration:none;color:#fff}.TagLabelsList .TagItem:hover{background-color:#0006}.TagLabelsList .TagItem.active{background-color:#009efd;background-color:var(--leading-color)}.TagLabelsList .ImageButton{margin:0 0 10px;border-radius:3px;background-color:#0003}.TagLabelsList .ImageButton img{filter:brightness(0) invert(1);user-select:none;width:16px;height:16px}.TagLabelsList .ImageButton:hover{background-color:#0006}.SideNavigationBar{align-self:stretch;background-color:#282828;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.SideNavigationBar.with-context .NavigationBarContentWrapper{background-color:#262c2f}.SideNavigationBar .CompanionBar{min-width:23px;width:23px;display:block;position:relative;height:100%}.SideNavigationBar .NavigationBarContentWrapper{align-self:stretch;min-width:300px;width:300px;flex-direction:column;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:flex-end}.SideNavigationBar.left{flex-direction:row;border-right:solid 1px #171717}.SideNavigationBar.left .CompanionBar{border-right:solid 1px #171717}.SideNavigationBar.left .CompanionBar .VerticalEditorButton{transform:rotate(-90deg) translateY(-2px)}.SideNavigationBar.right{flex-direction:row-reverse;border-left:solid 1px #171717}.SideNavigationBar.right .CompanionBar{border-left:solid 1px #171717}.SideNavigationBar.right .CompanionBar .VerticalEditorButton{transform:rotate(-90deg) translateY(-1px)}.SideNavigationBar.closed{border:none}.VerticalEditorButton{height:23px;width:80px;background-color:transparent;transition:.3s ease-in-out;transform:rotate(-90deg);transform-origin:0 0;margin-bottom:60px;user-select:none;cursor:pointer;position:absolute;top:81px;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;color:#fff;font-size:13px;border-color:#282828;border-left:1px}.VerticalEditorButton img{width:15px;height:15px;filter:brightness(0) invert(1);margin-right:5px;user-select:none}.VerticalEditorButton:hover,.VerticalEditorButton.active{background-color:#171717}.EditorContainer{align-self:stretch;flex:0 0 calc(100% - 35px);height:calc(100% - 35px);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.EditorContainer .EditorWrapper{align-self:stretch;flex:1;min-width:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.Editor{align-self:stretch;flex:1;position:relative}.Editor .ViewPortContent{position:relative}.Editor .ViewPortContent .track-horizontal,.Editor .ViewPortContent .track-vertical{cursor:none}.Editor .ViewPortContent .ImageCanvas{position:absolute;top:0;left:0;cursor:none}.Editor .ViewPortContent .ImageCanvas:hover{cursor:none}.Editor .MousePositionIndicator{position:absolute;color:#fff;font-size:12px;background-color:#4c4c4c;opacity:.6;padding:5px;user-select:none;pointer-events:none;z-index:100;width:fit-content}.Editor .Cursor{position:absolute;width:6px;height:6px;transition:width .05s ease-out,height .05s ease-out,background-color .05s ease-in;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:2px solid white;background-color:#fff;z-index:100000}.Editor .Cursor>img{position:absolute;max-width:20px;max-height:20px;filter:brightness(0) invert(1);bottom:calc(50% + 10px);left:calc(50% + 10px);display:none;user-select:none}.Editor .Cursor.move,.Editor .Cursor.add,.Editor .Cursor.resize,.Editor .Cursor.close{width:24px;height:24px;background-color:transparent}.Editor .Cursor.grabbing{width:18px;height:18px;background-color:#ffffff80;border:2px solid transparent}.Editor .Cursor.move>img,.Editor .Cursor.add>img,.Editor .Cursor.resize>img,.Editor .Cursor.close>img,.Editor .Cursor.cancel>img,.Editor .Cursor.grab>img,.Editor .Cursor.grabbing>img{display:block}.LabelControlPanel{position:absolute;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.LabelControlPanel .ImageButton{transition:transform .3s}.LabelControlPanel .ImageButton img{filter:brightness(0) invert(1);user-select:none}.LabelControlPanel .ImageButton:hover{background-color:transparent}.LabelControlPanel .ImageButton:not(.disabled):hover{filter:brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%)}.LabelControlPanel .ImageButton:not(.disabled):hover.right{transform:translate(2px)}.LabelControlPanel .ImageButton:not(.disabled):hover.left{transform:translate(-2px)}.LabelControlPanel .ImageButton.disabled img{filter:invert(1) opacity(25%);user-select:none}.LabelControlPanel .SuggestedLabel{align-self:stretch;justify-content:center;align-items:center;align-content:center;padding:0 10px 0 15px;color:#fff}.LabelControlPanel.is-active{background-color:#282828;border:solid 1px #2af598;animation:brColor 5s infinite linear;animation-delay:2s;transform:translate(-15px,-15px);border-radius:3px;min-width:30px;height:30px;z-index:1000}.LabelControlPanel:not(.is-active){background-color:#2af598;animation:bgColor 5s infinite linear;animation-delay:2s;transform:translate(-6px,-6px);border-radius:6px;width:12px;height:12px;z-index:1}@keyframes bgColor{50%{background-color:#009efd}to{background-color:#2af598}}@keyframes brColor{50%{border-color:#009efd}to{border-color:#2af598}}.EditorBottomNavigationBar{align-self:stretch;height:40px;border-top:solid 1px #171717;background-color:#282828;user-select:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.EditorBottomNavigationBar.with-context{background-color:#262c2f}.EditorBottomNavigationBar .ImageButton{transition:transform .3s}.EditorBottomNavigationBar .ImageButton img{filter:brightness(0) invert(1);user-select:none}.EditorBottomNavigationBar .ImageButton:hover{background-color:transparent}.EditorBottomNavigationBar .ImageButton:not(.disabled):hover{filter:brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%)}.EditorBottomNavigationBar .ImageButton:not(.disabled):hover.right{transform:translate(2px)}.EditorBottomNavigationBar .ImageButton:not(.disabled):hover.left{transform:translate(-2px)}.EditorBottomNavigationBar .ImageButton.disabled img{filter:invert(1) opacity(25%);user-select:none}.EditorBottomNavigationBar .CurrentImageName{min-width:200px;padding:0 20px;color:#fff;font-size:14px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.EditorBottomNavigationBar .CurrentImageCount{min-width:80px;padding:0 20px;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.EditorTopNavigationBar{align-self:stretch;height:40px;border-bottom:solid 1px #171717;background-color:#282828;user-select:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;padding:0 5px}.EditorTopNavigationBar.with-context{background-color:#262c2f}.EditorTopNavigationBar .ButtonWrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.EditorTopNavigationBar .ButtonWrapper:not(:last-child){padding-right:5px;margin-right:5px;border-right:solid 1px #171717}.EditorTopNavigationBar .ImageButton{transition:transform .3s;margin:0 2px}.EditorTopNavigationBar .ImageButton img{filter:brightness(0) invert(1)}.EditorTopNavigationBar .ImageButton:hover{border-radius:3px;background-color:#0003}.EditorTopNavigationBar .ImageButton.active{border-radius:3px;background-color:#0006}.TopNavigationBar{align-self:stretch;min-height:35px;background-color:#171717;box-shadow:0 0 6px #0003;display:flex;flex:0 0 35px;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.TopNavigationBar .TopNavigationBarWrapper{padding:0 23px;color:#fff;align-self:stretch;flex:1;height:33px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:space-between}.TopNavigationBar .TopNavigationBarWrapper .NavigationBarGroupWrapper{margin:4px 0;align-self:stretch;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.TopNavigationBar .TopNavigationBarWrapper .NavigationBarGroupWrapper.middle{flex:auto}.TopNavigationBar .TopNavigationBarWrapper .NavigationBarGroupWrapper:not(:last-child){padding-right:10px;margin-right:10px;border-right:solid 1px #262c2f}.TopNavigationBar .TopNavigationBarWrapper .ProjectName{font-weight:700;margin-right:10px;user-select:none}.TopNavigationBar .TopNavigationBarWrapper .ImageButton{transition:transform .3s}.TopNavigationBar .TopNavigationBarWrapper .ImageButton img{filter:brightness(0) invert(1);user-select:none}.TopNavigationBar .TopNavigationBarWrapper .ImageButton:hover{background-color:transparent}.TopNavigationBar .TopNavigationBarWrapper .ImageButton:not(.disabled):hover{filter:brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%)}.TopNavigationBar .TopNavigationBarWrapper .TextInput{max-width:200px;height:25px}.TopNavigationBar .TopNavigationBarWrapper .TextInput:hover{background-color:#0000000f}.TopNavigationBar .TopNavigationBarWrapper .TextInput>input{padding-top:3.5px}.TopNavigationBar .TopNavigationBarWrapper .TextInput>input:focus{outline:none;color:#009efd;color:var(--leading-color)}.TopNavigationBar .TopNavigationBarWrapper .TextInput>input:focus~.Bar{background-color:#009efd;background-color:var(--leading-color)}.TopNavigationBar .TopNavigationBarWrapper .TextInput .Bar{height:0}.TopNavigationBar .TopNavigationBarWrapper .Header{align-self:stretch;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;cursor:pointer;margin-right:10px;font-weight:900;user-select:none}.TopNavigationBar .TopNavigationBarWrapper .Header>img{width:20px;height:20px;margin-right:5px;user-select:none}.TopNavigationBar .TopNavigationBarWrapper .DropDownMenuWrapper{align-self:stretch}.StateBar{align-self:stretch;height:2px;background-color:#171717;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.StateBar .done{align-self:stretch;background-color:#009efd;background-color:var(--leading-color);transition:width .4s ease-out}*{box-sizing:border-box}.TextInput{height:50px;overflow:hidden;position:relative}label{position:absolute;top:20px;color:#fff;font:400 20px;cursor:text;transition:.25s ease}input{display:block;width:100%;padding-top:20px;border:none;border-radius:0;color:#fff;background:transparent;font-size:15px;transition:.3s ease}input:valid~label{top:0;font:700 12px;color:#fff}input:focus{outline:none}input:focus~label{top:0;font:700 12px;color:#009efd;color:var(--leading-color)}input:focus~.Bar{height:2px}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px transparent inset;-webkit-text-fill-color:white!important}.Bar{background:white;content:"";width:300px;height:1px;transition:.3s ease;position:relative}::selection{background:rgba(0,158,253,.3);background:rgba(var(--leading-color),.3)}.DropDownMenuWrapper{align-self:stretch;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.DropDownMenuWrapper .DropDownMenuContent{z-index:10000;position:absolute;background-color:#282828;width:250px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:solid 1px #171717;border-left:solid 1px #171717;border-right:solid 1px #171717;box-shadow:0 4px 8px #000000bf;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}.DropDownMenuWrapper .DropDownMenuContent .DropDownMenuContentOption{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;cursor:pointer;align-self:stretch;height:40px}.DropDownMenuWrapper .DropDownMenuContent .DropDownMenuContentOption .Marker{height:36px;width:5px;background-color:transparent;transition:background-color .3s ease-in-out,transform .3s}.DropDownMenuWrapper .DropDownMenuContent .DropDownMenuContentOption img{max-width:18px;max-height:18px;margin:0 20px;filter:brightness(0) invert(1)}.DropDownMenuWrapper .DropDownMenuContent .DropDownMenuContentOption:hover{background-color:#0000001a}.DropDownMenuWrapper .DropDownMenuContent .DropDownMenuContentOption:hover .Marker{background-color:#4c4c4c}.DropDownMenuWrapper .DropDownMenuContent .DropDownMenuContentOption:hover.active .Marker{background-color:#009efd}.DropDownMenuWrapper .DropDownMenuTab{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:0 10px;border-radius:3px;align-self:stretch;cursor:pointer;font-weight:700;transition:.3s ease-in-out}.DropDownMenuWrapper .DropDownMenuTab:not(:last-child){margin-right:4px}.DropDownMenuWrapper .DropDownMenuTab img{width:15px;height:15px;margin-right:10px;user-select:none;filter:brightness(0) invert(1)}.DropDownMenuWrapper .DropDownMenuTab:hover{border-radius:3px;background-color:#00000080}.DropDownMenuWrapper .DropDownMenuTab.active{border-radius:3px;background-color:#000}.MainView{position:absolute;height:100vh;width:100vw;margin:0;padding:0;background-image:linear-gradient(to top right,#2af598,#009efd);background-size:400% 400%;animation:backgroundAnimation 10s ease-in-out infinite;display:flex;flex-direction:row;flex-wrap:nowrap}.MainView.InProgress .LeftColumn{width:280px;height:100%;transition:width .4s ease-out}.MainView.InProgress .Slider{width:280px}.MainView.InProgress #lower{transition:width .5s ease-out}.MainView.InProgress #upper{transition:width .6s ease-out}.MainView.InProgress .RightColumn .ImagesDropZone{animation-duration:.8s;animation-name:cssAnimationShow;animation-fill-mode:forwards}.MainView.InProgress .LeftColumn .EditorFeaturesWrapper{animation-duration:.6s;animation-name:cssAnimationHide;animation-fill-mode:forwards}.MainView.InProgress .LeftColumn .TextButton{box-shadow:#fff 0 0 0 2px inset;color:#fff;position:absolute;left:20px;bottom:20px}.MainView.InProgress .LeftColumn .TextButton:hover{background-color:#fff;color:#000}.MainView.Canceled .RightColumn .ImagesDropZone{animation-duration:.6s;animation-name:cssAnimationHide;animation-fill-mode:forwards}.MainView.Canceled .LeftColumn .EditorFeaturesWrapper{animation-duration:1.5s;animation-name:cssAnimationShow;animation-fill-mode:forwards}.Slider{position:absolute;top:0;left:0;background-color:#0000004d;z-index:0;width:75%;height:100%}.Slider .TriangleVerticalContent{background-color:#0000004d}#lower{transition:width 1.2s ease-out}#upper{transition:width 1.4s ease-out}.LeftColumn{position:relative;background-color:#171717;padding:20px;z-index:100;box-sizing:border-box;transition:width 1.5s ease-out;min-width:260px;align-self:stretch;width:75%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.LeftColumn .LogoWrapper{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.LeftColumn .LogoWrapper>img{width:220px;user-select:none}.LeftColumn .EditorFeaturesWrapper{flex:1;opacity:1;display:flex;flex-direction:row;flex-wrap:wrap}.RightColumn{padding:20px;align-self:stretch;flex:1;min-width:200px;z-index:100;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:center}.RightColumn .TextButton{box-shadow:#000 0 0 0 2px inset;color:#000}.RightColumn .TextButton:hover{background-color:#000;color:#fff}.RightColumn .ImagesDropZone{overflow:hidden;width:0}.RightColumn>.TextButton{position:absolute;right:20px;bottom:20px}.TriangleVertical{width:200px;height:100%;position:absolute;top:0;right:-200px;background-color:transparent;overflow:hidden}.TriangleVerticalContent{width:200px;height:100%;position:absolute;left:0;top:0;transform:skew(-6deg) translate(-50%);background-color:#171717}.EditorFeaturesTiles{flex:1 0 26%;min-width:200px;height:200px;color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.EditorFeaturesTiles .EditorFeaturesTilesWrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;transition:transform .2s}.EditorFeaturesTiles .EditorFeaturesTilesWrapper:hover{transform:scale(1.02)}.EditorFeaturesTiles .EditorFeaturesTilesWrapper .EditorFeatureLabel{width:180px;text-align:center;user-select:none}.EditorFeaturesTiles .EditorFeaturesTilesWrapper>img{filter:brightness(0) invert(1);max-width:60px;max-height:60px;margin-bottom:20px;user-select:none}@keyframes cssAnimationShow{0%{opacity:0;width:0}60%{opacity:0;width:400px}to{opacity:1;width:400px}}@keyframes cssAnimationHide{0%{opacity:1;width:400px}40%{opacity:0;width:400px}to{opacity:0;width:0}}@keyframes backgroundAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.TextButton{display:block;cursor:pointer;user-select:none;line-height:0;word-wrap:break-word;padding:20px 30px;text-decoration:none;box-shadow:#000 0 0 0 2px inset;color:#000;margin:initial;border-radius:2px;transition:.3s ease-in-out;background:transparent;font-weight:700}.TextButton>a{text-decoration:none;color:#000}.TextButton:hover{box-shadow:inherit;color:#fff;background-color:#000}.TextButton:hover>a{text-decoration:none;color:#fff}.ImagesDropZone{opacity:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.ImagesDropZone .DropZone{user-select:none;width:400px;height:250px;box-shadow:#000 0 0 0 2px inset;border-radius:4px;margin-bottom:6px;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;cursor:pointer;outline:none}.ImagesDropZone .DropZone>img{max-width:60px;max-height:60px;margin-bottom:10px;user-select:none}.ImagesDropZone .DropZone>input{outline:none}.ImagesDropZone .DropZone>p{margin-top:2px;margin-bottom:0}.ImagesDropZone .DropZone>p.extraBold{font-size:18px;font-weight:600}.ImagesDropZone .DropZoneButtons{align-self:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.ImagesDropZone .DropZoneButtons .TextButton{width:calc(50% - 3px);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.ImagesDropZone .DropZoneButtons .TextButton.disabled{box-shadow:#0003 0 0 0 2px inset;color:#0003;cursor:default}.ImagesDropZone .DropZoneButtons .TextButton.disabled:hover{box-shadow:#0003 0 0 0 2px inset;color:#0003;background-color:transparent}.PopupView{position:absolute;height:100vh;width:100vw;margin:0;padding:0;z-index:1000;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.LoadLabelsPopupContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding-top:30px;flex:1;min-height:450px}.LoadLabelsPopupContent .Message{align-self:stretch;color:#fff;font-size:15px;padding:0 40px 30px;border-bottom:solid 1px #171717}.LoadLabelsPopupContent .DropZone{user-select:none;align-self:stretch;border-radius:4px;flex:1;color:#fff;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;cursor:pointer;outline:none}.LoadLabelsPopupContent .DropZone:hover{background-color:#00000008}.LoadLabelsPopupContent .DropZone>img{max-width:60px;max-height:60px;margin-bottom:30px;filter:brightness(0) invert(1);user-select:none}.LoadLabelsPopupContent .DropZone>input{outline:none}.LoadLabelsPopupContent .DropZone>p{margin-top:2px;margin-bottom:0}.LoadLabelsPopupContent .DropZone>p.extraBold{font-size:18px;font-weight:600}.GenericYesNoPopup{max-height:600px;max-width:500px;width:50%;border-radius:5px;user-select:none;box-shadow:0 0 10px 3px #ffffff05;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden}.GenericYesNoPopup .Header{align-self:stretch;height:40px;box-shadow:0 2px 15px #0006;color:#fff;font-weight:900;font-size:18px;background-color:#171717;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.GenericYesNoPopup .Content{align-self:stretch;font-size:14px;background-color:#282828;flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.GenericYesNoPopup .Footer{padding:0 40px;height:80px;align-self:stretch;background-color:#282828;border-top:solid 1px #171717;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:flex-end}.GenericYesNoPopup .Footer .TextButton{margin-left:20px;box-shadow:#009efd 0 0 0 2px inset;box-shadow:var(--leading-color) 0 0 0 2px inset;background-color:#009efd;background-color:var(--leading-color);color:#fff;color:var(--button-text-color)}.GenericYesNoPopup .Footer .TextButton:hover{background-color:transparent;color:#009efd;color:var(--leading-color)}.GenericYesNoPopup .Footer .TextButton.disabled{box-shadow:#4c4c4c 0 0 0 2px inset;background-color:#4c4c4c;cursor:default;opacity:.6}.GenericYesNoPopup .Footer .TextButton.disabled:hover{box-shadow:#4c4c4c 0 0 0 2px inset;background-color:#4c4c4c;color:#fff}.InsertLabelNamesPopup{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;align-self:stretch;flex:1;min-height:400px}.InsertLabelNamesPopup .LeftContainer{width:50px;align-self:stretch;border-right:solid 1px #171717;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;padding:3px 0}.InsertLabelNamesPopup .LeftContainer .ImageButton{transition:transform .3s}.InsertLabelNamesPopup .LeftContainer .ImageButton:hover{border-radius:3px;background-color:#0003}.InsertLabelNamesPopup .LeftContainer .ImageButton.active{border-radius:3px;background-color:#0006}.InsertLabelNamesPopup .LeftContainer .ImageButton.monochrome img{filter:brightness(0) invert(1)}.InsertLabelNamesPopup .RightContainer{align-self:stretch;flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.InsertLabelNamesPopup .RightContainer .Message{align-self:stretch;color:#fff;font-size:15px;padding:30px 40px;border-bottom:solid 1px #171717}.InsertLabelNamesPopup .RightContainer .LabelsContainer{align-self:stretch;flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;color:#fff}.InsertLabelNamesPopup .RightContainer .LabelsContainer .ImageButton{transition:transform .3s}.InsertLabelNamesPopup .RightContainer .LabelsContainer .ImageButton img{filter:brightness(0) invert(1);user-select:none}.InsertLabelNamesPopup .RightContainer .LabelsContainer .ImageButton:hover{background-color:transparent}.InsertLabelNamesPopup .RightContainer .LabelsContainer .ImageButton:not(.disabled):hover{filter:brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%)}.InsertLabelNamesPopup .RightContainer .LabelsContainer .EmptyList{align-self:stretch;flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;cursor:pointer}.InsertLabelNamesPopup .RightContainer .LabelsContainer .EmptyList:hover{background-color:#00000008}.InsertLabelNamesPopup .RightContainer .LabelsContainer .EmptyList>img{max-width:60px;max-height:60px;margin-bottom:10px;filter:brightness(0) invert(1);user-select:none}.InsertLabelNamesPopup .RightContainer .LabelsContainer .EmptyList>p{margin-top:2px;margin-bottom:0}.InsertLabelNamesPopup .RightContainer .LabelsContainer .EmptyList>p.extraBold{font-size:18px;font-weight:600}.InsertLabelNamesPopup .RightContainer .InsertLabelNamesPopupContent{margin-left:40px;margin-right:10px;margin-top:20px}.InsertLabelNamesPopup .RightContainer .InsertLabelNamesPopupContent .LabelEntry{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:space-between}.InsertLabelNamesPopup .RightContainer .InsertLabelNamesPopupContent .LabelEntry .ColorSelectorView,.InsertLabelNamesPopup .RightContainer .InsertLabelNamesPopupContent .LabelEntry .ImageButton{margin-left:15px}.InsertLabelNamesPopup .RightContainer .InsertLabelNamesPopupContent .LabelEntry .ImageButton img{filter:brightness(0) invert(1)}.InsertLabelNamesPopup .RightContainer .InsertLabelNamesPopupContent .LabelEntry .ImageButton:hover{background-color:transparent}.ColorSelectorView{width:30px;height:30px;border-radius:2px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.ColorSelectorView>img{filter:brightness(0) invert(1);width:20px;height:20px}.ColorSelectorView:hover{cursor:pointer}.ExitProjectPopupContent{align-self:stretch;flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;padding-top:30px}.ExitProjectPopupContent .Message{align-self:stretch;color:#fff;font-size:15px;padding:0 40px 30px}.LoadMoreImagesPopupContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;flex:1;min-height:300px;align-self:stretch}.LoadMoreImagesPopupContent .DropZone{user-select:none;align-self:stretch;border-radius:4px;flex:1;color:#fff;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;cursor:pointer;outline:none}.LoadMoreImagesPopupContent .DropZone:hover{background-color:#00000008}.LoadMoreImagesPopupContent .DropZone>img{max-width:60px;max-height:60px;margin-bottom:30px;filter:brightness(0) invert(1);user-select:none}.LoadMoreImagesPopupContent .DropZone>input{outline:none}.LoadMoreImagesPopupContent .DropZone>p{margin-top:2px;margin-bottom:0}.LoadMoreImagesPopupContent .DropZone>p.extraBold{font-size:18px;font-weight:600}.SuggestLabelNamesPopupContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;padding-top:30px;flex:1;min-height:350px}.SuggestLabelNamesPopupContent .Message{align-self:stretch;color:#fff;font-size:15px;padding:0 40px}.SuggestLabelNamesPopupContent .OptionsItem{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;color:#fff;cursor:pointer;user-select:none;font-size:15px;padding:5px 0}.SuggestLabelNamesPopupContent .OptionsItem>img{max-width:20px;max-height:20px;margin-right:10px;filter:invert(1) brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:invert(1) brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%);user-select:none}.SuggestLabelNamesPopupContent .AllToggle{align-self:stretch;color:#fff;font-size:15px;padding:10px 40px 20px;border-bottom:solid 1px #171717}.SuggestLabelNamesPopupContent .LabelNamesContainer{align-self:stretch;flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;color:#fff}.SuggestLabelNamesPopupContent .LabelNamesContainer .LabelNamesContent{margin-left:40px;margin-right:10px;margin-top:20px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}.GenericLabelTypePopupContent .RightContainer{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.GenericLabelTypePopupContent .RightContainer .FeatureInProgress{flex:1}.GenericLabelTypePopupContent .RightContainer .DropZone{user-select:none;align-self:stretch;border-radius:4px;flex:1;color:#fff;display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;cursor:pointer;outline:none}.GenericLabelTypePopupContent .RightContainer .DropZone:hover{background-color:#00000008}.GenericLabelTypePopupContent .RightContainer .DropZone>img{max-width:60px;max-height:60px;margin-bottom:30px;filter:brightness(0) invert(1);user-select:none}.GenericLabelTypePopupContent .RightContainer .DropZone>input{outline:none}.GenericLabelTypePopupContent .RightContainer .DropZone>p{margin-top:2px;margin-bottom:0}.GenericLabelTypePopupContent .RightContainer .DropZone>p.extraBold{font-size:18px;font-weight:600}.GenericLabelTypePopupContent{align-self:stretch;flex:1;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;min-height:300px}.GenericLabelTypePopupContent .LeftContainer{width:50px;align-self:stretch;border-right:solid 1px #171717;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;padding:3px 0}.GenericLabelTypePopupContent .LeftContainer .ImageButton{transition:transform .3s}.GenericLabelTypePopupContent .LeftContainer .ImageButton img{filter:brightness(0) invert(1)}.GenericLabelTypePopupContent .LeftContainer .ImageButton:hover{border-radius:3px;background-color:#0003}.GenericLabelTypePopupContent .LeftContainer .ImageButton.active{border-radius:3px;background-color:#0006}.GenericLabelTypePopupContent .RightContainer{align-self:stretch;flex:1}.FeatureInProgress{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;text-align:center;width:150px;color:#fff;font-size:16px;user-select:none}.FeatureInProgress>img{filter:brightness(0) invert(1);max-width:100px;max-height:100px;user-select:none;margin:20px}.FeatureInProgress>p.extraBold{font-size:18px;font-weight:600}.GenericLabelTypePopupContent .RightContainer{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start}.GenericLabelTypePopupContent .RightContainer .Message{align-self:stretch;color:#fff;font-size:15px;padding:30px 40px;border-bottom:solid 1px #171717}.GenericLabelTypePopupContent .RightContainer .Options{align-self:stretch;padding:30px 40px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}.GenericLabelTypePopupContent .RightContainer .Options .OptionsItem{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;color:#fff;cursor:pointer;user-select:none;font-size:15px;padding:5px 0}.GenericLabelTypePopupContent .RightContainer .Options .OptionsItem>img{max-width:20px;max-height:20px;margin-right:10px;filter:invert(1) brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:invert(1) brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%);user-select:none}.LoadModelPopupContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding-top:30px;flex:1}.LoadModelPopupContent .Message{align-self:stretch;color:#fff;font-size:15px;padding:0 40px 30px}.LoadModelPopupContent .Companion{align-self:stretch;padding-bottom:30px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;height:150px}.LoadModelPopupContent .Companion .Options{align-self:stretch;flex:1;padding:0 40px}.LoadModelPopupContent .Companion .Options .OptionsItem{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;color:#fff;cursor:pointer;user-select:none;font-size:15px;padding:5px 0}.LoadModelPopupContent .Companion .Options .OptionsItem>img{max-width:20px;max-height:20px;margin-right:10px;filter:invert(1) brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:invert(1) brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%);user-select:none}.load-yolo-v5-model-popup{display:flex;flex-direction:row;flex-wrap:nowrap;min-height:400px;align-self:stretch}.load-yolo-v5-model-popup .left-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;align-content:flex-start;align-self:stretch;width:50px;border-right:solid 1px #171717;padding:3px 0}.load-yolo-v5-model-popup .left-container .ImageButton{transition:transform .3s}.load-yolo-v5-model-popup .left-container .ImageButton:hover{border-radius:3px;background-color:#0003}.load-yolo-v5-model-popup .left-container .ImageButton.active{border-radius:3px;background-color:#0006}.load-yolo-v5-model-popup .left-container .ImageButton.monochrome img{filter:brightness(0) invert(1)}.load-yolo-v5-model-popup .right-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;align-content:flex-start;align-self:stretch;flex:1}.load-yolo-v5-model-popup .right-container .loader{display:flex;align-items:center;align-content:center;justify-content:center;align-self:stretch;flex:1}.load-yolo-v5-model-popup .right-container .message{align-self:stretch;color:#fff;font-size:15px;padding:40px 40px 0}.load-yolo-v5-model-popup .right-container .options{align-self:stretch;flex:1;padding:40px}.load-yolo-v5-model-popup .right-container .options .options-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;color:#fff;cursor:pointer;user-select:none;font-size:15px;padding:5px 0}.load-yolo-v5-model-popup .right-container .options .options-item>img{max-width:20px;max-height:20px;margin-right:10px;filter:invert(1) brightness(35%) sepia(100%) hue-rotate(172deg) saturate(2000%);filter:invert(1) brightness(35%) sepia(100%) hue-rotate(var(--hue-value)) saturate(2000%);user-select:none}.load-yolo-v5-model-popup .right-container .drop-zone{display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:center;justify-content:center;align-self:stretch;flex:1;color:#fff;cursor:pointer;outline:none}.load-yolo-v5-model-popup .right-container .drop-zone:hover{background-color:#00000008}.load-yolo-v5-model-popup .right-container .drop-zone>img{max-width:60px;max-height:60px;margin-bottom:30px;filter:brightness(0) invert(1);user-select:none}.load-yolo-v5-model-popup .right-container .drop-zone>input{outline:none}.load-yolo-v5-model-popup .right-container .drop-zone>p{margin-top:2px;margin-bottom:0}.load-yolo-v5-model-popup .right-container .drop-zone>p.extraBold{font-size:18px;font-weight:600}.generic-side-menu-popup{align-self:stretch;flex:1;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;min-height:300px}.generic-side-menu-popup .left-container{width:50px;align-self:stretch;border-right:solid 1px #171717;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:flex-start;padding:3px 0}.generic-side-menu-popup .left-container .ImageButton{transition:transform .3s}.generic-side-menu-popup .left-container .ImageButton img{filter:brightness(0) invert(1)}.generic-side-menu-popup .left-container .ImageButton:hover{border-radius:3px;background-color:#0003}.generic-side-menu-popup .left-container .ImageButton.active{border-radius:3px;background-color:#0006}.generic-side-menu-popup .right-container{align-self:stretch;flex:1}.right-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;align-content:flex-start;align-self:stretch;flex:1}.right-container .loader{display:flex;align-items:center;align-content:center;justify-content:center;align-self:stretch;flex:1}.right-container .message{align-self:stretch;color:#fff;font-size:15px;padding:30px 40px;border-bottom:solid 1px #171717}.right-container .details{align-self:stretch;padding:30px 40px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}.MobileMainView{position:absolute;height:100vh;width:100vw;margin:0;padding:0;background-image:linear-gradient(to top right,#2af598,#009efd)}.MobileMainView .MobileMainViewContent{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;justify-items:center;overflow:hidden}.MobileMainView .MobileMainViewContent .FirstStage{position:relative;align-self:stretch;height:400px;background-color:#171717;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;justify-items:center}.MobileMainView .MobileMainViewContent .FirstStage img{max-width:300px;max-height:300px;user-select:none}.MobileMainView .MobileMainViewContent .FirstStage .TriangleHorizontal.Bottom .TriangleHorizontalContent{transform:skew(80deg) translateY(50%)}.MobileMainView .MobileMainViewContent .SecondStage{align-self:stretch;padding-top:100px;padding-bottom:100px}.MobileMainView .MobileMainViewContent .SecondStage .EditorFeaturesTiles{color:#000}.MobileMainView .MobileMainViewContent .SecondStage .EditorFeaturesTiles img{filter:none;user-select:none}.MobileMainView .MobileMainViewContent .ThirdStage{position:relative;align-self:stretch;background-color:#171717;padding-bottom:50px}.MobileMainView .MobileMainViewContent .ThirdStage .TriangleHorizontal.Top .TriangleHorizontalContent{transform:skew(75deg)}.MobileMainView .MobileMainViewContent .ThirdStage .TriangleHorizontal.Bottom .TriangleHorizontalContent{transform:skew(97deg) translateY(50%)}.MobileMainView .MobileMainViewContent .FourthStage{align-self:stretch;padding-top:100px;padding-bottom:100px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;justify-items:center}.MobileMainView .MobileMainViewContent .FourthStage .Message{width:80%;max-width:400px;margin-bottom:50px;text-align:center;user-select:none}.MobileMainView .MobileMainViewContent .FourthStage .SocialMediaWrapper{width:100%;max-width:200px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;justify-items:center}.MobileMainView .TriangleHorizontal{height:600px;width:100%;position:absolute;background-color:transparent;overflow:hidden;pointer-events:none}.MobileMainView .TriangleHorizontal.Top{top:-600px}.MobileMainView .TriangleHorizontal.Top .TriangleHorizontalContent{bottom:-300px}.MobileMainView .TriangleHorizontal.Bottom{bottom:-600px}.MobileMainView .TriangleHorizontal.Bottom .TriangleHorizontalContent{top:-300.1px}.MobileMainView .TriangleHorizontal .TriangleHorizontalContent{height:600px;width:100%;position:absolute;left:0;background-color:#171717}.MobileMainView .MobileTopNavigationBar{position:fixed;height:50px;width:100%;z-index:1000;background-color:#171717;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:space-between}.MobileMainView .MobileTopNavigationBar.Show{opacity:1;pointer-events:auto}.MobileMainView .MobileTopNavigationBar.Hide{opacity:0;pointer-events:none}.MobileMainView .MobileTopNavigationBar .NavigationBarGroupWrapper{align-self:stretch;margin:0 10px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.MobileMainView .MobileTopNavigationBar .Header{align-self:stretch;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;font-size:18px;color:#fff;font-weight:bolder;user-select:none}.MobileMainView .MobileTopNavigationBar .Header>img{width:35px;height:35px;margin-right:10px;user-select:none}.MobileMainView .MobileTopNavigationBar .TriangleHorizontal.Bottom .TriangleHorizontalContent{transform:skew(94deg) translateY(50%)}.SizeItUpView{position:absolute;height:100vh;width:100vw;margin:0;padding:0;background-color:#282828;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;text-align:center;color:#fff;font-size:18px;user-select:none}.SizeItUpView>img{filter:brightness(0) invert(1);max-width:100px;max-height:100px;user-select:none;margin:25px}.SizeItUpView>p.extraBold{font-size:18px;font-weight:600}.notification-wrapper{position:fixed;height:220px;bottom:0;right:0;overflow:hidden;z-index:2000}.notification-wrapper .notification{position:relative;width:400px;height:200px;left:10px;top:10px;overflow:hidden;border-radius:5px;user-select:none;background-color:#282828;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}.notification-wrapper .notification .header{height:35px;font-size:18px;line-height:35px;text-align:center;font-weight:900}.notification-wrapper .notification .content{flex:1;padding:20px;color:#fff}.notification-wrapper .notification .loader{position:absolute;left:0;bottom:0;height:5px;z-index:2001}.notification-wrapper .notification:hover{cursor:pointer}.notification-wrapper .notification.error .header{background-color:#d42245;color:#fff}.notification-wrapper .notification.error .loader{background-color:#d42245}.notification-wrapper .notification.success .header{background-color:#094;color:#fff}.notification-wrapper .notification.success .loader{background-color:#094}.notification-wrapper .notification.message .header{background-color:#009efd;color:#fff}.notification-wrapper .notification.message .loader{background-color:#009efd}.notification-wrapper .notification.warning .header{background-color:#eed202;color:#fff}.notification-wrapper .notification.warning .loader{background-color:#eed202}.notification-wrapper.in{animation-duration:.5s;animation-name:animation-in;animation-timing-function:ease-out;animation-fill-mode:forwards}.notification-wrapper.display{animation-duration:5s;animation-name:animation-display;animation-timing-function:linear;animation-fill-mode:forwards}.notification-wrapper.display .loader{animation-duration:5s;animation-name:loader-animation;animation-timing-function:linear;animation-fill-mode:forwards}.notification-wrapper.display:hover,.notification-wrapper.display:hover .loader{animation-play-state:paused}.notification-wrapper.out{animation-duration:.5s;animation-name:animation-out;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes animation-in{0%{width:0}to{width:420px}}@keyframes animation-display{0%{width:420px}to{width:420px}}@keyframes animation-out{0%{width:420px}to{width:0}}@keyframes loader-animation{0%{width:0}to{width:100%}}