@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);
 /*
 * # Semantic UI - 2.5.0
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
 * Copyright 2022 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*!
 * # Semantic UI 2.5.0 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}input[type=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;-moz-appearance:none}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}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:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*!
 * # Semantic UI 2.5.0 - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */body,html{height:100%}html{font-size:14px}body{margin:0;padding:0;overflow-x:hidden;min-width:320px;background:#fff;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4285em;color:rgba(0,0,0,.87);font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.28571429em;margin:calc(2rem - .14285714em) 0 1rem;font-weight:700;padding:0}h1{min-height:1rem;font-size:2rem}h2{font-size:1.71428571rem}h3{font-size:1.28571429rem}h4{font-size:1.07142857rem}h5{font-size:1rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child{margin-bottom:0}p{margin:0 0 1em;line-height:1.4285em}p:first-child{margin-top:0}p:last-child{margin-bottom:0}a{color:#4183c4;text-decoration:none}a:hover{color:#1e70bf;text-decoration:none}::-webkit-selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}::-moz-selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}::selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}input::-webkit-selection,textarea::-webkit-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.87)}input::-moz-selection,textarea::-moz-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.87)}input::-moz-selection,textarea::-moz-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.87)}input::selection,textarea::selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.87)}body ::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}body ::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}body ::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,.25);-webkit-transition:color .2s ease;transition:color .2s ease}body ::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.15)}body ::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,.8)}body .ui.inverted::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}body .ui.inverted::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}body .ui.inverted::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}body .ui.inverted::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}/*!
 * # Semantic UI 2.5.0 - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:'';-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:''!important;box-shadow:''!important}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:'';color:rgba(0,0,0,.9);box-shadow:0 0 0 1px transparent inset,none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent!important;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}@-webkit-keyframes button-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes button-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button:not(.inverted):after{border-top-color:#767676}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none!important;box-shadow:none!important;pointer-events:none!important}.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,.5)}.ui.animated.button{position:relative;overflow:hidden;padding-right:0!important;vertical-align:middle;z-index:1}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .hidden.content,.ui.animated.button .visible.content{transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-.5em}.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content{left:auto;right:0}.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{transition:top .3s ease,transform .3s ease}.ui.vertical.animated.button .visible.content{transform:translateY(0);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content{transform:translateY(200%);right:auto}.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{transition:opacity .3s ease,transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;transform:scale(1.5)}.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;transform:scale(.75)}.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;transform:scale(1)}.ui.inverted.button{box-shadow:0 0 0 2px #fff inset!important;background:transparent none;color:#fff;text-shadow:none!important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px 0}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.button:hover{background:#fff;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.inverted.button.active,.ui.inverted.button:focus{background:#fff;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.inverted.button.active:focus{background:#dcddde;box-shadow:0 0 0 2px #dcddde inset!important;color:rgba(0,0,0,.8)}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0!important;padding:0!important;border:none!important;box-shadow:none!important}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;padding:'';font-size:1em;border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label:before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.facebook.button{background-color:#3b5998;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.facebook.button:hover{background-color:#304d8a;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#2d4373;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#55acee;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.twitter.button:hover{background-color:#35a2f4;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#2795e9;color:#fff;text-shadow:none}.ui.google.plus.button{background-color:#dd4b39;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.google.plus.button:hover{background-color:#e0321c;color:#fff;text-shadow:none}.ui.google.plus.button:active{background-color:#c23321;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#1f88be;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#147baf;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#186992;color:#fff;text-shadow:none}.ui.youtube.button{background-color:red;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.youtube.button:hover{background-color:#e60000;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#c00;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.instagram.button:hover{background-color:#3d698e;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#395c79;color:#fff;text-shadow:none}.ui.pinterest.button{background-color:#bd081c;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pinterest.button:hover{background-color:#ac0013;color:#fff;text-shadow:none}.ui.pinterest.button:active{background-color:#8c0615;color:#fff;text-shadow:none}.ui.vk.button{background-color:#4d7198;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.vk.button:hover{background-color:#41648a;color:#fff}.ui.vk.button:active{background-color:#3c5876;color:#fff}.ui.button>.icon:not(.button){height:.85714286em;opacity:.8;margin:0 .42857143em 0 -.21428571em;transition:opacity .1s ease;vertical-align:'';color:''}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.58928571em 3.69642857em .58928571em}.ui.mini.button,.ui.mini.buttons .button,.ui.mini.buttons .or{font-size:.78571429rem}.ui.tiny.button,.ui.tiny.buttons .button,.ui.tiny.buttons .or{font-size:.85714286rem}.ui.small.button,.ui.small.buttons .button,.ui.small.buttons .or{font-size:.92857143rem}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.large.button,.ui.large.buttons .button,.ui.large.buttons .or{font-size:1.14285714rem}.ui.big.button,.ui.big.buttons .button,.ui.big.buttons .or{font-size:1.28571429rem}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1.42857143rem}.ui.massive.button,.ui.massive.buttons .button,.ui.massive.buttons .or{font-size:1.71428571rem}.ui.icon.button,.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:transparent none!important;color:rgba(0,0,0,.6)!important;font-weight:400;border-radius:.28571429rem;text-transform:none;text-shadow:none!important;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.basic.buttons{box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#fff!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:focus,.ui.basic.buttons .button:focus{background:#fff!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8!important;color:rgba(0,0,0,.9)!important;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05)!important;box-shadow:''!important;color:rgba(0,0,0,.95)!important}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset}.ui.basic.buttons .button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset inset}.ui.basic.buttons .active.button{box-shadow:''!important}.ui.basic.inverted.button,.ui.basic.inverted.buttons .button{background-color:transparent!important;color:#f9fafb!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important}.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:hover{color:#fff!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:focus,.ui.basic.inverted.buttons .button:focus{color:#fff!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active{background-color:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important}.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button{background-color:rgba(255,255,255,.08);color:#fff;text-shadow:none;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover{background-color:rgba(255,255,255,.15);box-shadow:0 0 0 2px #fff inset!important}.ui.basic.buttons .button{border-left:1px solid rgba(34,36,38,.15);box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none}.ui.basic.vertical.buttons .button{border-left-width:0;border-top:1px solid rgba(34,36,38,.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:'';box-shadow:-1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{top:0;left:0}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon:after,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.buttons>.button>.icon:before{display:block;position:absolute;width:100%;top:50%;text-align:center;transform:translateY(-50%)}.ui.labeled.icon.button>.icon.loading{-webkit-animation:none;animation:none}.ui.labeled.icon.button>.icon.loading:before{-webkit-animation:labeled-button-icon-loading 2s linear infinite;animation:labeled-button-icon-loading 2s linear infinite}@-webkit-keyframes labeled-button-icon-loading{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes labeled-button-icon-loading{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:.28571429rem}.ui.fluid[class*="left labeled"].icon.button,.ui.fluid[class*="right labeled"].icon.button{padding-left:1.5em!important;padding-right:1.5em!important}.ui.button.toggle.active,.ui.buttons .button.toggle.active,.ui.toggle.buttons .active.button{background-color:#21ba45!important;box-shadow:none!important;text-shadow:none;color:#fff!important}.ui.button.toggle.active:hover{background-color:#16ab39!important;text-shadow:none;color:#fff!important}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.buttons .or{position:relative;width:.3em;height:2.57142857em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:'or';top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.89285714em;margin-left:-.89285714em;width:1.78571429em;height:1.78571429em;line-height:1.78571429em;color:rgba(0,0,0,.4);font-style:normal;font-weight:700;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.ui.attached.button{position:relative;display:block;margin:0;border-radius:0;box-shadow:0 0 0 1px rgba(34,36,38,.15)!important}.ui.attached.top.button{border-radius:.28571429rem .28571429rem 0 0}.ui.attached.bottom.button{border-radius:0 0 .28571429rem .28571429rem}.ui.left.attached.button{display:inline-block;border-left:none;text-align:right;padding-right:.75em;border-radius:.28571429rem 0 0 .28571429rem}.ui.right.attached.button{display:inline-block;text-align:left;padding-left:.75em;border-radius:0 .28571429rem .28571429rem 0}.ui.attached.buttons{position:relative;display:flex;border-radius:0;width:auto!important;z-index:2;margin-left:-1px;margin-right:-1px}.ui.attached.buttons .button{margin:0}.ui.attached.buttons .button:first-child{border-radius:0}.ui.attached.buttons .button:last-child{border-radius:0}.ui[class*="top attached"].buttons{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="top attached"].buttons .button:first-child{border-radius:.28571429rem 0 0 0}.ui[class*="top attached"].buttons .button:last-child{border-radius:0 .28571429rem 0 0}.ui[class*="bottom attached"].buttons{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].buttons .button:first-child{border-radius:0 0 0 .28571429rem}.ui[class*="bottom attached"].buttons .button:last-child{border-radius:0 0 .28571429rem 0}.ui[class*="left attached"].buttons{display:inline-flex;margin-right:0;margin-left:-1px;border-radius:0 .28571429rem .28571429rem 0}.ui[class*="left attached"].buttons .button:first-child{margin-left:-1px;border-radius:0 .28571429rem 0 0}.ui[class*="left attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 .28571429rem 0}.ui[class*="right attached"].buttons{display:inline-flex;margin-left:0;margin-right:-1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="right attached"].buttons .button:first-child{margin-left:-1px;border-radius:.28571429rem 0 0 0}.ui[class*="right attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 .28571429rem}.ui.fluid.button,.ui.fluid.buttons{width:100%}.ui.fluid.button{display:block}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:flex;width:auto}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.black.button,.ui.black.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.black.button:hover,.ui.black.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.black.button:focus,.ui.black.buttons .button:focus{background-color:#2f3032;color:#fff;text-shadow:none}.ui.black.button:active,.ui.black.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.black.active.button,.ui.black.button .active.button:active,.ui.black.buttons .active.button,.ui.black.buttons .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.button,.ui.basic.black.buttons .button{box-shadow:0 0 0 1px #1b1c1d inset!important;color:#1b1c1d!important}.ui.basic.black.button:hover,.ui.basic.black.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #27292a inset!important;color:#27292a!important}.ui.basic.black.button:focus,.ui.basic.black.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #2f3032 inset!important;color:#27292a!important}.ui.basic.black.active.button,.ui.basic.black.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #0f0f10 inset!important;color:#343637!important}.ui.basic.black.button:active,.ui.basic.black.buttons .button:active{box-shadow:0 0 0 1px #343637 inset!important;color:#343637!important}.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child){margin-left:-1px}.ui.inverted.black.button,.ui.inverted.black.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d4d4d5 inset!important;color:#fff}.ui.inverted.black.button.active,.ui.inverted.black.button:active,.ui.inverted.black.button:focus,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button.active,.ui.inverted.black.buttons .button:active,.ui.inverted.black.buttons .button:focus,.ui.inverted.black.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button:hover{background-color:#000}.ui.inverted.black.button:focus,.ui.inverted.black.buttons .button:focus{background-color:#000}.ui.inverted.black.active.button,.ui.inverted.black.buttons .active.button{background-color:#000}.ui.inverted.black.button:active,.ui.inverted.black.buttons .button:active{background-color:#000}.ui.inverted.black.basic.button,.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.black.basic.button:hover,.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.button:hover{box-shadow:0 0 0 2px #000 inset!important;color:#fff!important}.ui.inverted.black.basic.button:focus,.ui.inverted.black.basic.buttons .button:focus{box-shadow:0 0 0 2px #000 inset!important;color:#545454!important}.ui.inverted.black.basic.active.button,.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.buttons .basic.active.button{box-shadow:0 0 0 2px #000 inset!important;color:#fff!important}.ui.inverted.black.basic.button:active,.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active{box-shadow:0 0 0 2px #000 inset!important;color:#fff!important}.ui.grey.button,.ui.grey.buttons .button{background-color:#767676;color:#fff;text-shadow:none;background-image:none}.ui.grey.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.grey.button:hover,.ui.grey.buttons .button:hover{background-color:#838383;color:#fff;text-shadow:none}.ui.grey.button:focus,.ui.grey.buttons .button:focus{background-color:#8a8a8a;color:#fff;text-shadow:none}.ui.grey.button:active,.ui.grey.buttons .button:active{background-color:#909090;color:#fff;text-shadow:none}.ui.grey.active.button,.ui.grey.button .active.button:active,.ui.grey.buttons .active.button,.ui.grey.buttons .active.button:active{background-color:#696969;color:#fff;text-shadow:none}.ui.basic.grey.button,.ui.basic.grey.buttons .button{box-shadow:0 0 0 1px #767676 inset!important;color:#767676!important}.ui.basic.grey.button:hover,.ui.basic.grey.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #838383 inset!important;color:#838383!important}.ui.basic.grey.button:focus,.ui.basic.grey.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #8a8a8a inset!important;color:#838383!important}.ui.basic.grey.active.button,.ui.basic.grey.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #696969 inset!important;color:#909090!important}.ui.basic.grey.button:active,.ui.basic.grey.buttons .button:active{box-shadow:0 0 0 1px #909090 inset!important;color:#909090!important}.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child){margin-left:-1px}.ui.inverted.grey.button,.ui.inverted.grey.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d4d4d5 inset!important;color:#fff}.ui.inverted.grey.button.active,.ui.inverted.grey.button:active,.ui.inverted.grey.button:focus,.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button.active,.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.buttons .button:hover{box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button:hover{background-color:#cfd0d2}.ui.inverted.grey.button:focus,.ui.inverted.grey.buttons .button:focus{background-color:#c7c9cb}.ui.inverted.grey.active.button,.ui.inverted.grey.buttons .active.button{background-color:#cfd0d2}.ui.inverted.grey.button:active,.ui.inverted.grey.buttons .button:active{background-color:#c2c4c5}.ui.inverted.grey.basic.button,.ui.inverted.grey.basic.buttons .button,.ui.inverted.grey.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.grey.basic.button:hover,.ui.inverted.grey.basic.buttons .button:hover,.ui.inverted.grey.buttons .basic.button:hover{box-shadow:0 0 0 2px #cfd0d2 inset!important;color:#fff!important}.ui.inverted.grey.basic.button:focus,.ui.inverted.grey.basic.buttons .button:focus{box-shadow:0 0 0 2px #c7c9cb inset!important;color:#dcddde!important}.ui.inverted.grey.basic.active.button,.ui.inverted.grey.basic.buttons .active.button,.ui.inverted.grey.buttons .basic.active.button{box-shadow:0 0 0 2px #cfd0d2 inset!important;color:#fff!important}.ui.inverted.grey.basic.button:active,.ui.inverted.grey.basic.buttons .button:active,.ui.inverted.grey.buttons .basic.button:active{box-shadow:0 0 0 2px #c2c4c5 inset!important;color:#fff!important}.ui.brown.button,.ui.brown.buttons .button{background-color:#a5673f;color:#fff;text-shadow:none;background-image:none}.ui.brown.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.brown.button:hover,.ui.brown.buttons .button:hover{background-color:#975b33;color:#fff;text-shadow:none}.ui.brown.button:focus,.ui.brown.buttons .button:focus{background-color:#90532b;color:#fff;text-shadow:none}.ui.brown.button:active,.ui.brown.buttons .button:active{background-color:#805031;color:#fff;text-shadow:none}.ui.brown.active.button,.ui.brown.button .active.button:active,.ui.brown.buttons .active.button,.ui.brown.buttons .active.button:active{background-color:#995a31;color:#fff;text-shadow:none}.ui.basic.brown.button,.ui.basic.brown.buttons .button{box-shadow:0 0 0 1px #a5673f inset!important;color:#a5673f!important}.ui.basic.brown.button:hover,.ui.basic.brown.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #975b33 inset!important;color:#975b33!important}.ui.basic.brown.button:focus,.ui.basic.brown.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #90532b inset!important;color:#975b33!important}.ui.basic.brown.active.button,.ui.basic.brown.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #995a31 inset!important;color:#805031!important}.ui.basic.brown.button:active,.ui.basic.brown.buttons .button:active{box-shadow:0 0 0 1px #805031 inset!important;color:#805031!important}.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child){margin-left:-1px}.ui.inverted.brown.button,.ui.inverted.brown.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d67c1c inset!important;color:#d67c1c}.ui.inverted.brown.button.active,.ui.inverted.brown.button:active,.ui.inverted.brown.button:focus,.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button.active,.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button:hover{background-color:#c86f11}.ui.inverted.brown.button:focus,.ui.inverted.brown.buttons .button:focus{background-color:#c16808}.ui.inverted.brown.active.button,.ui.inverted.brown.buttons .active.button{background-color:#cc6f0d}.ui.inverted.brown.button:active,.ui.inverted.brown.buttons .button:active{background-color:#a96216}.ui.inverted.brown.basic.button,.ui.inverted.brown.basic.buttons .button,.ui.inverted.brown.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.brown.basic.button:hover,.ui.inverted.brown.basic.buttons .button:hover,.ui.inverted.brown.buttons .basic.button:hover{box-shadow:0 0 0 2px #c86f11 inset!important;color:#d67c1c!important}.ui.inverted.brown.basic.button:focus,.ui.inverted.brown.basic.buttons .button:focus{box-shadow:0 0 0 2px #c16808 inset!important;color:#d67c1c!important}.ui.inverted.brown.basic.active.button,.ui.inverted.brown.basic.buttons .active.button,.ui.inverted.brown.buttons .basic.active.button{box-shadow:0 0 0 2px #cc6f0d inset!important;color:#d67c1c!important}.ui.inverted.brown.basic.button:active,.ui.inverted.brown.basic.buttons .button:active,.ui.inverted.brown.buttons .basic.button:active{box-shadow:0 0 0 2px #a96216 inset!important;color:#d67c1c!important}.ui.blue.button,.ui.blue.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.blue.button:focus,.ui.blue.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.blue.button:active,.ui.blue.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.blue.active.button,.ui.blue.button .active.button:active,.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.blue.button,.ui.basic.blue.buttons .button{box-shadow:0 0 0 1px #2185d0 inset!important;color:#2185d0!important}.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #1678c2 inset!important;color:#1678c2!important}.ui.basic.blue.button:focus,.ui.basic.blue.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #0d71bb inset!important;color:#1678c2!important}.ui.basic.blue.active.button,.ui.basic.blue.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #1279c6 inset!important;color:#1a69a4!important}.ui.basic.blue.button:active,.ui.basic.blue.buttons .button:active{box-shadow:0 0 0 1px #1a69a4 inset!important;color:#1a69a4!important}.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child){margin-left:-1px}.ui.inverted.blue.button,.ui.inverted.blue.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff}.ui.inverted.blue.button.active,.ui.inverted.blue.button:active,.ui.inverted.blue.button:focus,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button.active,.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button:hover{background-color:#3ac0ff}.ui.inverted.blue.button:focus,.ui.inverted.blue.buttons .button:focus{background-color:#2bbbff}.ui.inverted.blue.active.button,.ui.inverted.blue.buttons .active.button{background-color:#3ac0ff}.ui.inverted.blue.button:active,.ui.inverted.blue.buttons .button:active{background-color:#21b8ff}.ui.inverted.blue.basic.button,.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.blue.basic.button:hover,.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.button:hover{box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.button:focus,.ui.inverted.blue.basic.buttons .button:focus{box-shadow:0 0 0 2px #2bbbff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.active.button,.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.buttons .basic.active.button{box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.button:active,.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active{box-shadow:0 0 0 2px #21b8ff inset!important;color:#54c8ff!important}.ui.green.button,.ui.green.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{box-shadow:0 0 0 1px #21ba45 inset!important;color:#21ba45!important}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #16ab39 inset!important;color:#16ab39!important}.ui.basic.green.button:focus,.ui.basic.green.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #0ea432 inset!important;color:#16ab39!important}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #13ae38 inset!important;color:#198f35!important}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{box-shadow:0 0 0 1px #198f35 inset!important;color:#198f35!important}.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child){margin-left:-1px}.ui.inverted.green.button,.ui.inverted.green.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40}.ui.inverted.green.button.active,.ui.inverted.green.button:active,.ui.inverted.green.button:focus,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button.active,.ui.inverted.green.buttons .button:active,.ui.inverted.green.buttons .button:focus,.ui.inverted.green.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button:hover{background-color:#22be34}.ui.inverted.green.button:focus,.ui.inverted.green.buttons .button:focus{background-color:#19b82b}.ui.inverted.green.active.button,.ui.inverted.green.buttons .active.button{background-color:#1fc231}.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active{background-color:#25a233}.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.button:hover{box-shadow:0 0 0 2px #22be34 inset!important;color:#2ecc40!important}.ui.inverted.green.basic.button:focus,.ui.inverted.green.basic.buttons .button:focus{box-shadow:0 0 0 2px #19b82b inset!important;color:#2ecc40!important}.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.buttons .basic.active.button{box-shadow:0 0 0 2px #1fc231 inset!important;color:#2ecc40!important}.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active{box-shadow:0 0 0 2px #25a233 inset!important;color:#2ecc40!important}.ui.orange.button,.ui.orange.buttons .button{background-color:#f2711c;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.orange.button:hover,.ui.orange.buttons .button:hover{background-color:#f26202;color:#fff;text-shadow:none}.ui.orange.button:focus,.ui.orange.buttons .button:focus{background-color:#e55b00;color:#fff;text-shadow:none}.ui.orange.button:active,.ui.orange.buttons .button:active{background-color:#cf590c;color:#fff;text-shadow:none}.ui.orange.active.button,.ui.orange.button .active.button:active,.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active{background-color:#f56100;color:#fff;text-shadow:none}.ui.basic.orange.button,.ui.basic.orange.buttons .button{box-shadow:0 0 0 1px #f2711c inset!important;color:#f2711c!important}.ui.basic.orange.button:hover,.ui.basic.orange.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #f26202 inset!important;color:#f26202!important}.ui.basic.orange.button:focus,.ui.basic.orange.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #e55b00 inset!important;color:#f26202!important}.ui.basic.orange.active.button,.ui.basic.orange.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #f56100 inset!important;color:#cf590c!important}.ui.basic.orange.button:active,.ui.basic.orange.buttons .button:active{box-shadow:0 0 0 1px #cf590c inset!important;color:#cf590c!important}.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child){margin-left:-1px}.ui.inverted.orange.button,.ui.inverted.orange.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b}.ui.inverted.orange.button.active,.ui.inverted.orange.button:active,.ui.inverted.orange.button:focus,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button.active,.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button:hover{background-color:#ff7701}.ui.inverted.orange.button:focus,.ui.inverted.orange.buttons .button:focus{background-color:#f17000}.ui.inverted.orange.active.button,.ui.inverted.orange.buttons .active.button{background-color:#ff7701}.ui.inverted.orange.button:active,.ui.inverted.orange.buttons .button:active{background-color:#e76b00}.ui.inverted.orange.basic.button,.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.orange.basic.button:hover,.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff7701 inset!important;color:#ff851b!important}.ui.inverted.orange.basic.button:focus,.ui.inverted.orange.basic.buttons .button:focus{box-shadow:0 0 0 2px #f17000 inset!important;color:#ff851b!important}.ui.inverted.orange.basic.active.button,.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.buttons .basic.active.button{box-shadow:0 0 0 2px #ff7701 inset!important;color:#ff851b!important}.ui.inverted.orange.basic.button:active,.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active{box-shadow:0 0 0 2px #e76b00 inset!important;color:#ff851b!important}.ui.pink.button,.ui.pink.buttons .button{background-color:#e03997;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pink.button:hover,.ui.pink.buttons .button:hover{background-color:#e61a8d;color:#fff;text-shadow:none}.ui.pink.button:focus,.ui.pink.buttons .button:focus{background-color:#e10f85;color:#fff;text-shadow:none}.ui.pink.button:active,.ui.pink.buttons .button:active{background-color:#c71f7e;color:#fff;text-shadow:none}.ui.pink.active.button,.ui.pink.button .active.button:active,.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active{background-color:#ea158d;color:#fff;text-shadow:none}.ui.basic.pink.button,.ui.basic.pink.buttons .button{box-shadow:0 0 0 1px #e03997 inset!important;color:#e03997!important}.ui.basic.pink.button:hover,.ui.basic.pink.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #e61a8d inset!important;color:#e61a8d!important}.ui.basic.pink.button:focus,.ui.basic.pink.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #e10f85 inset!important;color:#e61a8d!important}.ui.basic.pink.active.button,.ui.basic.pink.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #ea158d inset!important;color:#c71f7e!important}.ui.basic.pink.button:active,.ui.basic.pink.buttons .button:active{box-shadow:0 0 0 1px #c71f7e inset!important;color:#c71f7e!important}.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child){margin-left:-1px}.ui.inverted.pink.button,.ui.inverted.pink.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf}.ui.inverted.pink.button.active,.ui.inverted.pink.button:active,.ui.inverted.pink.button:focus,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button.active,.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button:hover{background-color:#ff74d8}.ui.inverted.pink.button:focus,.ui.inverted.pink.buttons .button:focus{background-color:#ff65d3}.ui.inverted.pink.active.button,.ui.inverted.pink.buttons .active.button{background-color:#ff74d8}.ui.inverted.pink.button:active,.ui.inverted.pink.buttons .button:active{background-color:#ff5bd1}.ui.inverted.pink.basic.button,.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.pink.basic.button:hover,.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff74d8 inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.button:focus,.ui.inverted.pink.basic.buttons .button:focus{box-shadow:0 0 0 2px #ff65d3 inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.active.button,.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.buttons .basic.active.button{box-shadow:0 0 0 2px #ff74d8 inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.button:active,.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active{box-shadow:0 0 0 2px #ff5bd1 inset!important;color:#ff8edf!important}.ui.violet.button,.ui.violet.buttons .button{background-color:#6435c9;color:#fff;text-shadow:none;background-image:none}.ui.violet.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.violet.button:hover,.ui.violet.buttons .button:hover{background-color:#5829bb;color:#fff;text-shadow:none}.ui.violet.button:focus,.ui.violet.buttons .button:focus{background-color:#4f20b5;color:#fff;text-shadow:none}.ui.violet.button:active,.ui.violet.buttons .button:active{background-color:#502aa1;color:#fff;text-shadow:none}.ui.violet.active.button,.ui.violet.button .active.button:active,.ui.violet.buttons .active.button,.ui.violet.buttons .active.button:active{background-color:#5626bf;color:#fff;text-shadow:none}.ui.basic.violet.button,.ui.basic.violet.buttons .button{box-shadow:0 0 0 1px #6435c9 inset!important;color:#6435c9!important}.ui.basic.violet.button:hover,.ui.basic.violet.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #5829bb inset!important;color:#5829bb!important}.ui.basic.violet.button:focus,.ui.basic.violet.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #4f20b5 inset!important;color:#5829bb!important}.ui.basic.violet.active.button,.ui.basic.violet.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #5626bf inset!important;color:#502aa1!important}.ui.basic.violet.button:active,.ui.basic.violet.buttons .button:active{box-shadow:0 0 0 1px #502aa1 inset!important;color:#502aa1!important}.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child){margin-left:-1px}.ui.inverted.violet.button,.ui.inverted.violet.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #a291fb inset!important;color:#a291fb}.ui.inverted.violet.button.active,.ui.inverted.violet.button:active,.ui.inverted.violet.button:focus,.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button.active,.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button:hover{background-color:#8a73ff}.ui.inverted.violet.button:focus,.ui.inverted.violet.buttons .button:focus{background-color:#7d64ff}.ui.inverted.violet.active.button,.ui.inverted.violet.buttons .active.button{background-color:#8a73ff}.ui.inverted.violet.button:active,.ui.inverted.violet.buttons .button:active{background-color:#7860f9}.ui.inverted.violet.basic.button,.ui.inverted.violet.basic.buttons .button,.ui.inverted.violet.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.violet.basic.button:hover,.ui.inverted.violet.basic.buttons .button:hover,.ui.inverted.violet.buttons .basic.button:hover{box-shadow:0 0 0 2px #8a73ff inset!important;color:#a291fb!important}.ui.inverted.violet.basic.button:focus,.ui.inverted.violet.basic.buttons .button:focus{box-shadow:0 0 0 2px #7d64ff inset!important;color:#a291fb!important}.ui.inverted.violet.basic.active.button,.ui.inverted.violet.basic.buttons .active.button,.ui.inverted.violet.buttons .basic.active.button{box-shadow:0 0 0 2px #8a73ff inset!important;color:#a291fb!important}.ui.inverted.violet.basic.button:active,.ui.inverted.violet.basic.buttons .button:active,.ui.inverted.violet.buttons .basic.button:active{box-shadow:0 0 0 2px #7860f9 inset!important;color:#a291fb!important}.ui.purple.button,.ui.purple.buttons .button{background-color:#a333c8;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.purple.button:hover,.ui.purple.buttons .button:hover{background-color:#9627ba;color:#fff;text-shadow:none}.ui.purple.button:focus,.ui.purple.buttons .button:focus{background-color:#8f1eb4;color:#fff;text-shadow:none}.ui.purple.button:active,.ui.purple.buttons .button:active{background-color:#82299f;color:#fff;text-shadow:none}.ui.purple.active.button,.ui.purple.button .active.button:active,.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active{background-color:#9724be;color:#fff;text-shadow:none}.ui.basic.purple.button,.ui.basic.purple.buttons .button{box-shadow:0 0 0 1px #a333c8 inset!important;color:#a333c8!important}.ui.basic.purple.button:hover,.ui.basic.purple.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #9627ba inset!important;color:#9627ba!important}.ui.basic.purple.button:focus,.ui.basic.purple.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #8f1eb4 inset!important;color:#9627ba!important}.ui.basic.purple.active.button,.ui.basic.purple.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #9724be inset!important;color:#82299f!important}.ui.basic.purple.button:active,.ui.basic.purple.buttons .button:active{box-shadow:0 0 0 1px #82299f inset!important;color:#82299f!important}.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child){margin-left:-1px}.ui.inverted.purple.button,.ui.inverted.purple.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #dc73ff inset!important;color:#dc73ff}.ui.inverted.purple.button.active,.ui.inverted.purple.button:active,.ui.inverted.purple.button:focus,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button.active,.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button:hover{background-color:#d65aff}.ui.inverted.purple.button:focus,.ui.inverted.purple.buttons .button:focus{background-color:#d24aff}.ui.inverted.purple.active.button,.ui.inverted.purple.buttons .active.button{background-color:#d65aff}.ui.inverted.purple.button:active,.ui.inverted.purple.buttons .button:active{background-color:#cf40ff}.ui.inverted.purple.basic.button,.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.purple.basic.button:hover,.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.button:hover{box-shadow:0 0 0 2px #d65aff inset!important;color:#dc73ff!important}.ui.inverted.purple.basic.button:focus,.ui.inverted.purple.basic.buttons .button:focus{box-shadow:0 0 0 2px #d24aff inset!important;color:#dc73ff!important}.ui.inverted.purple.basic.active.button,.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.buttons .basic.active.button{box-shadow:0 0 0 2px #d65aff inset!important;color:#dc73ff!important}.ui.inverted.purple.basic.button:active,.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active{box-shadow:0 0 0 2px #cf40ff inset!important;color:#dc73ff!important}.ui.red.button,.ui.red.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{box-shadow:0 0 0 1px #db2828 inset!important;color:#db2828!important}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #d01919 inset!important;color:#d01919!important}.ui.basic.red.button:focus,.ui.basic.red.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #ca1010 inset!important;color:#d01919!important}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #d41515 inset!important;color:#b21e1e!important}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{box-shadow:0 0 0 1px #b21e1e inset!important;color:#b21e1e!important}.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child){margin-left:-1px}.ui.inverted.red.button,.ui.inverted.red.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e}.ui.inverted.red.button.active,.ui.inverted.red.button:active,.ui.inverted.red.button:focus,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button.active,.ui.inverted.red.buttons .button:active,.ui.inverted.red.buttons .button:focus,.ui.inverted.red.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button:hover{background-color:#ff5144}.ui.inverted.red.button:focus,.ui.inverted.red.buttons .button:focus{background-color:#ff4335}.ui.inverted.red.active.button,.ui.inverted.red.buttons .active.button{background-color:#ff5144}.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active{background-color:#ff392b}.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff5144 inset!important;color:#ff695e!important}.ui.inverted.red.basic.button:focus,.ui.inverted.red.basic.buttons .button:focus{box-shadow:0 0 0 2px #ff4335 inset!important;color:#ff695e!important}.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.buttons .basic.active.button{box-shadow:0 0 0 2px #ff5144 inset!important;color:#ff695e!important}.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active{box-shadow:0 0 0 2px #ff392b inset!important;color:#ff695e!important}.ui.teal.button,.ui.teal.buttons .button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:#009c95;color:#fff;text-shadow:none}.ui.teal.button:focus,.ui.teal.buttons .button:focus{background-color:#008c86;color:#fff;text-shadow:none}.ui.teal.button:active,.ui.teal.buttons .button:active{background-color:#00827c;color:#fff;text-shadow:none}.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.button,.ui.basic.teal.buttons .button{box-shadow:0 0 0 1px #00b5ad inset!important;color:#00b5ad!important}.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #009c95 inset!important;color:#009c95!important}.ui.basic.teal.button:focus,.ui.basic.teal.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #008c86 inset!important;color:#009c95!important}.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #009c95 inset!important;color:#00827c!important}.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active{box-shadow:0 0 0 1px #00827c inset!important;color:#00827c!important}.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child){margin-left:-1px}.ui.inverted.teal.button,.ui.inverted.teal.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff}.ui.inverted.teal.button.active,.ui.inverted.teal.button:active,.ui.inverted.teal.button:focus,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button.active,.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.buttons .button:hover{box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button:hover{background-color:#54ffff}.ui.inverted.teal.button:focus,.ui.inverted.teal.buttons .button:focus{background-color:#4ff}.ui.inverted.teal.active.button,.ui.inverted.teal.buttons .active.button{background-color:#54ffff}.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active{background-color:#3affff}.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.button:hover{box-shadow:0 0 0 2px #54ffff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.button:focus,.ui.inverted.teal.basic.buttons .button:focus{box-shadow:0 0 0 2px #4ff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.buttons .basic.active.button{box-shadow:0 0 0 2px #54ffff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active{box-shadow:0 0 0 2px #3affff inset!important;color:#6dffff!important}.ui.olive.button,.ui.olive.buttons .button{background-color:#b5cc18;color:#fff;text-shadow:none;background-image:none}.ui.olive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.olive.button:hover,.ui.olive.buttons .button:hover{background-color:#a7bd0d;color:#fff;text-shadow:none}.ui.olive.button:focus,.ui.olive.buttons .button:focus{background-color:#a0b605;color:#fff;text-shadow:none}.ui.olive.button:active,.ui.olive.buttons .button:active{background-color:#8d9e13;color:#fff;text-shadow:none}.ui.olive.active.button,.ui.olive.button .active.button:active,.ui.olive.buttons .active.button,.ui.olive.buttons .active.button:active{background-color:#aac109;color:#fff;text-shadow:none}.ui.basic.olive.button,.ui.basic.olive.buttons .button{box-shadow:0 0 0 1px #b5cc18 inset!important;color:#b5cc18!important}.ui.basic.olive.button:hover,.ui.basic.olive.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #a7bd0d inset!important;color:#a7bd0d!important}.ui.basic.olive.button:focus,.ui.basic.olive.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #a0b605 inset!important;color:#a7bd0d!important}.ui.basic.olive.active.button,.ui.basic.olive.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #aac109 inset!important;color:#8d9e13!important}.ui.basic.olive.button:active,.ui.basic.olive.buttons .button:active{box-shadow:0 0 0 1px #8d9e13 inset!important;color:#8d9e13!important}.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child){margin-left:-1px}.ui.inverted.olive.button,.ui.inverted.olive.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d9e778 inset!important;color:#d9e778}.ui.inverted.olive.button.active,.ui.inverted.olive.button:active,.ui.inverted.olive.button:focus,.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button.active,.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.buttons .button:hover{box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button:hover{background-color:#d8ea5c}.ui.inverted.olive.button:focus,.ui.inverted.olive.buttons .button:focus{background-color:#daef47}.ui.inverted.olive.active.button,.ui.inverted.olive.buttons .active.button{background-color:#daed59}.ui.inverted.olive.button:active,.ui.inverted.olive.buttons .button:active{background-color:#cddf4d}.ui.inverted.olive.basic.button,.ui.inverted.olive.basic.buttons .button,.ui.inverted.olive.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.olive.basic.button:hover,.ui.inverted.olive.basic.buttons .button:hover,.ui.inverted.olive.buttons .basic.button:hover{box-shadow:0 0 0 2px #d8ea5c inset!important;color:#d9e778!important}.ui.inverted.olive.basic.button:focus,.ui.inverted.olive.basic.buttons .button:focus{box-shadow:0 0 0 2px #daef47 inset!important;color:#d9e778!important}.ui.inverted.olive.basic.active.button,.ui.inverted.olive.basic.buttons .active.button,.ui.inverted.olive.buttons .basic.active.button{box-shadow:0 0 0 2px #daed59 inset!important;color:#d9e778!important}.ui.inverted.olive.basic.button:active,.ui.inverted.olive.basic.buttons .button:active,.ui.inverted.olive.buttons .basic.button:active{box-shadow:0 0 0 2px #cddf4d inset!important;color:#d9e778!important}.ui.yellow.button,.ui.yellow.buttons .button{background-color:#fbbd08;color:#fff;text-shadow:none;background-image:none}.ui.yellow.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.yellow.button:hover,.ui.yellow.buttons .button:hover{background-color:#eaae00;color:#fff;text-shadow:none}.ui.yellow.button:focus,.ui.yellow.buttons .button:focus{background-color:#daa300;color:#fff;text-shadow:none}.ui.yellow.button:active,.ui.yellow.buttons .button:active{background-color:#cd9903;color:#fff;text-shadow:none}.ui.yellow.active.button,.ui.yellow.button .active.button:active,.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active{background-color:#eaae00;color:#fff;text-shadow:none}.ui.basic.yellow.button,.ui.basic.yellow.buttons .button{box-shadow:0 0 0 1px #fbbd08 inset!important;color:#fbbd08!important}.ui.basic.yellow.button:hover,.ui.basic.yellow.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #eaae00 inset!important;color:#eaae00!important}.ui.basic.yellow.button:focus,.ui.basic.yellow.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #daa300 inset!important;color:#eaae00!important}.ui.basic.yellow.active.button,.ui.basic.yellow.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #eaae00 inset!important;color:#cd9903!important}.ui.basic.yellow.button:active,.ui.basic.yellow.buttons .button:active{box-shadow:0 0 0 1px #cd9903 inset!important;color:#cd9903!important}.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child){margin-left:-1px}.ui.inverted.yellow.button,.ui.inverted.yellow.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f}.ui.inverted.yellow.button.active,.ui.inverted.yellow.button:active,.ui.inverted.yellow.button:focus,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button.active,.ui.inverted.yellow.buttons .button:active,.ui.inverted.yellow.buttons .button:focus,.ui.inverted.yellow.buttons .button:hover{box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button:hover{background-color:#ffdf05}.ui.inverted.yellow.button:focus,.ui.inverted.yellow.buttons .button:focus{background-color:#f5d500}.ui.inverted.yellow.active.button,.ui.inverted.yellow.buttons .active.button{background-color:#ffdf05}.ui.inverted.yellow.button:active,.ui.inverted.yellow.buttons .button:active{background-color:#ebcd00}.ui.inverted.yellow.basic.button,.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.yellow.basic.button:hover,.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.button:hover{box-shadow:0 0 0 2px #ffdf05 inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.button:focus,.ui.inverted.yellow.basic.buttons .button:focus{box-shadow:0 0 0 2px #f5d500 inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.active.button,.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.buttons .basic.active.button{box-shadow:0 0 0 2px #ffdf05 inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.button:active,.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active{box-shadow:0 0 0 2px #ebcd00 inset!important;color:#ffe21f!important}.ui.primary.button,.ui.primary.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.primary.button,.ui.basic.primary.buttons .button{box-shadow:0 0 0 1px #2185d0 inset!important;color:#2185d0!important}.ui.basic.primary.button:hover,.ui.basic.primary.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #1678c2 inset!important;color:#1678c2!important}.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #0d71bb inset!important;color:#1678c2!important}.ui.basic.primary.active.button,.ui.basic.primary.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #1279c6 inset!important;color:#1a69a4!important}.ui.basic.primary.button:active,.ui.basic.primary.buttons .button:active{box-shadow:0 0 0 1px #1a69a4 inset!important;color:#1a69a4!important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.inverted.primary.button,.ui.inverted.primary.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff}.ui.inverted.primary.button.active,.ui.inverted.primary.button:active,.ui.inverted.primary.button:focus,.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button.active,.ui.inverted.primary.buttons .button:active,.ui.inverted.primary.buttons .button:focus,.ui.inverted.primary.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button:hover{background-color:#3ac0ff}.ui.inverted.primary.button:focus,.ui.inverted.primary.buttons .button:focus{background-color:#2bbbff}.ui.inverted.primary.active.button,.ui.inverted.primary.buttons .active.button{background-color:#3ac0ff}.ui.inverted.primary.button:active,.ui.inverted.primary.buttons .button:active{background-color:#21b8ff}.ui.inverted.primary.basic.button,.ui.inverted.primary.basic.buttons .button,.ui.inverted.primary.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.primary.basic.button:hover,.ui.inverted.primary.basic.buttons .button:hover,.ui.inverted.primary.buttons .basic.button:hover{box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.primary.basic.button:focus,.ui.inverted.primary.basic.buttons .button:focus{box-shadow:0 0 0 2px #2bbbff inset!important;color:#54c8ff!important}.ui.inverted.primary.basic.active.button,.ui.inverted.primary.basic.buttons .active.button,.ui.inverted.primary.buttons .basic.active.button{box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.primary.basic.button:active,.ui.inverted.primary.basic.buttons .button:active,.ui.inverted.primary.buttons .basic.button:active{box-shadow:0 0 0 2px #21b8ff inset!important;color:#54c8ff!important}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#2e3032;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#27292a;color:#fff;text-shadow:none}.ui.basic.secondary.button,.ui.basic.secondary.buttons .button{box-shadow:0 0 0 1px #1b1c1d inset!important;color:#1b1c1d!important}.ui.basic.secondary.button:hover,.ui.basic.secondary.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #27292a inset!important;color:#27292a!important}.ui.basic.secondary.button:focus,.ui.basic.secondary.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #2e3032 inset!important;color:#27292a!important}.ui.basic.secondary.active.button,.ui.basic.secondary.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #27292a inset!important;color:#343637!important}.ui.basic.secondary.button:active,.ui.basic.secondary.buttons .button:active{box-shadow:0 0 0 1px #343637 inset!important;color:#343637!important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.inverted.secondary.button,.ui.inverted.secondary.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #545454 inset!important;color:#545454}.ui.inverted.secondary.button.active,.ui.inverted.secondary.button:active,.ui.inverted.secondary.button:focus,.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button.active,.ui.inverted.secondary.buttons .button:active,.ui.inverted.secondary.buttons .button:focus,.ui.inverted.secondary.buttons .button:hover{box-shadow:none!important;color:#fff}.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button:hover{background-color:#616161}.ui.inverted.secondary.button:focus,.ui.inverted.secondary.buttons .button:focus{background-color:#686868}.ui.inverted.secondary.active.button,.ui.inverted.secondary.buttons .active.button{background-color:#616161}.ui.inverted.secondary.button:active,.ui.inverted.secondary.buttons .button:active{background-color:#6e6e6e}.ui.inverted.secondary.basic.button,.ui.inverted.secondary.basic.buttons .button,.ui.inverted.secondary.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.secondary.basic.button:hover,.ui.inverted.secondary.basic.buttons .button:hover,.ui.inverted.secondary.buttons .basic.button:hover{box-shadow:0 0 0 2px #616161 inset!important;color:#545454!important}.ui.inverted.secondary.basic.button:focus,.ui.inverted.secondary.basic.buttons .button:focus{box-shadow:0 0 0 2px #686868 inset!important;color:#545454!important}.ui.inverted.secondary.basic.active.button,.ui.inverted.secondary.basic.buttons .active.button,.ui.inverted.secondary.buttons .basic.active.button{box-shadow:0 0 0 2px #616161 inset!important;color:#545454!important}.ui.inverted.secondary.basic.button:active,.ui.inverted.secondary.basic.buttons .button:active,.ui.inverted.secondary.buttons .basic.button:active{box-shadow:0 0 0 2px #6e6e6e inset!important;color:#545454!important}.ui.positive.button,.ui.positive.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.positive.button,.ui.basic.positive.buttons .button{box-shadow:0 0 0 1px #21ba45 inset!important;color:#21ba45!important}.ui.basic.positive.button:hover,.ui.basic.positive.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #16ab39 inset!important;color:#16ab39!important}.ui.basic.positive.button:focus,.ui.basic.positive.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #0ea432 inset!important;color:#16ab39!important}.ui.basic.positive.active.button,.ui.basic.positive.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #13ae38 inset!important;color:#198f35!important}.ui.basic.positive.button:active,.ui.basic.positive.buttons .button:active{box-shadow:0 0 0 1px #198f35 inset!important;color:#198f35!important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.negative.button,.ui.negative.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.negative.button,.ui.basic.negative.buttons .button{box-shadow:0 0 0 1px #db2828 inset!important;color:#db2828!important}.ui.basic.negative.button:hover,.ui.basic.negative.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 1px #d01919 inset!important;color:#d01919!important}.ui.basic.negative.button:focus,.ui.basic.negative.buttons .button:focus{background:0 0!important;box-shadow:0 0 0 1px #ca1010 inset!important;color:#d01919!important}.ui.basic.negative.active.button,.ui.basic.negative.buttons .active.button{background:0 0!important;box-shadow:0 0 0 1px #d41515 inset!important;color:#b21e1e!important}.ui.basic.negative.button:active,.ui.basic.negative.buttons .button:active{box-shadow:0 0 0 1px #b21e1e inset!important;color:#b21e1e!important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.buttons{display:inline-flex;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons:not(.basic):not(.inverted){box-shadow:none}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{flex:1 0 auto;margin:0;border-radius:0;margin:0}.ui.buttons:not(.basic):not(.inverted)>.button,.ui.buttons>.ui.button:not(.basic):not(.inverted){box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.buttons .button:last-child{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons{display:inline-flex;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;box-shadow:none;border-radius:0}.ui.vertical.buttons .button:first-child{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons .button:only-child{border-radius:.28571429rem}/*!
 * # Semantic UI 2.5.0 - Container
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.container{display:block;max-width:100%!important}@media only screen and (max-width:767px){.ui.container{width:auto!important;margin-left:1em!important;margin-right:1em!important}.ui.grid.container{width:auto!important}.ui.relaxed.grid.container{width:auto!important}.ui.very.relaxed.grid.container{width:auto!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.container{width:723px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(723px + 2rem)!important}.ui.relaxed.grid.container{width:calc(723px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(723px + 5rem)!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.container{width:933px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(933px + 2rem)!important}.ui.relaxed.grid.container{width:calc(933px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(933px + 5rem)!important}}@media only screen and (min-width:1200px){.ui.container{width:1127px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(1127px + 2rem)!important}.ui.relaxed.grid.container{width:calc(1127px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)!important}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px!important;line-height:1.5}.ui.text.container{font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}/*!
 * # Semantic UI 2.5.0 - Divider
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(255,255,255,.1)}.ui.grid>.column+.divider,.ui.grid>.row>.column+.divider{left:auto}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:'';line-height:1;text-align:center}.ui.horizontal.divider:after,.ui.horizontal.divider:before{content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider:before{background-position:right 1em top 50%}.ui.horizontal.divider:after{background-position:left 1em top 50%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center;transform:translateX(-50%)}.ui.vertical.divider:after,.ui.vertical.divider:before{position:absolute;left:50%;content:'';z-index:3;border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(255,255,255,.1);width:0%;height:calc(100% - 1rem)}.ui.vertical.divider:before{top:-100%}.ui.vertical.divider:after{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{display:table;white-space:nowrap;height:auto;margin:'';overflow:hidden;line-height:1;text-align:center;position:static;top:0;left:0;transform:none}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{position:static;left:0;border-left:none;border-right:none;content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:before{background-position:right 1em top 50%}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:after{background-position:left 1em top 50%}}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.hidden.divider{border-color:transparent!important}.ui.hidden.divider:after,.ui.hidden.divider:before{display:none}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(34,36,38,.15)!important;border-left-color:rgba(34,36,38,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important;border-right-color:rgba(255,255,255,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.horizontal.divider:after,.ui.horizontal.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}}/*!
 * # Semantic UI 2.5.0 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */i.flag:not(.icon){display:inline-block;width:16px;height:11px;line-height:11px;vertical-align:baseline;margin:0 .5em 0 0;text-decoration:inherit;speak:none;font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.flag:not(.icon):before{display:inline-block;content:'';background:url(/assets/flags-DOLqOU7Y.png) no-repeat -108px -1976px;width:16px;height:11px}i.flag.ad:before,i.flag.andorra:before{background-position:0 0}i.flag.ae:before,i.flag.uae:before,i.flag.united.arab.emirates:before{background-position:0 -26px}i.flag.af:before,i.flag.afghanistan:before{background-position:0 -52px}i.flag.ag:before,i.flag.antigua:before{background-position:0 -78px}i.flag.ai:before,i.flag.anguilla:before{background-position:0 -104px}i.flag.al:before,i.flag.albania:before{background-position:0 -130px}i.flag.am:before,i.flag.armenia:before{background-position:0 -156px}i.flag.an:before,i.flag.netherlands.antilles:before{background-position:0 -182px}i.flag.angola:before,i.flag.ao:before{background-position:0 -208px}i.flag.ar:before,i.flag.argentina:before{background-position:0 -234px}i.flag.american.samoa:before,i.flag.as:before{background-position:0 -260px}i.flag.at:before,i.flag.austria:before{background-position:0 -286px}i.flag.au:before,i.flag.australia:before{background-position:0 -312px}i.flag.aruba:before,i.flag.aw:before{background-position:0 -338px}i.flag.aland.islands:before,i.flag.ax:before{background-position:0 -364px}i.flag.az:before,i.flag.azerbaijan:before{background-position:0 -390px}i.flag.ba:before,i.flag.bosnia:before{background-position:0 -416px}i.flag.barbados:before,i.flag.bb:before{background-position:0 -442px}i.flag.bangladesh:before,i.flag.bd:before{background-position:0 -468px}i.flag.be:before,i.flag.belgium:before{background-position:0 -494px}i.flag.bf:before,i.flag.burkina.faso:before{background-position:0 -520px}i.flag.bg:before,i.flag.bulgaria:before{background-position:0 -546px}i.flag.bahrain:before,i.flag.bh:before{background-position:0 -572px}i.flag.bi:before,i.flag.burundi:before{background-position:0 -598px}i.flag.benin:before,i.flag.bj:before{background-position:0 -624px}i.flag.bermuda:before,i.flag.bm:before{background-position:0 -650px}i.flag.bn:before,i.flag.brunei:before{background-position:0 -676px}i.flag.bo:before,i.flag.bolivia:before{background-position:0 -702px}i.flag.br:before,i.flag.brazil:before{background-position:0 -728px}i.flag.bahamas:before,i.flag.bs:before{background-position:0 -754px}i.flag.bhutan:before,i.flag.bt:before{background-position:0 -780px}i.flag.bouvet.island:before,i.flag.bv:before{background-position:0 -806px}i.flag.botswana:before,i.flag.bw:before{background-position:0 -832px}i.flag.belarus:before,i.flag.by:before{background-position:0 -858px}i.flag.belize:before,i.flag.bz:before{background-position:0 -884px}i.flag.ca:before,i.flag.canada:before{background-position:0 -910px}i.flag.cc:before,i.flag.cocos.islands:before{background-position:0 -962px}i.flag.cd:before,i.flag.congo:before{background-position:0 -988px}i.flag.central.african.republic:before,i.flag.cf:before{background-position:0 -1014px}i.flag.cg:before,i.flag.congo.brazzaville:before{background-position:0 -1040px}i.flag.ch:before,i.flag.switzerland:before{background-position:0 -1066px}i.flag.ci:before,i.flag.cote.divoire:before{background-position:0 -1092px}i.flag.ck:before,i.flag.cook.islands:before{background-position:0 -1118px}i.flag.chile:before,i.flag.cl:before{background-position:0 -1144px}i.flag.cameroon:before,i.flag.cm:before{background-position:0 -1170px}i.flag.china:before,i.flag.cn:before{background-position:0 -1196px}i.flag.co:before,i.flag.colombia:before{background-position:0 -1222px}i.flag.costa.rica:before,i.flag.cr:before{background-position:0 -1248px}i.flag.cs:before,i.flag.serbia:before{background-position:0 -1274px}i.flag.cu:before,i.flag.cuba:before{background-position:0 -1300px}i.flag.cape.verde:before,i.flag.cv:before{background-position:0 -1326px}i.flag.christmas.island:before,i.flag.cx:before{background-position:0 -1352px}i.flag.cy:before,i.flag.cyprus:before{background-position:0 -1378px}i.flag.cz:before,i.flag.czech.republic:before{background-position:0 -1404px}i.flag.de:before,i.flag.germany:before{background-position:0 -1430px}i.flag.dj:before,i.flag.djibouti:before{background-position:0 -1456px}i.flag.denmark:before,i.flag.dk:before{background-position:0 -1482px}i.flag.dm:before,i.flag.dominica:before{background-position:0 -1508px}i.flag.do:before,i.flag.dominican.republic:before{background-position:0 -1534px}i.flag.algeria:before,i.flag.dz:before{background-position:0 -1560px}i.flag.ec:before,i.flag.ecuador:before{background-position:0 -1586px}i.flag.ee:before,i.flag.estonia:before{background-position:0 -1612px}i.flag.eg:before,i.flag.egypt:before{background-position:0 -1638px}i.flag.eh:before,i.flag.western.sahara:before{background-position:0 -1664px}i.flag.england:before,i.flag.gb.eng:before{background-position:0 -1690px}i.flag.er:before,i.flag.eritrea:before{background-position:0 -1716px}i.flag.es:before,i.flag.spain:before{background-position:0 -1742px}i.flag.et:before,i.flag.ethiopia:before{background-position:0 -1768px}i.flag.eu:before,i.flag.european.union:before{background-position:0 -1794px}i.flag.fi:before,i.flag.finland:before{background-position:0 -1846px}i.flag.fiji:before,i.flag.fj:before{background-position:0 -1872px}i.flag.falkland.islands:before,i.flag.fk:before{background-position:0 -1898px}i.flag.fm:before,i.flag.micronesia:before{background-position:0 -1924px}i.flag.faroe.islands:before,i.flag.fo:before{background-position:0 -1950px}i.flag.fr:before,i.flag.france:before{background-position:0 -1976px}i.flag.ga:before,i.flag.gabon:before{background-position:-36px 0}i.flag.gb:before,i.flag.uk:before,i.flag.united.kingdom:before{background-position:-36px -26px}i.flag.gd:before,i.flag.grenada:before{background-position:-36px -52px}i.flag.ge:before,i.flag.georgia:before{background-position:-36px -78px}i.flag.french.guiana:before,i.flag.gf:before{background-position:-36px -104px}i.flag.gh:before,i.flag.ghana:before{background-position:-36px -130px}i.flag.gi:before,i.flag.gibraltar:before{background-position:-36px -156px}i.flag.gl:before,i.flag.greenland:before{background-position:-36px -182px}i.flag.gambia:before,i.flag.gm:before{background-position:-36px -208px}i.flag.gn:before,i.flag.guinea:before{background-position:-36px -234px}i.flag.gp:before,i.flag.guadeloupe:before{background-position:-36px -260px}i.flag.equatorial.guinea:before,i.flag.gq:before{background-position:-36px -286px}i.flag.gr:before,i.flag.greece:before{background-position:-36px -312px}i.flag.gs:before,i.flag.sandwich.islands:before{background-position:-36px -338px}i.flag.gt:before,i.flag.guatemala:before{background-position:-36px -364px}i.flag.gu:before,i.flag.guam:before{background-position:-36px -390px}i.flag.guinea-bissau:before,i.flag.gw:before{background-position:-36px -416px}i.flag.guyana:before,i.flag.gy:before{background-position:-36px -442px}i.flag.hk:before,i.flag.hong.kong:before{background-position:-36px -468px}i.flag.heard.island:before,i.flag.hm:before{background-position:-36px -494px}i.flag.hn:before,i.flag.honduras:before{background-position:-36px -520px}i.flag.croatia:before,i.flag.hr:before{background-position:-36px -546px}i.flag.haiti:before,i.flag.ht:before{background-position:-36px -572px}i.flag.hu:before,i.flag.hungary:before{background-position:-36px -598px}i.flag.id:before,i.flag.indonesia:before{background-position:-36px -624px}i.flag.ie:before,i.flag.ireland:before{background-position:-36px -650px}i.flag.il:before,i.flag.israel:before{background-position:-36px -676px}i.flag.in:before,i.flag.india:before{background-position:-36px -702px}i.flag.indian.ocean.territory:before,i.flag.io:before{background-position:-36px -728px}i.flag.iq:before,i.flag.iraq:before{background-position:-36px -754px}i.flag.ir:before,i.flag.iran:before{background-position:-36px -780px}i.flag.iceland:before,i.flag.is:before{background-position:-36px -806px}i.flag.it:before,i.flag.italy:before{background-position:-36px -832px}i.flag.jamaica:before,i.flag.jm:before{background-position:-36px -858px}i.flag.jo:before,i.flag.jordan:before{background-position:-36px -884px}i.flag.japan:before,i.flag.jp:before{background-position:-36px -910px}i.flag.ke:before,i.flag.kenya:before{background-position:-36px -936px}i.flag.kg:before,i.flag.kyrgyzstan:before{background-position:-36px -962px}i.flag.cambodia:before,i.flag.kh:before{background-position:-36px -988px}i.flag.ki:before,i.flag.kiribati:before{background-position:-36px -1014px}i.flag.comoros:before,i.flag.km:before{background-position:-36px -1040px}i.flag.kn:before,i.flag.saint.kitts.and.nevis:before{background-position:-36px -1066px}i.flag.kp:before,i.flag.north.korea:before{background-position:-36px -1092px}i.flag.kr:before,i.flag.south.korea:before{background-position:-36px -1118px}i.flag.kuwait:before,i.flag.kw:before{background-position:-36px -1144px}i.flag.cayman.islands:before,i.flag.ky:before{background-position:-36px -1170px}i.flag.kazakhstan:before,i.flag.kz:before{background-position:-36px -1196px}i.flag.la:before,i.flag.laos:before{background-position:-36px -1222px}i.flag.lb:before,i.flag.lebanon:before{background-position:-36px -1248px}i.flag.lc:before,i.flag.saint.lucia:before{background-position:-36px -1274px}i.flag.li:before,i.flag.liechtenstein:before{background-position:-36px -1300px}i.flag.lk:before,i.flag.sri.lanka:before{background-position:-36px -1326px}i.flag.liberia:before,i.flag.lr:before{background-position:-36px -1352px}i.flag.lesotho:before,i.flag.ls:before{background-position:-36px -1378px}i.flag.lithuania:before,i.flag.lt:before{background-position:-36px -1404px}i.flag.lu:before,i.flag.luxembourg:before{background-position:-36px -1430px}i.flag.latvia:before,i.flag.lv:before{background-position:-36px -1456px}i.flag.libya:before,i.flag.ly:before{background-position:-36px -1482px}i.flag.ma:before,i.flag.morocco:before{background-position:-36px -1508px}i.flag.mc:before,i.flag.monaco:before{background-position:-36px -1534px}i.flag.md:before,i.flag.moldova:before{background-position:-36px -1560px}i.flag.me:before,i.flag.montenegro:before{background-position:-36px -1586px}i.flag.madagascar:before,i.flag.mg:before{background-position:-36px -1613px}i.flag.marshall.islands:before,i.flag.mh:before{background-position:-36px -1639px}i.flag.macedonia:before,i.flag.mk:before{background-position:-36px -1665px}i.flag.mali:before,i.flag.ml:before{background-position:-36px -1691px}i.flag.burma:before,i.flag.mm:before,i.flag.myanmar:before{background-position:-73px -1821px}i.flag.mn:before,i.flag.mongolia:before{background-position:-36px -1743px}i.flag.macau:before,i.flag.mo:before{background-position:-36px -1769px}i.flag.mp:before,i.flag.northern.mariana.islands:before{background-position:-36px -1795px}i.flag.martinique:before,i.flag.mq:before{background-position:-36px -1821px}i.flag.mauritania:before,i.flag.mr:before{background-position:-36px -1847px}i.flag.montserrat:before,i.flag.ms:before{background-position:-36px -1873px}i.flag.malta:before,i.flag.mt:before{background-position:-36px -1899px}i.flag.mauritius:before,i.flag.mu:before{background-position:-36px -1925px}i.flag.maldives:before,i.flag.mv:before{background-position:-36px -1951px}i.flag.malawi:before,i.flag.mw:before{background-position:-36px -1977px}i.flag.mexico:before,i.flag.mx:before{background-position:-72px 0}i.flag.malaysia:before,i.flag.my:before{background-position:-72px -26px}i.flag.mozambique:before,i.flag.mz:before{background-position:-72px -52px}i.flag.na:before,i.flag.namibia:before{background-position:-72px -78px}i.flag.nc:before,i.flag.new.caledonia:before{background-position:-72px -104px}i.flag.ne:before,i.flag.niger:before{background-position:-72px -130px}i.flag.nf:before,i.flag.norfolk.island:before{background-position:-72px -156px}i.flag.ng:before,i.flag.nigeria:before{background-position:-72px -182px}i.flag.ni:before,i.flag.nicaragua:before{background-position:-72px -208px}i.flag.netherlands:before,i.flag.nl:before{background-position:-72px -234px}i.flag.no:before,i.flag.norway:before{background-position:-72px -260px}i.flag.nepal:before,i.flag.np:before{background-position:-72px -286px}i.flag.nauru:before,i.flag.nr:before{background-position:-72px -312px}i.flag.niue:before,i.flag.nu:before{background-position:-72px -338px}i.flag.new.zealand:before,i.flag.nz:before{background-position:-72px -364px}i.flag.om:before,i.flag.oman:before{background-position:-72px -390px}i.flag.pa:before,i.flag.panama:before{background-position:-72px -416px}i.flag.pe:before,i.flag.peru:before{background-position:-72px -442px}i.flag.french.polynesia:before,i.flag.pf:before{background-position:-72px -468px}i.flag.new.guinea:before,i.flag.pg:before{background-position:-72px -494px}i.flag.ph:before,i.flag.philippines:before{background-position:-72px -520px}i.flag.pakistan:before,i.flag.pk:before{background-position:-72px -546px}i.flag.pl:before,i.flag.poland:before{background-position:-72px -572px}i.flag.pm:before,i.flag.saint.pierre:before{background-position:-72px -598px}i.flag.pitcairn.islands:before,i.flag.pn:before{background-position:-72px -624px}i.flag.pr:before,i.flag.puerto.rico:before{background-position:-72px -650px}i.flag.palestine:before,i.flag.ps:before{background-position:-72px -676px}i.flag.portugal:before,i.flag.pt:before{background-position:-72px -702px}i.flag.palau:before,i.flag.pw:before{background-position:-72px -728px}i.flag.paraguay:before,i.flag.py:before{background-position:-72px -754px}i.flag.qa:before,i.flag.qatar:before{background-position:-72px -780px}i.flag.re:before,i.flag.reunion:before{background-position:-72px -806px}i.flag.ro:before,i.flag.romania:before{background-position:-72px -832px}i.flag.rs:before,i.flag.serbia:before{background-position:-72px -858px}i.flag.ru:before,i.flag.russia:before{background-position:-72px -884px}i.flag.rw:before,i.flag.rwanda:before{background-position:-72px -910px}i.flag.sa:before,i.flag.saudi.arabia:before{background-position:-72px -936px}i.flag.sb:before,i.flag.solomon.islands:before{background-position:-72px -962px}i.flag.sc:before,i.flag.seychelles:before{background-position:-72px -988px}i.flag.gb.sct:before,i.flag.scotland:before{background-position:-72px -1014px}i.flag.sd:before,i.flag.sudan:before{background-position:-72px -1040px}i.flag.se:before,i.flag.sweden:before{background-position:-72px -1066px}i.flag.sg:before,i.flag.singapore:before{background-position:-72px -1092px}i.flag.saint.helena:before,i.flag.sh:before{background-position:-72px -1118px}i.flag.si:before,i.flag.slovenia:before{background-position:-72px -1144px}i.flag.jan.mayen:before,i.flag.sj:before,i.flag.svalbard:before{background-position:-72px -1170px}i.flag.sk:before,i.flag.slovakia:before{background-position:-72px -1196px}i.flag.sierra.leone:before,i.flag.sl:before{background-position:-72px -1222px}i.flag.san.marino:before,i.flag.sm:before{background-position:-72px -1248px}i.flag.senegal:before,i.flag.sn:before{background-position:-72px -1274px}i.flag.so:before,i.flag.somalia:before{background-position:-72px -1300px}i.flag.sr:before,i.flag.suriname:before{background-position:-72px -1326px}i.flag.sao.tome:before,i.flag.st:before{background-position:-72px -1352px}i.flag.el.salvador:before,i.flag.sv:before{background-position:-72px -1378px}i.flag.sy:before,i.flag.syria:before{background-position:-72px -1404px}i.flag.swaziland:before,i.flag.sz:before{background-position:-72px -1430px}i.flag.caicos.islands:before,i.flag.tc:before{background-position:-72px -1456px}i.flag.chad:before,i.flag.td:before{background-position:-72px -1482px}i.flag.french.territories:before,i.flag.tf:before{background-position:-72px -1508px}i.flag.tg:before,i.flag.togo:before{background-position:-72px -1534px}i.flag.th:before,i.flag.thailand:before{background-position:-72px -1560px}i.flag.tajikistan:before,i.flag.tj:before{background-position:-72px -1586px}i.flag.tk:before,i.flag.tokelau:before{background-position:-72px -1612px}i.flag.timorleste:before,i.flag.tl:before{background-position:-72px -1638px}i.flag.tm:before,i.flag.turkmenistan:before{background-position:-72px -1664px}i.flag.tn:before,i.flag.tunisia:before{background-position:-72px -1690px}i.flag.to:before,i.flag.tonga:before{background-position:-72px -1716px}i.flag.tr:before,i.flag.turkey:before{background-position:-72px -1742px}i.flag.trinidad:before,i.flag.tt:before{background-position:-72px -1768px}i.flag.tuvalu:before,i.flag.tv:before{background-position:-72px -1794px}i.flag.taiwan:before,i.flag.tw:before{background-position:-72px -1820px}i.flag.tanzania:before,i.flag.tz:before{background-position:-72px -1846px}i.flag.ua:before,i.flag.ukraine:before{background-position:-72px -1872px}i.flag.ug:before,i.flag.uganda:before{background-position:-72px -1898px}i.flag.um:before,i.flag.us.minor.islands:before{background-position:-72px -1924px}i.flag.america:before,i.flag.united.states:before,i.flag.us:before{background-position:-72px -1950px}i.flag.uruguay:before,i.flag.uy:before{background-position:-72px -1976px}i.flag.uz:before,i.flag.uzbekistan:before{background-position:-108px 0}i.flag.va:before,i.flag.vatican.city:before{background-position:-108px -26px}i.flag.saint.vincent:before,i.flag.vc:before{background-position:-108px -52px}i.flag.ve:before,i.flag.venezuela:before{background-position:-108px -78px}i.flag.british.virgin.islands:before,i.flag.vg:before{background-position:-108px -104px}i.flag.us.virgin.islands:before,i.flag.vi:before{background-position:-108px -130px}i.flag.vietnam:before,i.flag.vn:before{background-position:-108px -156px}i.flag.vanuatu:before,i.flag.vu:before{background-position:-108px -182px}i.flag.gb.wls:before,i.flag.wales:before{background-position:-108px -208px}i.flag.wallis.and.futuna:before,i.flag.wf:before{background-position:-108px -234px}i.flag.samoa:before,i.flag.ws:before{background-position:-108px -260px}i.flag.ye:before,i.flag.yemen:before{background-position:-108px -286px}i.flag.mayotte:before,i.flag.yt:before{background-position:-108px -312px}i.flag.south.africa:before,i.flag.za:before{background-position:-108px -338px}i.flag.zambia:before,i.flag.zm:before{background-position:-108px -364px}i.flag.zimbabwe:before,i.flag.zw:before{background-position:-108px -390px}/*!
 * # Semantic UI 2.5.0 - Header
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.header{border:none;margin:calc(2rem - .14285714em) 0 1rem;padding:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;line-height:1.28571429em;text-transform:none;color:rgba(0,0,0,.87)}.ui.header:first-child{margin-top:-.14285714em}.ui.header:last-child{margin-bottom:0}.ui.header .sub.header{display:block;font-weight:400;padding:0;margin:0;font-size:1rem;line-height:1.2em;color:rgba(0,0,0,.6)}.ui.header>.icon{display:table-cell;opacity:1;font-size:1.5em;padding-top:0;vertical-align:middle}.ui.header .icon:only-child{display:inline-block;padding:0;margin-right:.75rem}.ui.header>.image:not(.icon),.ui.header>img{display:inline-block;margin-top:.14285714em;width:2.5em;height:auto;vertical-align:middle}.ui.header>.image:not(.icon):only-child,.ui.header>img:only-child{margin-right:.75rem}.ui.header .content{display:inline-block;vertical-align:top}.ui.header>.image+.content,.ui.header>img+.content{padding-left:.75rem;vertical-align:middle}.ui.header>.icon+.content{padding-left:.75rem;display:table-cell;vertical-align:middle}.ui.header .ui.label{font-size:'';margin-left:.5rem;vertical-align:middle}.ui.header+p{margin-top:0}h1.ui.header{font-size:2rem}h2.ui.header{font-size:1.71428571rem}h3.ui.header{font-size:1.28571429rem}h4.ui.header{font-size:1.07142857rem}h5.ui.header{font-size:1rem}h1.ui.header .sub.header{font-size:1.14285714rem}h2.ui.header .sub.header{font-size:1.14285714rem}h3.ui.header .sub.header{font-size:1rem}h4.ui.header .sub.header{font-size:1rem}h5.ui.header .sub.header{font-size:.92857143rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.71428571em}.ui.medium.header{font-size:1.28571429em}.ui.small.header{font-size:1.07142857em}.ui.tiny.header{font-size:1em}.ui.huge.header .sub.header{font-size:1.14285714rem}.ui.large.header .sub.header{font-size:1.14285714rem}.ui.header .sub.header{font-size:1rem}.ui.small.header .sub.header{font-size:1rem}.ui.tiny.header .sub.header{font-size:.92857143rem}.ui.sub.header{padding:0;margin-bottom:.14285714rem;font-weight:700;font-size:.85714286em;text-transform:uppercase;color:''}.ui.small.sub.header{font-size:.78571429em}.ui.sub.header{font-size:.85714286em}.ui.large.sub.header{font-size:.92857143em}.ui.huge.sub.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center;margin:2rem 0 1rem}.ui.icon.header:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.icon.header:first-child{margin-top:0}.ui.icon.header .icon{float:none;display:block;width:auto;height:auto;line-height:1;padding:0;font-size:3em;margin:0 auto .5rem;opacity:1}.ui.icon.header .content{display:block;padding:0}.ui.icon.header .circular.icon{font-size:2em}.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.45}.ui.inverted.header{color:#fff}.ui.inverted.header .sub.header{color:rgba(255,255,255,.8)}.ui.inverted.attached.header{background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));box-shadow:none;border-color:transparent}.ui.inverted.block.header{background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));box-shadow:none}.ui.inverted.block.header{border-bottom:none}.ui.red.header{color:#db2828!important}a.ui.red.header:hover{color:#d01919!important}.ui.red.dividing.header{border-bottom:2px solid #db2828}.ui.inverted.red.header{color:#ff695e!important}a.ui.inverted.red.header:hover{color:#ff5144!important}.ui.orange.header{color:#f2711c!important}a.ui.orange.header:hover{color:#f26202!important}.ui.orange.dividing.header{border-bottom:2px solid #f2711c}.ui.inverted.orange.header{color:#ff851b!important}a.ui.inverted.orange.header:hover{color:#ff7701!important}.ui.olive.header{color:#b5cc18!important}a.ui.olive.header:hover{color:#a7bd0d!important}.ui.olive.dividing.header{border-bottom:2px solid #b5cc18}.ui.inverted.olive.header{color:#d9e778!important}a.ui.inverted.olive.header:hover{color:#d8ea5c!important}.ui.yellow.header{color:#fbbd08!important}a.ui.yellow.header:hover{color:#eaae00!important}.ui.yellow.dividing.header{border-bottom:2px solid #fbbd08}.ui.inverted.yellow.header{color:#ffe21f!important}a.ui.inverted.yellow.header:hover{color:#ffdf05!important}.ui.green.header{color:#21ba45!important}a.ui.green.header:hover{color:#16ab39!important}.ui.green.dividing.header{border-bottom:2px solid #21ba45}.ui.inverted.green.header{color:#2ecc40!important}a.ui.inverted.green.header:hover{color:#22be34!important}.ui.teal.header{color:#00b5ad!important}a.ui.teal.header:hover{color:#009c95!important}.ui.teal.dividing.header{border-bottom:2px solid #00b5ad}.ui.inverted.teal.header{color:#6dffff!important}a.ui.inverted.teal.header:hover{color:#54ffff!important}.ui.blue.header{color:#2185d0!important}a.ui.blue.header:hover{color:#1678c2!important}.ui.blue.dividing.header{border-bottom:2px solid #2185d0}.ui.inverted.blue.header{color:#54c8ff!important}a.ui.inverted.blue.header:hover{color:#3ac0ff!important}.ui.violet.header{color:#6435c9!important}a.ui.violet.header:hover{color:#5829bb!important}.ui.violet.dividing.header{border-bottom:2px solid #6435c9}.ui.inverted.violet.header{color:#a291fb!important}a.ui.inverted.violet.header:hover{color:#8a73ff!important}.ui.purple.header{color:#a333c8!important}a.ui.purple.header:hover{color:#9627ba!important}.ui.purple.dividing.header{border-bottom:2px solid #a333c8}.ui.inverted.purple.header{color:#dc73ff!important}a.ui.inverted.purple.header:hover{color:#d65aff!important}.ui.pink.header{color:#e03997!important}a.ui.pink.header:hover{color:#e61a8d!important}.ui.pink.dividing.header{border-bottom:2px solid #e03997}.ui.inverted.pink.header{color:#ff8edf!important}a.ui.inverted.pink.header:hover{color:#ff74d8!important}.ui.brown.header{color:#a5673f!important}a.ui.brown.header:hover{color:#975b33!important}.ui.brown.dividing.header{border-bottom:2px solid #a5673f}.ui.inverted.brown.header{color:#d67c1c!important}a.ui.inverted.brown.header:hover{color:#c86f11!important}.ui.grey.header{color:#767676!important}a.ui.grey.header:hover{color:#838383!important}.ui.grey.dividing.header{border-bottom:2px solid #767676}.ui.inverted.grey.header{color:#dcddde!important}a.ui.inverted.grey.header:hover{color:#cfd0d2!important}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header,.ui.centered.header{text-align:center}.ui.justified.header{text-align:justify}.ui.justified.header:after{display:inline-block;content:'';width:100%}.ui.floated.header,.ui[class*="left floated"].header{float:left;margin-top:0;margin-right:.5em}.ui[class*="right floated"].header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.21428571rem;border-bottom:1px solid rgba(34,36,38,.15)}.ui.dividing.header .sub.header{padding-bottom:.21428571rem}.ui.dividing.header .icon{margin-bottom:0}.ui.inverted.dividing.header{border-bottom-color:rgba(255,255,255,.1)}.ui.block.header{background:#f3f4f5;padding:.78571429rem 1rem;box-shadow:none;border:1px solid #d4d4d5;border-radius:.28571429rem}.ui.tiny.block.header{font-size:.85714286rem}.ui.small.block.header{font-size:.92857143rem}.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1rem}.ui.large.block.header{font-size:1.14285714rem}.ui.huge.block.header{font-size:1.42857143rem}.ui.attached.header{background:#fff;padding:.78571429rem 1rem;margin-left:-1px;margin-right:-1px;box-shadow:none;border:1px solid #d4d4d5}.ui.attached.block.header{background:#f3f4f5}.ui.attached:not(.top):not(.bottom).header{margin-top:0;margin-bottom:0;border-top:none;border-radius:0}.ui.top.attached.header{margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui.bottom.attached.header{margin-top:0;border-top:none;border-radius:0 0 .28571429rem .28571429rem}.ui.tiny.attached.header{font-size:.85714286em}.ui.small.attached.header{font-size:.92857143em}.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1em}.ui.large.attached.header{font-size:1.14285714em}.ui.huge.attached.header{font-size:1.42857143em}.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1.28571429em}/*!
 * # Semantic UI 2.5.0 - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */@font-face{font-family:Icons;src:url(/assets/icons-CHzK1VD9.eot);src:url(/assets/icons-CHzK1VD9.eot?#iefix) format('embedded-opentype'),url(/assets/icons-Du6TOHnR.woff2) format('woff2'),url(/assets/icons-BOCtAERH.woff) format('woff'),url(/assets/icons-D29ZQHHw.ttf) format('truetype'),url(/assets/icons-RwhydX30.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon{display:inline-block;opacity:1;margin:0 .25rem 0 0;width:1.18em;height:1em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.icon:before{background:0 0!important}i.icon.loading{height:1em;line-height:1}i.icon.loading{-webkit-animation:icon-loading 2s linear infinite;animation:icon-loading 2s linear infinite}@-webkit-keyframes icon-loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}i.icon.hover{opacity:1!important}i.icon.active{opacity:1!important}i.emphasized.icon{opacity:1!important}i.disabled.icon{opacity:.45!important}i.fitted.icon{width:auto;margin:0!important}i.link.icon,i.link.icons{cursor:pointer;opacity:.8;transition:opacity .1s ease}i.link.icon:hover,i.link.icons:hover{opacity:1!important}i.circular.icon{border-radius:500em!important;line-height:1!important;padding:.5em 0!important;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;width:2em!important;height:2em!important}i.circular.inverted.icon{border:none;box-shadow:none}i.flipped.icon,i.horizontally.flipped.icon{transform:scale(-1,1)}i.vertically.flipped.icon{transform:scale(1,-1)}i.clockwise.rotated.icon,i.right.rotated.icon,i.rotated.icon{transform:rotate(90deg)}i.counterclockwise.rotated.icon,i.left.rotated.icon{transform:rotate(-90deg)}i.bordered.icon{line-height:1;vertical-align:baseline;width:2em;height:2em;padding:.5em 0!important;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset}i.bordered.inverted.icon{border:none;box-shadow:none}i.inverted.bordered.icon,i.inverted.circular.icon{background-color:#1b1c1d!important;color:#fff!important}i.inverted.icon{color:#fff}i.red.icon{color:#db2828!important}i.inverted.red.icon{color:#ff695e!important}i.inverted.bordered.red.icon,i.inverted.circular.red.icon{background-color:#db2828!important;color:#fff!important}i.orange.icon{color:#f2711c!important}i.inverted.orange.icon{color:#ff851b!important}i.inverted.bordered.orange.icon,i.inverted.circular.orange.icon{background-color:#f2711c!important;color:#fff!important}i.yellow.icon{color:#fbbd08!important}i.inverted.yellow.icon{color:#ffe21f!important}i.inverted.bordered.yellow.icon,i.inverted.circular.yellow.icon{background-color:#fbbd08!important;color:#fff!important}i.olive.icon{color:#b5cc18!important}i.inverted.olive.icon{color:#d9e778!important}i.inverted.bordered.olive.icon,i.inverted.circular.olive.icon{background-color:#b5cc18!important;color:#fff!important}i.green.icon{color:#21ba45!important}i.inverted.green.icon{color:#2ecc40!important}i.inverted.bordered.green.icon,i.inverted.circular.green.icon{background-color:#21ba45!important;color:#fff!important}i.teal.icon{color:#00b5ad!important}i.inverted.teal.icon{color:#6dffff!important}i.inverted.bordered.teal.icon,i.inverted.circular.teal.icon{background-color:#00b5ad!important;color:#fff!important}i.blue.icon{color:#2185d0!important}i.inverted.blue.icon{color:#54c8ff!important}i.inverted.bordered.blue.icon,i.inverted.circular.blue.icon{background-color:#2185d0!important;color:#fff!important}i.violet.icon{color:#6435c9!important}i.inverted.violet.icon{color:#a291fb!important}i.inverted.bordered.violet.icon,i.inverted.circular.violet.icon{background-color:#6435c9!important;color:#fff!important}i.purple.icon{color:#a333c8!important}i.inverted.purple.icon{color:#dc73ff!important}i.inverted.bordered.purple.icon,i.inverted.circular.purple.icon{background-color:#a333c8!important;color:#fff!important}i.pink.icon{color:#e03997!important}i.inverted.pink.icon{color:#ff8edf!important}i.inverted.bordered.pink.icon,i.inverted.circular.pink.icon{background-color:#e03997!important;color:#fff!important}i.brown.icon{color:#a5673f!important}i.inverted.brown.icon{color:#d67c1c!important}i.inverted.bordered.brown.icon,i.inverted.circular.brown.icon{background-color:#a5673f!important;color:#fff!important}i.grey.icon{color:#767676!important}i.inverted.grey.icon{color:#dcddde!important}i.inverted.bordered.grey.icon,i.inverted.circular.grey.icon{background-color:#767676!important;color:#fff!important}i.black.icon{color:#1b1c1d!important}i.inverted.black.icon{color:#545454!important}i.inverted.bordered.black.icon,i.inverted.circular.black.icon{background-color:#1b1c1d!important;color:#fff!important}i.mini.icon,i.mini.icons{line-height:1;font-size:.4em}i.tiny.icon,i.tiny.icons{line-height:1;font-size:.5em}i.small.icon,i.small.icons{line-height:1;font-size:.75em}i.icon,i.icons{font-size:1em}i.large.icon,i.large.icons{line-height:1;vertical-align:middle;font-size:1.5em}i.big.icon,i.big.icons{line-height:1;vertical-align:middle;font-size:2em}i.huge.icon,i.huge.icons{line-height:1;vertical-align:middle;font-size:4em}i.massive.icon,i.massive.icons{line-height:1;vertical-align:middle;font-size:8em}i.icons{display:inline-block;position:relative;line-height:1}i.icons .icon{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);margin:0;margin:0}i.icons .icon:first-child{position:static;width:auto;height:auto;vertical-align:top;transform:none;margin-right:.25rem}i.icons .corner.icon{top:auto;left:auto;right:0;bottom:0;transform:none;font-size:.45em;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}i.icons .top.right.corner.icon{top:0;left:auto;right:0;bottom:auto}i.icons .top.left.corner.icon{top:0;left:0;right:auto;bottom:auto}i.icons .bottom.left.corner.icon{top:auto;left:0;right:auto;bottom:0}i.icons .bottom.right.corner.icon{top:auto;left:auto;right:0;bottom:0}i.icons .inverted.corner.icon{text-shadow:-1px -1px 0 #1b1c1d,1px -1px 0 #1b1c1d,-1px 1px 0 #1b1c1d,1px 1px 0 #1b1c1d}i.icon.linkedin.in:before{content:"\f0e1"}i.icon.zoom.in:before{content:"\f00e"}i.icon.zoom.out:before{content:"\f010"}i.icon.sign.in:before{content:"\f2f6"}i.icon.in.cart:before{content:"\f218"}i.icon.log.out:before{content:"\f2f5"}i.icon.sign.out:before{content:"\f2f5"}i.icon.\35 00px:before{content:"\f26e"}i.icon.accessible.icon:before{content:"\f368"}i.icon.accusoft:before{content:"\f369"}i.icon.address.book:before{content:"\f2b9"}i.icon.address.card:before{content:"\f2bb"}i.icon.adjust:before{content:"\f042"}i.icon.adn:before{content:"\f170"}i.icon.adversal:before{content:"\f36a"}i.icon.affiliatetheme:before{content:"\f36b"}i.icon.algolia:before{content:"\f36c"}i.icon.align.center:before{content:"\f037"}i.icon.align.justify:before{content:"\f039"}i.icon.align.left:before{content:"\f036"}i.icon.align.right:before{content:"\f038"}i.icon.amazon:before{content:"\f270"}i.icon.amazon.pay:before{content:"\f42c"}i.icon.ambulance:before{content:"\f0f9"}i.icon.american.sign.language.interpreting:before{content:"\f2a3"}i.icon.amilia:before{content:"\f36d"}i.icon.anchor:before{content:"\f13d"}i.icon.android:before{content:"\f17b"}i.icon.angellist:before{content:"\f209"}i.icon.angle.double.down:before{content:"\f103"}i.icon.angle.double.left:before{content:"\f100"}i.icon.angle.double.right:before{content:"\f101"}i.icon.angle.double.up:before{content:"\f102"}i.icon.angle.down:before{content:"\f107"}i.icon.angle.left:before{content:"\f104"}i.icon.angle.right:before{content:"\f105"}i.icon.angle.up:before{content:"\f106"}i.icon.angrycreative:before{content:"\f36e"}i.icon.angular:before{content:"\f420"}i.icon.app.store:before{content:"\f36f"}i.icon.app.store.ios:before{content:"\f370"}i.icon.apper:before{content:"\f371"}i.icon.apple:before{content:"\f179"}i.icon.apple.pay:before{content:"\f415"}i.icon.archive:before{content:"\f187"}i.icon.arrow.alternate.circle.down:before{content:"\f358"}i.icon.arrow.alternate.circle.left:before{content:"\f359"}i.icon.arrow.alternate.circle.right:before{content:"\f35a"}i.icon.arrow.alternate.circle.up:before{content:"\f35b"}i.icon.arrow.circle.down:before{content:"\f0ab"}i.icon.arrow.circle.left:before{content:"\f0a8"}i.icon.arrow.circle.right:before{content:"\f0a9"}i.icon.arrow.circle.up:before{content:"\f0aa"}i.icon.arrow.down:before{content:"\f063"}i.icon.arrow.left:before{content:"\f060"}i.icon.arrow.right:before{content:"\f061"}i.icon.arrow.up:before{content:"\f062"}i.icon.arrows.alternate:before{content:"\f0b2"}i.icon.arrows.alternate.horizontal:before{content:"\f337"}i.icon.arrows.alternate.vertical:before{content:"\f338"}i.icon.assistive.listening.systems:before{content:"\f2a2"}i.icon.asterisk:before{content:"\f069"}i.icon.asymmetrik:before{content:"\f372"}i.icon.at:before{content:"\f1fa"}i.icon.audible:before{content:"\f373"}i.icon.audio.description:before{content:"\f29e"}i.icon.autoprefixer:before{content:"\f41c"}i.icon.avianex:before{content:"\f374"}i.icon.aviato:before{content:"\f421"}i.icon.aws:before{content:"\f375"}i.icon.backward:before{content:"\f04a"}i.icon.balance.scale:before{content:"\f24e"}i.icon.ban:before{content:"\f05e"}i.icon.band.aid:before{content:"\f462"}i.icon.bandcamp:before{content:"\f2d5"}i.icon.barcode:before{content:"\f02a"}i.icon.bars:before{content:"\f0c9"}i.icon.baseball.ball:before{content:"\f433"}i.icon.basketball.ball:before{content:"\f434"}i.icon.bath:before{content:"\f2cd"}i.icon.battery.empty:before{content:"\f244"}i.icon.battery.full:before{content:"\f240"}i.icon.battery.half:before{content:"\f242"}i.icon.battery.quarter:before{content:"\f243"}i.icon.battery.three.quarters:before{content:"\f241"}i.icon.bed:before{content:"\f236"}i.icon.beer:before{content:"\f0fc"}i.icon.behance:before{content:"\f1b4"}i.icon.behance.square:before{content:"\f1b5"}i.icon.bell:before{content:"\f0f3"}i.icon.bell.slash:before{content:"\f1f6"}i.icon.bicycle:before{content:"\f206"}i.icon.bimobject:before{content:"\f378"}i.icon.binoculars:before{content:"\f1e5"}i.icon.birthday.cake:before{content:"\f1fd"}i.icon.bitbucket:before{content:"\f171"}i.icon.bitcoin:before{content:"\f379"}i.icon.bity:before{content:"\f37a"}i.icon.black.tie:before{content:"\f27e"}i.icon.blackberry:before{content:"\f37b"}i.icon.blind:before{content:"\f29d"}i.icon.blogger:before{content:"\f37c"}i.icon.blogger.b:before{content:"\f37d"}i.icon.bluetooth:before{content:"\f293"}i.icon.bluetooth.b:before{content:"\f294"}i.icon.bold:before{content:"\f032"}i.icon.bolt:before{content:"\f0e7"}i.icon.bomb:before{content:"\f1e2"}i.icon.book:before{content:"\f02d"}i.icon.bookmark:before{content:"\f02e"}i.icon.bowling.ball:before{content:"\f436"}i.icon.box:before{content:"\f466"}i.icon.boxes:before{content:"\f468"}i.icon.braille:before{content:"\f2a1"}i.icon.briefcase:before{content:"\f0b1"}i.icon.btc:before{content:"\f15a"}i.icon.bug:before{content:"\f188"}i.icon.building:before{content:"\f1ad"}i.icon.bullhorn:before{content:"\f0a1"}i.icon.bullseye:before{content:"\f140"}i.icon.buromobelexperte:before{content:"\f37f"}i.icon.bus:before{content:"\f207"}i.icon.buysellads:before{content:"\f20d"}i.icon.calculator:before{content:"\f1ec"}i.icon.calendar:before{content:"\f133"}i.icon.calendar.alternate:before{content:"\f073"}i.icon.calendar.check:before{content:"\f274"}i.icon.calendar.minus:before{content:"\f272"}i.icon.calendar.plus:before{content:"\f271"}i.icon.calendar.times:before{content:"\f273"}i.icon.camera:before{content:"\f030"}i.icon.camera.retro:before{content:"\f083"}i.icon.car:before{content:"\f1b9"}i.icon.caret.down:before{content:"\f0d7"}i.icon.caret.left:before{content:"\f0d9"}i.icon.caret.right:before{content:"\f0da"}i.icon.caret.square.down:before{content:"\f150"}i.icon.caret.square.left:before{content:"\f191"}i.icon.caret.square.right:before{content:"\f152"}i.icon.caret.square.up:before{content:"\f151"}i.icon.caret.up:before{content:"\f0d8"}i.icon.cart.arrow.down:before{content:"\f218"}i.icon.cart.plus:before{content:"\f217"}i.icon.cc.amazon.pay:before{content:"\f42d"}i.icon.cc.amex:before{content:"\f1f3"}i.icon.cc.apple.pay:before{content:"\f416"}i.icon.cc.diners.club:before{content:"\f24c"}i.icon.cc.discover:before{content:"\f1f2"}i.icon.cc.jcb:before{content:"\f24b"}i.icon.cc.mastercard:before{content:"\f1f1"}i.icon.cc.paypal:before{content:"\f1f4"}i.icon.cc.stripe:before{content:"\f1f5"}i.icon.cc.visa:before{content:"\f1f0"}i.icon.centercode:before{content:"\f380"}i.icon.certificate:before{content:"\f0a3"}i.icon.chart.area:before{content:"\f1fe"}i.icon.chart.bar:before{content:"\f080"}i.icon.chart.line:before{content:"\f201"}i.icon.chart.pie:before{content:"\f200"}i.icon.check:before{content:"\f00c"}i.icon.check.circle:before{content:"\f058"}i.icon.check.square:before{content:"\f14a"}i.icon.chess:before{content:"\f439"}i.icon.chess.bishop:before{content:"\f43a"}i.icon.chess.board:before{content:"\f43c"}i.icon.chess.king:before{content:"\f43f"}i.icon.chess.knight:before{content:"\f441"}i.icon.chess.pawn:before{content:"\f443"}i.icon.chess.queen:before{content:"\f445"}i.icon.chess.rook:before{content:"\f447"}i.icon.chevron.circle.down:before{content:"\f13a"}i.icon.chevron.circle.left:before{content:"\f137"}i.icon.chevron.circle.right:before{content:"\f138"}i.icon.chevron.circle.up:before{content:"\f139"}i.icon.chevron.down:before{content:"\f078"}i.icon.chevron.left:before{content:"\f053"}i.icon.chevron.right:before{content:"\f054"}i.icon.chevron.up:before{content:"\f077"}i.icon.child:before{content:"\f1ae"}i.icon.chrome:before{content:"\f268"}i.icon.circle:before{content:"\f111"}i.icon.circle.notch:before{content:"\f1ce"}i.icon.clipboard:before{content:"\f328"}i.icon.clipboard.check:before{content:"\f46c"}i.icon.clipboard.list:before{content:"\f46d"}i.icon.clock:before{content:"\f017"}i.icon.clone:before{content:"\f24d"}i.icon.closed.captioning:before{content:"\f20a"}i.icon.cloud:before{content:"\f0c2"}i.icon.cloudscale:before{content:"\f383"}i.icon.cloudsmith:before{content:"\f384"}i.icon.cloudversify:before{content:"\f385"}i.icon.code:before{content:"\f121"}i.icon.code.branch:before{content:"\f126"}i.icon.codepen:before{content:"\f1cb"}i.icon.codiepie:before{content:"\f284"}i.icon.coffee:before{content:"\f0f4"}i.icon.cog:before{content:"\f013"}i.icon.cogs:before{content:"\f085"}i.icon.columns:before{content:"\f0db"}i.icon.comment:before{content:"\f075"}i.icon.comment.alternate:before{content:"\f27a"}i.icon.comments:before{content:"\f086"}i.icon.compass:before{content:"\f14e"}i.icon.compress:before{content:"\f066"}i.icon.connectdevelop:before{content:"\f20e"}i.icon.contao:before{content:"\f26d"}i.icon.copy:before{content:"\f0c5"}i.icon.copyright:before{content:"\f1f9"}i.icon.cpanel:before{content:"\f388"}i.icon.creative.commons:before{content:"\f25e"}i.icon.credit.card:before{content:"\f09d"}i.icon.crop:before{content:"\f125"}i.icon.crosshairs:before{content:"\f05b"}i.icon.css3:before{content:"\f13c"}i.icon.css3.alternate:before{content:"\f38b"}i.icon.cube:before{content:"\f1b2"}i.icon.cubes:before{content:"\f1b3"}i.icon.cut:before{content:"\f0c4"}i.icon.cuttlefish:before{content:"\f38c"}i.icon.d.and.d:before{content:"\f38d"}i.icon.dashcube:before{content:"\f210"}i.icon.database:before{content:"\f1c0"}i.icon.deaf:before{content:"\f2a4"}i.icon.delicious:before{content:"\f1a5"}i.icon.deploydog:before{content:"\f38e"}i.icon.deskpro:before{content:"\f38f"}i.icon.desktop:before{content:"\f108"}i.icon.deviantart:before{content:"\f1bd"}i.icon.digg:before{content:"\f1a6"}i.icon.digital.ocean:before{content:"\f391"}i.icon.discord:before{content:"\f392"}i.icon.discourse:before{content:"\f393"}i.icon.dna:before{content:"\f471"}i.icon.dochub:before{content:"\f394"}i.icon.docker:before{content:"\f395"}i.icon.dollar.sign:before{content:"\f155"}i.icon.dolly:before{content:"\f472"}i.icon.dolly.flatbed:before{content:"\f474"}i.icon.dot.circle:before{content:"\f192"}i.icon.download:before{content:"\f019"}i.icon.draft2digital:before{content:"\f396"}i.icon.dribbble:before{content:"\f17d"}i.icon.dribbble.square:before{content:"\f397"}i.icon.dropbox:before{content:"\f16b"}i.icon.drupal:before{content:"\f1a9"}i.icon.dyalog:before{content:"\f399"}i.icon.earlybirds:before{content:"\f39a"}i.icon.edge:before{content:"\f282"}i.icon.edit:before{content:"\f044"}i.icon.eject:before{content:"\f052"}i.icon.elementor:before{content:"\f430"}i.icon.ellipsis.horizontal:before{content:"\f141"}i.icon.ellipsis.vertical:before{content:"\f142"}i.icon.ember:before{content:"\f423"}i.icon.empire:before{content:"\f1d1"}i.icon.envelope:before{content:"\f0e0"}i.icon.envelope.open:before{content:"\f2b6"}i.icon.envelope.square:before{content:"\f199"}i.icon.envira:before{content:"\f299"}i.icon.eraser:before{content:"\f12d"}i.icon.erlang:before{content:"\f39d"}i.icon.ethereum:before{content:"\f42e"}i.icon.etsy:before{content:"\f2d7"}i.icon.euro.sign:before{content:"\f153"}i.icon.exchange.alternate:before{content:"\f362"}i.icon.exclamation:before{content:"\f12a"}i.icon.exclamation.circle:before{content:"\f06a"}i.icon.exclamation.triangle:before{content:"\f071"}i.icon.expand:before{content:"\f065"}i.icon.expand.arrows.alternate:before{content:"\f31e"}i.icon.expeditedssl:before{content:"\f23e"}i.icon.external.alternate:before{content:"\f35d"}i.icon.external.square.alternate:before{content:"\f360"}i.icon.eye:before{content:"\f06e"}i.icon.eye.dropper:before{content:"\f1fb"}i.icon.eye.slash:before{content:"\f070"}i.icon.facebook:before{content:"\f09a"}i.icon.facebook.f:before{content:"\f39e"}i.icon.facebook.messenger:before{content:"\f39f"}i.icon.facebook.square:before{content:"\f082"}i.icon.fast.backward:before{content:"\f049"}i.icon.fast.forward:before{content:"\f050"}i.icon.fax:before{content:"\f1ac"}i.icon.female:before{content:"\f182"}i.icon.fighter.jet:before{content:"\f0fb"}i.icon.file:before{content:"\f15b"}i.icon.file.alternate:before{content:"\f15c"}i.icon.file.archive:before{content:"\f1c6"}i.icon.file.audio:before{content:"\f1c7"}i.icon.file.code:before{content:"\f1c9"}i.icon.file.excel:before{content:"\f1c3"}i.icon.file.image:before{content:"\f1c5"}i.icon.file.pdf:before{content:"\f1c1"}i.icon.file.powerpoint:before{content:"\f1c4"}i.icon.file.video:before{content:"\f1c8"}i.icon.file.word:before{content:"\f1c2"}i.icon.film:before{content:"\f008"}i.icon.filter:before{content:"\f0b0"}i.icon.fire:before{content:"\f06d"}i.icon.fire.extinguisher:before{content:"\f134"}i.icon.firefox:before{content:"\f269"}i.icon.first.aid:before{content:"\f479"}i.icon.first.order:before{content:"\f2b0"}i.icon.firstdraft:before{content:"\f3a1"}i.icon.flag:before{content:"\f024"}i.icon.flag.checkered:before{content:"\f11e"}i.icon.flask:before{content:"\f0c3"}i.icon.flickr:before{content:"\f16e"}i.icon.flipboard:before{content:"\f44d"}i.icon.fly:before{content:"\f417"}i.icon.folder:before{content:"\f07b"}i.icon.folder.open:before{content:"\f07c"}i.icon.font:before{content:"\f031"}i.icon.font.awesome:before{content:"\f2b4"}i.icon.font.awesome.alternate:before{content:"\f35c"}i.icon.font.awesome.flag:before{content:"\f425"}i.icon.fonticons:before{content:"\f280"}i.icon.fonticons.fi:before{content:"\f3a2"}i.icon.football.ball:before{content:"\f44e"}i.icon.fort.awesome:before{content:"\f286"}i.icon.fort.awesome.alternate:before{content:"\f3a3"}i.icon.forumbee:before{content:"\f211"}i.icon.forward:before{content:"\f04e"}i.icon.foursquare:before{content:"\f180"}i.icon.free.code.camp:before{content:"\f2c5"}i.icon.freebsd:before{content:"\f3a4"}i.icon.frown:before{content:"\f119"}i.icon.futbol:before{content:"\f1e3"}i.icon.gamepad:before{content:"\f11b"}i.icon.gavel:before{content:"\f0e3"}i.icon.gem:before{content:"\f3a5"}i.icon.genderless:before{content:"\f22d"}i.icon.get.pocket:before{content:"\f265"}i.icon.gg:before{content:"\f260"}i.icon.gg.circle:before{content:"\f261"}i.icon.gift:before{content:"\f06b"}i.icon.git:before{content:"\f1d3"}i.icon.git.square:before{content:"\f1d2"}i.icon.github:before{content:"\f09b"}i.icon.github.alternate:before{content:"\f113"}i.icon.github.square:before{content:"\f092"}i.icon.gitkraken:before{content:"\f3a6"}i.icon.gitlab:before{content:"\f296"}i.icon.gitter:before{content:"\f426"}i.icon.glass.martini:before{content:"\f000"}i.icon.glide:before{content:"\f2a5"}i.icon.glide.g:before{content:"\f2a6"}i.icon.globe:before{content:"\f0ac"}i.icon.gofore:before{content:"\f3a7"}i.icon.golf.ball:before{content:"\f450"}i.icon.goodreads:before{content:"\f3a8"}i.icon.goodreads.g:before{content:"\f3a9"}i.icon.google:before{content:"\f1a0"}i.icon.google.drive:before{content:"\f3aa"}i.icon.google.play:before{content:"\f3ab"}i.icon.google.plus:before{content:"\f2b3"}i.icon.google.plus.g:before{content:"\f0d5"}i.icon.google.plus.square:before{content:"\f0d4"}i.icon.google.wallet:before{content:"\f1ee"}i.icon.graduation.cap:before{content:"\f19d"}i.icon.gratipay:before{content:"\f184"}i.icon.grav:before{content:"\f2d6"}i.icon.gripfire:before{content:"\f3ac"}i.icon.grunt:before{content:"\f3ad"}i.icon.gulp:before{content:"\f3ae"}i.icon.h.square:before{content:"\f0fd"}i.icon.hacker.news:before{content:"\f1d4"}i.icon.hacker.news.square:before{content:"\f3af"}i.icon.hand.lizard:before{content:"\f258"}i.icon.hand.paper:before{content:"\f256"}i.icon.hand.peace:before{content:"\f25b"}i.icon.hand.point.down:before{content:"\f0a7"}i.icon.hand.point.left:before{content:"\f0a5"}i.icon.hand.point.right:before{content:"\f0a4"}i.icon.hand.point.up:before{content:"\f0a6"}i.icon.hand.pointer:before{content:"\f25a"}i.icon.hand.rock:before{content:"\f255"}i.icon.hand.scissors:before{content:"\f257"}i.icon.hand.spock:before{content:"\f259"}i.icon.handshake:before{content:"\f2b5"}i.icon.hashtag:before{content:"\f292"}i.icon.hdd:before{content:"\f0a0"}i.icon.heading:before{content:"\f1dc"}i.icon.headphones:before{content:"\f025"}i.icon.heart:before{content:"\f004"}i.icon.heartbeat:before{content:"\f21e"}i.icon.hips:before{content:"\f452"}i.icon.hire.a.helper:before{content:"\f3b0"}i.icon.history:before{content:"\f1da"}i.icon.hockey.puck:before{content:"\f453"}i.icon.home:before{content:"\f015"}i.icon.hooli:before{content:"\f427"}i.icon.hospital:before{content:"\f0f8"}i.icon.hospital.symbol:before{content:"\f47e"}i.icon.hotjar:before{content:"\f3b1"}i.icon.hourglass:before{content:"\f254"}i.icon.hourglass.end:before{content:"\f253"}i.icon.hourglass.half:before{content:"\f252"}i.icon.hourglass.start:before{content:"\f251"}i.icon.houzz:before{content:"\f27c"}i.icon.html5:before{content:"\f13b"}i.icon.hubspot:before{content:"\f3b2"}i.icon.i.cursor:before{content:"\f246"}i.icon.id.badge:before{content:"\f2c1"}i.icon.id.card:before{content:"\f2c2"}i.icon.image:before{content:"\f03e"}i.icon.images:before{content:"\f302"}i.icon.imdb:before{content:"\f2d8"}i.icon.inbox:before{content:"\f01c"}i.icon.indent:before{content:"\f03c"}i.icon.industry:before{content:"\f275"}i.icon.info:before{content:"\f129"}i.icon.info.circle:before{content:"\f05a"}i.icon.instagram:before{content:"\f16d"}i.icon.internet.explorer:before{content:"\f26b"}i.icon.ioxhost:before{content:"\f208"}i.icon.italic:before{content:"\f033"}i.icon.itunes:before{content:"\f3b4"}i.icon.itunes.note:before{content:"\f3b5"}i.icon.jenkins:before{content:"\f3b6"}i.icon.joget:before{content:"\f3b7"}i.icon.joomla:before{content:"\f1aa"}i.icon.js:before{content:"\f3b8"}i.icon.js.square:before{content:"\f3b9"}i.icon.jsfiddle:before{content:"\f1cc"}i.icon.key:before{content:"\f084"}i.icon.keyboard:before{content:"\f11c"}i.icon.keycdn:before{content:"\f3ba"}i.icon.kickstarter:before{content:"\f3bb"}i.icon.kickstarter.k:before{content:"\f3bc"}i.icon.korvue:before{content:"\f42f"}i.icon.language:before{content:"\f1ab"}i.icon.laptop:before{content:"\f109"}i.icon.laravel:before{content:"\f3bd"}i.icon.lastfm:before{content:"\f202"}i.icon.lastfm.square:before{content:"\f203"}i.icon.leaf:before{content:"\f06c"}i.icon.leanpub:before{content:"\f212"}i.icon.lemon:before{content:"\f094"}i.icon.less:before{content:"\f41d"}i.icon.level.down.alternate:before{content:"\f3be"}i.icon.level.up.alternate:before{content:"\f3bf"}i.icon.life.ring:before{content:"\f1cd"}i.icon.lightbulb:before{content:"\f0eb"}i.icon.linechat:before{content:"\f3c0"}i.icon.linkify:before{content:"\f0c1"}i.icon.linkedin:before{content:"\f08c"}i.icon.linkedin.alt:before{content:"\f0e1"}i.icon.linode:before{content:"\f2b8"}i.icon.linux:before{content:"\f17c"}i.icon.lira.sign:before{content:"\f195"}i.icon.list:before{content:"\f03a"}i.icon.list.alternate:before{content:"\f022"}i.icon.list.ol:before{content:"\f0cb"}i.icon.list.ul:before{content:"\f0ca"}i.icon.location.arrow:before{content:"\f124"}i.icon.lock:before{content:"\f023"}i.icon.lock.open:before{content:"\f3c1"}i.icon.long.arrow.alternate.down:before{content:"\f309"}i.icon.long.arrow.alternate.left:before{content:"\f30a"}i.icon.long.arrow.alternate.right:before{content:"\f30b"}i.icon.long.arrow.alternate.up:before{content:"\f30c"}i.icon.low.vision:before{content:"\f2a8"}i.icon.lyft:before{content:"\f3c3"}i.icon.magento:before{content:"\f3c4"}i.icon.magic:before{content:"\f0d0"}i.icon.magnet:before{content:"\f076"}i.icon.male:before{content:"\f183"}i.icon.map:before{content:"\f279"}i.icon.map.marker:before{content:"\f041"}i.icon.map.marker.alternate:before{content:"\f3c5"}i.icon.map.pin:before{content:"\f276"}i.icon.map.signs:before{content:"\f277"}i.icon.mars:before{content:"\f222"}i.icon.mars.double:before{content:"\f227"}i.icon.mars.stroke:before{content:"\f229"}i.icon.mars.stroke.horizontal:before{content:"\f22b"}i.icon.mars.stroke.vertical:before{content:"\f22a"}i.icon.maxcdn:before{content:"\f136"}i.icon.medapps:before{content:"\f3c6"}i.icon.medium:before{content:"\f23a"}i.icon.medium.m:before{content:"\f3c7"}i.icon.medkit:before{content:"\f0fa"}i.icon.medrt:before{content:"\f3c8"}i.icon.meetup:before{content:"\f2e0"}i.icon.meh:before{content:"\f11a"}i.icon.mercury:before{content:"\f223"}i.icon.microchip:before{content:"\f2db"}i.icon.microphone:before{content:"\f130"}i.icon.microphone.slash:before{content:"\f131"}i.icon.microsoft:before{content:"\f3ca"}i.icon.minus:before{content:"\f068"}i.icon.minus.circle:before{content:"\f056"}i.icon.minus.square:before{content:"\f146"}i.icon.mix:before{content:"\f3cb"}i.icon.mixcloud:before{content:"\f289"}i.icon.mizuni:before{content:"\f3cc"}i.icon.mobile:before{content:"\f10b"}i.icon.mobile.alternate:before{content:"\f3cd"}i.icon.modx:before{content:"\f285"}i.icon.monero:before{content:"\f3d0"}i.icon.money.bill.alternate:before{content:"\f3d1"}i.icon.moon:before{content:"\f186"}i.icon.motorcycle:before{content:"\f21c"}i.icon.mouse.pointer:before{content:"\f245"}i.icon.music:before{content:"\f001"}i.icon.napster:before{content:"\f3d2"}i.icon.neuter:before{content:"\f22c"}i.icon.newspaper:before{content:"\f1ea"}i.icon.nintendo.switch:before{content:"\f418"}i.icon.node:before{content:"\f419"}i.icon.node.js:before{content:"\f3d3"}i.icon.npm:before{content:"\f3d4"}i.icon.ns8:before{content:"\f3d5"}i.icon.nutritionix:before{content:"\f3d6"}i.icon.object.group:before{content:"\f247"}i.icon.object.ungroup:before{content:"\f248"}i.icon.odnoklassniki:before{content:"\f263"}i.icon.odnoklassniki.square:before{content:"\f264"}i.icon.opencart:before{content:"\f23d"}i.icon.openid:before{content:"\f19b"}i.icon.opera:before{content:"\f26a"}i.icon.optin.monster:before{content:"\f23c"}i.icon.osi:before{content:"\f41a"}i.icon.outdent:before{content:"\f03b"}i.icon.page4:before{content:"\f3d7"}i.icon.pagelines:before{content:"\f18c"}i.icon.paint.brush:before{content:"\f1fc"}i.icon.palfed:before{content:"\f3d8"}i.icon.pallet:before{content:"\f482"}i.icon.paper.plane:before{content:"\f1d8"}i.icon.paperclip:before{content:"\f0c6"}i.icon.paragraph:before{content:"\f1dd"}i.icon.paste:before{content:"\f0ea"}i.icon.patreon:before{content:"\f3d9"}i.icon.pause:before{content:"\f04c"}i.icon.pause.circle:before{content:"\f28b"}i.icon.paw:before{content:"\f1b0"}i.icon.paypal:before{content:"\f1ed"}i.icon.pen.square:before{content:"\f14b"}i.icon.pencil.alternate:before{content:"\f303"}i.icon.percent:before{content:"\f295"}i.icon.periscope:before{content:"\f3da"}i.icon.phabricator:before{content:"\f3db"}i.icon.phoenix.framework:before{content:"\f3dc"}i.icon.phone:before{content:"\f095"}i.icon.phone.square:before{content:"\f098"}i.icon.phone.volume:before{content:"\f2a0"}i.icon.php:before{content:"\f457"}i.icon.pied.piper:before{content:"\f2ae"}i.icon.pied.piper.alternate:before{content:"\f1a8"}i.icon.pied.piper.pp:before{content:"\f1a7"}i.icon.pills:before{content:"\f484"}i.icon.pinterest:before{content:"\f0d2"}i.icon.pinterest.p:before{content:"\f231"}i.icon.pinterest.square:before{content:"\f0d3"}i.icon.plane:before{content:"\f072"}i.icon.play:before{content:"\f04b"}i.icon.play.circle:before{content:"\f144"}i.icon.playstation:before{content:"\f3df"}i.icon.plug:before{content:"\f1e6"}i.icon.plus:before{content:"\f067"}i.icon.plus.circle:before{content:"\f055"}i.icon.plus.square:before{content:"\f0fe"}i.icon.podcast:before{content:"\f2ce"}i.icon.pound.sign:before{content:"\f154"}i.icon.power.off:before{content:"\f011"}i.icon.print:before{content:"\f02f"}i.icon.product.hunt:before{content:"\f288"}i.icon.pushed:before{content:"\f3e1"}i.icon.puzzle.piece:before{content:"\f12e"}i.icon.python:before{content:"\f3e2"}i.icon.qq:before{content:"\f1d6"}i.icon.qrcode:before{content:"\f029"}i.icon.question:before{content:"\f128"}i.icon.question.circle:before{content:"\f059"}i.icon.quidditch:before{content:"\f458"}i.icon.quinscape:before{content:"\f459"}i.icon.quora:before{content:"\f2c4"}i.icon.quote.left:before{content:"\f10d"}i.icon.quote.right:before{content:"\f10e"}i.icon.random:before{content:"\f074"}i.icon.ravelry:before{content:"\f2d9"}i.icon.react:before{content:"\f41b"}i.icon.rebel:before{content:"\f1d0"}i.icon.recycle:before{content:"\f1b8"}i.icon.redriver:before{content:"\f3e3"}i.icon.reddit:before{content:"\f1a1"}i.icon.reddit.alien:before{content:"\f281"}i.icon.reddit.square:before{content:"\f1a2"}i.icon.redo:before{content:"\f01e"}i.icon.redo.alternate:before{content:"\f2f9"}i.icon.registered:before{content:"\f25d"}i.icon.rendact:before{content:"\f3e4"}i.icon.renren:before{content:"\f18b"}i.icon.reply:before{content:"\f3e5"}i.icon.reply.all:before{content:"\f122"}i.icon.replyd:before{content:"\f3e6"}i.icon.resolving:before{content:"\f3e7"}i.icon.retweet:before{content:"\f079"}i.icon.road:before{content:"\f018"}i.icon.rocket:before{content:"\f135"}i.icon.rocketchat:before{content:"\f3e8"}i.icon.rockrms:before{content:"\f3e9"}i.icon.rss:before{content:"\f09e"}i.icon.rss.square:before{content:"\f143"}i.icon.ruble.sign:before{content:"\f158"}i.icon.rupee.sign:before{content:"\f156"}i.icon.safari:before{content:"\f267"}i.icon.sass:before{content:"\f41e"}i.icon.save:before{content:"\f0c7"}i.icon.schlix:before{content:"\f3ea"}i.icon.scribd:before{content:"\f28a"}i.icon.search:before{content:"\f002"}i.icon.search.minus:before{content:"\f010"}i.icon.search.plus:before{content:"\f00e"}i.icon.searchengin:before{content:"\f3eb"}i.icon.sellcast:before{content:"\f2da"}i.icon.sellsy:before{content:"\f213"}i.icon.server:before{content:"\f233"}i.icon.servicestack:before{content:"\f3ec"}i.icon.share:before{content:"\f064"}i.icon.share.alternate:before{content:"\f1e0"}i.icon.share.alternate.square:before{content:"\f1e1"}i.icon.share.square:before{content:"\f14d"}i.icon.shekel.sign:before{content:"\f20b"}i.icon.shield.alternate:before{content:"\f3ed"}i.icon.ship:before{content:"\f21a"}i.icon.shipping.fast:before{content:"\f48b"}i.icon.shirtsinbulk:before{content:"\f214"}i.icon.shopping.bag:before{content:"\f290"}i.icon.shopping.basket:before{content:"\f291"}i.icon.shopping.cart:before{content:"\f07a"}i.icon.shower:before{content:"\f2cc"}i.icon.sign.language:before{content:"\f2a7"}i.icon.signal:before{content:"\f012"}i.icon.simplybuilt:before{content:"\f215"}i.icon.sistrix:before{content:"\f3ee"}i.icon.sitemap:before{content:"\f0e8"}i.icon.skyatlas:before{content:"\f216"}i.icon.skype:before{content:"\f17e"}i.icon.slack:before{content:"\f198"}i.icon.slack.hash:before{content:"\f3ef"}i.icon.sliders.horizontal:before{content:"\f1de"}i.icon.slideshare:before{content:"\f1e7"}i.icon.smile:before{content:"\f118"}i.icon.snapchat:before{content:"\f2ab"}i.icon.snapchat.ghost:before{content:"\f2ac"}i.icon.snapchat.square:before{content:"\f2ad"}i.icon.snowflake:before{content:"\f2dc"}i.icon.sort:before{content:"\f0dc"}i.icon.sort.alphabet.down:before{content:"\f15d"}i.icon.sort.alphabet.up:before{content:"\f15e"}i.icon.sort.amount.down:before{content:"\f160"}i.icon.sort.amount.up:before{content:"\f161"}i.icon.sort.down:before{content:"\f0dd"}i.icon.sort.numeric.down:before{content:"\f162"}i.icon.sort.numeric.up:before{content:"\f163"}i.icon.sort.up:before{content:"\f0de"}i.icon.soundcloud:before{content:"\f1be"}i.icon.space.shuttle:before{content:"\f197"}i.icon.speakap:before{content:"\f3f3"}i.icon.spinner:before{content:"\f110"}i.icon.spotify:before{content:"\f1bc"}i.icon.square:before{content:"\f0c8"}i.icon.square.full:before{content:"\f45c"}i.icon.stack.exchange:before{content:"\f18d"}i.icon.stack.overflow:before{content:"\f16c"}i.icon.star:before{content:"\f005"}i.icon.star.half:before{content:"\f089"}i.icon.staylinked:before{content:"\f3f5"}i.icon.steam:before{content:"\f1b6"}i.icon.steam.square:before{content:"\f1b7"}i.icon.steam.symbol:before{content:"\f3f6"}i.icon.step.backward:before{content:"\f048"}i.icon.step.forward:before{content:"\f051"}i.icon.stethoscope:before{content:"\f0f1"}i.icon.sticker.mule:before{content:"\f3f7"}i.icon.sticky.note:before{content:"\f249"}i.icon.stop:before{content:"\f04d"}i.icon.stop.circle:before{content:"\f28d"}i.icon.stopwatch:before{content:"\f2f2"}i.icon.strava:before{content:"\f428"}i.icon.street.view:before{content:"\f21d"}i.icon.strikethrough:before{content:"\f0cc"}i.icon.stripe:before{content:"\f429"}i.icon.stripe.s:before{content:"\f42a"}i.icon.studiovinari:before{content:"\f3f8"}i.icon.stumbleupon:before{content:"\f1a4"}i.icon.stumbleupon.circle:before{content:"\f1a3"}i.icon.subscript:before{content:"\f12c"}i.icon.subway:before{content:"\f239"}i.icon.suitcase:before{content:"\f0f2"}i.icon.sun:before{content:"\f185"}i.icon.superpowers:before{content:"\f2dd"}i.icon.superscript:before{content:"\f12b"}i.icon.supple:before{content:"\f3f9"}i.icon.sync:before{content:"\f021"}i.icon.sync.alternate:before{content:"\f2f1"}i.icon.syringe:before{content:"\f48e"}i.icon.table:before{content:"\f0ce"}i.icon.table.tennis:before{content:"\f45d"}i.icon.tablet:before{content:"\f10a"}i.icon.tablet.alternate:before{content:"\f3fa"}i.icon.tachometer.alternate:before{content:"\f3fd"}i.icon.tag:before{content:"\f02b"}i.icon.tags:before{content:"\f02c"}i.icon.tasks:before{content:"\f0ae"}i.icon.taxi:before{content:"\f1ba"}i.icon.telegram:before{content:"\f2c6"}i.icon.telegram.plane:before{content:"\f3fe"}i.icon.tencent.weibo:before{content:"\f1d5"}i.icon.terminal:before{content:"\f120"}i.icon.text.height:before{content:"\f034"}i.icon.text.width:before{content:"\f035"}i.icon.th:before{content:"\f00a"}i.icon.th.large:before{content:"\f009"}i.icon.th.list:before{content:"\f00b"}i.icon.themeisle:before{content:"\f2b2"}i.icon.thermometer:before{content:"\f491"}i.icon.thermometer.empty:before{content:"\f2cb"}i.icon.thermometer.full:before{content:"\f2c7"}i.icon.thermometer.half:before{content:"\f2c9"}i.icon.thermometer.quarter:before{content:"\f2ca"}i.icon.thermometer.three.quarters:before{content:"\f2c8"}i.icon.thumbs.down:before{content:"\f165"}i.icon.thumbs.up:before{content:"\f164"}i.icon.thumbtack:before{content:"\f08d"}i.icon.ticket.alternate:before{content:"\f3ff"}i.icon.times:before{content:"\f00d"}i.icon.times.circle:before{content:"\f057"}i.icon.tint:before{content:"\f043"}i.icon.toggle.off:before{content:"\f204"}i.icon.toggle.on:before{content:"\f205"}i.icon.trademark:before{content:"\f25c"}i.icon.train:before{content:"\f238"}i.icon.transgender:before{content:"\f224"}i.icon.transgender.alternate:before{content:"\f225"}i.icon.trash:before{content:"\f1f8"}i.icon.trash.alternate:before{content:"\f2ed"}i.icon.tree:before{content:"\f1bb"}i.icon.trello:before{content:"\f181"}i.icon.tripadvisor:before{content:"\f262"}i.icon.trophy:before{content:"\f091"}i.icon.truck:before{content:"\f0d1"}i.icon.tty:before{content:"\f1e4"}i.icon.tumblr:before{content:"\f173"}i.icon.tumblr.square:before{content:"\f174"}i.icon.tv:before{content:"\f26c"}i.icon.twitch:before{content:"\f1e8"}i.icon.twitter:before{content:"\f099"}i.icon.twitter.square:before{content:"\f081"}i.icon.typo3:before{content:"\f42b"}i.icon.uber:before{content:"\f402"}i.icon.uikit:before{content:"\f403"}i.icon.umbrella:before{content:"\f0e9"}i.icon.underline:before{content:"\f0cd"}i.icon.undo:before{content:"\f0e2"}i.icon.undo.alternate:before{content:"\f2ea"}i.icon.uniregistry:before{content:"\f404"}i.icon.universal.access:before{content:"\f29a"}i.icon.university:before{content:"\f19c"}i.icon.unlink:before{content:"\f127"}i.icon.unlock:before{content:"\f09c"}i.icon.unlock.alternate:before{content:"\f13e"}i.icon.untappd:before{content:"\f405"}i.icon.upload:before{content:"\f093"}i.icon.usb:before{content:"\f287"}i.icon.user:before{content:"\f007"}i.icon.user.circle:before{content:"\f2bd"}i.icon.user.md:before{content:"\f0f0"}i.icon.user.plus:before{content:"\f234"}i.icon.user.secret:before{content:"\f21b"}i.icon.user.times:before{content:"\f235"}i.icon.users:before{content:"\f0c0"}i.icon.ussunnah:before{content:"\f407"}i.icon.utensil.spoon:before{content:"\f2e5"}i.icon.utensils:before{content:"\f2e7"}i.icon.vaadin:before{content:"\f408"}i.icon.venus:before{content:"\f221"}i.icon.venus.double:before{content:"\f226"}i.icon.venus.mars:before{content:"\f228"}i.icon.viacoin:before{content:"\f237"}i.icon.viadeo:before{content:"\f2a9"}i.icon.viadeo.square:before{content:"\f2aa"}i.icon.viber:before{content:"\f409"}i.icon.video:before{content:"\f03d"}i.icon.vimeo:before{content:"\f40a"}i.icon.vimeo.square:before{content:"\f194"}i.icon.vimeo.v:before{content:"\f27d"}i.icon.vine:before{content:"\f1ca"}i.icon.vk:before{content:"\f189"}i.icon.vnv:before{content:"\f40b"}i.icon.volleyball.ball:before{content:"\f45f"}i.icon.volume.down:before{content:"\f027"}i.icon.volume.off:before{content:"\f026"}i.icon.volume.up:before{content:"\f028"}i.icon.vuejs:before{content:"\f41f"}i.icon.warehouse:before{content:"\f494"}i.icon.weibo:before{content:"\f18a"}i.icon.weight:before{content:"\f496"}i.icon.weixin:before{content:"\f1d7"}i.icon.whatsapp:before{content:"\f232"}i.icon.whatsapp.square:before{content:"\f40c"}i.icon.wheelchair:before{content:"\f193"}i.icon.whmcs:before{content:"\f40d"}i.icon.wifi:before{content:"\f1eb"}i.icon.wikipedia.w:before{content:"\f266"}i.icon.window.close:before{content:"\f410"}i.icon.window.maximize:before{content:"\f2d0"}i.icon.window.minimize:before{content:"\f2d1"}i.icon.window.restore:before{content:"\f2d2"}i.icon.windows:before{content:"\f17a"}i.icon.won.sign:before{content:"\f159"}i.icon.wordpress:before{content:"\f19a"}i.icon.wordpress.simple:before{content:"\f411"}i.icon.wpbeginner:before{content:"\f297"}i.icon.wpexplorer:before{content:"\f2de"}i.icon.wpforms:before{content:"\f298"}i.icon.wrench:before{content:"\f0ad"}i.icon.xbox:before{content:"\f412"}i.icon.xing:before{content:"\f168"}i.icon.xing.square:before{content:"\f169"}i.icon.y.combinator:before{content:"\f23b"}i.icon.yahoo:before{content:"\f19e"}i.icon.yandex:before{content:"\f413"}i.icon.yandex.international:before{content:"\f414"}i.icon.yelp:before{content:"\f1e9"}i.icon.yen.sign:before{content:"\f157"}i.icon.yoast:before{content:"\f2b1"}i.icon.youtube:before{content:"\f167"}i.icon.youtube.square:before{content:"\f431"}i.icon.chess.rock:before{content:"\f447"}i.icon.ordered.list:before{content:"\f0cb"}i.icon.unordered.list:before{content:"\f0ca"}i.icon.user.doctor:before{content:"\f0f0"}i.icon.shield:before{content:"\f3ed"}i.icon.puzzle:before{content:"\f12e"}i.icon.credit.card.amazon.pay:before{content:"\f42d"}i.icon.credit.card.american.express:before{content:"\f1f3"}i.icon.credit.card.diners.club:before{content:"\f24c"}i.icon.credit.card.discover:before{content:"\f1f2"}i.icon.credit.card.jcb:before{content:"\f24b"}i.icon.credit.card.mastercard:before{content:"\f1f1"}i.icon.credit.card.paypal:before{content:"\f1f4"}i.icon.credit.card.stripe:before{content:"\f1f5"}i.icon.credit.card.visa:before{content:"\f1f0"}i.icon.add.circle:before{content:"\f055"}i.icon.add.square:before{content:"\f0fe"}i.icon.add.to.calendar:before{content:"\f271"}i.icon.add.to.cart:before{content:"\f217"}i.icon.add.user:before{content:"\f234"}i.icon.add:before{content:"\f067"}i.icon.alarm.mute:before{content:"\f1f6"}i.icon.alarm:before{content:"\f0f3"}i.icon.ald:before{content:"\f2a2"}i.icon.als:before{content:"\f2a2"}i.icon.american.express.card:before{content:"\f1f3"}i.icon.american.express:before{content:"\f1f3"}i.icon.amex:before{content:"\f1f3"}i.icon.announcement:before{content:"\f0a1"}i.icon.area.chart:before{content:"\f1fe"}i.icon.area.graph:before{content:"\f1fe"}i.icon.arrow.down.cart:before{content:"\f218"}i.icon.asexual:before{content:"\f22d"}i.icon.asl.interpreting:before{content:"\f2a3"}i.icon.asl:before{content:"\f2a3"}i.icon.assistive.listening.devices:before{content:"\f2a2"}i.icon.attach:before{content:"\f0c6"}i.icon.attention:before{content:"\f06a"}i.icon.balance:before{content:"\f24e"}i.icon.bar:before{content:"\f0fc"}i.icon.bathtub:before{content:"\f2cd"}i.icon.battery.four:before{content:"\f240"}i.icon.battery.high:before{content:"\f241"}i.icon.battery.low:before{content:"\f243"}i.icon.battery.medium:before{content:"\f242"}i.icon.battery.one:before{content:"\f243"}i.icon.battery.three:before{content:"\f241"}i.icon.battery.two:before{content:"\f242"}i.icon.battery.zero:before{content:"\f244"}i.icon.birthday:before{content:"\f1fd"}i.icon.block.layout:before{content:"\f009"}i.icon.bluetooth.alternative:before{content:"\f294"}i.icon.broken.chain:before{content:"\f127"}i.icon.browser:before{content:"\f022"}i.icon.call.square:before{content:"\f098"}i.icon.call:before{content:"\f095"}i.icon.cancel:before{content:"\f00d"}i.icon.cart:before{content:"\f07a"}i.icon.cc:before{content:"\f20a"}i.icon.chain:before{content:"\f0c1"}i.icon.chat:before{content:"\f075"}i.icon.checked.calendar:before{content:"\f274"}i.icon.checkmark:before{content:"\f00c"}i.icon.circle.notched:before{content:"\f1ce"}i.icon.close:before{content:"\f00d"}i.icon.cny:before{content:"\f157"}i.icon.cocktail:before{content:"\f000"}i.icon.commenting:before{content:"\f27a"}i.icon.computer:before{content:"\f108"}i.icon.configure:before{content:"\f0ad"}i.icon.content:before{content:"\f0c9"}i.icon.deafness:before{content:"\f2a4"}i.icon.delete.calendar:before{content:"\f273"}i.icon.delete:before{content:"\f00d"}i.icon.detective:before{content:"\f21b"}i.icon.diners.club.card:before{content:"\f24c"}i.icon.diners.club:before{content:"\f24c"}i.icon.discover.card:before{content:"\f1f2"}i.icon.discover:before{content:"\f1f2"}i.icon.discussions:before{content:"\f086"}i.icon.doctor:before{content:"\f0f0"}i.icon.dollar:before{content:"\f155"}i.icon.dont:before{content:"\f05e"}i.icon.dribble:before{content:"\f17d"}i.icon.drivers.license:before{content:"\f2c2"}i.icon.dropdown:before{content:"\f0d7"}i.icon.eercast:before{content:"\f2da"}i.icon.emergency:before{content:"\f0f9"}i.icon.envira.gallery:before{content:"\f299"}i.icon.erase:before{content:"\f12d"}i.icon.eur:before{content:"\f153"}i.icon.euro:before{content:"\f153"}i.icon.eyedropper:before{content:"\f1fb"}i.icon.fa:before{content:"\f2b4"}i.icon.factory:before{content:"\f275"}i.icon.favorite:before{content:"\f005"}i.icon.feed:before{content:"\f09e"}i.icon.female.homosexual:before{content:"\f226"}i.icon.file.text:before{content:"\f15c"}i.icon.find:before{content:"\f1e5"}i.icon.first.aid:before{content:"\f0fa"}i.icon.five.hundred.pixels:before{content:"\f26e"}i.icon.fork:before{content:"\f126"}i.icon.game:before{content:"\f11b"}i.icon.gay:before{content:"\f227"}i.icon.gbp:before{content:"\f154"}i.icon.gittip:before{content:"\f184"}i.icon.google.plus.circle:before{content:"\f2b3"}i.icon.google.plus.official:before{content:"\f2b3"}i.icon.grab:before{content:"\f255"}i.icon.graduation:before{content:"\f19d"}i.icon.grid.layout:before{content:"\f00a"}i.icon.group:before{content:"\f0c0"}i.icon.h:before{content:"\f0fd"}i.icon.hand.victory:before{content:"\f25b"}i.icon.handicap:before{content:"\f193"}i.icon.hard.of.hearing:before{content:"\f2a4"}i.icon.header:before{content:"\f1dc"}i.icon.help.circle:before{content:"\f059"}i.icon.help:before{content:"\f128"}i.icon.heterosexual:before{content:"\f228"}i.icon.hide:before{content:"\f070"}i.icon.hotel:before{content:"\f236"}i.icon.hourglass.four:before{content:"\f254"}i.icon.hourglass.full:before{content:"\f254"}i.icon.hourglass.one:before{content:"\f251"}i.icon.hourglass.three:before{content:"\f253"}i.icon.hourglass.two:before{content:"\f252"}i.icon.idea:before{content:"\f0eb"}i.icon.ils:before{content:"\f20b"}i.icon.in-cart:before{content:"\f218"}i.icon.inr:before{content:"\f156"}i.icon.intergender:before{content:"\f224"}i.icon.intersex:before{content:"\f224"}i.icon.japan.credit.bureau.card:before{content:"\f24b"}i.icon.japan.credit.bureau:before{content:"\f24b"}i.icon.jcb:before{content:"\f24b"}i.icon.jpy:before{content:"\f157"}i.icon.krw:before{content:"\f159"}i.icon.lab:before{content:"\f0c3"}i.icon.law:before{content:"\f24e"}i.icon.legal:before{content:"\f0e3"}i.icon.lesbian:before{content:"\f226"}i.icon.lightning:before{content:"\f0e7"}i.icon.like:before{content:"\f004"}i.icon.line.graph:before{content:"\f201"}i.icon.linkedin.square:before{content:"\f08c"}i.icon.linkify:before{content:"\f0c1"}i.icon.lira:before{content:"\f195"}i.icon.list.layout:before{content:"\f00b"}i.icon.magnify:before{content:"\f00e"}i.icon.mail.forward:before{content:"\f064"}i.icon.mail.square:before{content:"\f199"}i.icon.mail:before{content:"\f0e0"}i.icon.male.homosexual:before{content:"\f227"}i.icon.man:before{content:"\f222"}i.icon.marker:before{content:"\f041"}i.icon.mars.alternate:before{content:"\f229"}i.icon.mars.horizontal:before{content:"\f22b"}i.icon.mars.vertical:before{content:"\f22a"}i.icon.mastercard.card:before{content:"\f1f1"}i.icon.mastercard:before{content:"\f1f1"}i.icon.microsoft.edge:before{content:"\f282"}i.icon.military:before{content:"\f0fb"}i.icon.ms.edge:before{content:"\f282"}i.icon.mute:before{content:"\f131"}i.icon.new.pied.piper:before{content:"\f2ae"}i.icon.non.binary.transgender:before{content:"\f223"}i.icon.numbered.list:before{content:"\f0cb"}i.icon.optinmonster:before{content:"\f23c"}i.icon.options:before{content:"\f1de"}i.icon.other.gender.horizontal:before{content:"\f22b"}i.icon.other.gender.vertical:before{content:"\f22a"}i.icon.other.gender:before{content:"\f229"}i.icon.payment:before{content:"\f09d"}i.icon.paypal.card:before{content:"\f1f4"}i.icon.pencil.square:before{content:"\f14b"}i.icon.photo:before{content:"\f030"}i.icon.picture:before{content:"\f03e"}i.icon.pie.chart:before{content:"\f200"}i.icon.pie.graph:before{content:"\f200"}i.icon.pied.piper.hat:before{content:"\f2ae"}i.icon.pin:before{content:"\f08d"}i.icon.plus.cart:before{content:"\f217"}i.icon.pocket:before{content:"\f265"}i.icon.point:before{content:"\f041"}i.icon.pointing.down:before{content:"\f0a7"}i.icon.pointing.left:before{content:"\f0a5"}i.icon.pointing.right:before{content:"\f0a4"}i.icon.pointing.up:before{content:"\f0a6"}i.icon.pound:before{content:"\f154"}i.icon.power.cord:before{content:"\f1e6"}i.icon.power:before{content:"\f011"}i.icon.privacy:before{content:"\f084"}i.icon.r.circle:before{content:"\f25d"}i.icon.rain:before{content:"\f0e9"}i.icon.record:before{content:"\f03d"}i.icon.refresh:before{content:"\f021"}i.icon.remove.circle:before{content:"\f057"}i.icon.remove.from.calendar:before{content:"\f272"}i.icon.remove.user:before{content:"\f235"}i.icon.remove:before{content:"\f00d"}i.icon.repeat:before{content:"\f01e"}i.icon.rmb:before{content:"\f157"}i.icon.rouble:before{content:"\f158"}i.icon.rub:before{content:"\f158"}i.icon.ruble:before{content:"\f158"}i.icon.rupee:before{content:"\f156"}i.icon.s15:before{content:"\f2cd"}i.icon.selected.radio:before{content:"\f192"}i.icon.send:before{content:"\f1d8"}i.icon.setting:before{content:"\f013"}i.icon.settings:before{content:"\f085"}i.icon.shekel:before{content:"\f20b"}i.icon.sheqel:before{content:"\f20b"}i.icon.shipping:before{content:"\f0d1"}i.icon.shop:before{content:"\f07a"}i.icon.shuffle:before{content:"\f074"}i.icon.shutdown:before{content:"\f011"}i.icon.sidebar:before{content:"\f0c9"}i.icon.signing:before{content:"\f2a7"}i.icon.signup:before{content:"\f044"}i.icon.sliders:before{content:"\f1de"}i.icon.soccer:before{content:"\f1e3"}i.icon.sort.alphabet.ascending:before{content:"\f15d"}i.icon.sort.alphabet.descending:before{content:"\f15e"}i.icon.sort.ascending:before{content:"\f0de"}i.icon.sort.content.ascending:before{content:"\f160"}i.icon.sort.content.descending:before{content:"\f161"}i.icon.sort.descending:before{content:"\f0dd"}i.icon.sort.numeric.ascending:before{content:"\f162"}i.icon.sort.numeric.descending:before{content:"\f163"}i.icon.sound:before{content:"\f025"}i.icon.spy:before{content:"\f21b"}i.icon.stripe.card:before{content:"\f1f5"}i.icon.student:before{content:"\f19d"}i.icon.talk:before{content:"\f27a"}i.icon.target:before{content:"\f140"}i.icon.teletype:before{content:"\f1e4"}i.icon.television:before{content:"\f26c"}i.icon.text.cursor:before{content:"\f246"}i.icon.text.telephone:before{content:"\f1e4"}i.icon.theme.isle:before{content:"\f2b2"}i.icon.theme:before{content:"\f043"}i.icon.thermometer:before{content:"\f2c7"}i.icon.thumb.tack:before{content:"\f08d"}i.icon.time:before{content:"\f017"}i.icon.tm:before{content:"\f25c"}i.icon.toggle.down:before{content:"\f150"}i.icon.toggle.left:before{content:"\f191"}i.icon.toggle.right:before{content:"\f152"}i.icon.toggle.up:before{content:"\f151"}i.icon.translate:before{content:"\f1ab"}i.icon.travel:before{content:"\f0b1"}i.icon.treatment:before{content:"\f0f1"}i.icon.triangle.down:before{content:"\f0d7"}i.icon.triangle.left:before{content:"\f0d9"}i.icon.triangle.right:before{content:"\f0da"}i.icon.triangle.up:before{content:"\f0d8"}i.icon.try:before{content:"\f195"}i.icon.unhide:before{content:"\f06e"}i.icon.unlinkify:before{content:"\f127"}i.icon.unmute:before{content:"\f130"}i.icon.usd:before{content:"\f155"}i.icon.user.cancel:before{content:"\f235"}i.icon.user.close:before{content:"\f235"}i.icon.user.delete:before{content:"\f235"}i.icon.user.x:before{content:"\f235"}i.icon.vcard:before{content:"\f2bb"}i.icon.video.camera:before{content:"\f03d"}i.icon.video.play:before{content:"\f144"}i.icon.visa.card:before{content:"\f1f0"}i.icon.visa:before{content:"\f1f0"}i.icon.volume.control.phone:before{content:"\f2a0"}i.icon.wait:before{content:"\f017"}i.icon.warning.circle:before{content:"\f06a"}i.icon.warning.sign:before{content:"\f071"}i.icon.warning:before{content:"\f12a"}i.icon.wechat:before{content:"\f1d7"}i.icon.wi-fi:before{content:"\f1eb"}i.icon.wikipedia:before{content:"\f266"}i.icon.winner:before{content:"\f091"}i.icon.wizard:before{content:"\f0d0"}i.icon.woman:before{content:"\f221"}i.icon.won:before{content:"\f159"}i.icon.wordpress.beginner:before{content:"\f297"}i.icon.wordpress.forms:before{content:"\f298"}i.icon.world:before{content:"\f0ac"}i.icon.write.square:before{content:"\f14b"}i.icon.x:before{content:"\f00d"}i.icon.yc:before{content:"\f23b"}i.icon.ycombinator:before{content:"\f23b"}i.icon.yen:before{content:"\f157"}i.icon.zip:before{content:"\f187"}i.icon.zoom-in:before{content:"\f00e"}i.icon.zoom-out:before{content:"\f010"}i.icon.zoom:before{content:"\f00e"}i.icon.bitbucket.square:before{content:"\f171"}i.icon.checkmark.box:before{content:"\f14a"}i.icon.circle.thin:before{content:"\f111"}i.icon.cloud.download:before{content:"\f381"}i.icon.cloud.upload:before{content:"\f382"}i.icon.compose:before{content:"\f303"}i.icon.conversation:before{content:"\f086"}i.icon.credit.card.alternative:before{content:"\f09d"}i.icon.currency:before{content:"\f3d1"}i.icon.dashboard:before{content:"\f3fd"}i.icon.diamond:before{content:"\f3a5"}i.icon.disk:before{content:"\f0a0"}i.icon.exchange:before{content:"\f362"}i.icon.external.share:before{content:"\f14d"}i.icon.external.square:before{content:"\f360"}i.icon.external:before{content:"\f35d"}i.icon.facebook.official:before{content:"\f082"}i.icon.food:before{content:"\f2e7"}i.icon.hourglass.zero:before{content:"\f253"}i.icon.level.down:before{content:"\f3be"}i.icon.level.up:before{content:"\f3bf"}i.icon.logout:before{content:"\f2f5"}i.icon.meanpath:before{content:"\f0c8"}i.icon.money:before{content:"\f3d1"}i.icon.move:before{content:"\f0b2"}i.icon.pencil:before{content:"\f303"}i.icon.protect:before{content:"\f023"}i.icon.radio:before{content:"\f192"}i.icon.remove.bookmark:before{content:"\f02e"}i.icon.resize.horizontal:before{content:"\f337"}i.icon.resize.vertical:before{content:"\f338"}i.icon.sign-in:before{content:"\f2f6"}i.icon.sign-out:before{content:"\f2f5"}i.icon.spoon:before{content:"\f2e5"}i.icon.star.half.empty:before{content:"\f089"}i.icon.star.half.full:before{content:"\f089"}i.icon.ticket:before{content:"\f3ff"}i.icon.times.rectangle:before{content:"\f410"}i.icon.write:before{content:"\f303"}i.icon.youtube.play:before{content:"\f167"}@font-face{font-family:outline-icons;src:url(/assets/outline-icons-LX8adJ4n.eot);src:url(/assets/outline-icons-LX8adJ4n.eot?#iefix) format('embedded-opentype'),url(/assets/outline-icons-DInHoiqI.woff2) format('woff2'),url(/assets/outline-icons-aQ88nltS.woff) format('woff'),url(/assets/outline-icons-DD8jm0uy.ttf) format('truetype'),url(/assets/outline-icons-BfdLr8tr.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon.outline{font-family:outline-icons}i.icon.address.book.outline:before{content:"\f2b9"}i.icon.address.card.outline:before{content:"\f2bb"}i.icon.arrow.alternate.circle.down.outline:before{content:"\f358"}i.icon.arrow.alternate.circle.left.outline:before{content:"\f359"}i.icon.arrow.alternate.circle.right.outline:before{content:"\f35a"}i.icon.arrow.alternate.circle.up.outline:before{content:"\f35b"}i.icon.bell.outline:before{content:"\f0f3"}i.icon.bell.slash.outline:before{content:"\f1f6"}i.icon.bookmark.outline:before{content:"\f02e"}i.icon.building.outline:before{content:"\f1ad"}i.icon.calendar.outline:before{content:"\f133"}i.icon.calendar.alternate.outline:before{content:"\f073"}i.icon.calendar.check.outline:before{content:"\f274"}i.icon.calendar.minus.outline:before{content:"\f272"}i.icon.calendar.plus.outline:before{content:"\f271"}i.icon.calendar.times.outline:before{content:"\f273"}i.icon.caret.square.down.outline:before{content:"\f150"}i.icon.caret.square.left.outline:before{content:"\f191"}i.icon.caret.square.right.outline:before{content:"\f152"}i.icon.caret.square.up.outline:before{content:"\f151"}i.icon.chart.bar.outline:before{content:"\f080"}i.icon.check.circle.outline:before{content:"\f058"}i.icon.check.square.outline:before{content:"\f14a"}i.icon.circle.outline:before{content:"\f111"}i.icon.clipboard.outline:before{content:"\f328"}i.icon.clock.outline:before{content:"\f017"}i.icon.clone.outline:before{content:"\f24d"}i.icon.closed.captioning.outline:before{content:"\f20a"}i.icon.comment.outline:before{content:"\f075"}i.icon.comment.alternate.outline:before{content:"\f27a"}i.icon.comments.outline:before{content:"\f086"}i.icon.compass.outline:before{content:"\f14e"}i.icon.copy.outline:before{content:"\f0c5"}i.icon.copyright.outline:before{content:"\f1f9"}i.icon.credit.card.outline:before{content:"\f09d"}i.icon.dot.circle.outline:before{content:"\f192"}i.icon.edit.outline:before{content:"\f044"}i.icon.envelope.outline:before{content:"\f0e0"}i.icon.envelope.open.outline:before{content:"\f2b6"}i.icon.eye.slash.outline:before{content:"\f070"}i.icon.file.outline:before{content:"\f15b"}i.icon.file.alternate.outline:before{content:"\f15c"}i.icon.file.archive.outline:before{content:"\f1c6"}i.icon.file.audio.outline:before{content:"\f1c7"}i.icon.file.code.outline:before{content:"\f1c9"}i.icon.file.excel.outline:before{content:"\f1c3"}i.icon.file.image.outline:before{content:"\f1c5"}i.icon.file.pdf.outline:before{content:"\f1c1"}i.icon.file.powerpoint.outline:before{content:"\f1c4"}i.icon.file.video.outline:before{content:"\f1c8"}i.icon.file.word.outline:before{content:"\f1c2"}i.icon.flag.outline:before{content:"\f024"}i.icon.folder.outline:before{content:"\f07b"}i.icon.folder.open.outline:before{content:"\f07c"}i.icon.frown.outline:before{content:"\f119"}i.icon.futbol.outline:before{content:"\f1e3"}i.icon.gem.outline:before{content:"\f3a5"}i.icon.hand.lizard.outline:before{content:"\f258"}i.icon.hand.paper.outline:before{content:"\f256"}i.icon.hand.peace.outline:before{content:"\f25b"}i.icon.hand.point.down.outline:before{content:"\f0a7"}i.icon.hand.point.left.outline:before{content:"\f0a5"}i.icon.hand.point.right.outline:before{content:"\f0a4"}i.icon.hand.point.up.outline:before{content:"\f0a6"}i.icon.hand.pointer.outline:before{content:"\f25a"}i.icon.hand.rock.outline:before{content:"\f255"}i.icon.hand.scissors.outline:before{content:"\f257"}i.icon.hand.spock.outline:before{content:"\f259"}i.icon.handshake.outline:before{content:"\f2b5"}i.icon.hdd.outline:before{content:"\f0a0"}i.icon.heart.outline:before{content:"\f004"}i.icon.hospital.outline:before{content:"\f0f8"}i.icon.hourglass.outline:before{content:"\f254"}i.icon.id.badge.outline:before{content:"\f2c1"}i.icon.id.card.outline:before{content:"\f2c2"}i.icon.image.outline:before{content:"\f03e"}i.icon.images.outline:before{content:"\f302"}i.icon.keyboard.outline:before{content:"\f11c"}i.icon.lemon.outline:before{content:"\f094"}i.icon.life.ring.outline:before{content:"\f1cd"}i.icon.lightbulb.outline:before{content:"\f0eb"}i.icon.list.alternate.outline:before{content:"\f022"}i.icon.map.outline:before{content:"\f279"}i.icon.meh.outline:before{content:"\f11a"}i.icon.minus.square.outline:before{content:"\f146"}i.icon.money.bill.alternate.outline:before{content:"\f3d1"}i.icon.moon.outline:before{content:"\f186"}i.icon.newspaper.outline:before{content:"\f1ea"}i.icon.object.group.outline:before{content:"\f247"}i.icon.object.ungroup.outline:before{content:"\f248"}i.icon.paper.plane.outline:before{content:"\f1d8"}i.icon.pause.circle.outline:before{content:"\f28b"}i.icon.play.circle.outline:before{content:"\f144"}i.icon.plus.square.outline:before{content:"\f0fe"}i.icon.question.circle.outline:before{content:"\f059"}i.icon.registered.outline:before{content:"\f25d"}i.icon.save.outline:before{content:"\f0c7"}i.icon.share.square.outline:before{content:"\f14d"}i.icon.smile.outline:before{content:"\f118"}i.icon.snowflake.outline:before{content:"\f2dc"}i.icon.square.outline:before{content:"\f0c8"}i.icon.star.outline:before{content:"\f005"}i.icon.star.half.outline:before{content:"\f089"}i.icon.sticky.note.outline:before{content:"\f249"}i.icon.stop.circle.outline:before{content:"\f28d"}i.icon.sun.outline:before{content:"\f185"}i.icon.thumbs.down.outline:before{content:"\f165"}i.icon.thumbs.up.outline:before{content:"\f164"}i.icon.times.circle.outline:before{content:"\f057"}i.icon.trash.alternate.outline:before{content:"\f2ed"}i.icon.user.outline:before{content:"\f007"}i.icon.user.circle.outline:before{content:"\f2bd"}i.icon.window.close.outline:before{content:"\f410"}i.icon.window.maximize.outline:before{content:"\f2d0"}i.icon.window.minimize.outline:before{content:"\f2d1"}i.icon.window.restore.outline:before{content:"\f2d2"}i.icon.disk.outline:before{content:"\f0a0"}i.icon.heart.empty,i.icon.star.empty{font-family:outline-icons}i.icon.heart.empty:before{content:"\f004"}i.icon.star.empty:before{content:"\f089"}@font-face{font-family:brand-icons;src:url(/assets/brand-icons-sqJ2Pg7a.eot);src:url(/assets/brand-icons-sqJ2Pg7a.eot?#iefix) format('embedded-opentype'),url(/assets/brand-icons-XL9sxUpA.woff2) format('woff2'),url(/assets/brand-icons-F3SPCeH1.woff) format('woff'),url(/assets/brand-icons-ubhWoxly.ttf) format('truetype'),url(/assets/brand-icons-Cu_C0hZ4.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon.\35 00px,i.icon.accessible.icon,i.icon.accusoft,i.icon.adn,i.icon.adversal,i.icon.affiliatetheme,i.icon.algolia,i.icon.amazon,i.icon.amazon.pay,i.icon.amilia,i.icon.android,i.icon.angellist,i.icon.angrycreative,i.icon.angular,i.icon.app.store,i.icon.app.store.ios,i.icon.apper,i.icon.apple,i.icon.apple.pay,i.icon.asymmetrik,i.icon.audible,i.icon.autoprefixer,i.icon.avianex,i.icon.aviato,i.icon.aws,i.icon.bandcamp,i.icon.behance,i.icon.behance.square,i.icon.bimobject,i.icon.bitbucket,i.icon.bitcoin,i.icon.bity,i.icon.black.tie,i.icon.blackberry,i.icon.blogger,i.icon.blogger.b,i.icon.bluetooth,i.icon.bluetooth.b,i.icon.btc,i.icon.buromobelexperte,i.icon.buysellads,i.icon.cc.amazon.pay,i.icon.cc.amex,i.icon.cc.apple.pay,i.icon.cc.diners.club,i.icon.cc.discover,i.icon.cc.jcb,i.icon.cc.mastercard,i.icon.cc.paypal,i.icon.cc.stripe,i.icon.cc.visa,i.icon.centercode,i.icon.chrome,i.icon.cloudscale,i.icon.cloudsmith,i.icon.cloudversify,i.icon.codepen,i.icon.codiepie,i.icon.connectdevelop,i.icon.contao,i.icon.cpanel,i.icon.creative.commons,i.icon.css3,i.icon.css3.alternate,i.icon.cuttlefish,i.icon.d.and.d,i.icon.dashcube,i.icon.delicious,i.icon.deploydog,i.icon.deskpro,i.icon.deviantart,i.icon.digg,i.icon.digital.ocean,i.icon.discord,i.icon.discourse,i.icon.dochub,i.icon.docker,i.icon.draft2digital,i.icon.dribbble,i.icon.dribbble.square,i.icon.dropbox,i.icon.drupal,i.icon.dyalog,i.icon.earlybirds,i.icon.edge,i.icon.elementor,i.icon.ember,i.icon.empire,i.icon.envira,i.icon.erlang,i.icon.ethereum,i.icon.etsy,i.icon.expeditedssl,i.icon.facebook,i.icon.facebook.f,i.icon.facebook.messenger,i.icon.facebook.square,i.icon.firefox,i.icon.first.order,i.icon.firstdraft,i.icon.flickr,i.icon.flipboard,i.icon.fly,i.icon.font.awesome,i.icon.font.awesome.alternate,i.icon.font.awesome.flag,i.icon.fonticons,i.icon.fonticons.fi,i.icon.fort.awesome,i.icon.fort.awesome.alternate,i.icon.forumbee,i.icon.foursquare,i.icon.free.code.camp,i.icon.freebsd,i.icon.get.pocket,i.icon.gg,i.icon.gg.circle,i.icon.git,i.icon.git.square,i.icon.github,i.icon.github.alternate,i.icon.github.square,i.icon.gitkraken,i.icon.gitlab,i.icon.gitter,i.icon.glide,i.icon.glide.g,i.icon.gofore,i.icon.goodreads,i.icon.goodreads.g,i.icon.google,i.icon.google.drive,i.icon.google.play,i.icon.google.plus,i.icon.google.plus.g,i.icon.google.plus.square,i.icon.google.wallet,i.icon.gratipay,i.icon.grav,i.icon.gripfire,i.icon.grunt,i.icon.gulp,i.icon.hacker.news,i.icon.hacker.news.square,i.icon.hips,i.icon.hire.a.helper,i.icon.hooli,i.icon.hotjar,i.icon.houzz,i.icon.html5,i.icon.hubspot,i.icon.imdb,i.icon.instagram,i.icon.internet.explorer,i.icon.ioxhost,i.icon.itunes,i.icon.itunes.note,i.icon.jenkins,i.icon.joget,i.icon.joomla,i.icon.js,i.icon.js.square,i.icon.jsfiddle,i.icon.keycdn,i.icon.kickstarter,i.icon.kickstarter.k,i.icon.korvue,i.icon.laravel,i.icon.lastfm,i.icon.lastfm.square,i.icon.leanpub,i.icon.less,i.icon.linechat,i.icon.linkedin,i.icon.linkedin.alternate,i.icon.linkedin.in,i.icon.linode,i.icon.linux,i.icon.lyft,i.icon.magento,i.icon.maxcdn,i.icon.medapps,i.icon.medium,i.icon.medium.m,i.icon.medrt,i.icon.meetup,i.icon.microsoft,i.icon.mix,i.icon.mixcloud,i.icon.mizuni,i.icon.modx,i.icon.monero,i.icon.napster,i.icon.nintendo.switch,i.icon.node,i.icon.node.js,i.icon.npm,i.icon.ns8,i.icon.nutritionix,i.icon.odnoklassniki,i.icon.odnoklassniki.square,i.icon.opencart,i.icon.openid,i.icon.opera,i.icon.optin.monster,i.icon.osi,i.icon.page4,i.icon.pagelines,i.icon.palfed,i.icon.patreon,i.icon.paypal,i.icon.periscope,i.icon.phabricator,i.icon.phoenix.framework,i.icon.php,i.icon.pied.piper,i.icon.pied.piper.alternate,i.icon.pied.piper.pp,i.icon.pinterest,i.icon.pinterest.p,i.icon.pinterest.square,i.icon.playstation,i.icon.product.hunt,i.icon.pushed,i.icon.python,i.icon.qq,i.icon.quinscape,i.icon.quora,i.icon.ravelry,i.icon.react,i.icon.rebel,i.icon.reddit,i.icon.reddit.alien,i.icon.reddit.square,i.icon.redriver,i.icon.rendact,i.icon.renren,i.icon.replyd,i.icon.resolving,i.icon.rocketchat,i.icon.rockrms,i.icon.safari,i.icon.sass,i.icon.schlix,i.icon.scribd,i.icon.searchengin,i.icon.sellcast,i.icon.sellsy,i.icon.servicestack,i.icon.shirtsinbulk,i.icon.simplybuilt,i.icon.sistrix,i.icon.skyatlas,i.icon.skype,i.icon.slack,i.icon.slack.hash,i.icon.slideshare,i.icon.snapchat,i.icon.snapchat.ghost,i.icon.snapchat.square,i.icon.soundcloud,i.icon.speakap,i.icon.spotify,i.icon.stack.exchange,i.icon.stack.overflow,i.icon.staylinked,i.icon.steam,i.icon.steam.square,i.icon.steam.symbol,i.icon.sticker.mule,i.icon.strava,i.icon.stripe,i.icon.stripe.s,i.icon.studiovinari,i.icon.stumbleupon,i.icon.stumbleupon.circle,i.icon.superpowers,i.icon.supple,i.icon.telegram,i.icon.telegram.plane,i.icon.tencent.weibo,i.icon.themeisle,i.icon.trello,i.icon.tripadvisor,i.icon.tumblr,i.icon.tumblr.square,i.icon.twitch,i.icon.twitter,i.icon.twitter.square,i.icon.typo3,i.icon.uber,i.icon.uikit,i.icon.uniregistry,i.icon.untappd,i.icon.usb,i.icon.ussunnah,i.icon.vaadin,i.icon.viacoin,i.icon.viadeo,i.icon.viadeo.square,i.icon.viber,i.icon.vimeo,i.icon.vimeo.square,i.icon.vimeo.v,i.icon.vine,i.icon.vk,i.icon.vnv,i.icon.vuejs,i.icon.wechat,i.icon.weibo,i.icon.weixin,i.icon.whatsapp,i.icon.whatsapp.square,i.icon.whmcs,i.icon.wikipedia.w,i.icon.windows,i.icon.wordpress,i.icon.wordpress.simple,i.icon.wpbeginner,i.icon.wpexplorer,i.icon.wpforms,i.icon.xbox,i.icon.xing,i.icon.xing.square,i.icon.y.combinator,i.icon.yahoo,i.icon.yandex,i.icon.yandex.international,i.icon.yelp,i.icon.yoast,i.icon.youtube,i.icon.youtube.square{font-family:brand-icons}/*!
 * # Semantic UI 2.5.0 - Image
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.image img,.ui.image svg{display:block;max-width:100%;height:auto}.ui.hidden.image,.ui.hidden.images{display:none}.ui.hidden.transition.image,.ui.hidden.transition.images{display:block;visibility:hidden}.ui.images>.hidden.transition{display:inline-block;visibility:hidden}.ui.disabled.image,.ui.disabled.images{cursor:default;opacity:.45}.ui.inline.image,.ui.inline.image img,.ui.inline.image svg{display:inline-block}.ui.top.aligned.image,.ui.top.aligned.image img,.ui.top.aligned.image svg,.ui.top.aligned.images .image{display:inline-block;vertical-align:top}.ui.middle.aligned.image,.ui.middle.aligned.image img,.ui.middle.aligned.image svg,.ui.middle.aligned.images .image{display:inline-block;vertical-align:middle}.ui.bottom.aligned.image,.ui.bottom.aligned.image img,.ui.bottom.aligned.image svg,.ui.bottom.aligned.images .image{display:inline-block;vertical-align:bottom}.ui.rounded.image,.ui.rounded.image>*,.ui.rounded.images .image,.ui.rounded.images .image>*{border-radius:.3125em}.ui.bordered.image img,.ui.bordered.image svg,.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,img.ui.bordered.image{border:1px solid rgba(0,0,0,.1)}.ui.circular.image,.ui.circular.images{overflow:hidden}.ui.circular.image,.ui.circular.image>*,.ui.circular.images .image,.ui.circular.images .image>*{border-radius:500rem}.ui.fluid.image,.ui.fluid.image img,.ui.fluid.image svg,.ui.fluid.images,.ui.fluid.images img,.ui.fluid.images svg{display:block;width:100%;height:auto}.ui.avatar.image,.ui.avatar.image img,.ui.avatar.image svg,.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg{margin-right:.25em;display:inline-block;width:2em;height:2em;border-radius:500rem}.ui.spaced.image{display:inline-block!important;margin-left:.5em;margin-right:.5em}.ui[class*="left spaced"].image{margin-left:.5em;margin-right:0}.ui[class*="right spaced"].image{margin-left:0;margin-right:.5em}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.image,.ui.right.floated.images{float:right;margin-right:0;margin-bottom:1em;margin-left:1em}.ui.floated.image:last-child,.ui.floated.images:last-child{margin-bottom:0}.ui.centered.image,.ui.centered.images{margin-left:auto;margin-right:auto}.ui.mini.image,.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg{width:35px;height:auto;font-size:.78571429rem}.ui.tiny.image,.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg{width:80px;height:auto;font-size:.85714286rem}.ui.small.image,.ui.small.images .image,.ui.small.images img,.ui.small.images svg{width:150px;height:auto;font-size:.92857143rem}.ui.medium.image,.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg{width:300px;height:auto;font-size:1rem}.ui.large.image,.ui.large.images .image,.ui.large.images img,.ui.large.images svg{width:450px;height:auto;font-size:1.14285714rem}.ui.big.image,.ui.big.images .image,.ui.big.images img,.ui.big.images svg{width:600px;height:auto;font-size:1.28571429rem}.ui.huge.image,.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg{width:800px;height:auto;font-size:1.42857143rem}.ui.massive.image,.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg{width:960px;height:auto;font-size:1.71428571rem}.ui.images{font-size:0;margin:0 -.25rem 0}.ui.images .image,.ui.images>img,.ui.images>svg{display:inline-block;margin:0 .25rem .5rem}/*!
 * # Semantic UI 2.5.0 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.input{position:relative;font-weight:400;font-style:normal;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87)}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85b7d9;background:#fff;color:rgba(0,0,0,.8);box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc!important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796!important}.ui.transparent.input>input{border-color:transparent!important;background-color:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important}.ui.transparent.icon.input>i.icon{width:1.1em}.ui.transparent.icon.input>input{padding-left:0!important;padding-right:2em!important}.ui.transparent[class*="left icon"].input>input{padding-left:2em!important;padding-right:0!important}.ui.transparent.inverted.input{color:#fff}.ui.transparent.inverted.input>input{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:.5;border-radius:0 .28571429rem .28571429rem 0;transition:opacity .3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.icon.input>input{padding-right:2.67142857em!important}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:.5em}.ui[class*="left icon"].input>input{padding-left:2.67142857em!important;padding-right:1em!important}.ui.icon.input>input:focus~i.icon{opacity:1}.ui.labeled.input>.label{flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:.78571429em;padding-bottom:.78571429em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85b7d9}.ui[class*="right labeled"].input>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85b7d9!important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.64285714em;border-radius:0 .28571429rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input{padding-right:2.5em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input{padding-left:2.5em!important}.ui[class*="left corner labeled"].icon.input>input{padding-left:3.25em!important}.ui[class*="left corner labeled"].icon.input>.icon{margin-left:1.25em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.action.input>.button,.ui.action.input>.buttons{display:flex;align-items:center;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:.78571429em;padding-bottom:.78571429em;margin:0}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui.action.input:not([class*="left action"])>.button:not(:first-child),.ui.action.input:not([class*="left action"])>.buttons:not(:first-child)>.button,.ui.action.input:not([class*="left action"])>.dropdown:not(:first-child){border-radius:0}.ui.action.input:not([class*="left action"])>.button:last-child,.ui.action.input:not([class*="left action"])>.buttons:last-child>.button,.ui.action.input:not([class*="left action"])>.dropdown:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85b7d9!important}.ui[class*="left action"].input>input{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left-color:transparent!important}.ui[class*="left action"].input>.button,.ui[class*="left action"].input>.buttons>.button,.ui[class*="left action"].input>.dropdown{border-radius:0}.ui[class*="left action"].input>.button:first-child,.ui[class*="left action"].input>.buttons:first-child>.button,.ui[class*="left action"].input>.dropdown:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left action"].input>input:focus{border-left-color:#85b7d9!important}.ui.inverted.input>input{border:none}.ui.fluid.input{display:flex}.ui.fluid.input>input{width:0!important}.ui.mini.input{font-size:.78571429em}.ui.small.input{font-size:.92857143em}.ui.input{font-size:1em}.ui.large.input{font-size:1.14285714em}.ui.big.input{font-size:1.28571429em}.ui.huge.input{font-size:1.42857143em}.ui.massive.input{font-size:1.71428571em}/*!
 * # Semantic UI 2.5.0 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-color:#e8e8e8;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border:0 solid transparent;border-radius:.28571429rem;transition:background .1s ease}.ui.label:first-child{margin-left:0}.ui.label:last-child{margin-right:0}a.ui.label{cursor:pointer}.ui.label>a{cursor:pointer;color:inherit;opacity:.5;transition:.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto!important;vertical-align:middle;height:2.1666em!important}.ui.label>.icon{width:auto;margin:0 .75em 0 0}.ui.label>.detail{display:inline-block;vertical-align:top;font-weight:700;margin-left:1em;opacity:.8}.ui.label>.detail .icon{margin:0 .25em 0 0}.ui.label>.close.icon,.ui.label>.delete.icon{cursor:pointer;margin-right:0;margin-left:.5em;font-size:.92857143em;opacity:.5;transition:background .1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.labels>.label{margin:0 .5em .5em 0}.ui.header>.ui.label{margin-top:-.29165em}.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label{border-top-left-radius:0}.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label{border-top-right-radius:0}.ui.top.attached.segment>.ui.bottom.left.attached.label{border-bottom-left-radius:0}.ui.top.attached.segment>.ui.bottom.right.attached.label{border-bottom-right-radius:0}.ui.top.attached.label+[class*="right floated"]+*,.ui.top.attached.label:first-child+:not(.attached){margin-top:2rem!important}.ui.bottom.attached.label:first-child~:last-child:not(.attached){margin-top:0;margin-bottom:2rem!important}.ui.image.label{width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#e8e8e8;padding:.5833em .833em .5833em .5em;border-radius:.28571429rem;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.1666em;margin:-.5833em .5em -.5833em -.5em;border-radius:.28571429rem 0 0 .28571429rem}.ui.image.label .detail{background:rgba(0,0,0,.1);margin:-.5833em -.833em -.5833em .5em;padding:.5833em .833em;border-radius:0 .28571429rem .28571429rem 0}.ui.tag.label,.ui.tag.labels .label{margin-left:1em;position:relative;padding-left:1.5em;padding-right:1.5em;border-radius:0 .28571429rem .28571429rem 0;transition:none}.ui.tag.label:before,.ui.tag.labels .label:before{position:absolute;transform:translateY(-50%) translateX(50%) rotate(-45deg);top:50%;right:100%;content:'';background-color:inherit;background-image:none;width:1.56em;height:1.56em;transition:none}.ui.tag.label:after,.ui.tag.labels .label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.25em;background-color:#fff!important;width:.5em;height:.5em;box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);border-radius:500rem}.ui.corner.label{position:absolute;top:0;right:0;margin:0;padding:0;text-align:center;border-color:#e8e8e8;width:4em;height:4em;z-index:1;transition:border-color .1s ease}.ui.corner.label{background-color:transparent!important}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;background-color:transparent!important;border-top:0 solid transparent;border-right:4em solid transparent;border-bottom:4em solid transparent;border-left:0 solid transparent;border-right-color:inherit;transition:border-color .1s ease}.ui.corner.label .icon{cursor:default;position:relative;top:.64285714em;left:.78571429em;font-size:1.14285714em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-top:4em solid transparent;border-right:4em solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{left:-.78571429em}.ui.segment>.ui.corner.label{top:-1px;right:-1px}.ui.segment>.ui.left.corner.label{right:auto;left:-1px}.ui.ribbon.label{position:relative;margin:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:0 .28571429rem .28571429rem 0;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:'';top:100%;left:0;background-color:transparent!important;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent;border-right-color:inherit;width:0;height:0}.ui.ribbon.label{left:calc(-1rem - 1.2em);margin-right:-1.2em;padding-left:calc(1rem + 1.2em);padding-right:1.2em}.ui[class*="right ribbon"].label{left:calc(100% + 1rem + 1.2em);padding-left:1.2em;padding-right:calc(1rem + 1.2em)}.ui[class*="right ribbon"].label{text-align:left;transform:translateX(-100%);border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="right ribbon"].label:after{left:auto;right:0;border-style:solid;border-width:1.2em 1.2em 0 0;border-color:transparent;border-top-color:inherit}.ui.card .image>.ribbon.label,.ui.image>.ribbon.label{position:absolute;top:1rem}.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label{left:calc(--.05rem - 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label{left:calc(100% + -.05rem + 1.2em);padding-left:.833em}.ui.table td>.ui.ribbon.label{left:calc(-.78571429em - 1.2em)}.ui.table td>.ui[class*="right ribbon"].label{left:calc(100% + .78571429em + 1.2em);padding-left:.833em}.ui.attached.label,.ui[class*="top attached"].label{width:100%;position:absolute;margin:0;top:0;left:0;padding:.75em 1em;border-radius:.21428571rem .21428571rem 0 0}.ui[class*="bottom attached"].label{top:auto;bottom:0;border-radius:0 0 .21428571rem .21428571rem}.ui[class*="top left attached"].label{width:auto;margin-top:0!important;border-radius:.21428571rem 0 .28571429rem 0}.ui[class*="top right attached"].label{width:auto;left:auto;right:0;border-radius:0 .21428571rem 0 .28571429rem}.ui[class*="bottom left attached"].label{width:auto;top:auto;bottom:0;border-radius:0 .28571429rem 0 .21428571rem}.ui[class*="bottom right attached"].label{top:auto;bottom:0;left:auto;right:0;width:auto;border-radius:.28571429rem 0 .21428571rem 0}.ui.label.disabled{opacity:.5}a.ui.label:hover,a.ui.labels .label:hover{background-color:#e0e0e0;border-color:#e0e0e0;background-image:none;color:rgba(0,0,0,.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{color:rgba(0,0,0,.8)}.ui.active.label{background-color:#d0d0d0;border-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}.ui.active.label:before{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}a.ui.active.label:hover,a.ui.labels .active.label:hover{background-color:#c8c8c8;border-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.labels a.active.label:ActiveHover:before,a.ui.active.label:ActiveHover:before{background-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.label.visible:not(.dropdown),.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!important}.ui.red.label,.ui.red.labels .label{background-color:#db2828!important;border-color:#db2828!important;color:#fff!important}.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#d01919!important;border-color:#d01919!important;color:#fff!important}.ui.red.corner.label,.ui.red.corner.label:hover{background-color:transparent!important}.ui.red.ribbon.label{border-color:#b21e1e!important}.ui.basic.red.label{background:none #fff!important;color:#db2828!important;border-color:#db2828!important}.ui.basic.red.labels a.label:hover,a.ui.basic.red.label:hover{background-color:#fff!important;color:#d01919!important;border-color:#d01919!important}.ui.orange.label,.ui.orange.labels .label{background-color:#f2711c!important;border-color:#f2711c!important;color:#fff!important}.ui.orange.labels .label:hover,a.ui.orange.label:hover{background-color:#f26202!important;border-color:#f26202!important;color:#fff!important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent!important}.ui.orange.ribbon.label{border-color:#cf590c!important}.ui.basic.orange.label{background:none #fff!important;color:#f2711c!important;border-color:#f2711c!important}.ui.basic.orange.labels a.label:hover,a.ui.basic.orange.label:hover{background-color:#fff!important;color:#f26202!important;border-color:#f26202!important}.ui.yellow.label,.ui.yellow.labels .label{background-color:#fbbd08!important;border-color:#fbbd08!important;color:#fff!important}.ui.yellow.labels .label:hover,a.ui.yellow.label:hover{background-color:#eaae00!important;border-color:#eaae00!important;color:#fff!important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent!important}.ui.yellow.ribbon.label{border-color:#cd9903!important}.ui.basic.yellow.label{background:none #fff!important;color:#fbbd08!important;border-color:#fbbd08!important}.ui.basic.yellow.labels a.label:hover,a.ui.basic.yellow.label:hover{background-color:#fff!important;color:#eaae00!important;border-color:#eaae00!important}.ui.olive.label,.ui.olive.labels .label{background-color:#b5cc18!important;border-color:#b5cc18!important;color:#fff!important}.ui.olive.labels .label:hover,a.ui.olive.label:hover{background-color:#a7bd0d!important;border-color:#a7bd0d!important;color:#fff!important}.ui.olive.corner.label,.ui.olive.corner.label:hover{background-color:transparent!important}.ui.olive.ribbon.label{border-color:#198f35!important}.ui.basic.olive.label{background:none #fff!important;color:#b5cc18!important;border-color:#b5cc18!important}.ui.basic.olive.labels a.label:hover,a.ui.basic.olive.label:hover{background-color:#fff!important;color:#a7bd0d!important;border-color:#a7bd0d!important}.ui.green.label,.ui.green.labels .label{background-color:#21ba45!important;border-color:#21ba45!important;color:#fff!important}.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#16ab39!important;border-color:#16ab39!important;color:#fff!important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent!important}.ui.green.ribbon.label{border-color:#198f35!important}.ui.basic.green.label{background:none #fff!important;color:#21ba45!important;border-color:#21ba45!important}.ui.basic.green.labels a.label:hover,a.ui.basic.green.label:hover{background-color:#fff!important;color:#16ab39!important;border-color:#16ab39!important}.ui.teal.label,.ui.teal.labels .label{background-color:#00b5ad!important;border-color:#00b5ad!important;color:#fff!important}.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009c95!important;border-color:#009c95!important;color:#fff!important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent!important}.ui.teal.ribbon.label{border-color:#00827c!important}.ui.basic.teal.label{background:none #fff!important;color:#00b5ad!important;border-color:#00b5ad!important}.ui.basic.teal.labels a.label:hover,a.ui.basic.teal.label:hover{background-color:#fff!important;color:#009c95!important;border-color:#009c95!important}.ui.blue.label,.ui.blue.labels .label{background-color:#2185d0!important;border-color:#2185d0!important;color:#fff!important}.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1678c2!important;border-color:#1678c2!important;color:#fff!important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent!important}.ui.blue.ribbon.label{border-color:#1a69a4!important}.ui.basic.blue.label{background:none #fff!important;color:#2185d0!important;border-color:#2185d0!important}.ui.basic.blue.labels a.label:hover,a.ui.basic.blue.label:hover{background-color:#fff!important;color:#1678c2!important;border-color:#1678c2!important}.ui.violet.label,.ui.violet.labels .label{background-color:#6435c9!important;border-color:#6435c9!important;color:#fff!important}.ui.violet.labels .label:hover,a.ui.violet.label:hover{background-color:#5829bb!important;border-color:#5829bb!important;color:#fff!important}.ui.violet.corner.label,.ui.violet.corner.label:hover{background-color:transparent!important}.ui.violet.ribbon.label{border-color:#502aa1!important}.ui.basic.violet.label{background:none #fff!important;color:#6435c9!important;border-color:#6435c9!important}.ui.basic.violet.labels a.label:hover,a.ui.basic.violet.label:hover{background-color:#fff!important;color:#5829bb!important;border-color:#5829bb!important}.ui.purple.label,.ui.purple.labels .label{background-color:#a333c8!important;border-color:#a333c8!important;color:#fff!important}.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#9627ba!important;border-color:#9627ba!important;color:#fff!important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent!important}.ui.purple.ribbon.label{border-color:#82299f!important}.ui.basic.purple.label{background:none #fff!important;color:#a333c8!important;border-color:#a333c8!important}.ui.basic.purple.labels a.label:hover,a.ui.basic.purple.label:hover{background-color:#fff!important;color:#9627ba!important;border-color:#9627ba!important}.ui.pink.label,.ui.pink.labels .label{background-color:#e03997!important;border-color:#e03997!important;color:#fff!important}.ui.pink.labels .label:hover,a.ui.pink.label:hover{background-color:#e61a8d!important;border-color:#e61a8d!important;color:#fff!important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent!important}.ui.pink.ribbon.label{border-color:#c71f7e!important}.ui.basic.pink.label{background:none #fff!important;color:#e03997!important;border-color:#e03997!important}.ui.basic.pink.labels a.label:hover,a.ui.basic.pink.label:hover{background-color:#fff!important;color:#e61a8d!important;border-color:#e61a8d!important}.ui.brown.label,.ui.brown.labels .label{background-color:#a5673f!important;border-color:#a5673f!important;color:#fff!important}.ui.brown.labels .label:hover,a.ui.brown.label:hover{background-color:#975b33!important;border-color:#975b33!important;color:#fff!important}.ui.brown.corner.label,.ui.brown.corner.label:hover{background-color:transparent!important}.ui.brown.ribbon.label{border-color:#805031!important}.ui.basic.brown.label{background:none #fff!important;color:#a5673f!important;border-color:#a5673f!important}.ui.basic.brown.labels a.label:hover,a.ui.basic.brown.label:hover{background-color:#fff!important;color:#975b33!important;border-color:#975b33!important}.ui.grey.label,.ui.grey.labels .label{background-color:#767676!important;border-color:#767676!important;color:#fff!important}.ui.grey.labels .label:hover,a.ui.grey.label:hover{background-color:#838383!important;border-color:#838383!important;color:#fff!important}.ui.grey.corner.label,.ui.grey.corner.label:hover{background-color:transparent!important}.ui.grey.ribbon.label{border-color:#805031!important}.ui.basic.grey.label{background:none #fff!important;color:#767676!important;border-color:#767676!important}.ui.basic.grey.labels a.label:hover,a.ui.basic.grey.label:hover{background-color:#fff!important;color:#838383!important;border-color:#838383!important}.ui.black.label,.ui.black.labels .label{background-color:#1b1c1d!important;border-color:#1b1c1d!important;color:#fff!important}.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#27292a!important;border-color:#27292a!important;color:#fff!important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent!important}.ui.black.ribbon.label{border-color:#805031!important}.ui.basic.black.label{background:none #fff!important;color:#1b1c1d!important;border-color:#1b1c1d!important}.ui.basic.black.labels a.label:hover,a.ui.basic.black.label:hover{background-color:#fff!important;color:#27292a!important;border-color:#27292a!important}.ui.basic.label{background:none #fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);box-shadow:none}a.ui.basic.label:hover{text-decoration:none;background:none #fff;color:#1e70bf;box-shadow:1px solid rgba(34,36,38,.15);box-shadow:none}.ui.basic.pointing.label:before{border-color:inherit}.ui.fluid.labels>.label,.ui.label.fluid{width:100%;box-sizing:border-box}.ui.inverted.label,.ui.inverted.labels .label{color:rgba(255,255,255,.9)!important}.ui.horizontal.label,.ui.horizontal.labels .label{margin:0 .5em 0 0;padding:.4em .833em;min-width:3em;text-align:center}.ui.circular.label,.ui.circular.labels .label{min-width:2em;min-height:2em;padding:.5em!important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.label,.ui.empty.circular.labels .label{min-width:0;min-height:0;overflow:hidden;width:.5em;height:.5em;vertical-align:baseline}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{background-color:inherit;background-image:inherit;border-width:none;border-style:solid;border-color:inherit}.ui.pointing.label:before{position:absolute;content:'';transform:rotate(45deg);background-image:none;z-index:2;width:.6666em;height:.6666em;transition:background .1s ease}.ui.pointing.label,.ui[class*="pointing above"].label{margin-top:1em}.ui.pointing.label:before,.ui[class*="pointing above"].label:before{border-width:1px 0 0 1px;transform:translateX(-50%) translateY(-50%) rotate(45deg);top:0;left:50%}.ui[class*="bottom pointing"].label,.ui[class*="pointing below"].label{margin-top:0;margin-bottom:1em}.ui[class*="bottom pointing"].label:before,.ui[class*="pointing below"].label:before{border-width:0 1px 1px 0;top:auto;right:auto;transform:translateX(-50%) translateY(-50%) rotate(45deg);top:100%;left:50%}.ui[class*="left pointing"].label{margin-top:0;margin-left:.6666em}.ui[class*="left pointing"].label:before{border-width:0 0 1px 1px;transform:translateX(-50%) translateY(-50%) rotate(45deg);bottom:auto;right:auto;top:50%;left:0}.ui[class*="right pointing"].label{margin-top:0;margin-right:.6666em}.ui[class*="right pointing"].label:before{border-width:1px 1px 0 0;transform:translateX(50%) translateY(-50%) rotate(45deg);top:50%;right:0;bottom:auto;left:auto}.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before{margin-top:-1px}.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before{bottom:auto;top:100%;margin-top:1px}.ui.basic[class*="left pointing"].label:before{top:50%;left:-1px}.ui.basic[class*="right pointing"].label:before{top:50%;right:-1px}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important}.ui.mini.label,.ui.mini.labels .label{font-size:.64285714rem}.ui.tiny.label,.ui.tiny.labels .label{font-size:.71428571rem}.ui.small.label,.ui.small.labels .label{font-size:.78571429rem}.ui.label,.ui.labels .label{font-size:.85714286rem}.ui.large.label,.ui.large.labels .label{font-size:1rem}.ui.big.label,.ui.big.labels .label{font-size:1.28571429rem}.ui.huge.label,.ui.huge.labels .label{font-size:1.42857143rem}.ui.massive.label,.ui.massive.labels .label{font-size:1.71428571rem}/*!
 * # Semantic UI 2.5.0 - List
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.list,ol.ui.list,ul.ui.list{list-style-type:none;margin:1em 0;padding:0 0}.ui.list:first-child,ol.ui.list:first-child,ul.ui.list:first-child{margin-top:0;padding-top:0}.ui.list:last-child,ol.ui.list:last-child,ul.ui.list:last-child{margin-bottom:0;padding-bottom:0}.ui.list .list>.item,.ui.list>.item,ol.ui.list li,ul.ui.list li{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.list>.item:after,.ui.list>.list>.item,ol.ui.list>li:first-child:after,ul.ui.list>li:first-child:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.list .list>.item:first-child,.ui.list>.item:first-child,ol.ui.list li:first-child,ul.ui.list li:first-child{padding-top:0}.ui.list .list>.item:last-child,.ui.list>.item:last-child,ol.ui.list li:last-child,ul.ui.list li:last-child{padding-bottom:0}.ui.list .list,ol.ui.list ol,ul.ui.list ul{clear:both;margin:0;padding:.75em 0 .25em .5em}.ui.list .list>.item,ol.ui.list ol li,ul.ui.list ul li{padding:.14285714em 0;line-height:inherit}.ui.list .list>.item>i.icon,.ui.list>.item>i.icon{display:table-cell;margin:0;padding-top:0;padding-right:.28571429em;vertical-align:top;transition:color .1s ease}.ui.list .list>.item>i.icon:only-child,.ui.list>.item>i.icon:only-child{display:inline-block;vertical-align:top}.ui.list .list>.item>.image,.ui.list>.item>.image{display:table-cell;background-color:transparent;margin:0;vertical-align:top}.ui.list .list>.item>.image:not(:only-child):not(img),.ui.list>.item>.image:not(:only-child):not(img){padding-right:.5em}.ui.list .list>.item>.image img,.ui.list>.item>.image img{vertical-align:top}.ui.list .list>.item>.image:only-child,.ui.list .list>.item>img.image,.ui.list>.item>.image:only-child,.ui.list>.item>img.image{display:inline-block}.ui.list .list>.item>.content,.ui.list>.item>.content{line-height:1.14285714em}.ui.list .list>.item>.icon+.content,.ui.list .list>.item>.image+.content,.ui.list>.item>.icon+.content,.ui.list>.item>.image+.content{display:table-cell;width:100%;padding:0 0 0 .5em;vertical-align:top}.ui.list .list>.item>img.image+.content,.ui.list>.item>img.image+.content{display:inline-block;width:auto}.ui.list .list>.item>.content>.list,.ui.list>.item>.content>.list{margin-left:0;padding-left:0}.ui.list .list>.item .header,.ui.list>.item .header{display:block;margin:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.87)}.ui.list .list>.item .description,.ui.list>.item .description{display:block;color:rgba(0,0,0,.7)}.ui.list .list>.item a,.ui.list>.item a{cursor:pointer}.ui.list .list>a.item,.ui.list>a.item{cursor:pointer;color:#4183c4}.ui.list .list>a.item:hover,.ui.list>a.item:hover{color:#1e70bf}.ui.list .list>a.item i.icon,.ui.list>a.item i.icon{color:rgba(0,0,0,.4)}.ui.list .list>.item a.header,.ui.list>.item a.header{cursor:pointer;color:#4183c4!important}.ui.list .list>.item a.header:hover,.ui.list>.item a.header:hover{color:#1e70bf!important}.ui[class*="left floated"].list{float:left}.ui[class*="right floated"].list{float:right}.ui.list .list>.item [class*="left floated"],.ui.list>.item [class*="left floated"]{float:left;margin:0 1em 0 0}.ui.list .list>.item [class*="right floated"],.ui.list>.item [class*="right floated"]{float:right;margin:0 0 0 1em}.ui.menu .ui.list .list>.item,.ui.menu .ui.list>.item{display:list-item;table-layout:fixed;background-color:transparent;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.menu .ui.list .list>.item:before,.ui.menu .ui.list>.item:before{border:none;background:0 0}.ui.menu .ui.list .list>.item:first-child,.ui.menu .ui.list>.item:first-child{padding-top:0}.ui.menu .ui.list .list>.item:last-child,.ui.menu .ui.list>.item:last-child{padding-bottom:0}.ui.horizontal.list{display:inline-block;font-size:0}.ui.horizontal.list>.item{display:inline-block;margin-left:1em;font-size:1rem}.ui.horizontal.list:not(.celled)>.item:first-child{margin-left:0!important;padding-left:0!important}.ui.horizontal.list .list{padding-left:0;padding-bottom:0}.ui.horizontal.list .list>.item>.content,.ui.horizontal.list .list>.item>.icon,.ui.horizontal.list .list>.item>.image,.ui.horizontal.list>.item>.content,.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.image{vertical-align:middle}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.horizontal.list>.item>i.icon{margin:0;padding:0 .25em 0 0}.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.icon+.content{float:none;display:inline-block}.ui.list .list>.disabled.item,.ui.list>.disabled.item{pointer-events:none;color:rgba(40,40,40,.3)!important}.ui.inverted.list .list>.disabled.item,.ui.inverted.list>.disabled.item{color:rgba(225,225,225,.3)!important}.ui.list .list>a.item:hover .icon,.ui.list>a.item:hover .icon{color:rgba(0,0,0,.87)}.ui.inverted.list .list>a.item>.icon,.ui.inverted.list>a.item>.icon{color:rgba(255,255,255,.7)}.ui.inverted.list .list>.item .header,.ui.inverted.list>.item .header{color:rgba(255,255,255,.9)}.ui.inverted.list .list>.item .description,.ui.inverted.list>.item .description{color:rgba(255,255,255,.7)}.ui.inverted.list .list>a.item,.ui.inverted.list>a.item{cursor:pointer;color:rgba(255,255,255,.9)}.ui.inverted.list .list>a.item:hover,.ui.inverted.list>a.item:hover{color:#1e70bf}.ui.inverted.list .item a:not(.ui){color:rgba(255,255,255,.9)!important}.ui.inverted.list .item a:not(.ui):hover{color:#1e70bf!important}.ui.list [class*="top aligned"],.ui.list[class*="top aligned"] .content,.ui.list[class*="top aligned"] .image{vertical-align:top!important}.ui.list [class*="middle aligned"],.ui.list[class*="middle aligned"] .content,.ui.list[class*="middle aligned"] .image{vertical-align:middle!important}.ui.list [class*="bottom aligned"],.ui.list[class*="bottom aligned"] .content,.ui.list[class*="bottom aligned"] .image{vertical-align:bottom!important}.ui.link.list .item,.ui.link.list .item a:not(.ui),.ui.link.list a.item{color:rgba(0,0,0,.4);transition:.1s color ease}.ui.link.list.list .item a:not(.ui):hover,.ui.link.list.list a.item:hover{color:rgba(0,0,0,.8)}.ui.link.list.list .item a:not(.ui):active,.ui.link.list.list a.item:active{color:rgba(0,0,0,.9)}.ui.link.list.list .active.item,.ui.link.list.list .active.item a:not(.ui){color:rgba(0,0,0,.95)}.ui.inverted.link.list .item,.ui.inverted.link.list .item a:not(.ui),.ui.inverted.link.list a.item{color:rgba(255,255,255,.5)}.ui.inverted.link.list.list .item a:not(.ui):hover,.ui.inverted.link.list.list a.item:hover{color:#fff}.ui.inverted.link.list.list .item a:not(.ui):active,.ui.inverted.link.list.list a.item:active{color:#fff}.ui.inverted.link.list.list .active.item a:not(.ui),.ui.inverted.link.list.list a.active.item{color:#fff}.ui.selection.list .list>.item,.ui.selection.list>.item{cursor:pointer;background:0 0;padding:.5em .5em;margin:0;color:rgba(0,0,0,.4);border-radius:.5em;transition:.1s color ease,.1s padding-left ease,.1s background-color ease}.ui.selection.list .list>.item:last-child,.ui.selection.list>.item:last-child{margin-bottom:0}.ui.selection.list.list>.item:hover,.ui.selection.list>.item:hover{background:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.selection.list .list>.item:active,.ui.selection.list>.item:active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.9)}.ui.selection.list .list>.item.active,.ui.selection.list>.item.active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.inverted.selection.list>.item{background:0 0;color:rgba(255,255,255,.5)}.ui.inverted.selection.list>.item:hover{background:rgba(255,255,255,.02);color:#fff}.ui.inverted.selection.list>.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.selection.list>.item.active{background:rgba(255,255,255,.08);color:#fff}.ui.celled.selection.list .list>.item,.ui.celled.selection.list>.item,.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{border-radius:0}.ui.animated.list>.item{transition:.25s color ease .1s,.25s padding-left ease .1s,.25s background-color ease .1s}.ui.animated.list:not(.horizontal)>.item:hover{padding-left:1em}.ui.fitted.list:not(.selection) .list>.item,.ui.fitted.list:not(.selection)>.item{padding-left:0;padding-right:0}.ui.fitted.selection.list .list>.item,.ui.fitted.selection.list>.item{margin-left:-.5em;margin-right:-.5em}.ui.bulleted.list,ul.ui.list{margin-left:1.25rem}.ui.bulleted.list .list>.item,.ui.bulleted.list>.item,ul.ui.list li{position:relative}.ui.bulleted.list .list>.item:before,.ui.bulleted.list>.item:before,ul.ui.list li:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;top:auto;left:auto;font-weight:400;margin-left:-1.25rem;content:'•';opacity:1;color:inherit;vertical-align:top}.ui.bulleted.list .list>a.item:before,.ui.bulleted.list>a.item:before,ul.ui.list li:before{color:rgba(0,0,0,.87)}.ui.bulleted.list .list,ul.ui.list ul{padding-left:1.25rem}.ui.horizontal.bulleted.list,ul.ui.horizontal.bulleted.list{margin-left:0}.ui.horizontal.bulleted.list>.item,ul.ui.horizontal.bulleted.list li{margin-left:1.75rem}.ui.horizontal.bulleted.list>.item:first-child,ul.ui.horizontal.bulleted.list li:first-child{margin-left:0}.ui.horizontal.bulleted.list>.item::before,ul.ui.horizontal.bulleted.list li::before{color:rgba(0,0,0,.87)}.ui.horizontal.bulleted.list>.item:first-child::before,ul.ui.horizontal.bulleted.list li:first-child::before{display:none}.ui.ordered.list,.ui.ordered.list .list,ol.ui.list,ol.ui.list ol{counter-reset:ordered;margin-left:1.25rem;list-style-type:none}.ui.ordered.list .list>.item,.ui.ordered.list>.item,ol.ui.list li{list-style-type:none;position:relative}.ui.ordered.list .list>.item:before,.ui.ordered.list>.item:before,ol.ui.list li:before{position:absolute;top:auto;left:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;margin-left:-1.25rem;counter-increment:ordered;content:counters(ordered, ".") " ";text-align:right;color:rgba(0,0,0,.87);vertical-align:middle;opacity:.8}.ui.ordered.inverted.list .list>.item:before,.ui.ordered.inverted.list>.item:before,ol.ui.inverted.list li:before{color:rgba(255,255,255,.7)}.ui.ordered.list>.item[data-value],.ui.ordered.list>.list>.item[data-value]{content:attr(data-value)}ol.ui.list li[value]:before{content:attr(value)}.ui.ordered.list .list,ol.ui.list ol{margin-left:1em}.ui.ordered.list .list>.item:before,ol.ui.list ol li:before{margin-left:-2em}.ui.ordered.horizontal.list,ol.ui.horizontal.list{margin-left:0}.ui.ordered.horizontal.list .list>.item:before,.ui.ordered.horizontal.list>.item:before,ol.ui.horizontal.list li:before{position:static;margin:0 .5em 0 0}.ui.divided.list>.item{border-top:1px solid rgba(34,36,38,.15)}.ui.divided.list .list>.item{border-top:none}.ui.divided.list .item .list>.item{border-top:none}.ui.divided.list .list>.item:first-child,.ui.divided.list>.item:first-child{border-top:none}.ui.divided.list:not(.horizontal) .list>.item:first-child{border-top-width:1px}.ui.divided.bulleted.list .list,.ui.divided.bulleted.list:not(.horizontal){margin-left:0;padding-left:0}.ui.divided.bulleted.list>.item:not(.horizontal){padding-left:1.25rem}.ui.divided.ordered.list{margin-left:0}.ui.divided.ordered.list .list>.item,.ui.divided.ordered.list>.item{padding-left:1.25rem}.ui.divided.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:.21428571em}.ui.divided.ordered.list .item .list>.item{padding-left:1em}.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{margin:0;border-radius:0}.ui.divided.horizontal.list{margin-left:0}.ui.divided.horizontal.list>.item:not(:first-child){padding-left:.5em}.ui.divided.horizontal.list>.item:not(:last-child){padding-right:.5em}.ui.divided.horizontal.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,.15);margin:0;line-height:.6}.ui.horizontal.divided.list>.item:first-child{border-left:none}.ui.divided.inverted.horizontal.list>.item,.ui.divided.inverted.list>.item,.ui.divided.inverted.list>.list{border-color:rgba(255,255,255,.1)}.ui.celled.list>.item,.ui.celled.list>.list{border-top:1px solid rgba(34,36,38,.15);padding-left:.5em;padding-right:.5em}.ui.celled.list>.item:last-child{border-bottom:1px solid rgba(34,36,38,.15)}.ui.celled.list>.item:first-child,.ui.celled.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.celled.list .item .list>.item{border-width:0}.ui.celled.list .list>.item:first-child{border-top-width:0}.ui.celled.bulleted.list{margin-left:0}.ui.celled.bulleted.list .list>.item,.ui.celled.bulleted.list>.item{padding-left:1.25rem}.ui.celled.bulleted.list .item .list{margin-left:-1.25rem;margin-right:-1.25rem;padding-bottom:.21428571em}.ui.celled.ordered.list{margin-left:0}.ui.celled.ordered.list .list>.item,.ui.celled.ordered.list>.item{padding-left:1.25rem}.ui.celled.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:.21428571em}.ui.celled.ordered.list .list>.item{padding-left:1em}.ui.horizontal.celled.list{margin-left:0}.ui.horizontal.celled.list .list>.item,.ui.horizontal.celled.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,.15);margin:0;padding-left:.5em;padding-right:.5em;line-height:.6}.ui.horizontal.celled.list .list>.item:last-child,.ui.horizontal.celled.list>.item:last-child{border-bottom:none;border-right:1px solid rgba(34,36,38,.15)}.ui.celled.inverted.list>.item,.ui.celled.inverted.list>.list{border-color:1px solid rgba(255,255,255,.1)}.ui.celled.inverted.horizontal.list .list>.item,.ui.celled.inverted.horizontal.list>.item{border-color:1px solid rgba(255,255,255,.1)}.ui.relaxed.list:not(.horizontal)>.item:not(:first-child){padding-top:.42857143em}.ui.relaxed.list:not(.horizontal)>.item:not(:last-child){padding-bottom:.42857143em}.ui.horizontal.relaxed.list .list>.item:not(:first-child),.ui.horizontal.relaxed.list>.item:not(:first-child){padding-left:1rem}.ui.horizontal.relaxed.list .list>.item:not(:last-child),.ui.horizontal.relaxed.list>.item:not(:last-child){padding-right:1rem}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:first-child){padding-top:.85714286em}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:last-child){padding-bottom:.85714286em}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:first-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:first-child){padding-left:1.5rem}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:last-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:last-child){padding-right:1.5rem}.ui.mini.list{font-size:.78571429em}.ui.tiny.list{font-size:.85714286em}.ui.small.list{font-size:.92857143em}.ui.list{font-size:1em}.ui.large.list{font-size:1.14285714em}.ui.big.list{font-size:1.28571429em}.ui.huge.list{font-size:1.42857143em}.ui.massive.list{font-size:1.71428571em}.ui.mini.horizontal.list .list>.item,.ui.mini.horizontal.list>.item{font-size:.78571429rem}.ui.tiny.horizontal.list .list>.item,.ui.tiny.horizontal.list>.item{font-size:.85714286rem}.ui.small.horizontal.list .list>.item,.ui.small.horizontal.list>.item{font-size:.92857143rem}.ui.horizontal.list .list>.item,.ui.horizontal.list>.item{font-size:1rem}.ui.large.horizontal.list .list>.item,.ui.large.horizontal.list>.item{font-size:1.14285714rem}.ui.big.horizontal.list .list>.item,.ui.big.horizontal.list>.item{font-size:1.28571429rem}.ui.huge.horizontal.list .list>.item,.ui.huge.horizontal.list>.item{font-size:1.42857143rem}.ui.massive.horizontal.list .list>.item,.ui.massive.horizontal.list>.item{font-size:1.71428571rem}/*!
 * # Semantic UI 2.5.0 - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}@-webkit-keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ui.mini.loader:after,.ui.mini.loader:before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.tiny.loader:after,.ui.tiny.loader:before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.small.loader:after,.ui.small.loader:before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.loader:after,.ui.loader:before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.large.loader:after,.ui.large.loader:before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.big.loader:after,.ui.big.loader:before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.huge.loader:after,.ui.huge.loader:before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.massive.loader:after,.ui.massive.loader:before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer .ui.loader:before{border-color:rgba(255,255,255,.15)}.ui.dimmer .ui.loader:after{border-color:#fff transparent transparent}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer .ui.loader:before{border-color:rgba(0,0,0,.1)}.ui.inverted.dimmer .ui.loader:after{border-color:#767676 transparent transparent}.ui.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.ui.indeterminate.loader:after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.inverted.dimmer .ui.tiny.loader,.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.inverted.dimmer .ui.loader,.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.inverted.dimmer .ui.large.loader,.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.big.loader,.ui.inverted.dimmer .ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.huge.loader,.ui.inverted.dimmer .ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.inverted.dimmer .ui.massive.loader,.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.inverted.loader{color:rgba(255,255,255,.9)}.ui.inverted.loader:before{border-color:rgba(255,255,255,.15)}.ui.inverted.loader:after{border-top-color:#fff}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto}/*!
 * # Semantic UI 2.5.0 - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.placeholder{position:static;overflow:hidden;-webkit-animation:placeholderShimmer 2s linear;animation:placeholderShimmer 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;max-width:30rem}@-webkit-keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.15s;animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.3s;animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.45s;animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.6s;animation-delay:.6s}.ui.placeholder,.ui.placeholder .image.header:after,.ui.placeholder .line,.ui.placeholder .line:after,.ui.placeholder>:before{background-color:#fff}.ui.placeholder .image:not(.header):not(.ui){height:100px}.ui.placeholder .square.image:not(.header){height:0;overflow:hidden;padding-top:100%}.ui.placeholder .rectangular.image:not(.header){height:0;overflow:hidden;padding-top:75%}.ui.placeholder .line{position:relative;height:.85714286em}.ui.placeholder .line:after,.ui.placeholder .line:before{top:100%;position:absolute;content:'';background-color:inherit}.ui.placeholder .line:before{left:0}.ui.placeholder .line:after{right:0}.ui.placeholder .line{margin-bottom:.5em}.ui.placeholder .line:after,.ui.placeholder .line:before{height:.5em}.ui.placeholder .line:not(:first-child){margin-top:.5em}.ui.placeholder .header{position:relative;overflow:hidden}.ui.placeholder .line:nth-child(1):after{width:0%}.ui.placeholder .line:nth-child(2):after{width:50%}.ui.placeholder .line:nth-child(3):after{width:10%}.ui.placeholder .line:nth-child(4):after{width:35%}.ui.placeholder .line:nth-child(5):after{width:65%}.ui.placeholder .header .line{margin-bottom:.64285714em}.ui.placeholder .header .line:after,.ui.placeholder .header .line:before{height:.64285714em}.ui.placeholder .header .line:not(:first-child){margin-top:.64285714em}.ui.placeholder .header .line:after{width:20%}.ui.placeholder .header .line:nth-child(2):after{width:60%}.ui.placeholder .image.header .line{margin-left:3em}.ui.placeholder .image.header .line:before{width:.71428571rem}.ui.placeholder .image.header:after{display:block;height:.85714286em;content:'';margin-left:3em}.ui.placeholder .header .line:first-child,.ui.placeholder .image .line:first-child,.ui.placeholder .paragraph .line:first-child{height:.01px}.ui.placeholder .header:not(:first-child):before,.ui.placeholder .image:not(:first-child):before,.ui.placeholder .paragraph:not(:first-child):before{height:1.42857143em;content:'';display:block}.ui.inverted.placeholder{background-image:linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)}.ui.inverted.placeholder,.ui.inverted.placeholder .image.header:after,.ui.inverted.placeholder .line,.ui.inverted.placeholder .line:after,.ui.inverted.placeholder>:before{background-color:#1b1c1d}.ui.placeholder .full.line.line.line:after{width:0%}.ui.placeholder .very.long.line.line.line:after{width:10%}.ui.placeholder .long.line.line.line:after{width:35%}.ui.placeholder .medium.line.line.line:after{width:50%}.ui.placeholder .short.line.line.line:after{width:65%}.ui.placeholder .very.short.line.line.line:after{width:80%}.ui.fluid.placeholder{max-width:none}/*!
 * # Semantic UI 2.5.0 - Rail
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.rail{position:absolute;top:0;width:300px;height:100%}.ui.left.rail{left:auto;right:100%;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.right.rail{left:100%;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.left.internal.rail{left:0;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.right.internal.rail{left:auto;right:0;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.dividing.rail{width:302.5px}.ui.left.dividing.rail{padding:0 2.5rem 0 0;margin:0 2.5rem 0 0;border-right:1px solid rgba(34,36,38,.15)}.ui.right.dividing.rail{border-left:1px solid rgba(34,36,38,.15);padding:0 0 0 2.5rem;margin:0 0 0 2.5rem}.ui.close.rail{width:calc(300px + 1em)}.ui.close.left.rail{padding:0 1em 0 0;margin:0 1em 0 0}.ui.close.right.rail{padding:0 0 0 1em;margin:0 0 0 1em}.ui.very.close.rail{width:calc(300px + .5em)}.ui.very.close.left.rail{padding:0 .5em 0 0;margin:0 .5em 0 0}.ui.very.close.right.rail{padding:0 0 0 .5em;margin:0 0 0 .5em}.ui.attached.left.rail,.ui.attached.right.rail{padding:0;margin:0}.ui.mini.rail{font-size:.78571429rem}.ui.tiny.rail{font-size:.85714286rem}.ui.small.rail{font-size:.92857143rem}.ui.rail{font-size:1rem}.ui.large.rail{font-size:1.14285714rem}.ui.big.rail{font-size:1.28571429rem}.ui.huge.rail{font-size:1.42857143rem}.ui.massive.rail{font-size:1.71428571rem}/*!
 * # Semantic UI 2.5.0 - Reveal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.reveal{display:inherit;position:relative!important;font-size:0!important}.ui.reveal>.visible.content{position:absolute!important;top:0!important;left:0!important;z-index:3!important;transition:all .5s ease .1s}.ui.reveal>.hidden.content{position:relative!important;z-index:2!important}.ui.active.reveal .visible.content,.ui.reveal:hover .visible.content{z-index:4!important}.ui.slide.reveal{position:relative!important;overflow:hidden!important;white-space:nowrap}.ui.slide.reveal>.content{display:block;width:100%;white-space:normal;float:left;margin:0;transition:transform .5s ease .1s}.ui.slide.reveal>.visible.content{position:relative!important}.ui.slide.reveal>.hidden.content{position:absolute!important;left:0!important;width:100%!important;transform:translateX(100%)!important}.ui.slide.active.reveal>.visible.content,.ui.slide.reveal:hover>.visible.content{transform:translateX(-100%)!important}.ui.slide.active.reveal>.hidden.content,.ui.slide.reveal:hover>.hidden.content{transform:translateX(0)!important}.ui.slide.right.reveal>.visible.content{transform:translateX(0)!important}.ui.slide.right.reveal>.hidden.content{transform:translateX(-100%)!important}.ui.slide.right.active.reveal>.visible.content,.ui.slide.right.reveal:hover>.visible.content{transform:translateX(100%)!important}.ui.slide.right.active.reveal>.hidden.content,.ui.slide.right.reveal:hover>.hidden.content{transform:translateX(0)!important}.ui.slide.up.reveal>.hidden.content{transform:translateY(100%)!important}.ui.slide.up.active.reveal>.visible.content,.ui.slide.up.reveal:hover>.visible.content{transform:translateY(-100%)!important}.ui.slide.up.active.reveal>.hidden.content,.ui.slide.up.reveal:hover>.hidden.content{transform:translateY(0)!important}.ui.slide.down.reveal>.hidden.content{transform:translateY(-100%)!important}.ui.slide.down.active.reveal>.visible.content,.ui.slide.down.reveal:hover>.visible.content{transform:translateY(100%)!important}.ui.slide.down.active.reveal>.hidden.content,.ui.slide.down.reveal:hover>.hidden.content{transform:translateY(0)!important}.ui.fade.reveal>.visible.content{opacity:1}.ui.fade.active.reveal>.visible.content,.ui.fade.reveal:hover>.visible.content{opacity:0}.ui.move.reveal{position:relative!important;overflow:hidden!important;white-space:nowrap}.ui.move.reveal>.content{display:block;float:left;white-space:normal;margin:0;transition:transform .5s cubic-bezier(.175,.885,.32,1) .1s}.ui.move.reveal>.visible.content{position:relative!important}.ui.move.reveal>.hidden.content{position:absolute!important;left:0!important;width:100%!important}.ui.move.active.reveal>.visible.content,.ui.move.reveal:hover>.visible.content{transform:translateX(-100%)!important}.ui.move.right.active.reveal>.visible.content,.ui.move.right.reveal:hover>.visible.content{transform:translateX(100%)!important}.ui.move.up.active.reveal>.visible.content,.ui.move.up.reveal:hover>.visible.content{transform:translateY(-100%)!important}.ui.move.down.active.reveal>.visible.content,.ui.move.down.reveal:hover>.visible.content{transform:translateY(100%)!important}.ui.rotate.reveal>.visible.content{transition-duration:.5s;transform:rotate(0)}.ui.rotate.reveal>.visible.content,.ui.rotate.right.reveal>.visible.content{transform-origin:bottom right}.ui.rotate.active.reveal>.visible.content,.ui.rotate.reveal:hover>.visible.content,.ui.rotate.right.active.reveal>.visible.content,.ui.rotate.right.reveal:hover>.visible.content{transform:rotate(110deg)}.ui.rotate.left.reveal>.visible.content{transform-origin:bottom left}.ui.rotate.left.active.reveal>.visible.content,.ui.rotate.left.reveal:hover>.visible.content{transform:rotate(-110deg)}.ui.disabled.reveal:hover>.visible.visible.content{position:static!important;display:block!important;opacity:1!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;transform:none!important}.ui.disabled.reveal:hover>.hidden.hidden.content{display:none!important}.ui.reveal>.ui.ribbon.label{z-index:5}.ui.visible.reveal{overflow:visible}.ui.instant.reveal>.content{transition-delay:0s!important}.ui.reveal>.content{font-size:1rem!important}/*!
 * # Semantic UI 2.5.0 - Segment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.segment{position:relative;background:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;box-shadow:none;border:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.segment:last-child{border-bottom:none}.ui.inverted.segment>.ui.header{color:#fff}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment{padding-top:2em;padding-bottom:2em}.ui.grid.segment{margin:1rem 0;border-radius:.28571429rem}.ui.basic.table.segment{background:#fff;border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui[class*="very basic"].table.segment{padding:1em 1em}.ui.placeholder.segment{display:flex;flex-direction:column;justify-content:center;align-items:stretch;max-width:initial;-webkit-animation:none;animation:none;overflow:visible;padding:1em 1em;min-height:18rem;background:#f9fafb;border-color:rgba(34,36,38,.15);box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset}.ui.placeholder.segment .button,.ui.placeholder.segment textarea{display:block}.ui.placeholder.segment .button,.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment>.inline{align-self:center}.ui.placeholder.segment>.inline>.button{display:inline-block;width:auto;margin:0 .35714286rem 0 0}.ui.placeholder.segment>.inline>.button:last-child{margin-right:0}.ui.piled.segment,.ui.piled.segments{margin:3em 0;box-shadow:'';z-index:auto}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segment:after,.ui.piled.segment:before,.ui.piled.segments:after,.ui.piled.segments:before{background-color:#fff;visibility:visible;content:'';display:block;height:100%;left:0;position:absolute;width:100%;border:1px solid rgba(34,36,38,.15);box-shadow:''}.ui.piled.segment:before,.ui.piled.segments:before{transform:rotate(-1.2deg);top:0;z-index:-2}.ui.piled.segment:after,.ui.piled.segments:after{transform:rotate(1.2deg);top:0;z-index:-1}.ui[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segment:after,.ui.stacked.segment:before,.ui.stacked.segments:after,.ui.stacked.segments:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(34,36,38,.15);background:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.ui.stacked.segment:before,.ui.stacked.segments:before{display:none}.ui.tall.stacked.segment:before,.ui.tall.stacked.segments:before{display:block;bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before,.ui.stacked.inverted.segments:after,.ui.stacked.inverted.segments:before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(34,36,38,.35)}.ui.padded.segment{padding:1.5em}.ui[class*="very padded"].segment{padding:3em}.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment{padding-left:0;padding-right:0}.ui.compact.segment{display:table}.ui.compact.segments{display:inline-flex}.ui.compact.segments .segment,.ui.segments .compact.segment{display:block;flex:0 1 auto}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.segment,.ui.raised.segments{box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.segments{flex-direction:column;position:relative;margin:1rem 0;border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;border-radius:0;margin:0;width:auto;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.segments:not(.horizontal)>.segment:first-child{border-top:none;margin-top:0;bottom:0;margin-bottom:0;top:0;border-radius:.28571429rem .28571429rem 0 0}.ui.segments:not(.horizontal)>.segment:last-child{top:0;bottom:0;margin-top:0;margin-bottom:0;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segments:not(.horizontal)>.segment:only-child{border-radius:.28571429rem}.ui.segments>.ui.segments{border-top:1px solid rgba(34,36,38,.15);margin:1rem 1rem}.ui.segments>.segments:first-child{border-top:none}.ui.segments>.segment+.segments:not(.horizontal){margin-top:0}.ui.horizontal.segments{display:flex;flex-direction:row;background-color:transparent;border-radius:0;padding:0;background-color:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments{margin:0;background-color:transparent;border-radius:0;border:none;box-shadow:none;border-top:1px solid rgba(34,36,38,.15)}.ui.horizontal.segments>.segment{flex:1 1 auto;-ms-flex:1 1 0px;margin:0;min-width:0;background-color:transparent;border-radius:0;border:none;box-shadow:none;border-left:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments:first-child{border-top:none}.ui.horizontal.segments>.segment:first-child{border-left:none}.ui.disabled.segment{opacity:.45;color:rgba(40,40,40,.3)}.ui.loading.segment{position:relative;cursor:default;pointer-events:none;text-shadow:none!important;color:transparent!important;transition:all 0s linear}.ui.loading.segment:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.28571429rem;z-index:100}.ui.loading.segment:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:segment-spin .6s linear;animation:segment-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes segment-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes segment-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ui.basic.segment{background:none transparent;box-shadow:none;border:none;border-radius:0}.ui.clearing.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.red.segment:not(.inverted){border-top:2px solid #db2828!important}.ui.inverted.red.segment{background-color:#db2828!important;color:#fff!important}.ui.orange.segment:not(.inverted){border-top:2px solid #f2711c!important}.ui.inverted.orange.segment{background-color:#f2711c!important;color:#fff!important}.ui.yellow.segment:not(.inverted){border-top:2px solid #fbbd08!important}.ui.inverted.yellow.segment{background-color:#fbbd08!important;color:#fff!important}.ui.olive.segment:not(.inverted){border-top:2px solid #b5cc18!important}.ui.inverted.olive.segment{background-color:#b5cc18!important;color:#fff!important}.ui.green.segment:not(.inverted){border-top:2px solid #21ba45!important}.ui.inverted.green.segment{background-color:#21ba45!important;color:#fff!important}.ui.teal.segment:not(.inverted){border-top:2px solid #00b5ad!important}.ui.inverted.teal.segment{background-color:#00b5ad!important;color:#fff!important}.ui.blue.segment:not(.inverted){border-top:2px solid #2185d0!important}.ui.inverted.blue.segment{background-color:#2185d0!important;color:#fff!important}.ui.violet.segment:not(.inverted){border-top:2px solid #6435c9!important}.ui.inverted.violet.segment{background-color:#6435c9!important;color:#fff!important}.ui.purple.segment:not(.inverted){border-top:2px solid #a333c8!important}.ui.inverted.purple.segment{background-color:#a333c8!important;color:#fff!important}.ui.pink.segment:not(.inverted){border-top:2px solid #e03997!important}.ui.inverted.pink.segment{background-color:#e03997!important;color:#fff!important}.ui.brown.segment:not(.inverted){border-top:2px solid #a5673f!important}.ui.inverted.brown.segment{background-color:#a5673f!important;color:#fff!important}.ui.grey.segment:not(.inverted){border-top:2px solid #767676!important}.ui.inverted.grey.segment{background-color:#767676!important;color:#fff!important}.ui.black.segment:not(.inverted){border-top:2px solid #1b1c1d!important}.ui.inverted.black.segment{background-color:#1b1c1d!important;color:#fff!important}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1em}.ui[class*="right floated"].segment{float:right;margin-left:1em}.ui.inverted.segment{border:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.segment .segment{color:rgba(0,0,0,.87)}.ui.inverted.segment .inverted.segment{color:rgba(255,255,255,.9)}.ui.inverted.attached.segment{border-color:#555}.ui.secondary.segment{background:#f3f4f5;color:rgba(0,0,0,.6)}.ui.secondary.inverted.segment{background:#4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);color:rgba(255,255,255,.8)}.ui.tertiary.segment{background:#dcddde;color:rgba(0,0,0,.6)}.ui.tertiary.inverted.segment{background:#717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);color:rgba(255,255,255,.8)}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% - (-1px * 2));max-width:calc(100% - (-1px * 2));box-shadow:none;border:1px solid #d4d4d5}.ui.attached:not(.message)+.ui.attached.segment:not(.top){border-top:none}.ui[class*="top attached"].segment{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.segment[class*="bottom attached"]{bottom:0;margin-top:0;top:0;margin-bottom:1rem;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.mini.segment,.ui.mini.segments .segment{font-size:.78571429rem}.ui.tiny.segment,.ui.tiny.segments .segment{font-size:.85714286rem}.ui.small.segment,.ui.small.segments .segment{font-size:.92857143rem}.ui.segment,.ui.segments .segment{font-size:1rem}.ui.large.segment,.ui.large.segments .segment{font-size:1.14285714rem}.ui.big.segment,.ui.big.segments .segment{font-size:1.28571429rem}.ui.huge.segment,.ui.huge.segments .segment{font-size:1.42857143rem}.ui.massive.segment,.ui.massive.segments .segment{font-size:1.71428571rem}/*!
 * # Semantic UI 2.5.0 - Step
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.steps{display:inline-flex;flex-direction:row;align-items:stretch;margin:1em 0;background:'';box-shadow:none;line-height:1.14285714em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.steps:first-child{margin-top:0}.ui.steps:last-child{margin-bottom:0}.ui.steps .step{position:relative;display:flex;flex:1 0 auto;flex-wrap:wrap;flex-direction:row;vertical-align:middle;align-items:center;justify-content:center;margin:0 0;padding:1.14285714em 2em;background:#fff;color:rgba(0,0,0,.87);box-shadow:none;border-radius:0;border:none;border-right:1px solid rgba(34,36,38,.15);transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps .step:after{display:none;position:absolute;z-index:2;content:'';top:50%;right:0;border:medium none;background-color:#fff;width:1.14285714em;height:1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 1px 1px 0;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transform:translateY(-50%) translateX(50%) rotate(-45deg)}.ui.steps .step:first-child{padding-left:2em;border-radius:.28571429rem 0 0 .28571429rem}.ui.steps .step:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.steps .step:last-child{border-right:none;margin-right:0}.ui.steps .step:only-child{border-radius:.28571429rem}.ui.steps .step .title{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;font-weight:700}.ui.steps .step>.title{width:100%}.ui.steps .step .description{font-weight:400;font-size:.92857143em;color:rgba(0,0,0,.87)}.ui.steps .step>.description{width:100%}.ui.steps .step .title~.description{margin-top:.25em}.ui.steps .step>.icon{line-height:1;font-size:2.5em;margin:0 1rem 0 0}.ui.steps .step>.icon,.ui.steps .step>.icon~.content{display:block;flex:0 1 auto;align-self:middle}.ui.steps .step>.icon~.content{flex-grow:1 0 auto}.ui.steps:not(.vertical) .step>.icon{width:auto}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step:before{display:block;position:static;text-align:center;content:counters(ordered, ".");align-self:middle;margin-right:1rem;font-size:2.5em;counter-increment:ordered;font-family:inherit;font-weight:700}.ui.ordered.steps .step>*{display:block;align-self:middle}.ui.vertical.steps{display:inline-flex;flex-direction:column;overflow:visible}.ui.vertical.steps .step{justify-content:flex-start;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.steps .step:last-child{border-bottom:none;border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.steps .step:only-child{border-radius:.28571429rem}.ui.vertical.steps .step:after{display:none}.ui.vertical.steps .step:after{top:50%;right:0;border-width:0 1px 1px 0}.ui.vertical.steps .step:after{display:none}.ui.vertical.steps .active.step:after{display:block}.ui.vertical.steps .step:last-child:after{display:none}.ui.vertical.steps .active.step:last-child:after{display:block}@media only screen and (max-width:767px){.ui.steps:not(.unstackable){display:inline-flex;overflow:visible;flex-direction:column}.ui.steps:not(.unstackable) .step{width:100%!important;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui.steps:not(.unstackable) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.steps:not(.unstackable) .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.steps:not(.unstackable) .step:after{display:none!important}.ui.steps:not(.unstackable) .step .content{text-align:center}.ui.ordered.steps:not(.unstackable) .step:before,.ui.steps:not(.unstackable) .step>.icon{margin:0 0 1rem 0}}.ui.steps .link.step:hover,.ui.steps .link.step:hover::after,.ui.steps a.step:hover,.ui.steps a.step:hover::after{background:#f9fafb;color:rgba(0,0,0,.8)}.ui.steps .link.step:active,.ui.steps .link.step:active::after,.ui.steps a.step:active,.ui.steps a.step:active::after{background:#f3f4f5;color:rgba(0,0,0,.9)}.ui.steps .step.active{cursor:auto;background:#f3f4f5}.ui.steps .step.active:after{background:#f3f4f5}.ui.steps .step.active .title{color:#4183c4}.ui.ordered.steps .step.active:before,.ui.steps .active.step .icon{color:rgba(0,0,0,.85)}.ui.steps .step:after{display:block}.ui.steps .active.step:after{display:block}.ui.steps .step:last-child:after{display:none}.ui.steps .active.step:last-child:after{display:none}.ui.steps .link.active.step:hover,.ui.steps .link.active.step:hover::after,.ui.steps a.active.step:hover,.ui.steps a.active.step:hover::after{cursor:pointer;background:#dcddde;color:rgba(0,0,0,.87)}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{color:#21ba45}.ui.steps .disabled.step{cursor:auto;background:#fff;pointer-events:none}.ui.steps .disabled.step,.ui.steps .disabled.step .description,.ui.steps .disabled.step .title{color:rgba(40,40,40,.3)}.ui.steps .disabled.step:after{background:#fff}@media only screen and (max-width:991px){.ui[class*="tablet stackable"].steps{display:inline-flex;overflow:visible;flex-direction:column}.ui[class*="tablet stackable"].steps .step{flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui[class*="tablet stackable"].steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="tablet stackable"].steps .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui[class*="tablet stackable"].steps .step:after{display:none!important}.ui[class*="tablet stackable"].steps .step .content{text-align:center}.ui[class*="tablet stackable"].ordered.steps .step:before,.ui[class*="tablet stackable"].steps .step>.icon{margin:0 0 1rem 0}}.ui.fluid.steps{display:flex;width:100%}.ui.attached.steps{width:calc(100% + (--1px * 2))!important;margin:0 -1px 0;max-width:calc(100% + (--1px * 2));border-radius:.28571429rem .28571429rem 0 0}.ui.attached.steps .step:first-child{border-radius:.28571429rem 0 0 0}.ui.attached.steps .step:last-child{border-radius:0 .28571429rem 0 0}.ui.bottom.attached.steps{margin:0 -1px 0;border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.attached.steps .step:first-child{border-radius:0 0 0 .28571429rem}.ui.bottom.attached.steps .step:last-child{border-radius:0 0 .28571429rem 0}.ui.eight.steps,.ui.five.steps,.ui.four.steps,.ui.one.steps,.ui.seven.steps,.ui.six.steps,.ui.three.steps,.ui.two.steps{width:100%}.ui.eight.steps>.step,.ui.five.steps>.step,.ui.four.steps>.step,.ui.one.steps>.step,.ui.seven.steps>.step,.ui.six.steps>.step,.ui.three.steps>.step,.ui.two.steps>.step{flex-wrap:nowrap}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.mini.step,.ui.mini.steps .step{font-size:.78571429rem}.ui.tiny.step,.ui.tiny.steps .step{font-size:.85714286rem}.ui.small.step,.ui.small.steps .step{font-size:.92857143rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.14285714rem}.ui.big.step,.ui.big.steps .step{font-size:1.28571429rem}.ui.huge.step,.ui.huge.steps .step{font-size:1.42857143rem}.ui.massive.step,.ui.massive.steps .step{font-size:1.71428571rem}@font-face{font-family:Step;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff')}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{font-family:Step;content:'\e800'}/*!
 * # Semantic UI 2.5.0 - Breadcrumb
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.breadcrumb{line-height:1;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem 0;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.breadcrumb{font-size:1rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem}/*!
 * # Semantic UI 2.5.0 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields:last-child .field{margin-bottom:0}.ui.form .fields .field{clear:both;margin:0}.ui.form .field>label{display:block;margin:0 0 .28571429rem 0;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url],.ui.form textarea{width:100%;vertical-align:top}.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button{height:1.21428571em}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url]{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0;outline:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 0 0 0 transparent inset;transition:color .1s ease,border-color .1s ease}.ui.form textarea{margin:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);padding:.78571429em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);outline:0;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 0 0 0 transparent inset;transition:color .1s ease,border-color .1s ease;font-size:1em;line-height:1.2857;resize:vertical}.ui.form textarea:not([rows]){height:12em;min-height:8em;max-height:24em}.ui.form input[type=checkbox],.ui.form textarea{vertical-align:top}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#fff;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;box-shadow:0 0 0 0 transparent inset;padding:.62em 1em;color:rgba(0,0,0,.87);transition:color .1s ease,border-color .1s ease}.ui.form .field>.selection.dropdown{width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.field>.selection.dropdown,.ui.form .inline.fields .field>.selection.dropdown{width:auto}.ui.form .inline.field>.selection.dropdown>.dropdown.icon,.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .field .ui.input,.ui.form .fields .field .ui.input,.ui.form .wide.field .ui.input{width:100%}.ui.form .inline.field:not(.wide) .ui.input,.ui.form .inline.fields .field:not(.wide) .ui.input{width:auto;vertical-align:middle}.ui.form .field .ui.input input,.ui.form .fields .field .ui.input input{width:auto}.ui.form .eight.fields .ui.input input,.ui.form .five.fields .ui.input input,.ui.form .four.fields .ui.input input,.ui.form .nine.fields .ui.input input,.ui.form .seven.fields .ui.input input,.ui.form .six.fields .ui.input input,.ui.form .ten.fields .ui.input input,.ui.form .three.fields .ui.input input,.ui.form .two.fields .ui.input input,.ui.form .wide.field .ui.input input{flex:1 0 auto;width:0}.ui.form .error.message,.ui.form .success.message,.ui.form .warning.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:normal;background:#fff!important;border:1px solid #e0b4b4!important;color:#9f3a38!important}.ui.form .inline.field .prompt,.ui.form .inline.fields .field .prompt{vertical-align:top;margin:-.25em 0 -.5em .5em}.ui.form .inline.field .prompt:before,.ui.form .inline.fields .field .prompt:before{border-width:0 0 1px 1px;bottom:auto;right:auto;top:50%;left:0}.ui.form .field.field input:-webkit-autofill{box-shadow:0 0 0 100px ivory inset!important;border-color:#e5dfa1!important}.ui.form .field.field input:-webkit-autofill:focus{box-shadow:0 0 0 100px ivory inset!important;border-color:#d5c315!important}.ui.form .error.error input:-webkit-autofill{box-shadow:0 0 0 100px #fffaf0 inset!important;border-color:#e0b4b4!important}.ui.form ::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.form :-ms-input-placeholder{color:rgba(191,191,191,.87)!important}.ui.form ::-moz-placeholder{color:rgba(191,191,191,.87)}.ui.form :focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.form :focus:-ms-input-placeholder{color:rgba(115,115,115,.87)!important}.ui.form :focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.form .error ::-webkit-input-placeholder{color:#e7bdbc}.ui.form .error :-ms-input-placeholder{color:#e7bdbc!important}.ui.form .error ::-moz-placeholder{color:#e7bdbc}.ui.form .error :focus::-webkit-input-placeholder{color:#da9796}.ui.form .error :focus:-ms-input-placeholder{color:#da9796!important}.ui.form .error :focus::-moz-placeholder{color:#da9796}.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=file]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=text]:focus,.ui.form input[type=time]:focus,.ui.form input[type=url]:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;box-shadow:0 0 0 0 rgba(34,36,38,.35) inset}.ui.form textarea:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;box-shadow:0 0 0 0 rgba(34,36,38,.35) inset;-webkit-appearance:none}.ui.form.success .success.message:not(:empty){display:block}.ui.form.success .compact.success.message:not(:empty){display:inline-block}.ui.form.success .icon.success.message:not(:empty){display:flex}.ui.form.warning .warning.message:not(:empty){display:block}.ui.form.warning .compact.warning.message:not(:empty){display:inline-block}.ui.form.warning .icon.warning.message:not(:empty){display:flex}.ui.form.error .error.message:not(:empty){display:block}.ui.form.error .compact.error.message:not(:empty){display:inline-block}.ui.form.error .icon.error.message:not(:empty){display:flex}.ui.form .field.error .input,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .fields.error .field label{color:#9f3a38}.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label{border-color:#9f3a38;color:#fff}.ui.form .field.error input:not([type]),.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=email],.ui.form .field.error input[type=file],.ui.form .field.error input[type=number],.ui.form .field.error input[type=password],.ui.form .field.error input[type=search],.ui.form .field.error input[type=tel],.ui.form .field.error input[type=text],.ui.form .field.error input[type=time],.ui.form .field.error input[type=url],.ui.form .field.error select,.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=file],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=search],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=time],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field select,.ui.form .fields.error .field textarea{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38;border-radius:'';box-shadow:none}.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=file]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=search]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=time]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error select:focus,.ui.form .field.error textarea:focus{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-appearance:none;box-shadow:none}.ui.form .field.error select{-webkit-appearance:menulist-button}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown .text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item{background:#fff6f6;color:#9f3a38}.ui.form .field.error .ui.dropdown,.ui.form .fields.error .field .ui.dropdown{border-color:#e0b4b4!important}.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown:hover{border-color:#e0b4b4!important}.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu{border-color:#e0b4b4}.ui.form .field.error .ui.multiple.selection.dropdown>.label,.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label{background-color:#eacbcb;color:#9f3a38}.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .item:hover{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .selected.item,.ui.form .fields.error .field .ui.dropdown .menu .selected.item{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item{background-color:#fdcfcf!important}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label{color:#9f3a38}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before{background:#fff6f6;border-color:#e0b4b4}.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after{color:#9f3a38}.ui.form .disabled.field,.ui.form .disabled.fields .field,.ui.form .field :disabled{pointer-events:none;opacity:.45}.ui.form .field.disabled>label,.ui.form .fields.disabled>label{opacity:.45}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;pointer-events:none}.ui.loading.form:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;z-index:100}.ui.loading.form:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:form-spin .6s linear;animation:form-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes form-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes form-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>label:after{margin:-.2em 0 0 .2em;content:'*';color:#db2828}.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>label:after{display:inline-block;vertical-align:top}.ui.form .required.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after{position:absolute;top:0;left:100%}.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .inline.field>label,.ui.inverted.form .inline.field>p,.ui.inverted.form .inline.fields .field>label,.ui.inverted.form .inline.fields .field>p,.ui.inverted.form .inline.fields>label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label{color:rgba(255,255,255,.9)}.ui.inverted.form input:not([type]),.ui.inverted.form input[type=date],.ui.inverted.form input[type=datetime-local],.ui.inverted.form input[type=email],.ui.inverted.form input[type=file],.ui.inverted.form input[type=number],.ui.inverted.form input[type=password],.ui.inverted.form input[type=search],.ui.inverted.form input[type=tel],.ui.inverted.form input[type=text],.ui.inverted.form input[type=time],.ui.inverted.form input[type=url]{background:#fff;border-color:rgba(255,255,255,.1);color:rgba(0,0,0,.87);box-shadow:none}.ui.form .grouped.fields{display:block;margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{margin:0 0 .28571429rem 0;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form .grouped.fields .field,.ui.form .grouped.inline.fields .field{display:block;margin:.5em 0;padding:0}.ui.form .fields{display:flex;flex-direction:row;margin:0 -.5em 1em}.ui.form .fields>.field{flex:0 1 auto;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;box-shadow:none}.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:50%}.ui.form .three.fields>.field,.ui.form .three.fields>.fields{width:33.33333333%}.ui.form .four.fields>.field,.ui.form .four.fields>.fields{width:25%}.ui.form .five.fields>.field,.ui.form .five.fields>.fields{width:20%}.ui.form .six.fields>.field,.ui.form .six.fields>.fields{width:16.66666667%}.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields{width:14.28571429%}.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields{width:12.5%}.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields{width:11.11111111%}.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields{width:10%}@media only screen and (max-width:767px){.ui.form .fields{flex-wrap:wrap}.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field,.ui[class*="equal width"].form:not(.unstackable) .fields>.field{width:100%!important;margin:0 0 1em}}.ui.form .fields .wide.field{width:6.25%;padding-left:.5em;padding-right:.5em}.ui.form .one.wide.field{width:6.25%!important}.ui.form .two.wide.field{width:12.5%!important}.ui.form .three.wide.field{width:18.75%!important}.ui.form .four.wide.field{width:25%!important}.ui.form .five.wide.field{width:31.25%!important}.ui.form .six.wide.field{width:37.5%!important}.ui.form .seven.wide.field{width:43.75%!important}.ui.form .eight.wide.field{width:50%!important}.ui.form .nine.wide.field{width:56.25%!important}.ui.form .ten.wide.field{width:62.5%!important}.ui.form .eleven.wide.field{width:68.75%!important}.ui.form .twelve.wide.field{width:75%!important}.ui.form .thirteen.wide.field{width:81.25%!important}.ui.form .fourteen.wide.field{width:87.5%!important}.ui.form .fifteen.wide.field{width:93.75%!important}.ui.form .sixteen.wide.field{width:100%!important}@media only screen and (max-width:767px){.ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields{width:100%!important}.ui.form .fields{margin-bottom:0}}.ui.form [class*="equal width"].fields>.field,.ui[class*="equal width"].form .fields>.field{width:100%;flex:1 1 auto}.ui.form .inline.fields{margin:0 0 1em;align-items:center}.ui.form .inline.fields .field{margin:0;padding:0 1em 0 0}.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields>label{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:baseline;font-size:.92857143em;font-weight:700;color:rgba(0,0,0,.87);text-transform:none}.ui.form .inline.fields>label{margin:.035714em 1em 0 0}.ui.form .inline.field>input,.ui.form .inline.field>select,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1em}.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child{margin:0 .85714286em 0 0}.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child{margin:0}.ui.form .inline.fields .wide.field{display:flex;align-items:center}.ui.form .inline.fields .wide.field>input,.ui.form .inline.fields .wide.field>select{width:100%}.ui.mini.form{font-size:.78571429rem}.ui.tiny.form{font-size:.85714286rem}.ui.small.form{font-size:.92857143rem}.ui.form{font-size:1rem}.ui.large.form{font-size:1.14285714rem}.ui.big.form{font-size:1.28571429rem}.ui.huge.form{font-size:1.42857143rem}.ui.massive.form{font-size:1.71428571rem}/*!
 * # Semantic UI 2.5.0 - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;padding:0}.ui.grid{margin-top:-1rem;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem}.ui.relaxed.grid{margin-left:-1.5rem;margin-right:-1.5rem}.ui[class*="very relaxed"].grid{margin-left:-2.5rem;margin-right:-2.5rem}.ui.grid+.grid{margin-top:1rem}.ui.grid>.column:not(.row),.ui.grid>.row>.column{position:relative;display:inline-block;width:6.25%;padding-left:1rem;padding-right:1rem;vertical-align:top}.ui.grid>*{padding-left:1rem;padding-right:1rem}.ui.grid>.row{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:inherit;align-items:stretch;width:100%!important;padding:0;padding-top:1rem;padding-bottom:1rem}.ui.grid>.column:not(.row){padding-top:1rem;padding-bottom:1rem}.ui.grid>.row>.column{margin-top:0;margin-bottom:0}.ui.grid>.row>.column>img,.ui.grid>.row>img{max-width:100%}.ui.grid>.ui.grid:first-child{margin-top:0}.ui.grid>.ui.grid:last-child{margin-bottom:0}.ui.aligned.grid .column>.segment:not(.compact):not(.attached),.ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached){width:100%}.ui.grid .row+.ui.divider{flex-grow:1;margin:1rem 1rem}.ui.grid .column+.ui.vertical.divider{height:calc(50% - (2rem / 2))}.ui.grid>.column:last-child>.horizontal.segment,.ui.grid>.row>.column:last-child>.horizontal.segment{box-shadow:none}@media only screen and (max-width:767px){.ui.page.grid{width:auto;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}@media only screen and (min-width:768px) and (max-width:991px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:2em;padding-right:2em}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:3%;padding-right:3%}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:15%;padding-right:15%}}@media only screen and (min-width:1920px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:23%;padding-right:23%}}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui[class*="one column"].grid>.column:not(.row),.ui[class*="one column"].grid>.row>.column{width:100%}.ui[class*="two column"].grid>.column:not(.row),.ui[class*="two column"].grid>.row>.column{width:50%}.ui[class*="three column"].grid>.column:not(.row),.ui[class*="three column"].grid>.row>.column{width:33.33333333%}.ui[class*="four column"].grid>.column:not(.row),.ui[class*="four column"].grid>.row>.column{width:25%}.ui[class*="five column"].grid>.column:not(.row),.ui[class*="five column"].grid>.row>.column{width:20%}.ui[class*="six column"].grid>.column:not(.row),.ui[class*="six column"].grid>.row>.column{width:16.66666667%}.ui[class*="seven column"].grid>.column:not(.row),.ui[class*="seven column"].grid>.row>.column{width:14.28571429%}.ui[class*="eight column"].grid>.column:not(.row),.ui[class*="eight column"].grid>.row>.column{width:12.5%}.ui[class*="nine column"].grid>.column:not(.row),.ui[class*="nine column"].grid>.row>.column{width:11.11111111%}.ui[class*="ten column"].grid>.column:not(.row),.ui[class*="ten column"].grid>.row>.column{width:10%}.ui[class*="eleven column"].grid>.column:not(.row),.ui[class*="eleven column"].grid>.row>.column{width:9.09090909%}.ui[class*="twelve column"].grid>.column:not(.row),.ui[class*="twelve column"].grid>.row>.column{width:8.33333333%}.ui[class*="thirteen column"].grid>.column:not(.row),.ui[class*="thirteen column"].grid>.row>.column{width:7.69230769%}.ui[class*="fourteen column"].grid>.column:not(.row),.ui[class*="fourteen column"].grid>.row>.column{width:7.14285714%}.ui[class*="fifteen column"].grid>.column:not(.row),.ui[class*="fifteen column"].grid>.row>.column{width:6.66666667%}.ui[class*="sixteen column"].grid>.column:not(.row),.ui[class*="sixteen column"].grid>.row>.column{width:6.25%}.ui.grid>[class*="one column"].row>.column{width:100%!important}.ui.grid>[class*="two column"].row>.column{width:50%!important}.ui.grid>[class*="three column"].row>.column{width:33.33333333%!important}.ui.grid>[class*="four column"].row>.column{width:25%!important}.ui.grid>[class*="five column"].row>.column{width:20%!important}.ui.grid>[class*="six column"].row>.column{width:16.66666667%!important}.ui.grid>[class*="seven column"].row>.column{width:14.28571429%!important}.ui.grid>[class*="eight column"].row>.column{width:12.5%!important}.ui.grid>[class*="nine column"].row>.column{width:11.11111111%!important}.ui.grid>[class*="ten column"].row>.column{width:10%!important}.ui.grid>[class*="eleven column"].row>.column{width:9.09090909%!important}.ui.grid>[class*="twelve column"].row>.column{width:8.33333333%!important}.ui.grid>[class*="thirteen column"].row>.column{width:7.69230769%!important}.ui.grid>[class*="fourteen column"].row>.column{width:7.14285714%!important}.ui.grid>[class*="fifteen column"].row>.column{width:6.66666667%!important}.ui.grid>[class*="sixteen column"].row>.column{width:6.25%!important}.ui.celled.page.grid{box-shadow:none}.ui.column.grid>[class*="one wide"].column,.ui.grid>.column.row>[class*="one wide"].column,.ui.grid>.row>[class*="one wide"].column,.ui.grid>[class*="one wide"].column{width:6.25%!important}.ui.column.grid>[class*="two wide"].column,.ui.grid>.column.row>[class*="two wide"].column,.ui.grid>.row>[class*="two wide"].column,.ui.grid>[class*="two wide"].column{width:12.5%!important}.ui.column.grid>[class*="three wide"].column,.ui.grid>.column.row>[class*="three wide"].column,.ui.grid>.row>[class*="three wide"].column,.ui.grid>[class*="three wide"].column{width:18.75%!important}.ui.column.grid>[class*="four wide"].column,.ui.grid>.column.row>[class*="four wide"].column,.ui.grid>.row>[class*="four wide"].column,.ui.grid>[class*="four wide"].column{width:25%!important}.ui.column.grid>[class*="five wide"].column,.ui.grid>.column.row>[class*="five wide"].column,.ui.grid>.row>[class*="five wide"].column,.ui.grid>[class*="five wide"].column{width:31.25%!important}.ui.column.grid>[class*="six wide"].column,.ui.grid>.column.row>[class*="six wide"].column,.ui.grid>.row>[class*="six wide"].column,.ui.grid>[class*="six wide"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide"].column,.ui.grid>.column.row>[class*="seven wide"].column,.ui.grid>.row>[class*="seven wide"].column,.ui.grid>[class*="seven wide"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide"].column,.ui.grid>.column.row>[class*="eight wide"].column,.ui.grid>.row>[class*="eight wide"].column,.ui.grid>[class*="eight wide"].column{width:50%!important}.ui.column.grid>[class*="nine wide"].column,.ui.grid>.column.row>[class*="nine wide"].column,.ui.grid>.row>[class*="nine wide"].column,.ui.grid>[class*="nine wide"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide"].column,.ui.grid>.column.row>[class*="ten wide"].column,.ui.grid>.row>[class*="ten wide"].column,.ui.grid>[class*="ten wide"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide"].column,.ui.grid>.column.row>[class*="eleven wide"].column,.ui.grid>.row>[class*="eleven wide"].column,.ui.grid>[class*="eleven wide"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide"].column,.ui.grid>.column.row>[class*="twelve wide"].column,.ui.grid>.row>[class*="twelve wide"].column,.ui.grid>[class*="twelve wide"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide"].column,.ui.grid>.column.row>[class*="thirteen wide"].column,.ui.grid>.row>[class*="thirteen wide"].column,.ui.grid>[class*="thirteen wide"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide"].column,.ui.grid>.column.row>[class*="fourteen wide"].column,.ui.grid>.row>[class*="fourteen wide"].column,.ui.grid>[class*="fourteen wide"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide"].column,.ui.grid>.column.row>[class*="fifteen wide"].column,.ui.grid>.row>[class*="fifteen wide"].column,.ui.grid>[class*="fifteen wide"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide"].column,.ui.grid>.column.row>[class*="sixteen wide"].column,.ui.grid>.row>[class*="sixteen wide"].column,.ui.grid>[class*="sixteen wide"].column{width:100%!important}@media only screen and (min-width:320px) and (max-width:767px){.ui.column.grid>[class*="one wide mobile"].column,.ui.grid>.column.row>[class*="one wide mobile"].column,.ui.grid>.row>[class*="one wide mobile"].column,.ui.grid>[class*="one wide mobile"].column{width:6.25%!important}.ui.column.grid>[class*="two wide mobile"].column,.ui.grid>.column.row>[class*="two wide mobile"].column,.ui.grid>.row>[class*="two wide mobile"].column,.ui.grid>[class*="two wide mobile"].column{width:12.5%!important}.ui.column.grid>[class*="three wide mobile"].column,.ui.grid>.column.row>[class*="three wide mobile"].column,.ui.grid>.row>[class*="three wide mobile"].column,.ui.grid>[class*="three wide mobile"].column{width:18.75%!important}.ui.column.grid>[class*="four wide mobile"].column,.ui.grid>.column.row>[class*="four wide mobile"].column,.ui.grid>.row>[class*="four wide mobile"].column,.ui.grid>[class*="four wide mobile"].column{width:25%!important}.ui.column.grid>[class*="five wide mobile"].column,.ui.grid>.column.row>[class*="five wide mobile"].column,.ui.grid>.row>[class*="five wide mobile"].column,.ui.grid>[class*="five wide mobile"].column{width:31.25%!important}.ui.column.grid>[class*="six wide mobile"].column,.ui.grid>.column.row>[class*="six wide mobile"].column,.ui.grid>.row>[class*="six wide mobile"].column,.ui.grid>[class*="six wide mobile"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide mobile"].column,.ui.grid>.column.row>[class*="seven wide mobile"].column,.ui.grid>.row>[class*="seven wide mobile"].column,.ui.grid>[class*="seven wide mobile"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide mobile"].column,.ui.grid>.column.row>[class*="eight wide mobile"].column,.ui.grid>.row>[class*="eight wide mobile"].column,.ui.grid>[class*="eight wide mobile"].column{width:50%!important}.ui.column.grid>[class*="nine wide mobile"].column,.ui.grid>.column.row>[class*="nine wide mobile"].column,.ui.grid>.row>[class*="nine wide mobile"].column,.ui.grid>[class*="nine wide mobile"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide mobile"].column,.ui.grid>.column.row>[class*="ten wide mobile"].column,.ui.grid>.row>[class*="ten wide mobile"].column,.ui.grid>[class*="ten wide mobile"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide mobile"].column,.ui.grid>.column.row>[class*="eleven wide mobile"].column,.ui.grid>.row>[class*="eleven wide mobile"].column,.ui.grid>[class*="eleven wide mobile"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide mobile"].column,.ui.grid>.column.row>[class*="twelve wide mobile"].column,.ui.grid>.row>[class*="twelve wide mobile"].column,.ui.grid>[class*="twelve wide mobile"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide mobile"].column,.ui.grid>.column.row>[class*="thirteen wide mobile"].column,.ui.grid>.row>[class*="thirteen wide mobile"].column,.ui.grid>[class*="thirteen wide mobile"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide mobile"].column,.ui.grid>.column.row>[class*="fourteen wide mobile"].column,.ui.grid>.row>[class*="fourteen wide mobile"].column,.ui.grid>[class*="fourteen wide mobile"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide mobile"].column,.ui.grid>.column.row>[class*="fifteen wide mobile"].column,.ui.grid>.row>[class*="fifteen wide mobile"].column,.ui.grid>[class*="fifteen wide mobile"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide mobile"].column,.ui.grid>.column.row>[class*="sixteen wide mobile"].column,.ui.grid>.row>[class*="sixteen wide mobile"].column,.ui.grid>[class*="sixteen wide mobile"].column{width:100%!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.column.grid>[class*="one wide tablet"].column,.ui.grid>.column.row>[class*="one wide tablet"].column,.ui.grid>.row>[class*="one wide tablet"].column,.ui.grid>[class*="one wide tablet"].column{width:6.25%!important}.ui.column.grid>[class*="two wide tablet"].column,.ui.grid>.column.row>[class*="two wide tablet"].column,.ui.grid>.row>[class*="two wide tablet"].column,.ui.grid>[class*="two wide tablet"].column{width:12.5%!important}.ui.column.grid>[class*="three wide tablet"].column,.ui.grid>.column.row>[class*="three wide tablet"].column,.ui.grid>.row>[class*="three wide tablet"].column,.ui.grid>[class*="three wide tablet"].column{width:18.75%!important}.ui.column.grid>[class*="four wide tablet"].column,.ui.grid>.column.row>[class*="four wide tablet"].column,.ui.grid>.row>[class*="four wide tablet"].column,.ui.grid>[class*="four wide tablet"].column{width:25%!important}.ui.column.grid>[class*="five wide tablet"].column,.ui.grid>.column.row>[class*="five wide tablet"].column,.ui.grid>.row>[class*="five wide tablet"].column,.ui.grid>[class*="five wide tablet"].column{width:31.25%!important}.ui.column.grid>[class*="six wide tablet"].column,.ui.grid>.column.row>[class*="six wide tablet"].column,.ui.grid>.row>[class*="six wide tablet"].column,.ui.grid>[class*="six wide tablet"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide tablet"].column,.ui.grid>.column.row>[class*="seven wide tablet"].column,.ui.grid>.row>[class*="seven wide tablet"].column,.ui.grid>[class*="seven wide tablet"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide tablet"].column,.ui.grid>.column.row>[class*="eight wide tablet"].column,.ui.grid>.row>[class*="eight wide tablet"].column,.ui.grid>[class*="eight wide tablet"].column{width:50%!important}.ui.column.grid>[class*="nine wide tablet"].column,.ui.grid>.column.row>[class*="nine wide tablet"].column,.ui.grid>.row>[class*="nine wide tablet"].column,.ui.grid>[class*="nine wide tablet"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide tablet"].column,.ui.grid>.column.row>[class*="ten wide tablet"].column,.ui.grid>.row>[class*="ten wide tablet"].column,.ui.grid>[class*="ten wide tablet"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide tablet"].column,.ui.grid>.column.row>[class*="eleven wide tablet"].column,.ui.grid>.row>[class*="eleven wide tablet"].column,.ui.grid>[class*="eleven wide tablet"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide tablet"].column,.ui.grid>.column.row>[class*="twelve wide tablet"].column,.ui.grid>.row>[class*="twelve wide tablet"].column,.ui.grid>[class*="twelve wide tablet"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide tablet"].column,.ui.grid>.column.row>[class*="thirteen wide tablet"].column,.ui.grid>.row>[class*="thirteen wide tablet"].column,.ui.grid>[class*="thirteen wide tablet"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide tablet"].column,.ui.grid>.column.row>[class*="fourteen wide tablet"].column,.ui.grid>.row>[class*="fourteen wide tablet"].column,.ui.grid>[class*="fourteen wide tablet"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide tablet"].column,.ui.grid>.column.row>[class*="fifteen wide tablet"].column,.ui.grid>.row>[class*="fifteen wide tablet"].column,.ui.grid>[class*="fifteen wide tablet"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide tablet"].column,.ui.grid>.column.row>[class*="sixteen wide tablet"].column,.ui.grid>.row>[class*="sixteen wide tablet"].column,.ui.grid>[class*="sixteen wide tablet"].column{width:100%!important}}@media only screen and (min-width:992px){.ui.column.grid>[class*="one wide computer"].column,.ui.grid>.column.row>[class*="one wide computer"].column,.ui.grid>.row>[class*="one wide computer"].column,.ui.grid>[class*="one wide computer"].column{width:6.25%!important}.ui.column.grid>[class*="two wide computer"].column,.ui.grid>.column.row>[class*="two wide computer"].column,.ui.grid>.row>[class*="two wide computer"].column,.ui.grid>[class*="two wide computer"].column{width:12.5%!important}.ui.column.grid>[class*="three wide computer"].column,.ui.grid>.column.row>[class*="three wide computer"].column,.ui.grid>.row>[class*="three wide computer"].column,.ui.grid>[class*="three wide computer"].column{width:18.75%!important}.ui.column.grid>[class*="four wide computer"].column,.ui.grid>.column.row>[class*="four wide computer"].column,.ui.grid>.row>[class*="four wide computer"].column,.ui.grid>[class*="four wide computer"].column{width:25%!important}.ui.column.grid>[class*="five wide computer"].column,.ui.grid>.column.row>[class*="five wide computer"].column,.ui.grid>.row>[class*="five wide computer"].column,.ui.grid>[class*="five wide computer"].column{width:31.25%!important}.ui.column.grid>[class*="six wide computer"].column,.ui.grid>.column.row>[class*="six wide computer"].column,.ui.grid>.row>[class*="six wide computer"].column,.ui.grid>[class*="six wide computer"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide computer"].column,.ui.grid>.column.row>[class*="seven wide computer"].column,.ui.grid>.row>[class*="seven wide computer"].column,.ui.grid>[class*="seven wide computer"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide computer"].column,.ui.grid>.column.row>[class*="eight wide computer"].column,.ui.grid>.row>[class*="eight wide computer"].column,.ui.grid>[class*="eight wide computer"].column{width:50%!important}.ui.column.grid>[class*="nine wide computer"].column,.ui.grid>.column.row>[class*="nine wide computer"].column,.ui.grid>.row>[class*="nine wide computer"].column,.ui.grid>[class*="nine wide computer"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide computer"].column,.ui.grid>.column.row>[class*="ten wide computer"].column,.ui.grid>.row>[class*="ten wide computer"].column,.ui.grid>[class*="ten wide computer"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide computer"].column,.ui.grid>.column.row>[class*="eleven wide computer"].column,.ui.grid>.row>[class*="eleven wide computer"].column,.ui.grid>[class*="eleven wide computer"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide computer"].column,.ui.grid>.column.row>[class*="twelve wide computer"].column,.ui.grid>.row>[class*="twelve wide computer"].column,.ui.grid>[class*="twelve wide computer"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide computer"].column,.ui.grid>.column.row>[class*="thirteen wide computer"].column,.ui.grid>.row>[class*="thirteen wide computer"].column,.ui.grid>[class*="thirteen wide computer"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide computer"].column,.ui.grid>.column.row>[class*="fourteen wide computer"].column,.ui.grid>.row>[class*="fourteen wide computer"].column,.ui.grid>[class*="fourteen wide computer"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide computer"].column,.ui.grid>.column.row>[class*="fifteen wide computer"].column,.ui.grid>.row>[class*="fifteen wide computer"].column,.ui.grid>[class*="fifteen wide computer"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide computer"].column,.ui.grid>.column.row>[class*="sixteen wide computer"].column,.ui.grid>.row>[class*="sixteen wide computer"].column,.ui.grid>[class*="sixteen wide computer"].column{width:100%!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.column.grid>[class*="one wide large screen"].column,.ui.grid>.column.row>[class*="one wide large screen"].column,.ui.grid>.row>[class*="one wide large screen"].column,.ui.grid>[class*="one wide large screen"].column{width:6.25%!important}.ui.column.grid>[class*="two wide large screen"].column,.ui.grid>.column.row>[class*="two wide large screen"].column,.ui.grid>.row>[class*="two wide large screen"].column,.ui.grid>[class*="two wide large screen"].column{width:12.5%!important}.ui.column.grid>[class*="three wide large screen"].column,.ui.grid>.column.row>[class*="three wide large screen"].column,.ui.grid>.row>[class*="three wide large screen"].column,.ui.grid>[class*="three wide large screen"].column{width:18.75%!important}.ui.column.grid>[class*="four wide large screen"].column,.ui.grid>.column.row>[class*="four wide large screen"].column,.ui.grid>.row>[class*="four wide large screen"].column,.ui.grid>[class*="four wide large screen"].column{width:25%!important}.ui.column.grid>[class*="five wide large screen"].column,.ui.grid>.column.row>[class*="five wide large screen"].column,.ui.grid>.row>[class*="five wide large screen"].column,.ui.grid>[class*="five wide large screen"].column{width:31.25%!important}.ui.column.grid>[class*="six wide large screen"].column,.ui.grid>.column.row>[class*="six wide large screen"].column,.ui.grid>.row>[class*="six wide large screen"].column,.ui.grid>[class*="six wide large screen"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide large screen"].column,.ui.grid>.column.row>[class*="seven wide large screen"].column,.ui.grid>.row>[class*="seven wide large screen"].column,.ui.grid>[class*="seven wide large screen"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide large screen"].column,.ui.grid>.column.row>[class*="eight wide large screen"].column,.ui.grid>.row>[class*="eight wide large screen"].column,.ui.grid>[class*="eight wide large screen"].column{width:50%!important}.ui.column.grid>[class*="nine wide large screen"].column,.ui.grid>.column.row>[class*="nine wide large screen"].column,.ui.grid>.row>[class*="nine wide large screen"].column,.ui.grid>[class*="nine wide large screen"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide large screen"].column,.ui.grid>.column.row>[class*="ten wide large screen"].column,.ui.grid>.row>[class*="ten wide large screen"].column,.ui.grid>[class*="ten wide large screen"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide large screen"].column,.ui.grid>.column.row>[class*="eleven wide large screen"].column,.ui.grid>.row>[class*="eleven wide large screen"].column,.ui.grid>[class*="eleven wide large screen"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide large screen"].column,.ui.grid>.column.row>[class*="twelve wide large screen"].column,.ui.grid>.row>[class*="twelve wide large screen"].column,.ui.grid>[class*="twelve wide large screen"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide large screen"].column,.ui.grid>.column.row>[class*="thirteen wide large screen"].column,.ui.grid>.row>[class*="thirteen wide large screen"].column,.ui.grid>[class*="thirteen wide large screen"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide large screen"].column,.ui.grid>.column.row>[class*="fourteen wide large screen"].column,.ui.grid>.row>[class*="fourteen wide large screen"].column,.ui.grid>[class*="fourteen wide large screen"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide large screen"].column,.ui.grid>.column.row>[class*="fifteen wide large screen"].column,.ui.grid>.row>[class*="fifteen wide large screen"].column,.ui.grid>[class*="fifteen wide large screen"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide large screen"].column,.ui.grid>.column.row>[class*="sixteen wide large screen"].column,.ui.grid>.row>[class*="sixteen wide large screen"].column,.ui.grid>[class*="sixteen wide large screen"].column{width:100%!important}}@media only screen and (min-width:1920px){.ui.column.grid>[class*="one wide widescreen"].column,.ui.grid>.column.row>[class*="one wide widescreen"].column,.ui.grid>.row>[class*="one wide widescreen"].column,.ui.grid>[class*="one wide widescreen"].column{width:6.25%!important}.ui.column.grid>[class*="two wide widescreen"].column,.ui.grid>.column.row>[class*="two wide widescreen"].column,.ui.grid>.row>[class*="two wide widescreen"].column,.ui.grid>[class*="two wide widescreen"].column{width:12.5%!important}.ui.column.grid>[class*="three wide widescreen"].column,.ui.grid>.column.row>[class*="three wide widescreen"].column,.ui.grid>.row>[class*="three wide widescreen"].column,.ui.grid>[class*="three wide widescreen"].column{width:18.75%!important}.ui.column.grid>[class*="four wide widescreen"].column,.ui.grid>.column.row>[class*="four wide widescreen"].column,.ui.grid>.row>[class*="four wide widescreen"].column,.ui.grid>[class*="four wide widescreen"].column{width:25%!important}.ui.column.grid>[class*="five wide widescreen"].column,.ui.grid>.column.row>[class*="five wide widescreen"].column,.ui.grid>.row>[class*="five wide widescreen"].column,.ui.grid>[class*="five wide widescreen"].column{width:31.25%!important}.ui.column.grid>[class*="six wide widescreen"].column,.ui.grid>.column.row>[class*="six wide widescreen"].column,.ui.grid>.row>[class*="six wide widescreen"].column,.ui.grid>[class*="six wide widescreen"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide widescreen"].column,.ui.grid>.column.row>[class*="seven wide widescreen"].column,.ui.grid>.row>[class*="seven wide widescreen"].column,.ui.grid>[class*="seven wide widescreen"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide widescreen"].column,.ui.grid>.column.row>[class*="eight wide widescreen"].column,.ui.grid>.row>[class*="eight wide widescreen"].column,.ui.grid>[class*="eight wide widescreen"].column{width:50%!important}.ui.column.grid>[class*="nine wide widescreen"].column,.ui.grid>.column.row>[class*="nine wide widescreen"].column,.ui.grid>.row>[class*="nine wide widescreen"].column,.ui.grid>[class*="nine wide widescreen"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide widescreen"].column,.ui.grid>.column.row>[class*="ten wide widescreen"].column,.ui.grid>.row>[class*="ten wide widescreen"].column,.ui.grid>[class*="ten wide widescreen"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide widescreen"].column,.ui.grid>.column.row>[class*="eleven wide widescreen"].column,.ui.grid>.row>[class*="eleven wide widescreen"].column,.ui.grid>[class*="eleven wide widescreen"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide widescreen"].column,.ui.grid>.column.row>[class*="twelve wide widescreen"].column,.ui.grid>.row>[class*="twelve wide widescreen"].column,.ui.grid>[class*="twelve wide widescreen"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide widescreen"].column,.ui.grid>.column.row>[class*="thirteen wide widescreen"].column,.ui.grid>.row>[class*="thirteen wide widescreen"].column,.ui.grid>[class*="thirteen wide widescreen"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide widescreen"].column,.ui.grid>.column.row>[class*="fourteen wide widescreen"].column,.ui.grid>.row>[class*="fourteen wide widescreen"].column,.ui.grid>[class*="fourteen wide widescreen"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide widescreen"].column,.ui.grid>.column.row>[class*="fifteen wide widescreen"].column,.ui.grid>.row>[class*="fifteen wide widescreen"].column,.ui.grid>[class*="fifteen wide widescreen"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide widescreen"].column,.ui.grid>.column.row>[class*="sixteen wide widescreen"].column,.ui.grid>.row>[class*="sixteen wide widescreen"].column,.ui.grid>[class*="sixteen wide widescreen"].column{width:100%!important}}.ui.centered.grid,.ui.centered.grid>.row,.ui.grid>.centered.row{text-align:center;justify-content:center}.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row),.ui.centered.grid>.row>.column:not(.aligned):not(.justified),.ui.grid .centered.row>.column:not(.aligned):not(.justified){text-align:left}.ui.grid>.centered.column,.ui.grid>.row>.centered.column{display:block;margin-left:auto;margin-right:auto}.ui.grid>.relaxed.row>.column,.ui.relaxed.grid>.column:not(.row),.ui.relaxed.grid>.row>.column{padding-left:1.5rem;padding-right:1.5rem}.ui.grid>[class*="very relaxed"].row>.column,.ui[class*="very relaxed"].grid>.column:not(.row),.ui[class*="very relaxed"].grid>.row>.column{padding-left:2.5rem;padding-right:2.5rem}.ui.grid .relaxed.row+.ui.divider,.ui.relaxed.grid .row+.ui.divider{margin-left:1.5rem;margin-right:1.5rem}.ui.grid [class*="very relaxed"].row+.ui.divider,.ui[class*="very relaxed"].grid .row+.ui.divider{margin-left:2.5rem;margin-right:2.5rem}.ui.padded.grid:not(.vertically):not(.horizontally){margin:0!important}[class*="horizontally padded"].ui.grid{margin-left:0!important;margin-right:0!important}[class*="vertically padded"].ui.grid{margin-top:0!important;margin-bottom:0!important}.ui.grid [class*="left floated"].column{margin-right:auto}.ui.grid [class*="right floated"].column{margin-left:auto}.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.divided.grid:not([class*="vertically divided"])>.row>.column{box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="vertically divided"].grid>.column:not(.row),.ui[class*="vertically divided"].grid>.row>.column{margin-top:1rem;margin-bottom:1rem;padding-top:0;padding-bottom:0}.ui[class*="vertically divided"].grid>.row{margin-top:0;margin-bottom:0}.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{box-shadow:none}.ui[class*="vertically divided"].grid>.row:first-child>.column{margin-top:0}.ui.grid>.divided.row>.column{box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui.grid>.divided.row>.column:first-child{box-shadow:none}.ui[class*="vertically divided"].grid>.row{position:relative}.ui[class*="vertically divided"].grid>.row:before{position:absolute;content:"";top:0;left:0;width:calc(100% - 2rem);height:1px;margin:0 1rem;box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.padded.divided.grid:not(.vertically):not(.horizontally),[class*="horizontally padded"].ui.divided.grid{width:100%}.ui[class*="vertically divided"].grid>.row:first-child:before{box-shadow:none}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column{box-shadow:-1px 0 0 0 rgba(255,255,255,.1)}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child,.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{box-shadow:none}.ui.inverted[class*="vertically divided"].grid>.row:before{box-shadow:0 -1px 0 0 rgba(255,255,255,.1)}.ui.relaxed[class*="vertically divided"].grid>.row:before{margin-left:1.5rem;margin-right:1.5rem;width:calc(100% - 3rem)}.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before{margin-left:2.5rem;margin-right:2.5rem;width:calc(100% - 5rem)}.ui.celled.grid{width:100%;margin:1em 0;box-shadow:0 0 0 1px #d4d4d5}.ui.celled.grid>.row{width:100%!important;margin:0;padding:0;box-shadow:0 -1px 0 0 #d4d4d5}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{box-shadow:-1px 0 0 0 #d4d4d5}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{box-shadow:none}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{padding:1em}.ui.relaxed.celled.grid>.column:not(.row),.ui.relaxed.celled.grid>.row>.column{padding:1.5em}.ui[class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very relaxed"].celled.grid>.row>.column{padding:2em}.ui[class*="internally celled"].grid{box-shadow:none;margin:0}.ui[class*="internally celled"].grid>.row:first-child{box-shadow:none}.ui[class*="internally celled"].grid>.row>.column:first-child{box-shadow:none}.ui.grid>.row>[class*="top aligned"].column,.ui.grid>[class*="top aligned"].column:not(.row),.ui.grid>[class*="top aligned"].row>.column,.ui[class*="top aligned"].grid>.column:not(.row),.ui[class*="top aligned"].grid>.row>.column{flex-direction:column;vertical-align:top;align-self:flex-start!important}.ui.grid>.row>[class*="middle aligned"].column,.ui.grid>[class*="middle aligned"].column:not(.row),.ui.grid>[class*="middle aligned"].row>.column,.ui[class*="middle aligned"].grid>.column:not(.row),.ui[class*="middle aligned"].grid>.row>.column{flex-direction:column;vertical-align:middle;align-self:center!important}.ui.grid>.row>[class*="bottom aligned"].column,.ui.grid>[class*="bottom aligned"].column:not(.row),.ui.grid>[class*="bottom aligned"].row>.column,.ui[class*="bottom aligned"].grid>.column:not(.row),.ui[class*="bottom aligned"].grid>.row>.column{flex-direction:column;vertical-align:bottom;align-self:flex-end!important}.ui.grid>.row>.stretched.column,.ui.grid>.stretched.column:not(.row),.ui.grid>.stretched.row>.column,.ui.stretched.grid>.column,.ui.stretched.grid>.row>.column{display:inline-flex!important;align-self:stretch;flex-direction:column}.ui.grid>.row>.stretched.column>*,.ui.grid>.stretched.column:not(.row)>*,.ui.grid>.stretched.row>.column>*,.ui.stretched.grid>.column>*,.ui.stretched.grid>.row>.column>*{flex-grow:1}.ui.grid>.row>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].row>.column,.ui[class*="left aligned"].grid>.column,.ui[class*="left aligned"].grid>.row>.column{text-align:left;align-self:inherit}.ui.grid>.row>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].row>.column,.ui[class*="center aligned"].grid>.column,.ui[class*="center aligned"].grid>.row>.column{text-align:center;align-self:inherit}.ui[class*="center aligned"].grid{justify-content:center}.ui.grid>.row>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].row>.column,.ui[class*="right aligned"].grid>.column,.ui[class*="right aligned"].grid>.row>.column{text-align:right;align-self:inherit}.ui.grid>.justified.column.column,.ui.grid>.justified.row>.column,.ui.grid>.row>.justified.column.column,.ui.justified.grid>.column,.ui.justified.grid>.row>.column{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ui.grid>.row>.black.column,.ui.grid>.row>.blue.column,.ui.grid>.row>.brown.column,.ui.grid>.row>.green.column,.ui.grid>.row>.grey.column,.ui.grid>.row>.olive.column,.ui.grid>.row>.orange.column,.ui.grid>.row>.pink.column,.ui.grid>.row>.purple.column,.ui.grid>.row>.red.column,.ui.grid>.row>.teal.column,.ui.grid>.row>.violet.column,.ui.grid>.row>.yellow.column{margin-top:-1rem;margin-bottom:-1rem;padding-top:1rem;padding-bottom:1rem}.ui.grid>.red.column,.ui.grid>.red.row,.ui.grid>.row>.red.column{background-color:#db2828!important;color:#fff}.ui.grid>.orange.column,.ui.grid>.orange.row,.ui.grid>.row>.orange.column{background-color:#f2711c!important;color:#fff}.ui.grid>.row>.yellow.column,.ui.grid>.yellow.column,.ui.grid>.yellow.row{background-color:#fbbd08!important;color:#fff}.ui.grid>.olive.column,.ui.grid>.olive.row,.ui.grid>.row>.olive.column{background-color:#b5cc18!important;color:#fff}.ui.grid>.green.column,.ui.grid>.green.row,.ui.grid>.row>.green.column{background-color:#21ba45!important;color:#fff}.ui.grid>.row>.teal.column,.ui.grid>.teal.column,.ui.grid>.teal.row{background-color:#00b5ad!important;color:#fff}.ui.grid>.blue.column,.ui.grid>.blue.row,.ui.grid>.row>.blue.column{background-color:#2185d0!important;color:#fff}.ui.grid>.row>.violet.column,.ui.grid>.violet.column,.ui.grid>.violet.row{background-color:#6435c9!important;color:#fff}.ui.grid>.purple.column,.ui.grid>.purple.row,.ui.grid>.row>.purple.column{background-color:#a333c8!important;color:#fff}.ui.grid>.pink.column,.ui.grid>.pink.row,.ui.grid>.row>.pink.column{background-color:#e03997!important;color:#fff}.ui.grid>.brown.column,.ui.grid>.brown.row,.ui.grid>.row>.brown.column{background-color:#a5673f!important;color:#fff}.ui.grid>.grey.column,.ui.grid>.grey.row,.ui.grid>.row>.grey.column{background-color:#767676!important;color:#fff}.ui.grid>.black.column,.ui.grid>.black.row,.ui.grid>.row>.black.column{background-color:#1b1c1d!important;color:#fff}.ui.grid>[class*="equal width"].row>.column,.ui[class*="equal width"].grid>.column:not(.row),.ui[class*="equal width"].grid>.row>.column{display:inline-block;flex-grow:1}.ui.grid>[class*="equal width"].row>.wide.column,.ui[class*="equal width"].grid>.row>.wide.column,.ui[class*="equal width"].grid>.wide.column{flex-grow:0}@media only screen and (max-width:767px){.ui.grid>[class*="mobile reversed"].row,.ui[class*="mobile reversed"].grid,.ui[class*="mobile reversed"].grid>.row{flex-direction:row-reverse}.ui.stackable[class*="mobile reversed"],.ui[class*="mobile vertically reversed"].grid{flex-direction:column-reverse}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{box-shadow:none}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child:before{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:last-child:before{box-shadow:none}.ui[class*="mobile reversed"].celled.grid>.row>.column:first-child{box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="mobile reversed"].celled.grid>.row>.column:last-child{box-shadow:none}}@media only screen and (min-width:768px) and (max-width:991px){.ui.grid>[class*="tablet reversed"].row,.ui[class*="tablet reversed"].grid,.ui[class*="tablet reversed"].grid>.row{flex-direction:row-reverse}.ui[class*="tablet vertically reversed"].grid{flex-direction:column-reverse}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{box-shadow:none}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child:before{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:last-child:before{box-shadow:none}.ui[class*="tablet reversed"].celled.grid>.row>.column:first-child{box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="tablet reversed"].celled.grid>.row>.column:last-child{box-shadow:none}}@media only screen and (min-width:992px){.ui.grid>[class*="computer reversed"].row,.ui[class*="computer reversed"].grid,.ui[class*="computer reversed"].grid>.row{flex-direction:row-reverse}.ui[class*="computer vertically reversed"].grid{flex-direction:column-reverse}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{box-shadow:none}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child:before{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:last-child:before{box-shadow:none}.ui[class*="computer reversed"].celled.grid>.row>.column:first-child{box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="computer reversed"].celled.grid>.row>.column:last-child{box-shadow:none}}@media only screen and (min-width:768px) and (max-width:991px){.ui.doubling.grid{width:auto}.ui.doubling.grid>.row,.ui.grid>.doubling.row{margin:0!important;padding:0!important}.ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column{display:inline-block!important;padding-top:1rem!important;padding-bottom:1rem!important;box-shadow:none!important;margin:0}.ui.grid>[class*="two column"].doubling.row.row>.column,.ui[class*="two column"].doubling.grid>.column:not(.row),.ui[class*="two column"].doubling.grid>.row>.column{width:100%!important}.ui.grid>[class*="three column"].doubling.row.row>.column,.ui[class*="three column"].doubling.grid>.column:not(.row),.ui[class*="three column"].doubling.grid>.row>.column{width:50%!important}.ui.grid>[class*="four column"].doubling.row.row>.column,.ui[class*="four column"].doubling.grid>.column:not(.row),.ui[class*="four column"].doubling.grid>.row>.column{width:50%!important}.ui.grid>[class*="five column"].doubling.row.row>.column,.ui[class*="five column"].doubling.grid>.column:not(.row),.ui[class*="five column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="six column"].doubling.row.row>.column,.ui[class*="six column"].doubling.grid>.column:not(.row),.ui[class*="six column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="seven column"].doubling.row.row>.column,.ui[class*="seven column"].doubling.grid>.column:not(.row),.ui[class*="seven column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="eight column"].doubling.row.row>.column,.ui[class*="eight column"].doubling.grid>.column:not(.row),.ui[class*="eight column"].doubling.grid>.row>.column{width:25%!important}.ui.grid>[class*="nine column"].doubling.row.row>.column,.ui[class*="nine column"].doubling.grid>.column:not(.row),.ui[class*="nine column"].doubling.grid>.row>.column{width:25%!important}.ui.grid>[class*="ten column"].doubling.row.row>.column,.ui[class*="ten column"].doubling.grid>.column:not(.row),.ui[class*="ten column"].doubling.grid>.row>.column{width:20%!important}.ui.grid>[class*="eleven column"].doubling.row.row>.column,.ui[class*="eleven column"].doubling.grid>.column:not(.row),.ui[class*="eleven column"].doubling.grid>.row>.column{width:20%!important}.ui.grid>[class*="twelve column"].doubling.row.row>.column,.ui[class*="twelve column"].doubling.grid>.column:not(.row),.ui[class*="twelve column"].doubling.grid>.row>.column{width:16.66666667%!important}.ui.grid>[class*="thirteen column"].doubling.row.row>.column,.ui[class*="thirteen column"].doubling.grid>.column:not(.row),.ui[class*="thirteen column"].doubling.grid>.row>.column{width:16.66666667%!important}.ui.grid>[class*="fourteen column"].doubling.row.row>.column,.ui[class*="fourteen column"].doubling.grid>.column:not(.row),.ui[class*="fourteen column"].doubling.grid>.row>.column{width:14.28571429%!important}.ui.grid>[class*="fifteen column"].doubling.row.row>.column,.ui[class*="fifteen column"].doubling.grid>.column:not(.row),.ui[class*="fifteen column"].doubling.grid>.row>.column{width:14.28571429%!important}.ui.grid>[class*="sixteen column"].doubling.row.row>.column,.ui[class*="sixteen column"].doubling.grid>.column:not(.row),.ui[class*="sixteen column"].doubling.grid>.row>.column{width:12.5%!important}}@media only screen and (max-width:767px){.ui.doubling.grid>.row,.ui.grid>.doubling.row{margin:0!important;padding:0!important}.ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column{padding-top:1rem!important;padding-bottom:1rem!important;margin:0!important;box-shadow:none!important}.ui.grid>[class*="two column"].doubling:not(.stackable).row.row>.column,.ui[class*="two column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="two column"].doubling:not(.stackable).grid>.row>.column{width:100%!important}.ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column,.ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="three column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column,.ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="four column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column,.ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="five column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column,.ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="six column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column,.ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column,.ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="nine column"].doubling:not(.stackable).row.row>.column,.ui[class*="nine column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="nine column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="ten column"].doubling:not(.stackable).row.row>.column,.ui[class*="ten column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="ten column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="eleven column"].doubling:not(.stackable).row.row>.column,.ui[class*="eleven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eleven column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="twelve column"].doubling:not(.stackable).row.row>.column,.ui[class*="twelve column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="twelve column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="thirteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="thirteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="thirteen column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="fourteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="fourteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fourteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}.ui.grid>[class*="fifteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="fifteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fifteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}.ui.grid>[class*="sixteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="sixteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="sixteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}}@media only screen and (max-width:767px){.ui.stackable.grid{width:auto;margin-left:0!important;margin-right:0!important}.ui.grid>.stackable.stackable.row>.column,.ui.stackable.grid>.column.grid>.column,.ui.stackable.grid>.column.row>.column,.ui.stackable.grid>.column:not(.row),.ui.stackable.grid>.row>.column,.ui.stackable.grid>.row>.wide.column,.ui.stackable.grid>.wide.column{width:100%!important;margin:0 0!important;box-shadow:none!important;padding:1rem 1rem!important}.ui.stackable.grid:not(.vertically)>.row{margin:0;padding:0}.ui.container>.ui.stackable.grid>.column,.ui.container>.ui.stackable.grid>.row>.column{padding-left:0!important;padding-right:0!important}.ui.grid .ui.stackable.grid,.ui.segment:not(.vertical) .ui.stackable.page.grid{margin-left:-1rem!important;margin-right:-1rem!important}.ui.stackable.celled.grid>.column:not(.row):first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:not(.row):first-child,.ui.stackable.divided.grid>.row:first-child>.column:first-child{border-top:none!important}.ui.inverted.stackable.celled.grid>.column:not(.row),.ui.inverted.stackable.celled.grid>.row>.column,.ui.inverted.stackable.divided.grid>.column:not(.row),.ui.inverted.stackable.divided.grid>.row>.column{border-top:1px solid rgba(255,255,255,.1)}.ui.stackable.celled.grid>.column:not(.row),.ui.stackable.celled.grid>.row>.column,.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column{border-top:1px solid rgba(34,36,38,.15);box-shadow:none!important;padding-top:2rem!important;padding-bottom:2rem!important}.ui.stackable.celled.grid>.row{box-shadow:none!important}.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width:767px){.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),.ui[class*="tablet only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),.ui[class*="computer only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),.ui[class*="mobile only"].grid.grid.grid:not(.tablet){display:none!important}.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),.ui[class*="computer only"].grid.grid.grid:not(.tablet){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:1920px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}}.ui.menu{display:flex;margin:1rem 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;font-weight:400;border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem;min-height:2.85714286em}.ui.menu:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.menu:first-child{margin-top:0}.ui.menu:last-child{margin-bottom:0}.ui.menu .menu{margin:0}.ui.menu:not(.vertical)>.menu{display:flex}.ui.menu:not(.vertical) .item{display:flex;align-items:center}.ui.menu .item{position:relative;vertical-align:middle;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;padding:.92857143em 1.14285714em;text-transform:none;color:rgba(0,0,0,.87);font-weight:400;transition:background .1s ease,box-shadow .1s ease,color .1s ease}.ui.menu>.item:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;height:100%;width:1px;background:rgba(34,36,38,.1)}.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child,.ui.menu .text.item>*{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;line-height:1.3}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:last-child{margin-bottom:0}.ui.menu .item>i.icon{opacity:.9;float:none;margin:0 .35714286em 0 0}.ui.menu:not(.vertical) .item>.button{position:relative;top:0;margin:-.5em 0;padding-bottom:.78571429em;padding-top:.78571429em;font-size:1em}.ui.menu>.container,.ui.menu>.grid{display:flex;align-items:inherit;flex-direction:inherit}.ui.menu .item>.input{width:100%}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-.5em 0}.ui.menu .item>.input input{font-size:1em;padding-top:.57142857em;padding-bottom:.57142857em}.ui.menu .header.item,.ui.vertical.menu .header.item{margin:0;background:'';text-transform:normal;font-weight:700}.ui.vertical.menu .item>.header:not(.ui){margin:0 0 .5em;font-size:1em;font-weight:700}.ui.menu .item>i.dropdown.icon{padding:0;float:right;margin:0 0 0 1em}.ui.menu .dropdown.item .menu{min-width:calc(100% - 1px);border-radius:0 0 .28571429rem .28571429rem;background:#fff;margin:0 0 0;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);flex-direction:column!important}.ui.menu .ui.dropdown .menu>.item{margin:0;text-align:left;font-size:1em!important;padding:.78571429em 1.14285714em!important;background:0 0!important;color:rgba(0,0,0,.87)!important;text-transform:none!important;font-weight:400!important;box-shadow:none!important;transition:none!important}.ui.menu .ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.selected.item{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.active.item{background:rgba(0,0,0,.03)!important;font-weight:700!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown.item .menu .item:not(.filtered){display:block}.ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown){display:inline-block;font-size:1em!important;float:none;margin:0 .75em 0 0!important}.ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu{border-radius:.28571429rem;margin-top:.35714286em}.ui.menu .pointing.dropdown.item .menu{margin-top:.75em}.ui.inverted.menu .search.dropdown.item>.search,.ui.inverted.menu .search.dropdown.item>.text{color:rgba(255,255,255,.9)}.ui.vertical.menu .dropdown.item>.icon{float:right;content:"\f0da";margin-left:1em}.ui.vertical.menu .dropdown.item .menu{left:100%;min-width:0;margin:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);border-radius:0 .28571429rem .28571429rem .28571429rem}.ui.vertical.menu .dropdown.item.upward .menu{bottom:0}.ui.vertical.menu .dropdown.item:not(.upward) .menu{top:0}.ui.vertical.menu .active.dropdown.item{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.menu .dropdown.active.item{box-shadow:none}.ui.item.menu .dropdown .menu .item{width:100%}.ui.menu .item>.label{background:#999;color:#fff;margin-left:1em;padding:.3em .78571429em}.ui.vertical.menu .item>.label{background:#999;color:#fff;margin-top:-.15em;margin-bottom:-.15em;padding:.3em .78571429em}.ui.menu .item>.floating.label{padding:.3em .78571429em}.ui.menu .item>img:not(.ui){display:inline-block;vertical-align:middle;margin:-.3em 0;width:2.5em}.ui.vertical.menu .item>img:not(.ui):only-child{display:block;max-width:100%;width:auto}.ui.menu .list .item:before{background:0 0!important}.ui.vertical.sidebar.menu>.item:first-child:before{display:block!important}.ui.vertical.sidebar.menu>.item::before{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.menu>.ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}}@media only screen and (min-width:768px){.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child{border-left:1px solid rgba(34,36,38,.1)}}.ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover{cursor:pointer;background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.menu .active.item{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);font-weight:400;box-shadow:none}.ui.menu .active.item>i.icon{opacity:1}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.menu .item.disabled,.ui.menu .item.disabled:hover{cursor:default!important;background-color:transparent!important;color:rgba(40,40,40,.3)!important}.ui.menu:not(.vertical) .left.item,.ui.menu:not(.vertical) :not(.dropdown)>.left.menu{display:flex;margin-right:auto!important}.ui.menu:not(.vertical) .right.item,.ui.menu:not(.vertical) .right.menu{display:flex;margin-left:auto!important}.ui.menu .right.item::before,.ui.menu .right.menu>.item::before{right:auto;left:0}.ui.vertical.menu{display:block;flex-direction:column;background:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui.vertical.menu .item{display:block;background:0 0;border-top:none;border-right:none}.ui.vertical.menu>.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu .item>.label{float:right;text-align:center}.ui.vertical.menu .item>i.icon{width:1.18em;float:right;margin:0 0 0 .5em}.ui.vertical.menu .item>.label+i.icon{float:none;margin:0 .5em 0 0}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.vertical.menu .item:first-child:before{display:none!important}.ui.vertical.menu .item>.menu{margin:.5em -1.14285714em 0}.ui.vertical.menu .menu .item{background:0 0;padding:.5em 1.33333333em;font-size:.85714286em;color:rgba(0,0,0,.5)}.ui.vertical.menu .item .menu .link.item:hover,.ui.vertical.menu .item .menu a.item:hover{color:rgba(0,0,0,.85)}.ui.vertical.menu .menu .item:before{display:none}.ui.vertical.menu .active.item{background:rgba(0,0,0,.05);border-radius:0;box-shadow:none}.ui.vertical.menu>.active.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.active.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu>.active.item:only-child{border-radius:.28571429rem}.ui.vertical.menu .active.item .menu .active.item{border-left:none}.ui.vertical.menu .item .menu .active.item{background-color:transparent;font-weight:700;color:rgba(0,0,0,.95)}.ui.tabular.menu{border-radius:0;box-shadow:none!important;border:none;background:none transparent;border-bottom:1px solid #d4d4d5}.ui.tabular.fluid.menu{width:calc(100% + (1px * 2))!important}.ui.tabular.menu .item{background:0 0;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;padding:.92857143em 1.42857143em;color:rgba(0,0,0,.87)}.ui.tabular.menu .item:before{display:none}.ui.tabular.menu .item:hover{background-color:transparent;color:rgba(0,0,0,.8)}.ui.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-top-width:1px;border-color:#d4d4d5;font-weight:700;margin-bottom:-1px;box-shadow:none;border-radius:.28571429rem .28571429rem 0 0!important}.ui.tabular.menu+.attached:not(.top).segment,.ui.tabular.menu+.attached:not(.top).segment+.attached:not(.top).segment{border-top:none;margin-left:0;margin-top:0;margin-right:0;width:100%}.top.attached.segment+.ui.bottom.tabular.menu{position:relative;width:calc(100% + (1px * 2));left:-1px}.ui.bottom.tabular.menu{background:none transparent;border-radius:0;box-shadow:none!important;border-bottom:none;border-top:1px solid #d4d4d5}.ui.bottom.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:none}.ui.bottom.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:-1px 0 0 0;border-radius:0 0 .28571429rem .28571429rem!important}.ui.vertical.tabular.menu{background:none transparent;border-radius:0;box-shadow:none!important;border-bottom:none;border-right:1px solid #d4d4d5}.ui.vertical.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-right:none}.ui.vertical.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 -1px 0 0;border-radius:.28571429rem 0 0 .28571429rem!important}.ui.vertical.right.tabular.menu{background:none transparent;border-radius:0;box-shadow:none!important;border-bottom:none;border-right:none;border-left:1px solid #d4d4d5}.ui.vertical.right.tabular.menu .item{background:0 0;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-left:none}.ui.vertical.right.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 0 0 -1px;border-radius:0 .28571429rem .28571429rem 0!important}.ui.tabular.menu .active.dropdown.item{margin-bottom:0;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;border-bottom:none}.ui.pagination.menu{margin:0;display:inline-flex;vertical-align:middle}.ui.pagination.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.pagination.menu .item:last-child:before{display:none}.ui.pagination.menu .item{min-width:3em;text-align:center}.ui.pagination.menu .icon.item i.icon{vertical-align:top}.ui.pagination.menu .active.item{border-top:none;padding-top:.92857143em;background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95);box-shadow:none}.ui.secondary.menu{background:0 0;margin-left:-.35714286em;margin-right:-.35714286em;border-radius:0;border:none;box-shadow:none}.ui.secondary.menu .item{align-self:center;box-shadow:none;border:none;padding:.78571429em .92857143em;margin:0 .35714286em;background:0 0;transition:color .1s ease;border-radius:.28571429rem}.ui.secondary.menu .item:before{display:none!important}.ui.secondary.menu .header.item{border-radius:0;border-right:none;background:none transparent}.ui.secondary.menu .item>img:not(.ui){margin:0}.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.menu .active.item{box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);border-radius:.28571429rem}.ui.secondary.menu .active.item:hover{box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.inverted.menu .link.item,.ui.secondary.inverted.menu a.item{color:rgba(255,255,255,.7)!important}.ui.secondary.inverted.menu .dropdown.item:hover,.ui.secondary.inverted.menu .link.item:hover,.ui.secondary.inverted.menu a.item:hover{background:rgba(255,255,255,.08);color:#fff!important}.ui.secondary.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.secondary.item.menu{margin-left:0;margin-right:0}.ui.secondary.item.menu .item:last-child{margin-right:0}.ui.secondary.attached.menu{box-shadow:none}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu{margin:0 -.92857143em}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 1.33333333em}.ui.secondary.vertical.menu>.item{border:none;margin:0 0 .35714286em;border-radius:.28571429rem!important}.ui.secondary.vertical.menu>.header.item{border-radius:0}.ui.vertical.secondary.menu .item>.menu .item{background-color:transparent}.ui.secondary.inverted.menu{background-color:transparent}.ui.secondary.pointing.menu{margin-left:0;margin-right:0;border-bottom:2px solid rgba(34,36,38,.15)}.ui.secondary.pointing.menu .item{border-bottom-color:transparent;border-bottom-style:solid;border-radius:0;align-self:flex-end;margin:0 0 -2px;padding:.85714286em 1.14285714em;border-bottom-width:2px;transition:color .1s ease}.ui.secondary.pointing.menu .header.item{color:rgba(0,0,0,.85)!important}.ui.secondary.pointing.menu .text.item{box-shadow:none!important}.ui.secondary.pointing.menu .item:after{display:none}.ui.secondary.pointing.menu .dropdown.item:hover,.ui.secondary.pointing.menu .link.item:hover,.ui.secondary.pointing.menu a.item:hover{background-color:transparent;color:rgba(0,0,0,.87)}.ui.secondary.pointing.menu .dropdown.item:active,.ui.secondary.pointing.menu .link.item:active,.ui.secondary.pointing.menu a.item:active{background-color:transparent;border-color:rgba(34,36,38,.15)}.ui.secondary.pointing.menu .active.item{background-color:transparent;box-shadow:none;border-color:#1b1c1d;font-weight:700;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.item:hover{border-color:#1b1c1d;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.dropdown.item{border-color:transparent}.ui.secondary.vertical.pointing.menu{border-bottom-width:0;border-right-width:2px;border-right-style:solid;border-right-color:rgba(34,36,38,.15)}.ui.secondary.vertical.pointing.menu .item{border-bottom:none;border-right-style:solid;border-right-color:transparent;border-radius:0!important;margin:0 -2px 0 0;border-right-width:2px}.ui.secondary.vertical.pointing.menu .active.item{border-color:#1b1c1d}.ui.secondary.inverted.pointing.menu{border-color:rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu{border-width:2px;border-color:rgba(34,36,38,.15)}.ui.secondary.inverted.pointing.menu .item{color:rgba(255,255,255,.9)}.ui.secondary.inverted.pointing.menu .header.item{color:#fff!important}.ui.secondary.inverted.pointing.menu .link.item:hover,.ui.secondary.inverted.pointing.menu a.item:hover{color:rgba(0,0,0,.95)}.ui.secondary.inverted.pointing.menu .active.item{border-color:#fff;color:#fff}.ui.text.menu{background:none transparent;border-radius:0;box-shadow:none;border:none;margin:1em -.5em}.ui.text.menu .item{border-radius:0;box-shadow:none;align-self:center;margin:0 0;padding:.35714286em .5em;font-weight:400;color:rgba(0,0,0,.6);transition:opacity .1s ease}.ui.text.menu .item:before,.ui.text.menu .menu .item:before{display:none!important}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(0,0,0,.85);font-size:.92857143em;text-transform:uppercase;font-weight:700}.ui.text.menu .item>img:not(.ui){margin:0}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1em 0}.ui.vertical.text.menu:first-child{margin-top:0}.ui.vertical.text.menu:last-child{margin-bottom:0}.ui.vertical.text.menu .item{margin:.57142857em 0;padding-left:0;padding-right:0}.ui.vertical.text.menu .item>i.icon{float:none;margin:0 .35714286em 0 0}.ui.vertical.text.menu .header.item{margin:.57142857em 0 .71428571em}.ui.vertical.text.menu .item:not(.dropdown)>.menu{margin:0}.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 0}.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;border:none;box-shadow:none;font-weight:400;color:rgba(0,0,0,.95)}.ui.text.menu .active.item:hover{background-color:transparent}.ui.text.pointing.menu .active.item:after{box-shadow:none}.ui.text.attached.menu{box-shadow:none}.ui.inverted.text.menu,.ui.inverted.text.menu .active.item,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item:hover{background-color:transparent!important}.ui.fluid.text.menu{margin-left:0;margin-right:0}.ui.vertical.icon.menu{display:inline-block;width:auto}.ui.icon.menu .item{height:auto;text-align:center;color:#1b1c1d}.ui.icon.menu .item>.icon:not(.dropdown){margin:0;opacity:1}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item>.icon{width:auto;margin:0 auto}.ui.vertical.icon.menu .item>.icon:not(.dropdown){display:block;opacity:1;margin:0 auto;float:none}.ui.inverted.icon.menu .item{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .item{min-width:6em;flex-direction:column}.ui.labeled.icon.menu .item>.icon:not(.dropdown){height:1em;display:block;font-size:1.71428571em!important;margin:0 auto .5rem!important}.ui.fluid.labeled.icon.menu>.item{min-width:0}@media only screen and (max-width:767px){.ui.stackable.menu{flex-direction:column}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.stackable.menu .left.item,.ui.stackable.menu .left.menu{margin-right:0!important}.ui.stackable.menu .right.item,.ui.stackable.menu .right.menu{margin-left:0!important}.ui.stackable.menu .left.menu,.ui.stackable.menu .right.menu{flex-direction:column}}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#db2828!important;color:#db2828!important}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#f2711c!important;color:#f2711c!important}.ui.menu .yellow.active.item,.ui.yellow.menu .active.item{border-color:#fbbd08!important;color:#fbbd08!important}.ui.menu .olive.active.item,.ui.olive.menu .active.item{border-color:#b5cc18!important;color:#b5cc18!important}.ui.green.menu .active.item,.ui.menu .green.active.item{border-color:#21ba45!important;color:#21ba45!important}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00b5ad!important;color:#00b5ad!important}.ui.blue.menu .active.item,.ui.menu .blue.active.item{border-color:#2185d0!important;color:#2185d0!important}.ui.menu .violet.active.item,.ui.violet.menu .active.item{border-color:#6435c9!important;color:#6435c9!important}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#a333c8!important;color:#a333c8!important}.ui.menu .pink.active.item,.ui.pink.menu .active.item{border-color:#e03997!important;color:#e03997!important}.ui.brown.menu .active.item,.ui.menu .brown.active.item{border-color:#a5673f!important;color:#a5673f!important}.ui.grey.menu .active.item,.ui.menu .grey.active.item{border-color:#767676!important;color:#767676!important}.ui.inverted.menu{border:0 solid transparent;background:#1b1c1d;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a:not(.ui){background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.menu .item.menu{background:0 0}.ui.inverted.menu .item:before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .item:before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .menu .item,.ui.vertical.inverted.menu .menu .item a:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.menu .header.item{margin:0;background:0 0;box-shadow:none}.ui.inverted.menu .item.disabled,.ui.inverted.menu .item.disabled:hover{color:rgba(225,225,225,.3)}.ui.inverted.menu .dropdown.item:hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.link.inverted.menu .item:hover{background:rgba(255,255,255,.08);color:#fff}.ui.vertical.inverted.menu .item .menu .link.item:hover,.ui.vertical.inverted.menu .item .menu a.item:hover{background:0 0;color:#fff}.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.inverted.vertical.menu .item .menu .active.item{background:0 0;color:#fff}.ui.inverted.pointing.menu .active.item:after{background:#3d3e3f!important;margin:0!important;box-shadow:none!important;border:none!important}.ui.inverted.menu .active.item:hover{background:rgba(255,255,255,.15);color:#fff!important}.ui.inverted.pointing.menu .active.item:hover:after{background:#3d3e3f!important}.ui.floated.menu{float:left;margin:0 .5rem 0 0}.ui.floated.menu .item:last-child:before{display:none}.ui.right.floated.menu{float:right;margin:0 0 0 .5rem}.ui.inverted.menu .red.active.item,.ui.inverted.red.menu{background-color:#db2828}.ui.inverted.red.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.red.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .orange.active.item,.ui.inverted.orange.menu{background-color:#f2711c}.ui.inverted.orange.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.orange.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .yellow.active.item,.ui.inverted.yellow.menu{background-color:#fbbd08}.ui.inverted.yellow.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.yellow.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .olive.active.item,.ui.inverted.olive.menu{background-color:#b5cc18}.ui.inverted.olive.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.olive.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.green.menu,.ui.inverted.menu .green.active.item{background-color:#21ba45}.ui.inverted.green.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.green.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .teal.active.item,.ui.inverted.teal.menu{background-color:#00b5ad}.ui.inverted.teal.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.teal.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.blue.menu,.ui.inverted.menu .blue.active.item{background-color:#2185d0}.ui.inverted.blue.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.blue.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .violet.active.item,.ui.inverted.violet.menu{background-color:#6435c9}.ui.inverted.violet.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.violet.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .purple.active.item,.ui.inverted.purple.menu{background-color:#a333c8}.ui.inverted.purple.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.purple.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .pink.active.item,.ui.inverted.pink.menu{background-color:#e03997}.ui.inverted.pink.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.pink.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.brown.menu,.ui.inverted.menu .brown.active.item{background-color:#a5673f}.ui.inverted.brown.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.brown.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.grey.menu,.ui.inverted.menu .grey.active.item{background-color:#767676}.ui.inverted.grey.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.grey.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.fitted.menu .item,.ui.fitted.menu .item .menu .item,.ui.menu .fitted.item{padding:0}.ui.horizontally.fitted.menu .item,.ui.horizontally.fitted.menu .item .menu .item,.ui.menu .horizontally.fitted.item{padding-top:.92857143em;padding-bottom:.92857143em}.ui.menu .vertically.fitted.item,.ui.vertically.fitted.menu .item,.ui.vertically.fitted.menu .item .menu .item{padding-left:1.14285714em;padding-right:1.14285714em}.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item:before,.ui.menu .borderless.item:before{background:0 0!important}.ui.compact.menu{display:inline-flex;margin:0;vertical-align:middle}.ui.compact.vertical.menu{display:inline-block}.ui.compact.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child:before{display:none}.ui.compact.vertical.menu{width:auto!important}.ui.compact.vertical.menu .item:last-child::before{display:block}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%!important}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;text-align:center;justify-content:center}.ui.attached.item.menu{margin:0 -1px!important}.ui.item.menu .item:last-child:before{display:none}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.5%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:101;margin:0;width:100%}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{border-radius:0!important}.ui.fixed.menu,.ui[class*="top fixed"].menu{top:0;left:0;right:auto;bottom:auto}.ui[class*="top fixed"].menu{border-top:none;border-left:none;border-right:none}.ui[class*="right fixed"].menu{border-top:none;border-bottom:none;border-right:none;top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui[class*="bottom fixed"].menu{border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;top:auto;right:auto}.ui[class*="left fixed"].menu{border-top:none;border-bottom:none;border-left:none;top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.fixed.menu+.ui.grid{padding-top:2.75rem}.ui.pointing.menu .item:after{visibility:hidden;position:absolute;content:'';top:100%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);background:0 0;margin:.5px 0 0;width:.57142857em;height:.57142857em;border:none;border-bottom:1px solid #d4d4d5;border-right:1px solid #d4d4d5;z-index:2;transition:background .1s ease}.ui.vertical.pointing.menu .item:after{position:absolute;top:50%;right:0;bottom:auto;left:auto;transform:translateX(50%) translateY(-50%) rotate(45deg);margin:0 -.5px 0 0;border:none;border-top:1px solid #d4d4d5;border-right:1px solid #d4d4d5}.ui.pointing.menu .active.item:after{visibility:visible}.ui.pointing.menu .active.dropdown.item:after{visibility:hidden}.ui.pointing.menu .active.item .menu .active.item:after,.ui.pointing.menu .dropdown.active.item:after{display:none}.ui.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.pointing.menu .active.item:after{background-color:#f2f2f2}.ui.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .menu .active.item:after{background-color:#fff}.ui.attached.menu{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% - (-1px * 2));max-width:calc(100% - (-1px * 2));box-shadow:none}.ui.attached+.ui.attached.menu:not(.top){border-top:none}.ui[class*="top attached"].menu{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.menu[class*="top attached"]:first-child{margin-top:0}.ui[class*="bottom attached"].menu{bottom:0;margin-top:0;top:0;margin-bottom:1rem;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].menu:last-child{margin-bottom:0}.ui.top.attached.menu>.item:first-child{border-radius:.28571429rem 0 0 0}.ui.bottom.attached.menu>.item:first-child{border-radius:0 0 0 .28571429rem}.ui.attached.menu:not(.tabular){border:1px solid #d4d4d5}.ui.attached.inverted.menu{border:none}.ui.attached.tabular.menu{margin-left:0;margin-right:0;width:100%}.ui.mini.menu{font-size:.78571429rem}.ui.mini.vertical.menu{width:9rem}.ui.tiny.menu{font-size:.85714286rem}.ui.tiny.vertical.menu{width:11rem}.ui.small.menu{font-size:.92857143rem}.ui.small.vertical.menu{width:13rem}.ui.menu{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu{font-size:1.07142857rem}.ui.large.vertical.menu{width:18rem}.ui.huge.menu{font-size:1.21428571rem}.ui.huge.vertical.menu{width:22rem}.ui.big.menu{font-size:1.14285714rem}.ui.big.vertical.menu{width:20rem}.ui.massive.menu{font-size:1.28571429rem}.ui.massive.vertical.menu{width:25rem}/*!
 * # Semantic UI 2.5.0 - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.message{position:relative;min-height:1em;margin:1em 0;background:#f8f8f9;padding:1em 1.5em;line-height:1.4285em;color:rgba(0,0,0,.87);transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;border-radius:.28571429rem;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;margin:-.14285714em 0 0 0}.ui.message .header:not(.ui){font-size:1.14285714em}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message .list:not(.ui){text-align:left;padding:0;opacity:.85;list-style-position:inside;margin:.5em 0 0}.ui.message .list:not(.ui):first-child{margin-top:0}.ui.message .list:not(.ui):last-child{margin-bottom:0}.ui.message .list:not(.ui) li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message .list:not(.ui) li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message .list:not(.ui) li:last-child{margin-bottom:0}.ui.message>.icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:.78575em;right:.5em;opacity:.7;transition:opacity .1s ease}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.dropdown .menu>.message{margin:0 -1px}.ui.visible.visible.visible.visible.message{display:block}.ui.icon.visible.visible.visible.visible.message{display:flex}.ui.hidden.hidden.hidden.hidden.message{display:none}.ui.compact.message{display:inline-block}.ui.compact.icon.message{display:inline-flex}.ui.attached.message{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;margin-left:-1px;margin-right:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{width:auto}.ui.icon.message{display:flex;width:100%;align-items:center}.ui.icon.message>.icon:not(.close){display:block;flex:0 0 auto;width:auto;line-height:1;vertical-align:middle;font-size:3em;opacity:.8}.ui.icon.message>.content{display:block;flex:1 1 auto;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-left:0}.ui.icon.message .circular.icon{width:1em}.ui.floating.message{box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.black.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.positive.message{background-color:#fcfff5;color:#2c662d}.ui.attached.positive.message,.ui.positive.message{box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.positive.message .header{color:#1a531b}.ui.negative.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.negative.message,.ui.negative.message{box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.negative.message .header{color:#912d2b}.ui.info.message{background-color:#f8ffff;color:#276f86}.ui.attached.info.message,.ui.info.message{box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.ui.info.message .header{color:#0e566c}.ui.warning.message{background-color:#fffaf3;color:#573a08}.ui.attached.warning.message,.ui.warning.message{box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent}.ui.warning.message .header{color:#794b02}.ui.error.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.error.message,.ui.error.message{box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.error.message .header{color:#912d2b}.ui.success.message{background-color:#fcfff5;color:#2c662d}.ui.attached.success.message,.ui.success.message{box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.success.message .header{color:#1a531b}.ui.black.message,.ui.inverted.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.red.message{background-color:#ffe8e6;color:#db2828;box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent}.ui.red.message .header{color:#c82121}.ui.orange.message{background-color:#ffedde;color:#f2711c;box-shadow:0 0 0 1px #f2711c inset,0 0 0 0 transparent}.ui.orange.message .header{color:#e7640d}.ui.yellow.message{background-color:#fff8db;color:#b58105;box-shadow:0 0 0 1px #b58105 inset,0 0 0 0 transparent}.ui.yellow.message .header{color:#9c6f04}.ui.olive.message{background-color:#fbfdef;color:#8abc1e;box-shadow:0 0 0 1px #8abc1e inset,0 0 0 0 transparent}.ui.olive.message .header{color:#7aa61a}.ui.green.message{background-color:#e5f9e7;color:#1ebc30;box-shadow:0 0 0 1px #1ebc30 inset,0 0 0 0 transparent}.ui.green.message .header{color:#1aa62a}.ui.teal.message{background-color:#e1f7f7;color:#10a3a3;box-shadow:0 0 0 1px #10a3a3 inset,0 0 0 0 transparent}.ui.teal.message .header{color:#0e8c8c}.ui.blue.message{background-color:#dff0ff;color:#2185d0;box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent}.ui.blue.message .header{color:#1e77ba}.ui.violet.message{background-color:#eae7ff;color:#6435c9;box-shadow:0 0 0 1px #6435c9 inset,0 0 0 0 transparent}.ui.violet.message .header{color:#5a30b5}.ui.purple.message{background-color:#f6e7ff;color:#a333c8;box-shadow:0 0 0 1px #a333c8 inset,0 0 0 0 transparent}.ui.purple.message .header{color:#922eb4}.ui.pink.message{background-color:#ffe3fb;color:#e03997;box-shadow:0 0 0 1px #e03997 inset,0 0 0 0 transparent}.ui.pink.message .header{color:#dd238b}.ui.brown.message{background-color:#f1e2d3;color:#a5673f;box-shadow:0 0 0 1px #a5673f inset,0 0 0 0 transparent}.ui.brown.message .header{color:#935b38}.ui.mini.message{font-size:.78571429em}.ui.tiny.message{font-size:.85714286em}.ui.small.message{font-size:.92857143em}.ui.message{font-size:1em}.ui.large.message{font-size:1.14285714em}.ui.big.message{font-size:1.28571429em}.ui.huge.message{font-size:1.42857143em}.ui.massive.message{font-size:1.71428571em}/*!
 * # Semantic UI 2.5.0 - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.table{width:100%;background:#fff;margin:1em 0;border:1px solid rgba(34,36,38,.15);box-shadow:none;border-radius:.28571429rem;text-align:left;color:rgba(0,0,0,.87);border-collapse:separate;border-spacing:0}.ui.table:first-child{margin-top:0}.ui.table:last-child{margin-bottom:0}.ui.table td,.ui.table th{transition:background .1s ease,color .1s ease}.ui.table thead{box-shadow:none}.ui.table thead th{cursor:auto;background:#f9fafb;text-align:inherit;color:rgba(0,0,0,.87);padding:.92857143em .78571429em;vertical-align:inherit;font-style:none;font-weight:700;text-transform:none;border-bottom:1px solid rgba(34,36,38,.1);border-left:none}.ui.table thead tr>th:first-child{border-left:none}.ui.table thead tr:first-child>th:first-child{border-radius:.28571429rem 0 0 0}.ui.table thead tr:first-child>th:last-child{border-radius:0 .28571429rem 0 0}.ui.table thead tr:first-child>th:only-child{border-radius:.28571429rem .28571429rem 0 0}.ui.table tfoot{box-shadow:none}.ui.table tfoot th{cursor:auto;border-top:1px solid rgba(34,36,38,.15);background:#f9fafb;text-align:inherit;color:rgba(0,0,0,.87);padding:.78571429em .78571429em;vertical-align:middle;font-style:normal;font-weight:400;text-transform:none}.ui.table tfoot tr>th:first-child{border-left:none}.ui.table tfoot tr:first-child>th:first-child{border-radius:0 0 0 .28571429rem}.ui.table tfoot tr:first-child>th:last-child{border-radius:0 0 .28571429rem 0}.ui.table tfoot tr:first-child>th:only-child{border-radius:0 0 .28571429rem .28571429rem}.ui.table tr td{border-top:1px solid rgba(34,36,38,.1)}.ui.table tr:first-child td{border-top:none}.ui.table tbody+tbody tr:first-child td{border-top:1px solid rgba(34,36,38,.1)}.ui.table td{padding:.78571429em .78571429em;text-align:inherit}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment{padding:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}@media only screen and (max-width:767px){.ui.table:not(.unstackable){width:100%}.ui.table:not(.unstackable) tbody,.ui.table:not(.unstackable) tr,.ui.table:not(.unstackable) tr>td,.ui.table:not(.unstackable) tr>th{width:auto!important;display:block!important}.ui.table:not(.unstackable){padding:0}.ui.table:not(.unstackable) thead{display:block}.ui.table:not(.unstackable) tfoot{display:block}.ui.table:not(.unstackable) tr{padding-top:1em;padding-bottom:1em;box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset!important}.ui.table:not(.unstackable) tr>td,.ui.table:not(.unstackable) tr>th{background:0 0;border:none!important;padding:.25em .75em!important;box-shadow:none!important}.ui.table:not(.unstackable) td:first-child,.ui.table:not(.unstackable) th:first-child{font-weight:700}.ui.definition.table:not(.unstackable) thead th:first-child{box-shadow:none!important}}.ui.table td .image,.ui.table td .image img,.ui.table th .image,.ui.table th .image img{max-width:none}.ui.structured.table{border-collapse:collapse}.ui.structured.table thead th{border-left:none;border-right:none}.ui.structured.sortable.table thead th{border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(34,36,38,.15)}.ui.structured.basic.table th{border-left:none;border-right:none}.ui.structured.celled.table tr td,.ui.structured.celled.table tr th{border-left:1px solid rgba(34,36,38,.1);border-right:1px solid rgba(34,36,38,.1)}.ui.definition.table thead:not(.full-width) th:first-child{pointer-events:none;background:0 0;font-weight:400;color:rgba(0,0,0,.4);box-shadow:-1px -1px 0 1px #fff}.ui.definition.table tfoot:not(.full-width) th:first-child{pointer-events:none;background:0 0;font-weight:rgba(0,0,0,.4);color:normal;box-shadow:1px 1px 0 1px #fff}.ui.celled.definition.table thead:not(.full-width) th:first-child{box-shadow:0 -1px 0 1px #fff}.ui.celled.definition.table tfoot:not(.full-width) th:first-child{box-shadow:0 1px 0 1px #fff}.ui.definition.table tr td.definition,.ui.definition.table tr td:first-child:not(.ignored){background:rgba(0,0,0,.03);font-weight:700;color:rgba(0,0,0,.95);text-transform:'';box-shadow:'';text-align:'';font-size:1em;padding-left:'';padding-right:''}.ui.definition.table thead:not(.full-width) th:nth-child(2){border-left:1px solid rgba(34,36,38,.15)}.ui.definition.table tfoot:not(.full-width) th:nth-child(2){border-left:1px solid rgba(34,36,38,.15)}.ui.definition.table td:nth-child(2){border-left:1px solid rgba(34,36,38,.15)}.ui.table td.positive,.ui.table tr.positive{box-shadow:0 0 0 #a3c293 inset}.ui.table td.positive,.ui.table tr.positive{background:#fcfff5!important;color:#2c662d!important}.ui.table td.negative,.ui.table tr.negative{box-shadow:0 0 0 #e0b4b4 inset}.ui.table td.negative,.ui.table tr.negative{background:#fff6f6!important;color:#9f3a38!important}.ui.table td.error,.ui.table tr.error{box-shadow:0 0 0 #e0b4b4 inset}.ui.table td.error,.ui.table tr.error{background:#fff6f6!important;color:#9f3a38!important}.ui.table td.warning,.ui.table tr.warning{box-shadow:0 0 0 #c9ba9b inset}.ui.table td.warning,.ui.table tr.warning{background:#fffaf3!important;color:#573a08!important}.ui.table td.active,.ui.table tr.active{box-shadow:0 0 0 rgba(0,0,0,.87) inset}.ui.table td.active,.ui.table tr.active{background:#e0e0e0!important;color:rgba(0,0,0,.87)!important}.ui.table tr td.disabled,.ui.table tr.disabled td,.ui.table tr.disabled:hover,.ui.table tr:hover td.disabled{pointer-events:none;color:rgba(40,40,40,.3)}@media only screen and (max-width:991px){.ui[class*="tablet stackable"].table,.ui[class*="tablet stackable"].table tbody,.ui[class*="tablet stackable"].table tr,.ui[class*="tablet stackable"].table tr>td,.ui[class*="tablet stackable"].table tr>th{width:100%!important;display:block!important}.ui[class*="tablet stackable"].table{padding:0}.ui[class*="tablet stackable"].table thead{display:block}.ui[class*="tablet stackable"].table tfoot{display:block}.ui[class*="tablet stackable"].table tr{padding-top:1em;padding-bottom:1em;box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset!important}.ui[class*="tablet stackable"].table tr>td,.ui[class*="tablet stackable"].table tr>th{background:0 0;border:none!important;padding:.25em .75em;box-shadow:none!important}.ui.definition[class*="tablet stackable"].table thead th:first-child{box-shadow:none!important}}.ui.table [class*="left aligned"],.ui.table[class*="left aligned"]{text-align:left}.ui.table [class*="center aligned"],.ui.table[class*="center aligned"]{text-align:center}.ui.table [class*="right aligned"],.ui.table[class*="right aligned"]{text-align:right}.ui.table [class*="top aligned"],.ui.table[class*="top aligned"]{vertical-align:top}.ui.table [class*="middle aligned"],.ui.table[class*="middle aligned"]{vertical-align:middle}.ui.table [class*="bottom aligned"],.ui.table[class*="bottom aligned"]{vertical-align:bottom}.ui.table td.collapsing,.ui.table th.collapsing{width:1px;white-space:nowrap}.ui.fixed.table{table-layout:fixed}.ui.fixed.table td,.ui.fixed.table th{overflow:hidden;text-overflow:ellipsis}.ui.selectable.table tbody tr:hover,.ui.table tbody tr td.selectable:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.inverted.table tbody tr td.selectable:hover,.ui.selectable.inverted.table tbody tr:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.ui.table tbody tr td.selectable{padding:0}.ui.table tbody tr td.selectable>a:not(.ui){display:block;color:inherit;padding:.78571429em .78571429em}.ui.selectable.table tr.error:hover,.ui.selectable.table tr:hover td.error,.ui.table tr td.selectable.error:hover{background:#ffe7e7!important;color:#943634!important}.ui.selectable.table tr.warning:hover,.ui.selectable.table tr:hover td.warning,.ui.table tr td.selectable.warning:hover{background:#fff4e4!important;color:#493107!important}.ui.selectable.table tr.active:hover,.ui.selectable.table tr:hover td.active,.ui.table tr td.selectable.active:hover{background:#e0e0e0!important;color:rgba(0,0,0,.87)!important}.ui.selectable.table tr.positive:hover,.ui.selectable.table tr:hover td.positive,.ui.table tr td.selectable.positive:hover{background:#f7ffe6!important;color:#275b28!important}.ui.selectable.table tr.negative:hover,.ui.selectable.table tr:hover td.negative,.ui.table tr td.selectable.negative:hover{background:#ffe7e7!important;color:#943634!important}.ui.attached.table{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% - (-1px * 2));max-width:calc(100% - (-1px * 2));box-shadow:none;border:1px solid #d4d4d5}.ui.attached+.ui.attached.table:not(.top){border-top:none}.ui[class*="top attached"].table{bottom:0;margin-bottom:0;top:0;margin-top:1em;border-radius:.28571429rem .28571429rem 0 0}.ui.table[class*="top attached"]:first-child{margin-top:0}.ui[class*="bottom attached"].table{bottom:0;margin-top:0;top:0;margin-bottom:1em;box-shadow:none,none;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].table:last-child{margin-bottom:0}.ui.striped.table tbody tr:nth-child(2n),.ui.striped.table>tr:nth-child(2n){background-color:rgba(0,0,50,.02)}.ui.inverted.striped.table tbody tr:nth-child(2n),.ui.inverted.striped.table>tr:nth-child(2n){background-color:rgba(255,255,255,.05)}.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover{background:#efefef!important;color:rgba(0,0,0,.95)!important}.ui.table [class*="single line"],.ui.table[class*="single line"]{white-space:nowrap}.ui.table [class*="single line"],.ui.table[class*="single line"]{white-space:nowrap}.ui.red.table{border-top:.2em solid #db2828}.ui.inverted.red.table{background-color:#db2828!important;color:#fff!important}.ui.orange.table{border-top:.2em solid #f2711c}.ui.inverted.orange.table{background-color:#f2711c!important;color:#fff!important}.ui.yellow.table{border-top:.2em solid #fbbd08}.ui.inverted.yellow.table{background-color:#fbbd08!important;color:#fff!important}.ui.olive.table{border-top:.2em solid #b5cc18}.ui.inverted.olive.table{background-color:#b5cc18!important;color:#fff!important}.ui.green.table{border-top:.2em solid #21ba45}.ui.inverted.green.table{background-color:#21ba45!important;color:#fff!important}.ui.teal.table{border-top:.2em solid #00b5ad}.ui.inverted.teal.table{background-color:#00b5ad!important;color:#fff!important}.ui.blue.table{border-top:.2em solid #2185d0}.ui.inverted.blue.table{background-color:#2185d0!important;color:#fff!important}.ui.violet.table{border-top:.2em solid #6435c9}.ui.inverted.violet.table{background-color:#6435c9!important;color:#fff!important}.ui.purple.table{border-top:.2em solid #a333c8}.ui.inverted.purple.table{background-color:#a333c8!important;color:#fff!important}.ui.pink.table{border-top:.2em solid #e03997}.ui.inverted.pink.table{background-color:#e03997!important;color:#fff!important}.ui.brown.table{border-top:.2em solid #a5673f}.ui.inverted.brown.table{background-color:#a5673f!important;color:#fff!important}.ui.grey.table{border-top:.2em solid #767676}.ui.inverted.grey.table{background-color:#767676!important;color:#fff!important}.ui.black.table{border-top:.2em solid #1b1c1d}.ui.inverted.black.table{background-color:#1b1c1d!important;color:#fff!important}.ui.one.column.table td{width:100%}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.33333333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66666667%}.ui.seven.column.table td{width:14.28571429%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.11111111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.09090909%}.ui.twelve.column.table td{width:8.33333333%}.ui.thirteen.column.table td{width:7.69230769%}.ui.fourteen.column.table td{width:7.14285714%}.ui.fifteen.column.table td{width:6.66666667%}.ui.sixteen.column.table td{width:6.25%}.ui.table td.one.wide,.ui.table th.one.wide{width:6.25%}.ui.table td.two.wide,.ui.table th.two.wide{width:12.5%}.ui.table td.three.wide,.ui.table th.three.wide{width:18.75%}.ui.table td.four.wide,.ui.table th.four.wide{width:25%}.ui.table td.five.wide,.ui.table th.five.wide{width:31.25%}.ui.table td.six.wide,.ui.table th.six.wide{width:37.5%}.ui.table td.seven.wide,.ui.table th.seven.wide{width:43.75%}.ui.table td.eight.wide,.ui.table th.eight.wide{width:50%}.ui.table td.nine.wide,.ui.table th.nine.wide{width:56.25%}.ui.table td.ten.wide,.ui.table th.ten.wide{width:62.5%}.ui.table td.eleven.wide,.ui.table th.eleven.wide{width:68.75%}.ui.table td.twelve.wide,.ui.table th.twelve.wide{width:75%}.ui.table td.thirteen.wide,.ui.table th.thirteen.wide{width:81.25%}.ui.table td.fourteen.wide,.ui.table th.fourteen.wide{width:87.5%}.ui.table td.fifteen.wide,.ui.table th.fifteen.wide{width:93.75%}.ui.table td.sixteen.wide,.ui.table th.sixteen.wide{width:100%}.ui.sortable.table thead th{cursor:pointer;white-space:nowrap;border-left:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87)}.ui.sortable.table thead th:first-child{border-left:none}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.sortable.table thead th:after{display:none;font-style:normal;font-weight:400;text-decoration:inherit;content:'';height:1em;width:auto;opacity:.8;margin:0 0 0 .5em;font-family:Icons}.ui.sortable.table thead th.ascending:after{content:'\f0d8'}.ui.sortable.table thead th.descending:after{content:'\f0d7'}.ui.sortable.table th.disabled:hover{cursor:auto;color:rgba(40,40,40,.3)}.ui.sortable.table thead th:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8)}.ui.sortable.table thead th.sorted{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.sortable.table thead th.sorted:after{display:inline-block}.ui.sortable.table thead th.sorted:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.inverted.sortable.table thead th.sorted{background:rgba(255,255,255,.15) linear-gradient(transparent,rgba(0,0,0,.05));color:#fff}.ui.inverted.sortable.table thead th:hover{background:rgba(255,255,255,.08) linear-gradient(transparent,rgba(0,0,0,.05));color:#fff}.ui.inverted.sortable.table thead th{border-left-color:transparent;border-right-color:transparent}.ui.inverted.table{background:#333;color:rgba(255,255,255,.9);border:none}.ui.inverted.table th{background-color:rgba(0,0,0,.15);border-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.9)!important}.ui.inverted.table tr td{border-color:rgba(255,255,255,.1)!important}.ui.inverted.table tr td.disabled,.ui.inverted.table tr.disabled td,.ui.inverted.table tr.disabled:hover td,.ui.inverted.table tr:hover td.disabled{pointer-events:none;color:rgba(225,225,225,.3)}.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,.ui.inverted.definition.table thead:not(.full-width) th:first-child{background:#fff}.ui.inverted.definition.table tr td:first-child{background:rgba(255,255,255,.02);color:#fff}.ui.collapsing.table{width:auto}.ui.basic.table{background:0 0;border:1px solid rgba(34,36,38,.15);box-shadow:none}.ui.basic.table tfoot,.ui.basic.table thead{box-shadow:none}.ui.basic.table th{background:0 0;border-left:none}.ui.basic.table tbody tr{border-bottom:1px solid rgba(0,0,0,.1)}.ui.basic.table td{background:0 0}.ui.basic.striped.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.05)!important}.ui[class*="very basic"].table{border:none}.ui[class*="very basic"].table:not(.sortable):not(.striped) td,.ui[class*="very basic"].table:not(.sortable):not(.striped) th{padding:''}.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child{padding-left:0}.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child{padding-right:0}.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th{padding-top:0}.ui.celled.table tr td,.ui.celled.table tr th{border-left:1px solid rgba(34,36,38,.1)}.ui.celled.table tr td:first-child,.ui.celled.table tr th:first-child{border-left:none}.ui.padded.table th{padding-left:1em;padding-right:1em}.ui.padded.table td,.ui.padded.table th{padding:1em 1em}.ui[class*="very padded"].table th{padding-left:1.5em;padding-right:1.5em}.ui[class*="very padded"].table td{padding:1.5em 1.5em}.ui.compact.table th{padding-left:.7em;padding-right:.7em}.ui.compact.table td{padding:.5em .7em}.ui[class*="very compact"].table th{padding-left:.6em;padding-right:.6em}.ui[class*="very compact"].table td{padding:.4em .6em}.ui.small.table{font-size:.9em}.ui.table{font-size:1em}.ui.large.table{font-size:1.1em}/*!
 * # Semantic UI 2.5.0 - Ad
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)}/*!
 * # Semantic UI 2.5.0 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.card,.ui.cards>.card{max-width:100%;position:relative;display:flex;flex-direction:column;width:290px;min-height:0;background:#fff;padding:0;border:none;border-radius:.28571429rem;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;transition:box-shadow .1s ease,transform .1s ease;z-index:''}.ui.card{margin:1em 0}.ui.card a,.ui.cards>.card a{cursor:pointer}.ui.card:first-child{margin-top:0}.ui.card:last-child{margin-bottom:0}.ui.cards{display:flex;margin:-.875em -.5em;flex-wrap:wrap}.ui.cards>.card{display:flex;margin:.875em .5em;float:none}.ui.card:after,.ui.cards:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.cards~.ui.cards{margin-top:.875em}.ui.card>:first-child,.ui.cards>.card>:first-child{border-radius:.28571429rem .28571429rem 0 0!important;border-top:none!important}.ui.card>:last-child,.ui.cards>.card>:last-child{border-radius:0 0 .28571429rem .28571429rem!important}.ui.card>:only-child,.ui.cards>.card>:only-child{border-radius:.28571429rem!important}.ui.card>.image,.ui.cards>.card>.image{position:relative;display:block;flex:0 0 auto;padding:0;background:rgba(0,0,0,.05)}.ui.card>.image>img,.ui.cards>.card>.image>img{display:block;width:100%;height:auto;border-radius:inherit}.ui.card>.image:not(.ui)>img,.ui.cards>.card>.image:not(.ui)>img{border:none}.ui.card>.content,.ui.cards>.card>.content{flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,.1);background:0 0;margin:0;padding:1em 1em;box-shadow:none;font-size:1em;border-radius:0}.ui.card>.content:after,.ui.cards>.card>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.card>.content>.header,.ui.cards>.card>.content>.header{display:block;margin:'';font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;color:rgba(0,0,0,.85)}.ui.card>.content>.header:not(.ui),.ui.cards>.card>.content>.header:not(.ui){font-weight:700;font-size:1.28571429em;margin-top:-.21425em;line-height:1.28571429em}.ui.card>.content>.header+.description,.ui.card>.content>.meta+.description,.ui.cards>.card>.content>.header+.description,.ui.cards>.card>.content>.meta+.description{margin-top:.5em}.ui.card [class*="left floated"],.ui.cards>.card [class*="left floated"]{float:left}.ui.card [class*="right floated"],.ui.cards>.card [class*="right floated"]{float:right}.ui.card [class*="left aligned"],.ui.cards>.card [class*="left aligned"]{text-align:left}.ui.card [class*="center aligned"],.ui.cards>.card [class*="center aligned"]{text-align:center}.ui.card [class*="right aligned"],.ui.cards>.card [class*="right aligned"]{text-align:right}.ui.card .content img,.ui.cards>.card .content img{display:inline-block;vertical-align:middle;width:''}.ui.card .avatar img,.ui.card img.avatar,.ui.cards>.card .avatar img,.ui.cards>.card img.avatar{width:2em;height:2em;border-radius:500rem}.ui.card>.content>.description,.ui.cards>.card>.content>.description{clear:both;color:rgba(0,0,0,.68)}.ui.card>.content p,.ui.cards>.card>.content p{margin:0 0 .5em}.ui.card>.content p:last-child,.ui.cards>.card>.content p:last-child{margin-bottom:0}.ui.card .meta,.ui.cards>.card .meta{font-size:1em;color:rgba(0,0,0,.4)}.ui.card .meta *,.ui.cards>.card .meta *{margin-right:.3em}.ui.card .meta :last-child,.ui.cards>.card .meta :last-child{margin-right:0}.ui.card .meta [class*="right floated"],.ui.cards>.card .meta [class*="right floated"]{margin-right:0;margin-left:.3em}.ui.card>.content a:not(.ui),.ui.cards>.card>.content a:not(.ui){color:'';transition:color .1s ease}.ui.card>.content a:not(.ui):hover,.ui.cards>.card>.content a:not(.ui):hover{color:''}.ui.card>.content>a.header,.ui.cards>.card>.content>a.header{color:rgba(0,0,0,.85)}.ui.card>.content>a.header:hover,.ui.cards>.card>.content>a.header:hover{color:#1e70bf}.ui.card .meta>a:not(.ui),.ui.cards>.card .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.card .meta>a:not(.ui):hover,.ui.cards>.card .meta>a:not(.ui):hover{color:rgba(0,0,0,.87)}.ui.card>.button,.ui.card>.buttons,.ui.cards>.card>.button,.ui.cards>.card>.buttons{margin:0 -1px;width:calc(100% + 2px)}.ui.card .dimmer,.ui.cards>.card .dimmer{background-color:'';z-index:10}.ui.card>.content .star.icon,.ui.cards>.card>.content .star.icon{cursor:pointer;opacity:.75;transition:color .1s ease}.ui.card>.content .star.icon:hover,.ui.cards>.card>.content .star.icon:hover{opacity:1;color:#ffb70a}.ui.card>.content .active.star.icon,.ui.cards>.card>.content .active.star.icon{color:#ffe623}.ui.card>.content .like.icon,.ui.cards>.card>.content .like.icon{cursor:pointer;opacity:.75;transition:color .1s ease}.ui.card>.content .like.icon:hover,.ui.cards>.card>.content .like.icon:hover{opacity:1;color:#ff2733}.ui.card>.content .active.like.icon,.ui.cards>.card>.content .active.like.icon{color:#ff2733}.ui.card>.extra,.ui.cards>.card>.extra{max-width:100%;min-height:0!important;flex-grow:0;border-top:1px solid rgba(0,0,0,.05)!important;position:static;background:0 0;width:auto;margin:0 0;padding:.75em 1em;top:0;left:0;color:rgba(0,0,0,.4);box-shadow:none;transition:color .1s ease}.ui.card>.extra a:not(.ui),.ui.cards>.card>.extra a:not(.ui){color:rgba(0,0,0,.4)}.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#1e70bf}.ui.raised.card,.ui.raised.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.link.cards .raised.card:hover,.ui.link.raised.card:hover,.ui.raised.cards a.card:hover,a.ui.raised.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25)}.ui.raised.card,.ui.raised.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.centered.cards{justify-content:center}.ui.centered.card{margin-left:auto;margin-right:auto}.ui.fluid.card{width:100%;max-width:9999px}.ui.cards a.card,.ui.link.card,.ui.link.cards .card,a.ui.card{transform:none}.ui.cards a.card:hover,.ui.link.card:hover,.ui.link.cards .card:hover,a.ui.card:hover{cursor:pointer;z-index:5;background:#fff;border:none;box-shadow:0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;transform:translateY(-3px)}.ui.cards>.red.card,.ui.red.card,.ui.red.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #db2828,0 1px 3px 0 #d4d4d5}.ui.cards>.red.card:hover,.ui.red.card:hover,.ui.red.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #d01919,0 1px 3px 0 #bcbdbd}.ui.cards>.orange.card,.ui.orange.card,.ui.orange.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #f2711c,0 1px 3px 0 #d4d4d5}.ui.cards>.orange.card:hover,.ui.orange.card:hover,.ui.orange.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #f26202,0 1px 3px 0 #bcbdbd}.ui.cards>.yellow.card,.ui.yellow.card,.ui.yellow.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #fbbd08,0 1px 3px 0 #d4d4d5}.ui.cards>.yellow.card:hover,.ui.yellow.card:hover,.ui.yellow.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #eaae00,0 1px 3px 0 #bcbdbd}.ui.cards>.olive.card,.ui.olive.card,.ui.olive.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #b5cc18,0 1px 3px 0 #d4d4d5}.ui.cards>.olive.card:hover,.ui.olive.card:hover,.ui.olive.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #a7bd0d,0 1px 3px 0 #bcbdbd}.ui.cards>.green.card,.ui.green.card,.ui.green.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #21ba45,0 1px 3px 0 #d4d4d5}.ui.cards>.green.card:hover,.ui.green.card:hover,.ui.green.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #16ab39,0 1px 3px 0 #bcbdbd}.ui.cards>.teal.card,.ui.teal.card,.ui.teal.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #00b5ad,0 1px 3px 0 #d4d4d5}.ui.cards>.teal.card:hover,.ui.teal.card:hover,.ui.teal.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #009c95,0 1px 3px 0 #bcbdbd}.ui.blue.card,.ui.blue.cards>.card,.ui.cards>.blue.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #2185d0,0 1px 3px 0 #d4d4d5}.ui.blue.card:hover,.ui.blue.cards>.card:hover,.ui.cards>.blue.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #1678c2,0 1px 3px 0 #bcbdbd}.ui.cards>.violet.card,.ui.violet.card,.ui.violet.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #6435c9,0 1px 3px 0 #d4d4d5}.ui.cards>.violet.card:hover,.ui.violet.card:hover,.ui.violet.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #5829bb,0 1px 3px 0 #bcbdbd}.ui.cards>.purple.card,.ui.purple.card,.ui.purple.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #a333c8,0 1px 3px 0 #d4d4d5}.ui.cards>.purple.card:hover,.ui.purple.card:hover,.ui.purple.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #9627ba,0 1px 3px 0 #bcbdbd}.ui.cards>.pink.card,.ui.pink.card,.ui.pink.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #e03997,0 1px 3px 0 #d4d4d5}.ui.cards>.pink.card:hover,.ui.pink.card:hover,.ui.pink.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #e61a8d,0 1px 3px 0 #bcbdbd}.ui.brown.card,.ui.brown.cards>.card,.ui.cards>.brown.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #a5673f,0 1px 3px 0 #d4d4d5}.ui.brown.card:hover,.ui.brown.cards>.card:hover,.ui.cards>.brown.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #975b33,0 1px 3px 0 #bcbdbd}.ui.cards>.grey.card,.ui.grey.card,.ui.grey.cards>.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #767676,0 1px 3px 0 #d4d4d5}.ui.cards>.grey.card:hover,.ui.grey.card:hover,.ui.grey.cards>.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #838383,0 1px 3px 0 #bcbdbd}.ui.black.card,.ui.black.cards>.card,.ui.cards>.black.card{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #1b1c1d,0 1px 3px 0 #d4d4d5}.ui.black.card:hover,.ui.black.cards>.card:hover,.ui.cards>.black.card:hover{box-shadow:0 0 0 1px #d4d4d5,0 2px 0 0 #27292a,0 1px 3px 0 #bcbdbd}.ui.one.cards{margin-left:0;margin-right:0}.ui.one.cards>.card{width:100%}.ui.two.cards{margin-left:-1em;margin-right:-1em}.ui.two.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.three.cards{margin-left:-1em;margin-right:-1em}.ui.three.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.four.cards{margin-left:-.75em;margin-right:-.75em}.ui.four.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.five.cards{margin-left:-.75em;margin-right:-.75em}.ui.five.cards>.card{width:calc(20% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.six.cards{margin-left:-.75em;margin-right:-.75em}.ui.six.cards>.card{width:calc(16.66666667% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.seven.cards{margin-left:-.5em;margin-right:-.5em}.ui.seven.cards>.card{width:calc(14.28571429% - 1em);margin-left:.5em;margin-right:.5em}.ui.eight.cards{margin-left:-.5em;margin-right:-.5em}.ui.eight.cards>.card{width:calc(12.5% - 1em);margin-left:.5em;margin-right:.5em;font-size:11px}.ui.nine.cards{margin-left:-.5em;margin-right:-.5em}.ui.nine.cards>.card{width:calc(11.11111111% - 1em);margin-left:.5em;margin-right:.5em;font-size:10px}.ui.ten.cards{margin-left:-.5em;margin-right:-.5em}.ui.ten.cards>.card{width:calc(10% - 1em);margin-left:.5em;margin-right:.5em}@media only screen and (max-width:767px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards>.card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.seven.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.seven.doubling.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.nine.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.nine.doubling.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.ten.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.ten.doubling.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}}@media only screen and (min-width:768px) and (max-width:991px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards>.card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.eight.doubling.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.nine.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.nine.doubling.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.ten.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.ten.doubling.cards>.card{width:calc(20% - 1.5em);margin-left:.75em;margin-right:.75em}}@media only screen and (max-width:767px){.ui.stackable.cards{display:block!important}.ui.stackable.cards .card:first-child{margin-top:0!important}.ui.stackable.cards>.card{display:block!important;height:auto!important;margin:1em 1em;padding:0!important;width:calc(100% - 2em)!important}}.ui.cards>.card{font-size:1em}/*!
 * # Semantic UI 2.5.0 - Comment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.comments{margin:1.5em 0;max-width:650px}.ui.comments:first-child{margin-top:0}.ui.comments:last-child{margin-bottom:0}.ui.comments .comment{position:relative;background:0 0;margin:.5em 0 0;padding:.5em 0 0;border:none;border-top:none;line-height:1.2}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .comments{margin:0 0 .5em .5em;padding:1em 0 1em 1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments .comment .comments .comment{border:none;border-top:none;background:0 0}.ui.comments .comment .avatar{display:block;width:2.5em;height:auto;float:left;margin:.2em 0 0}.ui.comments .comment .avatar img,.ui.comments .comment img.avatar{display:block;margin:0 auto;width:100%;height:100%;border-radius:.25rem}.ui.comments .comment>.content{display:block}.ui.comments .comment>.avatar~.content{margin-left:3.5em}.ui.comments .comment .author{font-size:1em;color:rgba(0,0,0,.87);font-weight:700}.ui.comments .comment a.author{cursor:pointer}.ui.comments .comment a.author:hover{color:#1e70bf}.ui.comments .comment .metadata{display:inline-block;margin-left:.5em;color:rgba(0,0,0,.4);font-size:.875em}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .5em 0 0}.ui.comments .comment .metadata>:last-child{margin-right:0}.ui.comments .comment .text{margin:.25em 0 .5em;font-size:1em;word-wrap:break-word;color:rgba(0,0,0,.87);line-height:1.3}.ui.comments .comment .actions{font-size:.875em}.ui.comments .comment .actions a{cursor:pointer;display:inline-block;margin:0 .75em 0 0;color:rgba(0,0,0,.4)}.ui.comments .comment .actions a:last-child{margin-right:0}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.8)}.ui.comments>.reply.form{margin-top:1em}.ui.comments .comment .reply.form{width:100%;margin-top:1em}.ui.comments .reply.form textarea{font-size:1em;height:12em}.ui.collapsed.comments,.ui.comments .collapsed.comment,.ui.comments .collapsed.comments{display:none}.ui.threaded.comments .comment .comments{margin:-1.5em 0 -1em 1.25em;padding:3em 0 2em 2.25em;box-shadow:-1px 0 0 rgba(34,36,38,.15)}.ui.minimal.comments .comment .actions{opacity:0;position:absolute;top:0;right:0;left:auto;transition:opacity .2s ease;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.mini.comments{font-size:.78571429rem}.ui.tiny.comments{font-size:.85714286rem}.ui.small.comments{font-size:.92857143rem}.ui.comments{font-size:1rem}.ui.large.comments{font-size:1.14285714rem}.ui.big.comments{font-size:1.28571429rem}.ui.huge.comments{font-size:1.42857143rem}.ui.massive.comments{font-size:1.71428571rem}/*!
 * # Semantic UI 2.5.0 - Feed
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:flex;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;flex:0 0 auto;width:2.5em;height:auto;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;flex:1 1 auto;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;font-weight:400;font-size:1em;font-style:normal;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>:after{content:'';color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:'';transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover .icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like .icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover .icon,.ui.feed>.event>.content .meta>.icon:hover{color:rgba(0,0,0,.95)}.ui.small.feed{font-size:.92857143rem}.ui.feed{font-size:1rem}.ui.large.feed{font-size:1.14285714rem}/*!
 * # Semantic UI 2.5.0 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.items>.item{display:flex;margin:1em 0;width:100%;min-height:0;background:0 0;padding:0;border:none;border-radius:0;box-shadow:none;transition:box-shadow .1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0}.ui.items:first-child{margin-top:0!important}.ui.items:last-child{margin-bottom:0!important}.ui.items>.item:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0}.ui.items>.item:last-child{margin-bottom:0}.ui.items>.item>.image{position:relative;flex:0 0 auto;display:block;float:none;margin:0;padding:0;max-height:'';align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0}.ui.items>.item>.content{display:block;flex:1 1 auto;background:0 0;margin:0;padding:0;box-shadow:none;font-size:1em;border:none;border-radius:0}.ui.items>.item>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0;align-self:top;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-.21425em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{align-self:middle;width:''}.ui.items>.item .avatar img,.ui.items>.item img.avatar{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,.87)}.ui.items>.item>.content p{margin:0 0 .5em}.ui.items>.item>.content p:last-child{margin-bottom:0}.ui.items>.item .meta{margin:.5em 0 .5em;font-size:1em;line-height:1em;color:rgba(0,0,0,.6)}.ui.items>.item .meta *{margin-right:.3em}.ui.items>.item .meta :last-child{margin-right:0}.ui.items>.item .meta [class*="right floated"]{margin-right:0;margin-left:.3em}.ui.items>.item>.content a:not(.ui){color:'';transition:color .1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:.75;transition:color .1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#ffb70a}.ui.items>.item>.content .active.favorite.icon{color:#ffe623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:.75;transition:color .1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#ff2733}.ui.items>.item>.content .active.like.icon{color:#ff2733}.ui.items>.item .extra{display:block;position:relative;background:0 0;margin:.5rem 0 0;width:100%;padding:0 0 0;top:0;left:0;color:rgba(0,0,0,.4);box-shadow:none;transition:color .1s ease;border-top:none}.ui.items>.item .extra>*{margin:.25rem .5rem .25rem 0}.ui.items>.item .extra>[class*="right floated"]{margin:.25rem 0 .25rem .5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width:768px) and (max-width:991px){.ui.items>.item{margin:1em 0}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0 0 0 1em}}@media only screen and (max-width:767px){.ui.items:not(.unstackable)>.item{flex-direction:column;margin:2em 0}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100%!important;width:auto!important;max-height:250px!important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0 0}}.ui.items>.item>.image+[class*="top aligned"].content{align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0}.ui[class*="very relaxed"].items>.item{margin:2em 0}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,.15);margin:0;padding:1em 0}.ui.divided.items>.item:first-child{border-top:none;margin-top:0!important;padding-top:0!important}.ui.divided.items>.item:last-child{margin-bottom:0!important;padding-bottom:0!important}.ui.relaxed.divided.items>.item{margin:0;padding:1.5em 0}.ui[class*="very relaxed"].divided.items>.item{margin:0;padding:2em 0}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width:767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px!important}}/*!
 * # Semantic UI 2.5.0 - Statistic
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.statistic{display:inline-flex;flex-direction:column;margin:1em 0;max-width:auto}.ui.statistic+.ui.statistic{margin:0 0 0 1.5em}.ui.statistic:first-child{margin-top:0}.ui.statistic:last-child{margin-bottom:0}.ui.statistics{display:flex;align-items:flex-start;flex-wrap:wrap}.ui.statistics>.statistic{display:inline-flex;flex:0 1 auto;flex-direction:column;margin:0 1.5em 1em;max-width:auto}.ui.statistics{display:flex;margin:1em -1.5em -1em}.ui.statistics:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.statistics:first-child{margin-top:0}.ui.statistic>.value,.ui.statistics .statistic>.value{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:4rem;font-weight:400;line-height:1em;color:#1b1c1d;text-transform:uppercase;text-align:center}.ui.statistic>.label,.ui.statistics .statistic>.label{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;color:rgba(0,0,0,.87);text-transform:uppercase;text-align:center}.ui.statistic>.label~.value,.ui.statistics .statistic>.label~.value{margin-top:0}.ui.statistic>.value~.label,.ui.statistics .statistic>.value~.label{margin-top:0}.ui.statistic>.value .icon,.ui.statistics .statistic>.value .icon{opacity:1;width:auto;margin:0}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{line-height:1em;min-height:2em;font-weight:700;text-align:center}.ui.statistic>.text.value+.label,.ui.statistics .statistic>.text.value+.label{text-align:center}.ui.statistic>.value img,.ui.statistics .statistic>.value img{max-height:3rem;vertical-align:baseline}.ui.ten.statistics{margin:0 0 -1em}.ui.ten.statistics .statistic{min-width:10%;margin:0 0 1em}.ui.nine.statistics{margin:0 0 -1em}.ui.nine.statistics .statistic{min-width:11.11111111%;margin:0 0 1em}.ui.eight.statistics{margin:0 0 -1em}.ui.eight.statistics .statistic{min-width:12.5%;margin:0 0 1em}.ui.seven.statistics{margin:0 0 -1em}.ui.seven.statistics .statistic{min-width:14.28571429%;margin:0 0 1em}.ui.six.statistics{margin:0 0 -1em}.ui.six.statistics .statistic{min-width:16.66666667%;margin:0 0 1em}.ui.five.statistics{margin:0 0 -1em}.ui.five.statistics .statistic{min-width:20%;margin:0 0 1em}.ui.four.statistics{margin:0 0 -1em}.ui.four.statistics .statistic{min-width:25%;margin:0 0 1em}.ui.three.statistics{margin:0 0 -1em}.ui.three.statistics .statistic{min-width:33.33333333%;margin:0 0 1em}.ui.two.statistics{margin:0 0 -1em}.ui.two.statistics .statistic{min-width:50%;margin:0 0 1em}.ui.one.statistics{margin:0 0 -1em}.ui.one.statistics .statistic{min-width:100%;margin:0 0 1em}.ui.horizontal.statistic{flex-direction:row;align-items:center}.ui.horizontal.statistics{flex-direction:column;margin:0;max-width:none}.ui.horizontal.statistics .statistic{flex-direction:row;align-items:center;max-width:none;margin:1em 0}.ui.horizontal.statistic>.text.value,.ui.horizontal.statistics>.statistic>.text.value{min-height:0!important}.ui.horizontal.statistic>.value .icon,.ui.horizontal.statistics .statistic>.value .icon{width:1.18em}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{display:inline-block;vertical-align:middle}.ui.horizontal.statistic>.label,.ui.horizontal.statistics .statistic>.label{display:inline-block;vertical-align:middle;margin:0 0 0 .75em}.ui.red.statistic>.value,.ui.red.statistics .statistic>.value,.ui.statistics .red.statistic>.value{color:#db2828}.ui.orange.statistic>.value,.ui.orange.statistics .statistic>.value,.ui.statistics .orange.statistic>.value{color:#f2711c}.ui.statistics .yellow.statistic>.value,.ui.yellow.statistic>.value,.ui.yellow.statistics .statistic>.value{color:#fbbd08}.ui.olive.statistic>.value,.ui.olive.statistics .statistic>.value,.ui.statistics .olive.statistic>.value{color:#b5cc18}.ui.green.statistic>.value,.ui.green.statistics .statistic>.value,.ui.statistics .green.statistic>.value{color:#21ba45}.ui.statistics .teal.statistic>.value,.ui.teal.statistic>.value,.ui.teal.statistics .statistic>.value{color:#00b5ad}.ui.blue.statistic>.value,.ui.blue.statistics .statistic>.value,.ui.statistics .blue.statistic>.value{color:#2185d0}.ui.statistics .violet.statistic>.value,.ui.violet.statistic>.value,.ui.violet.statistics .statistic>.value{color:#6435c9}.ui.purple.statistic>.value,.ui.purple.statistics .statistic>.value,.ui.statistics .purple.statistic>.value{color:#a333c8}.ui.pink.statistic>.value,.ui.pink.statistics .statistic>.value,.ui.statistics .pink.statistic>.value{color:#e03997}.ui.brown.statistic>.value,.ui.brown.statistics .statistic>.value,.ui.statistics .brown.statistic>.value{color:#a5673f}.ui.grey.statistic>.value,.ui.grey.statistics .statistic>.value,.ui.statistics .grey.statistic>.value{color:#767676}.ui.inverted.statistic .value,.ui.inverted.statistics .statistic>.value{color:#fff}.ui.inverted.statistic .label,.ui.inverted.statistics .statistic>.label{color:rgba(255,255,255,.9)}.ui.inverted.red.statistic>.value,.ui.inverted.red.statistics .statistic>.value,.ui.statistics .inverted.red.statistic>.value{color:#ff695e}.ui.inverted.orange.statistic>.value,.ui.inverted.orange.statistics .statistic>.value,.ui.statistics .inverted.orange.statistic>.value{color:#ff851b}.ui.inverted.yellow.statistic>.value,.ui.inverted.yellow.statistics .statistic>.value,.ui.statistics .inverted.yellow.statistic>.value{color:#ffe21f}.ui.inverted.olive.statistic>.value,.ui.inverted.olive.statistics .statistic>.value,.ui.statistics .inverted.olive.statistic>.value{color:#d9e778}.ui.inverted.green.statistic>.value,.ui.inverted.green.statistics .statistic>.value,.ui.statistics .inverted.green.statistic>.value{color:#2ecc40}.ui.inverted.teal.statistic>.value,.ui.inverted.teal.statistics .statistic>.value,.ui.statistics .inverted.teal.statistic>.value{color:#6dffff}.ui.inverted.blue.statistic>.value,.ui.inverted.blue.statistics .statistic>.value,.ui.statistics .inverted.blue.statistic>.value{color:#54c8ff}.ui.inverted.violet.statistic>.value,.ui.inverted.violet.statistics .statistic>.value,.ui.statistics .inverted.violet.statistic>.value{color:#a291fb}.ui.inverted.purple.statistic>.value,.ui.inverted.purple.statistics .statistic>.value,.ui.statistics .inverted.purple.statistic>.value{color:#dc73ff}.ui.inverted.pink.statistic>.value,.ui.inverted.pink.statistics .statistic>.value,.ui.statistics .inverted.pink.statistic>.value{color:#ff8edf}.ui.inverted.brown.statistic>.value,.ui.inverted.brown.statistics .statistic>.value,.ui.statistics .inverted.brown.statistic>.value{color:#d67c1c}.ui.inverted.grey.statistic>.value,.ui.inverted.grey.statistics .statistic>.value,.ui.statistics .inverted.grey.statistic>.value{color:#dcddde}.ui[class*="left floated"].statistic{float:left;margin:0 2em 1em 0}.ui[class*="right floated"].statistic{float:right;margin:0 0 1em 2em}.ui.floated.statistic:last-child{margin-bottom:0}.ui.mini.statistic>.value,.ui.mini.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.horizontal.statistic>.value,.ui.mini.horizontal.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.statistic>.text.value,.ui.mini.statistics .statistic>.text.value{font-size:1rem!important}.ui.tiny.statistic>.value,.ui.tiny.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.horizontal.statistic>.value,.ui.tiny.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.statistic>.text.value,.ui.tiny.statistics .statistic>.text.value{font-size:1rem!important}.ui.small.statistic>.value,.ui.small.statistics .statistic>.value{font-size:3rem!important}.ui.small.horizontal.statistic>.value,.ui.small.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.small.statistic>.text.value,.ui.small.statistics .statistic>.text.value{font-size:1rem!important}.ui.statistic>.value,.ui.statistics .statistic>.value{font-size:4rem!important}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{font-size:3rem!important}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{font-size:2rem!important}.ui.large.statistic>.value,.ui.large.statistics .statistic>.value{font-size:5rem!important}.ui.large.horizontal.statistic>.value,.ui.large.horizontal.statistics .statistic>.value{font-size:4rem!important}.ui.large.statistic>.text.value,.ui.large.statistics .statistic>.text.value{font-size:2.5rem!important}.ui.huge.statistic>.value,.ui.huge.statistics .statistic>.value{font-size:6rem!important}.ui.huge.horizontal.statistic>.value,.ui.huge.horizontal.statistics .statistic>.value{font-size:5rem!important}.ui.huge.statistic>.text.value,.ui.huge.statistics .statistic>.text.value{font-size:2.5rem!important}/*!
 * # Semantic UI 2.5.0 - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion .title,.ui.accordion .title{cursor:pointer}.ui.accordion .title:not(.ui){padding:.5em 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;color:rgba(0,0,0,.87)}.ui.accordion .accordion .title~.content,.ui.accordion .title~.content{display:none}.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),.ui.accordion:not(.styled) .title~.content:not(.ui){margin:'';padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:not(.ui):last-child{padding-bottom:0}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;transition:transform .1s ease,opacity .1s ease;vertical-align:baseline;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:.21425em 0 0 1em;transform:rotate(180deg)}.ui.accordion .ui.header .dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon{transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion .title,.ui.styled.accordion .title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion .accordion .content,.ui.styled.accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .content{padding:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.accordion .accordion .active.content,.ui.accordion .active.content{display:block}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .title:not(.ui){color:rgba(255,255,255,.9)}@font-face{font-family:Accordion;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before{content:'\f0da'}/*!
 * # Semantic UI 2.5.0 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.checkbox{position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1rem;line-height:17px;min-width:17px}.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;width:17px;height:17px}.ui.checkbox .box,.ui.checkbox label{cursor:auto;position:relative;display:block;padding-left:1.85714em;outline:0;font-size:1em}.ui.checkbox .box:before,.ui.checkbox label:before{position:absolute;top:0;left:0;width:17px;height:17px;content:'';background:#fff;border-radius:.21428571rem;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;border:1px solid #d4d4d5}.ui.checkbox .box:after,.ui.checkbox label:after{position:absolute;font-size:14px;top:0;left:0;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,.87);transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}.ui.checkbox label,.ui.checkbox+label{color:rgba(0,0,0,.87);transition:color .1s ease}.ui.checkbox+label{vertical-align:middle}.ui.checkbox .box:hover::before,.ui.checkbox label:hover::before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:rgba(0,0,0,.8)}.ui.checkbox .box:active::before,.ui.checkbox label:active::before{background:#f9fafb;border-color:rgba(34,36,38,.35)}.ui.checkbox .box:active::after,.ui.checkbox label:active::after{color:rgba(0,0,0,.95)}.ui.checkbox input:active~label{color:rgba(0,0,0,.95)}.ui.checkbox input:focus~.box:before,.ui.checkbox input:focus~label:before{background:#fff;border-color:#96c8da}.ui.checkbox input:focus~.box:after,.ui.checkbox input:focus~label:after{color:rgba(0,0,0,.95)}.ui.checkbox input:focus~label{color:rgba(0,0,0,.95)}.ui.checkbox input:checked~.box:before,.ui.checkbox input:checked~label:before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after{opacity:1;color:rgba(0,0,0,.95)}.ui.checkbox input:not([type=radio]):indeterminate~.box:before,.ui.checkbox input:not([type=radio]):indeterminate~label:before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox input:not([type=radio]):indeterminate~.box:after,.ui.checkbox input:not([type=radio]):indeterminate~label:after{opacity:1;color:rgba(0,0,0,.95)}.ui.checkbox input:checked:focus~.box:before,.ui.checkbox input:checked:focus~label:before,.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before{background:#fff;border-color:#96c8da}.ui.checkbox input:checked:focus~.box:after,.ui.checkbox input:checked:focus~label:after,.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after{color:rgba(0,0,0,.95)}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default}.ui.checkbox input[disabled]~.box:after,.ui.checkbox input[disabled]~label,.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label{cursor:default!important;opacity:.5;color:#000}.ui.checkbox input.hidden{z-index:-1}.ui.checkbox input.hidden+label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.radio.checkbox{min-height:15px}.ui.radio.checkbox .box,.ui.radio.checkbox label{padding-left:1.85714em}.ui.radio.checkbox .box:before,.ui.radio.checkbox label:before{content:'';transform:none;width:15px;height:15px;border-radius:500rem;top:1px;left:0}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{border:none;content:''!important;width:15px;height:15px;line-height:15px}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{top:1px;left:0;width:15px;height:15px;border-radius:500rem;transform:scale(.46666667);background-color:rgba(0,0,0,.87)}.ui.radio.checkbox input:focus~.box:before,.ui.radio.checkbox input:focus~label:before{background-color:#fff}.ui.radio.checkbox input:focus~.box:after,.ui.radio.checkbox input:focus~label:after{background-color:rgba(0,0,0,.95)}.ui.radio.checkbox input:indeterminate~.box:after,.ui.radio.checkbox input:indeterminate~label:after{opacity:0}.ui.radio.checkbox input:checked~.box:before,.ui.radio.checkbox input:checked~label:before{background-color:#fff}.ui.radio.checkbox input:checked~.box:after,.ui.radio.checkbox input:checked~label:after{background-color:rgba(0,0,0,.95)}.ui.radio.checkbox input:focus:checked~.box:before,.ui.radio.checkbox input:focus:checked~label:before{background-color:#fff}.ui.radio.checkbox input:focus:checked~.box:after,.ui.radio.checkbox input:focus:checked~label:after{background-color:rgba(0,0,0,.95)}.ui.slider.checkbox{min-height:1.25rem}.ui.slider.checkbox input{width:3.5rem;height:1.25rem}.ui.slider.checkbox .box,.ui.slider.checkbox label{padding-left:4.5rem;line-height:1rem;color:rgba(0,0,0,.4)}.ui.slider.checkbox .box:before,.ui.slider.checkbox label:before{display:block;position:absolute;content:'';border:none!important;left:0;z-index:1;top:.4rem;background-color:rgba(0,0,0,.05);width:3.5rem;height:.21428571rem;transform:none;border-radius:500rem;transition:background .3s ease}.ui.slider.checkbox .box:after,.ui.slider.checkbox label:after{background:#fff linear-gradient(transparent,rgba(0,0,0,.05));position:absolute;content:''!important;opacity:1;z-index:2;border:none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;width:1.5rem;height:1.5rem;top:-.25rem;left:0;transform:none;border-radius:500rem;transition:left .3s ease}.ui.slider.checkbox input:focus~.box:before,.ui.slider.checkbox input:focus~label:before{background-color:rgba(0,0,0,.15);border:none}.ui.slider.checkbox .box:hover,.ui.slider.checkbox label:hover{color:rgba(0,0,0,.8)}.ui.slider.checkbox .box:hover::before,.ui.slider.checkbox label:hover::before{background:rgba(0,0,0,.15)}.ui.slider.checkbox input:checked~.box,.ui.slider.checkbox input:checked~label{color:rgba(0,0,0,.95)!important}.ui.slider.checkbox input:checked~.box:before,.ui.slider.checkbox input:checked~label:before{background-color:#545454!important}.ui.slider.checkbox input:checked~.box:after,.ui.slider.checkbox input:checked~label:after{left:2rem}.ui.slider.checkbox input:focus:checked~.box,.ui.slider.checkbox input:focus:checked~label{color:rgba(0,0,0,.95)!important}.ui.slider.checkbox input:focus:checked~.box:before,.ui.slider.checkbox input:focus:checked~label:before{background-color:#000!important}.ui.toggle.checkbox{min-height:1.5rem}.ui.toggle.checkbox input{width:3.5rem;height:1.5rem}.ui.toggle.checkbox .box,.ui.toggle.checkbox label{min-height:1.5rem;padding-left:4.5rem;color:rgba(0,0,0,.87)}.ui.toggle.checkbox label{padding-top:.15em}.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label:before{display:block;position:absolute;content:'';z-index:1;transform:none;border:none;top:0;background:rgba(0,0,0,.05);box-shadow:none;width:3.5rem;height:1.5rem;border-radius:500rem}.ui.toggle.checkbox .box:after,.ui.toggle.checkbox label:after{background:#fff linear-gradient(transparent,rgba(0,0,0,.05));position:absolute;content:''!important;opacity:1;z-index:2;border:none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;width:1.5rem;height:1.5rem;top:0;left:0;border-radius:500rem;transition:background .3s ease,left .3s ease}.ui.toggle.checkbox input~.box:after,.ui.toggle.checkbox input~label:after{left:-.05rem;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset}.ui.toggle.checkbox input:focus~.box:before,.ui.toggle.checkbox input:focus~label:before{background-color:rgba(0,0,0,.15);border:none}.ui.toggle.checkbox .box:hover::before,.ui.toggle.checkbox label:hover::before{background-color:rgba(0,0,0,.15);border:none}.ui.toggle.checkbox input:checked~.box,.ui.toggle.checkbox input:checked~label{color:rgba(0,0,0,.95)!important}.ui.toggle.checkbox input:checked~.box:before,.ui.toggle.checkbox input:checked~label:before{background-color:#2185d0!important}.ui.toggle.checkbox input:checked~.box:after,.ui.toggle.checkbox input:checked~label:after{left:2.15rem;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset}.ui.toggle.checkbox input:focus:checked~.box,.ui.toggle.checkbox input:focus:checked~label{color:rgba(0,0,0,.95)!important}.ui.toggle.checkbox input:focus:checked~.box:before,.ui.toggle.checkbox input:focus:checked~label:before{background-color:#0d71bb!important}.ui.fitted.checkbox .box,.ui.fitted.checkbox label{padding-left:0!important}.ui.fitted.toggle.checkbox{width:3.5rem}.ui.fitted.slider.checkbox{width:3.5rem}@font-face{font-family:Checkbox;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype')}.ui.checkbox .box:after,.ui.checkbox label:after{font-family:Checkbox}.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after{content:'\e800'}.ui.checkbox input:indeterminate~.box:after,.ui.checkbox input:indeterminate~label:after{font-size:12px;content:'\e801'}/*!
 * # Semantic UI 2.5.0 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer{border-radius:inherit!important}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.dimmed.dimmable>.ui.animating.legacy.dimmer,.dimmed.dimmable>.ui.visible.legacy.dimmer,.ui.active.legacy.dimmer{display:block}.ui[class*="top aligned"].dimmer{justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{justify-content:flex-end}.ui.page.dimmer{position:fixed;transform-style:'';perspective:2000px;transform-origin:center center}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}.blurring.dimmable>:not(.dimmer){-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0);transition:.8s -webkit-filter ease;transition:.8s filter ease;transition:.8s filter ease,.8s -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer){-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}.blurring.dimmable>.dimmer{background-color:rgba(0,0,0,.6)}.blurring.dimmable>.inverted.dimmer{background-color:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:#fff}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;width:0%;height:0%;z-index:-100;background-color:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}/*!
 * # Semantic UI 2.5.0 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:left;transition:box-shadow .1s ease,width .1s ease;-webkit-tap-highlight-color:transparent}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#fff;font-size:1em;text-shadow:none;text-align:left;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;font-size:1rem;text-transform:none;font-weight:400;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown.dropdown .menu>.input{width:auto;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%;right:auto;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:top;width:auto;margin-top:-.5em;margin-bottom:-.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.buttons>.ui.dropdown:last-child>.menu,.ui.menu .right.dropdown.item>.menu,.ui.menu .right.menu .dropdown:last-child>.menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;transform:rotateZ(0);min-width:14em;min-height:2.71428571em;background:#fff;display:inline-block;padding:.78571429em 2.1em .78571429em 1em;color:rgba(0,0,0,.87);box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;transition:box-shadow .1s ease,width .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.91666667em;opacity:.8;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;width:auto;outline:0;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #fafafa;padding:.78571429rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);box-shadow:none}.ui.selection.active.dropdown{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96c8da;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:'';z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;box-shadow:none!important;cursor:text;top:0;left:1px;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,.87)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.multiple.dropdown{padding:.22619048em 2.1em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .21428571em 0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em!important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin .6s linear;animation:dropdown-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}@-webkit-keyframes dropdown-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dropdown-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:rgba(191,191,191,.87)}.ui.default.dropdown:not(.button)>input:focus~.text,.ui.dropdown:not(.button)>input:focus~.default.text{color:rgba(115,115,115,.87)}.ui.loading.dropdown>.text{transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0!important;right:auto!important}.ui.dropdown>.menu .loading.menu{left:100%!important;right:auto!important}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9f3a38}.ui.selection.dropdown.error{background:#fff6f6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.dropdown>.clear.dropdown.icon{opacity:.8;transition:opacity .1s ease}.ui.dropdown>.clear.dropdown.icon:hover{opacity:1}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown>.left.menu{left:auto!important;right:0!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{left:auto;right:100%;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:10.28571429rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:15.42857143rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;transition:opacity .1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;transform:rotate(45deg);width:.5em;height:.5em;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);background:#fff;z-index:2}.ui.pointing.dropdown>.menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto!important;right:1em!important;margin:0;transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto!important;right:100%!important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-.25em;margin:0;transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto!important;bottom:100%!important;margin:0 0 .78571429rem;border-radius:.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100%!important;bottom:auto!important;box-shadow:1px 1px 0 0 rgba(34,36,38,.15);margin:-.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}@font-face{font-family:Dropdown;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0d9"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0da"}.ui.dropdown>.clear.icon:before{content:"\f00d"}/*!
 * # Semantic UI 2.5.0 - Video
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#dcddde;padding-bottom:56.25%}.ui.embed embed,.ui.embed iframe,.ui.embed object{position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.ui.embed>.embed{display:none}.ui.embed>.placeholder{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%;background-color:radial-gradient(transparent 45%,rgba(0,0,0,.3))}.ui.embed>.icon{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ui.embed>.icon:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;content:'';background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:.5;transition:opacity .5s ease}.ui.embed>.icon:before{position:absolute;top:50%;left:50%;z-index:4;transform:translateX(-50%) translateY(-50%);color:#fff;font-size:6rem;text-shadow:0 2px 10px rgba(34,36,38,.2);transition:opacity .5s ease,color .5s ease;z-index:10}.ui.embed .icon:hover:after{background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:1}.ui.embed .icon:hover:before{color:#fff}.ui.active.embed>.icon,.ui.active.embed>.placeholder{display:none}.ui.active.embed>.embed{display:block}.ui.square.embed{padding-bottom:100%}.ui[class*="4:3"].embed{padding-bottom:75%}.ui[class*="16:9"].embed{padding-bottom:56.25%}.ui[class*="21:9"].embed{padding-bottom:42.85714286%}/*!
 * # Semantic UI 2.5.0 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.modal{position:absolute;display:none;z-index:1001;text-align:left;background:#fff;border:none;box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);transform-origin:50% 25%;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.icon:first-child+*,.ui.modal>:first-child:not(.icon){border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;margin:0;padding:1.25rem 1.5rem;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:flex;flex-direction:row}.ui.modal>.content>.image{display:block;flex:0 1 auto;width:'';align-self:top}.ui.modal>[class*="top aligned"]{align-self:top}.ui.modal>[class*="middle aligned"]{align-self:middle}.ui.modal>[class*=stretched]{align-self:stretch}.ui.modal>.content>.description{display:block;flex:1 0 auto;min-width:0;align-self:top}.ui.modal>.content>.icon+.description,.ui.modal>.content>.image+.description{flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button{margin-left:.75em}@media only screen and (max-width:767px){.ui.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal{width:850px;margin:0}}@media only screen and (min-width:1200px){.ui.modal{width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal{width:950px;margin:0}}@media only screen and (max-width:991px){.ui.modal>.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767px){.ui.modal>.header{padding:.75rem 1rem!important;padding-right:2.25rem!important}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{flex-direction:column}.ui.modal .content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal .content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header{background-color:transparent}.ui.basic.modal>.header{color:#fff}.ui.basic.modal>.close{top:1rem;right:1.5rem}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}.ui.legacy.modal,.ui.legacy.page.dimmer>.ui.modal{top:50%;left:50%}.ui.legacy.page.dimmer>.ui.scrolling.modal,.ui.page.dimmer>.ui.scrolling.legacy.modal,.ui.top.aligned.dimmer>.ui.legacy.modal,.ui.top.aligned.legacy.page.dimmer>.ui.modal{top:auto}@media only screen and (max-width:991px){.ui.basic.modal>.close{color:#fff}}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer[class*="top aligned"] .modal{margin:5vh auto}@media only screen and (max-width:767px){.modals.dimmer[class*="top aligned"] .modal{margin:1rem auto}}.legacy.modals.dimmer[class*="top aligned"]{padding-top:5vh}@media only screen and (max-width:767px){.legacy.modals.dimmer[class*="top aligned"]{padding-top:1rem}}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{justify-content:flex-start}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.dimmable>.dimmer{position:fixed}.modals.dimmer .ui.scrolling.modal{margin:1rem auto}.scrolling.undetached.dimmable.dimmed{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal{position:absolute;left:50%;margin-top:1rem!important}.ui.modal .scrolling.content{max-height:calc(80vh - 10em);overflow:auto}.ui.fullscreen.modal{width:95%!important;margin:1em auto}.ui.fullscreen.modal>.header{padding-right:2.25rem}.ui.fullscreen.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header{font-size:1.6em}@media only screen and (max-width:767px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}}/*!
 * # Semantic UI 2.5.0 - Nag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.nag{display:none;opacity:.95;position:relative;top:0;left:0;z-index:999;min-height:0;width:100%;margin:0;padding:.75em 1em;background:#555;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);font-size:1rem;text-align:center;color:rgba(0,0,0,.87);border-radius:0 0 .28571429rem .28571429rem;transition:.2s background ease}a.ui.nag{cursor:pointer}.ui.nag>.title{display:inline-block;margin:0 .5em;color:#fff}.ui.nag>.close.icon{cursor:pointer;opacity:.4;position:absolute;top:50%;right:1em;font-size:1em;margin:-.5em 0 0;color:#fff;transition:opacity .2s ease}.ui.nag:hover{background:#555;opacity:1}.ui.nag .close:hover{opacity:1}.ui.overlay.nag{position:absolute;display:block}.ui.fixed.nag{position:fixed}.ui.bottom.nag,.ui.bottom.nags{border-radius:.28571429rem .28571429rem 0 0;top:auto;bottom:0}.ui.inverted.nag,.ui.inverted.nags .nag{background-color:#f3f4f5;color:rgba(0,0,0,.85)}.ui.inverted.nag .close,.ui.inverted.nag .title,.ui.inverted.nags .nag .close,.ui.inverted.nags .nag .title{color:rgba(0,0,0,.4)}.ui.nags .nag{border-radius:0!important}.ui.nags .nag:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.nags .nag:last-child{border-radius:.28571429rem .28571429rem 0 0}/*!
 * # Semantic UI 2.5.0 - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup:before{position:absolute;content:'';width:.71428571em;height:.71428571em;background:#fff;transform:rotate(45deg);z-index:2;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;position:absolute;content:'';font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;transform:rotate(45deg);z-index:2;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]:after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1}[data-tooltip]:not([data-position]):before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position]):after{left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]:after,[data-tooltip]:before{pointer-events:none;visibility:hidden}[data-tooltip]:before{opacity:0;transform:rotate(45deg) scale(0)!important;transform-origin:center top;transition:all .1s ease}[data-tooltip]:after{opacity:1;transform-origin:center bottom;transition:all .1s ease}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;pointer-events:auto}[data-tooltip]:hover:before{transform:rotate(45deg) scale(1)!important;opacity:1}[data-tooltip]:after,[data-tooltip][data-position="bottom center"]:after,[data-tooltip][data-position="top center"]:after{transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after{transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after{transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after{transform:translateY(-50%) scale(1)!important}[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after,[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after{transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after,[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after{transform:scale(1)!important}[data-tooltip][data-inverted]:before{box-shadow:none!important}[data-tooltip][data-inverted]:before{background:#1b1c1d}[data-tooltip][data-inverted]:after{background:#1b1c1d;color:#fff;border:none;box-shadow:none}[data-tooltip][data-inverted]:after .header{background-color:none;color:#fff}[data-position="top center"][data-tooltip]:after{top:auto;right:auto;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]:after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]:after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]:before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="bottom center"][data-tooltip]:after{bottom:auto;right:auto;left:50%;top:100%;transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom left"][data-tooltip]:after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]:after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]:before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]:after{right:100%;top:50%;margin-right:.5em;transform:translateY(-50%)}[data-position="left center"][data-tooltip]:before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem}[data-position="right center"][data-tooltip]:after{left:100%;top:50%;margin-left:.5em;transform:translateY(-50%)}[data-position="right center"][data-tooltip]:before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem}[data-position~=bottom][data-tooltip]:before{background:#fff;box-shadow:-1px -1px 0 0 #bababc}[data-position="left center"][data-tooltip]:before{background:#fff;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]:before{background:#fff;box-shadow:-1px 1px 0 0 #bababc}[data-position~=top][data-tooltip]:before{background:#fff}[data-inverted][data-position~=bottom][data-tooltip]:before{background:#1b1c1d;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]:before{background:#1b1c1d;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]:before{background:#1b1c1d;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]:before{background:#1b1c1d}[data-position~=bottom][data-tooltip]:before{transform-origin:center bottom}[data-position~=bottom][data-tooltip]:after{transform-origin:center top}[data-position="left center"][data-tooltip]:before{transform-origin:top center}[data-position="left center"][data-tooltip]:after{transform-origin:right center}[data-position="right center"][data-tooltip]:before{transform-origin:right center}[data-position="right center"][data-tooltip]:after{transform-origin:left center}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{transform-origin:left bottom}.ui.top.center.popup{transform-origin:center bottom}.ui.top.right.popup{transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{transform-origin:left top}.ui.bottom.center.popup{transform-origin:center top}.ui.bottom.right.popup{transform-origin:right top}.ui.bottom.center.popup:before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup:before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup:before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;box-shadow:-1px 1px 0 0 #bababc}.ui.bottom.popup:before{background:#fff}.ui.left.center.popup:before,.ui.right.center.popup:before{background:#fff}.ui.top.popup:before{background:#fff}.ui.inverted.bottom.popup:before{background:#1b1c1d}.ui.inverted.left.center.popup:before,.ui.inverted.right.center.popup:before{background:#1b1c1d}.ui.inverted.top.popup:before{background:#1b1c1d}.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup:before{display:none}.ui.wide.popup{max-width:350px}.ui[class*="very wide"].popup{max-width:550px}@media only screen and (max-width:767px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup:before{background-color:#1b1c1d;box-shadow:none!important}.ui.flowing.popup{max-width:none}.ui.mini.popup{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}.ui.popup{font-size:1rem}.ui.large.popup{font-size:1.14285714rem}.ui.huge.popup{font-size:1.42857143rem}/*!
 * # Semantic UI 2.5.0 - Progress Bar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.progress{position:relative;display:block;max-width:100%;border:none;margin:1em 0 2.5em;box-shadow:none;background:rgba(0,0,0,.1);padding:0;border-radius:.28571429rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.progress .bar{display:block;line-height:1;position:relative;width:0%;min-width:2em;background:#888;border-radius:.28571429rem;transition:width .1s ease,background-color .1s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.92857143em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.7);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.87);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;transition:color .4s ease}.ui.indicating.progress[data-percent^="1"] .bar,.ui.indicating.progress[data-percent^="2"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .bar{background-color:#efbc72}.ui.indicating.progress[data-percent^="4"] .bar,.ui.indicating.progress[data-percent^="5"] .bar{background-color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .bar{background-color:#ddc928}.ui.indicating.progress[data-percent^="7"] .bar,.ui.indicating.progress[data-percent^="8"] .bar{background-color:#b4d95c}.ui.indicating.progress[data-percent^="100"] .bar,.ui.indicating.progress[data-percent^="9"] .bar{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="3"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="6"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="100"] .label,.ui.indicating.progress[data-percent^="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent="1"] .bar,.ui.indicating.progress[data-percent="2"] .bar,.ui.indicating.progress[data-percent="3"] .bar,.ui.indicating.progress[data-percent="4"] .bar,.ui.indicating.progress[data-percent="5"] .bar,.ui.indicating.progress[data-percent="6"] .bar,.ui.indicating.progress[data-percent="7"] .bar,.ui.indicating.progress[data-percent="8"] .bar,.ui.indicating.progress[data-percent="9"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress.success .label{color:#1a531b}.ui.progress.success .bar{background-color:#21ba45!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#1a531b}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#794b02}.ui.progress.error .bar{background-color:#db2828!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.28571429rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite}@-webkit-keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.inverted.progress{background:rgba(255,255,255,.08);border:none}.ui.inverted.progress .bar{background:#888}.ui.inverted.progress .bar>.progress{color:#f9fafb}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#21ba45}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#db2828}.ui.progress.attached{background:0 0;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.2rem;padding:0;overflow:hidden;border-radius:0 0 .28571429rem .28571429rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.28571429rem .28571429rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.card>.ui.attached.progress,.ui.segment>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.card>.ui.bottom.attached.progress,.ui.segment>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.red.progress .bar{background-color:#db2828}.ui.red.inverted.progress .bar{background-color:#ff695e}.ui.orange.progress .bar{background-color:#f2711c}.ui.orange.inverted.progress .bar{background-color:#ff851b}.ui.yellow.progress .bar{background-color:#fbbd08}.ui.yellow.inverted.progress .bar{background-color:#ffe21f}.ui.olive.progress .bar{background-color:#b5cc18}.ui.olive.inverted.progress .bar{background-color:#d9e778}.ui.green.progress .bar{background-color:#21ba45}.ui.green.inverted.progress .bar{background-color:#2ecc40}.ui.teal.progress .bar{background-color:#00b5ad}.ui.teal.inverted.progress .bar{background-color:#6dffff}.ui.blue.progress .bar{background-color:#2185d0}.ui.blue.inverted.progress .bar{background-color:#54c8ff}.ui.violet.progress .bar{background-color:#6435c9}.ui.violet.inverted.progress .bar{background-color:#a291fb}.ui.purple.progress .bar{background-color:#a333c8}.ui.purple.inverted.progress .bar{background-color:#dc73ff}.ui.pink.progress .bar{background-color:#e03997}.ui.pink.inverted.progress .bar{background-color:#ff8edf}.ui.brown.progress .bar{background-color:#a5673f}.ui.brown.inverted.progress .bar{background-color:#d67c1c}.ui.grey.progress .bar{background-color:#767676}.ui.grey.inverted.progress .bar{background-color:#dcddde}.ui.black.progress .bar{background-color:#1b1c1d}.ui.black.inverted.progress .bar{background-color:#545454}.ui.tiny.progress{font-size:.85714286rem}.ui.tiny.progress .bar{height:.5em}.ui.small.progress{font-size:.92857143rem}.ui.small.progress .bar{height:1em}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em}/*!
 * # Semantic UI 2.5.0 - Rating
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.rating{display:inline-flex;white-space:nowrap;vertical-align:baseline}.ui.rating:last-child{margin-right:0}.ui.rating .icon{padding:0;margin:0;text-align:center;font-weight:400;font-style:normal;flex:1 0 auto;cursor:pointer;width:1.25em;height:auto;transition:opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease}.ui.rating .icon{background:0 0;color:rgba(0,0,0,.15)}.ui.rating .active.icon{background:0 0;color:rgba(0,0,0,.85)}.ui.rating .icon.selected,.ui.rating .icon.selected.active{background:0 0;color:rgba(0,0,0,.87)}.ui.star.rating .icon{width:1.25em;height:auto;background:0 0;color:rgba(0,0,0,.15);text-shadow:none}.ui.star.rating .active.icon{background:0 0!important;color:#ffe623!important;text-shadow:0 -1px 0 #ddc507,-1px 0 0 #ddc507,0 1px 0 #ddc507,1px 0 0 #ddc507!important}.ui.star.rating .icon.selected,.ui.star.rating .icon.selected.active{background:0 0!important;color:#fc0!important;text-shadow:0 -1px 0 #e6a200,-1px 0 0 #e6a200,0 1px 0 #e6a200,1px 0 0 #e6a200!important}.ui.heart.rating .icon{width:1.4em;height:auto;background:0 0;color:rgba(0,0,0,.15);text-shadow:none!important}.ui.heart.rating .active.icon{background:0 0!important;color:#ff6d75!important;text-shadow:0 -1px 0 #cd0707,-1px 0 0 #cd0707,0 1px 0 #cd0707,1px 0 0 #cd0707!important}.ui.heart.rating .icon.selected,.ui.heart.rating .icon.selected.active{background:0 0!important;color:#ff3000!important;text-shadow:0 -1px 0 #aa0101,-1px 0 0 #aa0101,0 1px 0 #aa0101,1px 0 0 #aa0101!important}.ui.disabled.rating .icon{cursor:default}.ui.rating.selected .active.icon{opacity:1}.ui.rating .icon.selected,.ui.rating.selected .icon.selected{opacity:1}.ui.mini.rating{font-size:.78571429rem}.ui.tiny.rating{font-size:.85714286rem}.ui.small.rating{font-size:.92857143rem}.ui.rating{font-size:1rem}.ui.large.rating{font-size:1.14285714rem}.ui.huge.rating{font-size:1.42857143rem}.ui.massive.rating{font-size:2rem}@font-face{font-family:Rating;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:400;font-style:normal}.ui.rating .icon{font-family:Rating;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.rating .icon:before{content:'\f005'}.ui.rating .active.icon:before{content:'\f005'}.ui.star.rating .icon:before{content:'\f005'}.ui.star.rating .active.icon:before{content:'\f005'}.ui.star.rating .partial.icon:before{content:'\f006'}.ui.star.rating .partial.icon{content:'\f005'}.ui.heart.rating .icon:before{content:'\f004'}.ui.heart.rating .active.icon:before{content:'\f004'}/*!
 * # Semantic UI 2.5.0 - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.search{position:relative}.ui.search>.prompt{margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-shadow:none;font-style:normal;font-weight:400;line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);box-shadow:0 0 0 0 transparent inset;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease}.ui.search .prompt{border-radius:500rem}.ui.search .prompt~.search.icon{cursor:pointer}.ui.search>.results{display:none;position:absolute;top:100%;left:0;transform-origin:center top;white-space:normal;text-align:left;text-transform:none;background:#fff;margin-top:.5em;width:18em;border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid #d4d4d5;z-index:998}.ui.search>.results>:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.search>.results>:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.search>.results .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:.85714286em 1.14285714em;color:rgba(0,0,0,.87);line-height:1.33;border-bottom:1px solid rgba(34,36,38,.1)}.ui.search>.results .result:last-child{border-bottom:none!important}.ui.search>.results .result .image{float:right;overflow:hidden;background:0 0;width:5em;height:3em;border-radius:.25em}.ui.search>.results .result .image img{display:block;width:auto;height:100%}.ui.search>.results .result .image+.content{margin:0 6em 0 0}.ui.search>.results .result .title{margin:-.14285714em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;font-size:1em;color:rgba(0,0,0,.85)}.ui.search>.results .result .description{margin-top:0;font-size:.92857143em;color:rgba(0,0,0,.4)}.ui.search>.results .result .price{float:right;color:#21ba45}.ui.search>.results>.message{padding:1em 1em}.ui.search>.results>.message .header{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;color:rgba(0,0,0,.87)}.ui.search>.results>.message .description{margin-top:.25rem;font-size:1em;color:rgba(0,0,0,.87)}.ui.search>.results>.action{display:block;border-top:none;background:#f3f4f5;padding:.92857143em 1em;color:rgba(0,0,0,.87);font-weight:700;text-align:center}.ui.search>.prompt:focus{border-color:rgba(34,36,38,.35);background:#fff;color:rgba(0,0,0,.95)}.ui.loading.search .input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.search .input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.category.search>.results .category .result:hover,.ui.search>.results .result:hover{background:#f9fafb}.ui.search .action:hover{background:#e0e0e0}.ui.category.search>.results .category.active{background:#f3f4f5}.ui.category.search>.results .category.active>.name{color:rgba(0,0,0,.87)}.ui.category.search>.results .category .result.active,.ui.search>.results .result.active{position:relative;border-left-color:rgba(34,36,38,.1);background:#f3f4f5;box-shadow:none}.ui.search>.results .result.active .title{color:rgba(0,0,0,.85)}.ui.search>.results .result.active .description{color:rgba(0,0,0,.85)}.ui.disabled.search{cursor:default;pointer-events:none;opacity:.45}.ui.search.selection .prompt{border-radius:.28571429rem}.ui.search.selection>.icon.input>.remove.icon{pointer-events:none;position:absolute;left:auto;opacity:0;color:'';top:0;right:0;transition:color .1s ease,opacity .1s ease}.ui.search.selection>.icon.input>.active.remove.icon{cursor:pointer;opacity:.8;pointer-events:auto}.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon{right:1.85714em}.ui.search.selection>.icon.input>.remove.icon:hover{opacity:1;color:#db2828}.ui.category.search .results{width:28em}.ui.category.search .results.animating,.ui.category.search .results.visible{display:table}.ui.category.search>.results .category{display:table-row;background:#f3f4f5;box-shadow:none;transition:background .1s ease,border-color .1s ease}.ui.category.search>.results .category:last-child{border-bottom:none}.ui.category.search>.results .category:first-child .name+.result{border-radius:0 .28571429rem 0 0}.ui.category.search>.results .category:last-child .result:last-child{border-radius:0 0 .28571429rem 0}.ui.category.search>.results .category>.name{display:table-cell;text-overflow:ellipsis;width:100px;white-space:nowrap;background:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;padding:.4em 1em;font-weight:700;color:rgba(0,0,0,.4);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .results{display:table-cell;background:#fff;border-left:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .result{border-bottom:1px solid rgba(34,36,38,.1);transition:background .1s ease,border-color .1s ease;padding:.85714286em 1.14285714em}.ui[class*="left aligned"].search>.results{right:auto;left:0}.ui[class*="right aligned"].search>.results{right:0;left:auto}.ui.fluid.search .results{width:100%}.ui.mini.search{font-size:.78571429em}.ui.small.search{font-size:.92857143em}.ui.search{font-size:1em}.ui.large.search{font-size:1.14285714em}.ui.big.search{font-size:1.28571429em}.ui.huge.search{font-size:1.42857143em}.ui.massive.search{font-size:1.71428571em}@media only screen and (max-width:767px){.ui.search .results{max-width:calc(100vw - 2rem)}}/*!
 * # Semantic UI 2.5.0 - Shape
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.shape{position:relative;vertical-align:top;display:inline-block;perspective:2000px;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape .sides{transform-style:preserve-3d}.ui.shape .side{opacity:1;width:100%;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.shape .side{display:none}.ui.shape .side *{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.ui.cube.shape .side{min-width:15em;height:15em;padding:2em;background-color:#e6e6e6;color:rgba(0,0,0,.87);box-shadow:0 0 2px rgba(0,0,0,.3)}.ui.cube.shape .side>.content{width:100%;height:100%;display:table;text-align:center;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.cube.shape .side>.content>div{display:table-cell;vertical-align:middle;font-size:2em}.ui.text.shape.animating .sides{position:static}.ui.text.shape .side{white-space:nowrap}.ui.text.shape .side>*{white-space:normal}.ui.loading.shape{position:absolute;top:-9999px;left:-9999px}.ui.shape .animating.side{position:absolute;top:0;left:0;display:block;z-index:100}.ui.shape .hidden.side{opacity:.6}.ui.shape.animating .sides{position:absolute}.ui.shape.animating .sides{transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape.animating .side{transition:opacity .6s ease-in-out}.ui.shape .active.side{display:block}/*!
 * # Semantic UI 2.5.0 - Sidebar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.sidebar{position:fixed;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:none;will-change:transform;transform:translate3d(0,0,0);visibility:hidden;-webkit-overflow-scrolling:touch;height:100%!important;max-height:100%;border-radius:0!important;margin:0!important;overflow-y:auto!important;z-index:102}.ui.sidebar>*{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.left.sidebar{right:auto;left:0;transform:translate3d(-100%,0,0)}.ui.right.sidebar{right:0!important;left:auto!important;transform:translate3d(100%,0,0)}.ui.bottom.sidebar,.ui.top.sidebar{width:100%!important;height:auto!important}.ui.top.sidebar{top:0!important;bottom:auto!important;transform:translate3d(0,-100%,0)}.ui.bottom.sidebar{top:auto!important;bottom:0!important;transform:translate3d(0,100%,0)}.pushable{height:100%;overflow-x:hidden;padding:0!important}body.pushable{background:#545454!important}.pushable:not(body){transform:translate3d(0,0,0)}.pushable:not(body)>.fixed,.pushable:not(body)>.pusher:after,.pushable:not(body)>.ui.sidebar{position:absolute}.pushable>.fixed{position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s ease;will-change:transform;z-index:101}.pushable>.pusher{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;min-height:100%;transition:transform .5s ease;z-index:2}body.pushable>.pusher{background:#fff}.pushable>.pusher{background:inherit}.pushable>.pusher:after{position:fixed;top:0;right:0;content:'';background-color:rgba(0,0,0,.4);overflow:hidden;opacity:0;transition:opacity .5s;will-change:opacity;z-index:1000}.ui.sidebar.menu .item{border-radius:0!important}.pushable>.pusher.dimmed:after{width:100%!important;height:100%!important;opacity:1!important}.ui.animating.sidebar{visibility:visible}.ui.visible.sidebar{visibility:visible;transform:translate3d(0,0,0)}.ui.left.visible.sidebar,.ui.right.visible.sidebar{box-shadow:0 0 20px rgba(34,36,38,.15)}.ui.bottom.visible.sidebar,.ui.top.visible.sidebar{box-shadow:0 0 20px rgba(34,36,38,.15)}.ui.visible.left.sidebar~.fixed,.ui.visible.left.sidebar~.pusher{transform:translate3d(260px,0,0)}.ui.visible.right.sidebar~.fixed,.ui.visible.right.sidebar~.pusher{transform:translate3d(-260px,0,0)}.ui.visible.top.sidebar~.fixed,.ui.visible.top.sidebar~.pusher{transform:translate3d(0,36px,0)}.ui.visible.bottom.sidebar~.fixed,.ui.visible.bottom.sidebar~.pusher{transform:translate3d(0,-36px,0)}.ui.visible.left.sidebar~.ui.visible.right.sidebar~.fixed,.ui.visible.left.sidebar~.ui.visible.right.sidebar~.pusher,.ui.visible.right.sidebar~.ui.visible.left.sidebar~.fixed,.ui.visible.right.sidebar~.ui.visible.left.sidebar~.pusher{transform:translate3d(0,0,0)}.ui.thin.left.sidebar,.ui.thin.right.sidebar{width:150px}.ui[class*="very thin"].left.sidebar,.ui[class*="very thin"].right.sidebar{width:60px}.ui.left.sidebar,.ui.right.sidebar{width:260px}.ui.wide.left.sidebar,.ui.wide.right.sidebar{width:350px}.ui[class*="very wide"].left.sidebar,.ui[class*="very wide"].right.sidebar{width:475px}.ui.visible.thin.left.sidebar~.fixed,.ui.visible.thin.left.sidebar~.pusher{transform:translate3d(150px,0,0)}.ui.visible[class*="very thin"].left.sidebar~.fixed,.ui.visible[class*="very thin"].left.sidebar~.pusher{transform:translate3d(60px,0,0)}.ui.visible.wide.left.sidebar~.fixed,.ui.visible.wide.left.sidebar~.pusher{transform:translate3d(350px,0,0)}.ui.visible[class*="very wide"].left.sidebar~.fixed,.ui.visible[class*="very wide"].left.sidebar~.pusher{transform:translate3d(475px,0,0)}.ui.visible.thin.right.sidebar~.fixed,.ui.visible.thin.right.sidebar~.pusher{transform:translate3d(-150px,0,0)}.ui.visible[class*="very thin"].right.sidebar~.fixed,.ui.visible[class*="very thin"].right.sidebar~.pusher{transform:translate3d(-60px,0,0)}.ui.visible.wide.right.sidebar~.fixed,.ui.visible.wide.right.sidebar~.pusher{transform:translate3d(-350px,0,0)}.ui.visible[class*="very wide"].right.sidebar~.fixed,.ui.visible[class*="very wide"].right.sidebar~.pusher{transform:translate3d(-475px,0,0)}.ui.overlay.sidebar{z-index:102}.ui.left.overlay.sidebar{transform:translate3d(-100%,0,0)}.ui.right.overlay.sidebar{transform:translate3d(100%,0,0)}.ui.top.overlay.sidebar{transform:translate3d(0,-100%,0)}.ui.bottom.overlay.sidebar{transform:translate3d(0,100%,0)}.animating.ui.overlay.sidebar,.ui.visible.overlay.sidebar{transition:transform .5s ease}.ui.visible.left.overlay.sidebar{transform:translate3d(0,0,0)}.ui.visible.right.overlay.sidebar{transform:translate3d(0,0,0)}.ui.visible.top.overlay.sidebar{transform:translate3d(0,0,0)}.ui.visible.bottom.overlay.sidebar{transform:translate3d(0,0,0)}.ui.visible.overlay.sidebar~.fixed,.ui.visible.overlay.sidebar~.pusher{transform:none!important}.ui.push.sidebar{transition:transform .5s ease;z-index:102}.ui.left.push.sidebar{transform:translate3d(-100%,0,0)}.ui.right.push.sidebar{transform:translate3d(100%,0,0)}.ui.top.push.sidebar{transform:translate3d(0,-100%,0)}.ui.bottom.push.sidebar{transform:translate3d(0,100%,0)}.ui.visible.push.sidebar{transform:translate3d(0,0,0)}.ui.uncover.sidebar{transform:translate3d(0,0,0);z-index:1}.ui.visible.uncover.sidebar{transform:translate3d(0,0,0);transition:transform .5s ease}.ui.slide.along.sidebar{z-index:1}.ui.left.slide.along.sidebar{transform:translate3d(-50%,0,0)}.ui.right.slide.along.sidebar{transform:translate3d(50%,0,0)}.ui.top.slide.along.sidebar{transform:translate3d(0,-50%,0)}.ui.bottom.slide.along.sidebar{transform:translate3d(0,50%,0)}.ui.animating.slide.along.sidebar{transition:transform .5s ease}.ui.visible.slide.along.sidebar{transform:translate3d(0,0,0)}.ui.slide.out.sidebar{z-index:1}.ui.left.slide.out.sidebar{transform:translate3d(50%,0,0)}.ui.right.slide.out.sidebar{transform:translate3d(-50%,0,0)}.ui.top.slide.out.sidebar{transform:translate3d(0,50%,0)}.ui.bottom.slide.out.sidebar{transform:translate3d(0,-50%,0)}.ui.animating.slide.out.sidebar{transition:transform .5s ease}.ui.visible.slide.out.sidebar{transform:translate3d(0,0,0)}.ui.scale.down.sidebar{transition:transform .5s ease;z-index:102}.ui.left.scale.down.sidebar{transform:translate3d(-100%,0,0)}.ui.right.scale.down.sidebar{transform:translate3d(100%,0,0)}.ui.top.scale.down.sidebar{transform:translate3d(0,-100%,0)}.ui.bottom.scale.down.sidebar{transform:translate3d(0,100%,0)}.ui.scale.down.left.sidebar~.pusher{transform-origin:75% 50%}.ui.scale.down.right.sidebar~.pusher{transform-origin:25% 50%}.ui.scale.down.top.sidebar~.pusher{transform-origin:50% 75%}.ui.scale.down.bottom.sidebar~.pusher{transform-origin:50% 25%}.ui.animating.scale.down>.visible.ui.sidebar{transition:transform .5s ease}.ui.animating.scale.down.sidebar~.pusher,.ui.visible.scale.down.sidebar~.pusher{display:block!important;width:100%;height:100%;overflow:hidden!important}.ui.visible.scale.down.sidebar{transform:translate3d(0,0,0)}.ui.visible.scale.down.sidebar~.pusher{transform:scale(.75)}/*!
 * # Semantic UI 2.5.0 - Sticky
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.sticky{position:static;transition:none;z-index:800}.ui.sticky.bound{position:absolute;left:auto;right:auto}.ui.sticky.fixed{position:fixed;left:auto;right:auto}.ui.sticky.bound.top,.ui.sticky.fixed.top{top:0;bottom:auto}.ui.sticky.bound.bottom,.ui.sticky.fixed.bottom{top:auto;bottom:0}.ui.native.sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}/*!
 * # Semantic UI 2.5.0 - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.tab{display:none}.ui.tab.active,.ui.tab.open{display:block}.ui.tab.loading{position:relative;overflow:hidden;display:block;min-height:250px}.ui.tab.loading *{position:relative!important;left:-10000px!important}.ui.tab.loading.segment:before,.ui.tab.loading:before{position:absolute;content:'';top:100px;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.tab.loading.segment:after,.ui.tab.loading:after{position:absolute;content:'';top:100px;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}/*!
 * # Semantic UI 2.5.0 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.transition{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animating.transition{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible!important}.loading.transition{position:absolute;top:-99999px;left:-99999px}.hidden.transition{display:none;visibility:hidden}.visible.transition{display:block!important;visibility:visible!important}.disabled.transition{-webkit-animation-play-state:paused;animation-play-state:paused}.looping.transition{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.transition.browse{-webkit-animation-duration:.5s;animation-duration:.5s}.transition.browse.in{-webkit-animation-name:browseIn;animation-name:browseIn}.transition.browse.left.out,.transition.browse.out{-webkit-animation-name:browseOutLeft;animation-name:browseOutLeft}.transition.browse.right.out{-webkit-animation-name:browseOutRight;animation-name:browseOutRight}@-webkit-keyframes browseIn{0%{transform:scale(.8) translateZ(0);z-index:-1}10%{transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{transform:scale(1) translateZ(0);z-index:999}}@keyframes browseIn{0%{transform:scale(.8) translateZ(0);z-index:-1}10%{transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{transform:scale(1) translateZ(0);z-index:999}}@-webkit-keyframes browseOutLeft{0%{z-index:999;transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutLeft{0%{z-index:999;transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@-webkit-keyframes browseOutRight{0%{z-index:999;transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutRight{0%{z-index:999;transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}.drop.transition{transform-origin:top center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.34,1.61,.7,1);animation-timing-function:cubic-bezier(.34,1.61,.7,1)}.drop.transition.in{-webkit-animation-name:dropIn;animation-name:dropIn}.drop.transition.out{-webkit-animation-name:dropOut;animation-name:dropOut}@-webkit-keyframes dropIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes dropIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes dropOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@keyframes dropOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}.transition.fade.in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.transition[class*="fade up"].in{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.transition[class*="fade down"].in{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.transition[class*="fade left"].in{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.transition[class*="fade right"].in{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.transition.fade.out{-webkit-animation-name:fadeOut;animation-name:fadeOut}.transition[class*="fade up"].out{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.transition[class*="fade down"].out{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}.transition[class*="fade left"].out{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.transition[class*="fade right"].out{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(10%)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(10%)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(10%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(-10%)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-10%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(5%)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(5%)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5%)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5%)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(5%)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(5%)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-5%)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-5%)}}.flip.transition.in,.flip.transition.out{-webkit-animation-duration:.6s;animation-duration:.6s}.horizontal.flip.transition.in{-webkit-animation-name:horizontalFlipIn;animation-name:horizontalFlipIn}.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlipOut;animation-name:horizontalFlipOut}.vertical.flip.transition.in{-webkit-animation-name:verticalFlipIn;animation-name:verticalFlipIn}.vertical.flip.transition.out{-webkit-animation-name:verticalFlipOut;animation-name:verticalFlipOut}@-webkit-keyframes horizontalFlipIn{0%{transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes horizontalFlipIn{0%{transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{transform:perspective(2000px) rotateY(0);opacity:1}}@-webkit-keyframes verticalFlipIn{0%{transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes verticalFlipIn{0%{transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{transform:perspective(2000px) rotateX(0);opacity:1}}@-webkit-keyframes horizontalFlipOut{0%{transform:perspective(2000px) rotateY(0);opacity:1}100%{transform:perspective(2000px) rotateY(90deg);opacity:0}}@keyframes horizontalFlipOut{0%{transform:perspective(2000px) rotateY(0);opacity:1}100%{transform:perspective(2000px) rotateY(90deg);opacity:0}}@-webkit-keyframes verticalFlipOut{0%{transform:perspective(2000px) rotateX(0);opacity:1}100%{transform:perspective(2000px) rotateX(-90deg);opacity:0}}@keyframes verticalFlipOut{0%{transform:perspective(2000px) rotateX(0);opacity:1}100%{transform:perspective(2000px) rotateX(-90deg);opacity:0}}.scale.transition.in{-webkit-animation-name:scaleIn;animation-name:scaleIn}.scale.transition.out{-webkit-animation-name:scaleOut;animation-name:scaleOut}@-webkit-keyframes scaleIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes scaleOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.transition.fly{-webkit-animation-duration:.6s;animation-duration:.6s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.transition.fly.in{-webkit-animation-name:flyIn;animation-name:flyIn}.transition[class*="fly up"].in{-webkit-animation-name:flyInUp;animation-name:flyInUp}.transition[class*="fly down"].in{-webkit-animation-name:flyInDown;animation-name:flyInDown}.transition[class*="fly left"].in{-webkit-animation-name:flyInLeft;animation-name:flyInLeft}.transition[class*="fly right"].in{-webkit-animation-name:flyInRight;animation-name:flyInRight}.transition.fly.out{-webkit-animation-name:flyOut;animation-name:flyOut}.transition[class*="fly up"].out{-webkit-animation-name:flyOutUp;animation-name:flyOutUp}.transition[class*="fly down"].out{-webkit-animation-name:flyOutDown;animation-name:flyOutDown}.transition[class*="fly left"].out{-webkit-animation-name:flyOutLeft;animation-name:flyOutLeft}.transition[class*="fly right"].out{-webkit-animation-name:flyOutRight;animation-name:flyOutRight}@-webkit-keyframes flyIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}@keyframes flyIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}@-webkit-keyframes flyInUp{0%{opacity:0;transform:translate3d(0,1500px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}100%{transform:translate3d(0,0,0)}}@keyframes flyInUp{0%{opacity:0;transform:translate3d(0,1500px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}100%{transform:translate3d(0,0,0)}}@-webkit-keyframes flyInDown{0%{opacity:0;transform:translate3d(0,-1500px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}100%{transform:none}}@keyframes flyInDown{0%{opacity:0;transform:translate3d(0,-1500px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}100%{transform:none}}@-webkit-keyframes flyInLeft{0%{opacity:0;transform:translate3d(1500px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}100%{transform:none}}@keyframes flyInLeft{0%{opacity:0;transform:translate3d(1500px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}100%{transform:none}}@-webkit-keyframes flyInRight{0%{opacity:0;transform:translate3d(-1500px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}100%{transform:none}}@keyframes flyInRight{0%{opacity:0;transform:translate3d(-1500px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}100%{transform:none}}@-webkit-keyframes flyOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes flyOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;transform:scale3d(.3,.3,.3)}}@-webkit-keyframes flyOutUp{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}100%{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes flyOutUp{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}100%{opacity:0;transform:translate3d(0,2000px,0)}}@-webkit-keyframes flyOutDown{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}100%{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes flyOutDown{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}100%{opacity:0;transform:translate3d(0,-2000px,0)}}@-webkit-keyframes flyOutRight{20%{opacity:1;transform:translate3d(20px,0,0)}100%{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes flyOutRight{20%{opacity:1;transform:translate3d(20px,0,0)}100%{opacity:0;transform:translate3d(-2000px,0,0)}}@-webkit-keyframes flyOutLeft{20%{opacity:1;transform:translate3d(-20px,0,0)}100%{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes flyOutLeft{20%{opacity:1;transform:translate3d(-20px,0,0)}100%{opacity:0;transform:translate3d(2000px,0,0)}}.transition.slide.in,.transition[class*="slide down"].in{-webkit-animation-name:slideInY;animation-name:slideInY;transform-origin:top center}.transition[class*="slide up"].in{-webkit-animation-name:slideInY;animation-name:slideInY;transform-origin:bottom center}.transition[class*="slide left"].in{-webkit-animation-name:slideInX;animation-name:slideInX;transform-origin:center right}.transition[class*="slide right"].in{-webkit-animation-name:slideInX;animation-name:slideInX;transform-origin:center left}.transition.slide.out,.transition[class*="slide down"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;transform-origin:top center}.transition[class*="slide up"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;transform-origin:bottom center}.transition[class*="slide left"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;transform-origin:center right}.transition[class*="slide right"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;transform-origin:center left}@-webkit-keyframes slideInY{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@keyframes slideInY{0%{opacity:0;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-webkit-keyframes slideInX{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:scaleX(1)}}@keyframes slideInX{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:scaleX(1)}}@-webkit-keyframes slideOutY{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(0)}}@keyframes slideOutY{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(0)}}@-webkit-keyframes slideOutX{0%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(0)}}@keyframes slideOutX{0%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(0)}}.transition.swing{-webkit-animation-duration:.8s;animation-duration:.8s}.transition[class*="swing down"].in{-webkit-animation-name:swingInX;animation-name:swingInX;transform-origin:top center}.transition[class*="swing up"].in{-webkit-animation-name:swingInX;animation-name:swingInX;transform-origin:bottom center}.transition[class*="swing left"].in{-webkit-animation-name:swingInY;animation-name:swingInY;transform-origin:center right}.transition[class*="swing right"].in{-webkit-animation-name:swingInY;animation-name:swingInY;transform-origin:center left}.transition.swing.out,.transition[class*="swing down"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;transform-origin:top center}.transition[class*="swing up"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;transform-origin:bottom center}.transition[class*="swing left"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;transform-origin:center right}.transition[class*="swing right"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;transform-origin:center left}@-webkit-keyframes swingInX{0%{transform:perspective(1000px) rotateX(90deg);opacity:0}40%{transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{transform:perspective(1000px) rotateX(15deg)}80%{transform:perspective(1000px) rotateX(-7.5deg)}100%{transform:perspective(1000px) rotateX(0)}}@keyframes swingInX{0%{transform:perspective(1000px) rotateX(90deg);opacity:0}40%{transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{transform:perspective(1000px) rotateX(15deg)}80%{transform:perspective(1000px) rotateX(-7.5deg)}100%{transform:perspective(1000px) rotateX(0)}}@-webkit-keyframes swingInY{0%{transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{transform:perspective(1000px) rotateY(30deg);opacity:1}60%{transform:perspective(1000px) rotateY(-17.5deg)}80%{transform:perspective(1000px) rotateY(7.5deg)}100%{transform:perspective(1000px) rotateY(0)}}@keyframes swingInY{0%{transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{transform:perspective(1000px) rotateY(30deg);opacity:1}60%{transform:perspective(1000px) rotateY(-17.5deg)}80%{transform:perspective(1000px) rotateY(7.5deg)}100%{transform:perspective(1000px) rotateY(0)}}@-webkit-keyframes swingOutX{0%{transform:perspective(1000px) rotateX(0)}40%{transform:perspective(1000px) rotateX(-7.5deg)}60%{transform:perspective(1000px) rotateX(17.5deg)}80%{transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes swingOutX{0%{transform:perspective(1000px) rotateX(0)}40%{transform:perspective(1000px) rotateX(-7.5deg)}60%{transform:perspective(1000px) rotateX(17.5deg)}80%{transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{transform:perspective(1000px) rotateX(90deg);opacity:0}}@-webkit-keyframes swingOutY{0%{transform:perspective(1000px) rotateY(0)}40%{transform:perspective(1000px) rotateY(7.5deg)}60%{transform:perspective(1000px) rotateY(-10deg)}80%{transform:perspective(1000px) rotateY(30deg);opacity:1}100%{transform:perspective(1000px) rotateY(-90deg);opacity:0}}@keyframes swingOutY{0%{transform:perspective(1000px) rotateY(0)}40%{transform:perspective(1000px) rotateY(7.5deg)}60%{transform:perspective(1000px) rotateY(-10deg)}80%{transform:perspective(1000px) rotateY(30deg);opacity:1}100%{transform:perspective(1000px) rotateY(-90deg);opacity:0}}.transition.zoom.in{-webkit-animation-name:zoomIn;animation-name:zoomIn}.transition.zoom.out{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomIn{0%{opacity:1;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:1;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(0)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(0)}}.flash.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:flash;animation-name:flash}.shake.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:shake;animation-name:shake}.bounce.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:bounce;animation-name:bounce}.tada.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:tada;animation-name:tada}.pulse.transition{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:pulse;animation-name:pulse}.jiggle.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:jiggle;animation-name:jiggle}.transition.glow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.19,1,.22,1);animation-timing-function:cubic-bezier(.19,1,.22,1)}.transition.glow{-webkit-animation-name:glow;animation-name:glow}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.7}100%{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.7}100%{transform:scale(1);opacity:1}}@-webkit-keyframes jiggle{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}@keyframes jiggle{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}@-webkit-keyframes glow{0%{background-color:#fcfcfd}30%{background-color:#fff6cd}100%{background-color:#fcfcfd}}@keyframes glow{0%{background-color:#fcfcfd}30%{background-color:#fff6cd}100%{background-color:#fcfcfd}}.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
       user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}
/* Input text */
/* Input label */
.themeDark {
  --theme-surface-100: #253141;
  --theme-surface-200: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  --theme-surface-300: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  --theme-surface-400: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-surface-450: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  --theme-surface-500: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-surface-border: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  --theme-surface-header: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  --theme-primary-100: #34c6e5;
  --theme-primary-80: rgb(11.5275280418%, 75.1579758541%, 88.6685503896%);
  --theme-primary-60: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  --theme-primary-40: rgb(9.1052316123%, 60.2346091275%, 71.0908468191%);
  --theme-primary-20: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  --theme-primary-text-100: #1a1f28;
  --theme-primary-text-80: rgb(12.559714795%, 14.9750445633%, 19.3226381462%);
  --theme-primary-text-60: rgb(14.9233511586%, 17.7932263815%, 22.9590017825%);
  --theme-primary-text-40: rgb(18.0748663102%, 21.550802139%, 27.807486631%);
  --theme-primary-text-20: rgb(22.0142602496%, 26.247771836%, 33.8680926916%);
  --theme-secondary-100: #97dceb;
  --theme-secondary-80: rgb(50.8285895003%, 83.4519291588%, 90.5439595193%);
  --theme-secondary-60: rgb(42.4414927261%, 80.6293485136%, 88.9310562935%);
  --theme-secondary-40: rgb(34.0543959519%, 77.8067678684%, 87.3181530677%);
  --theme-secondary-20: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  --theme-secondary-text-100: #283d42;
  --theme-secondary-text-80: rgb(17.9504254532%, 27.3743988161%, 29.6182019978%);
  --theme-secondary-text-60: rgb(20.2145763966%, 30.8272290048%, 33.3540510544%);
  --theme-secondary-text-40: rgb(23.2334443211%, 35.4310025897%, 38.3351831299%);
  --theme-secondary-text-20: rgb(27.0070292268%, 41.1857195708%, 44.5615982242%);
  --theme-success-100: #6bf2a7;
  --theme-success-80: rgb(32.7682377299%, 94.0945073682%, 60.0243575691%);
  --theme-success-60: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  --theme-success-40: rgb(14.3831445622%, 92.4796005359%, 49.0926805505%);
  --theme-success-20: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  --theme-success-text-100: #203d2d;
  --theme-success-text-80: rgb(14.6135357369%, 27.8570524984%, 20.55028463%);
  --theme-success-text-60: rgb(16.6780518659%, 31.7925363694%, 23.4535104364%);
  --theme-success-text-40: rgb(19.430740038%, 37.0398481973%, 27.3244781784%);
  --theme-success-text-20: rgb(22.871600253%, 43.5989879823%, 32.1631878558%);
  --theme-warning-100: #facc15;
  --theme-warning-80: rgb(94.2603987202%, 75.7305767495%, 2.0141110838%);
  --theme-warning-60: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  --theme-warning-40: rgb(74.678808762%, 59.9983591763%, 1.5957010419%);
  --theme-warning-20: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  --theme-warning-text-100: #3f2511;
  --theme-warning-text-80: rgb(29.4308823529%, 17.2848039216%, 7.9416666667%);
  --theme-warning-text-60: rgb(34.1558823529%, 20.0598039216%, 9.2166666667%);
  --theme-warning-text-40: rgb(40.4558823529%, 23.7598039216%, 10.9166666667%);
  --theme-warning-text-20: rgb(48.3308823529%, 28.3848039216%, 13.0416666667%);
  --theme-error-100: #e74c3c;
  --theme-error-80: rgb(89.4923448832%, 21.6304055869%, 14.6253021757%);
  --theme-error-60: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  --theme-error-40: rgb(74.8992747784%, 15.3639538007%, 9.2183722804%);
  --theme-error-20: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  --theme-error-text-100: #380e0a;
  --theme-error-text-80: rgb(27.0516934046%, 6.7629233512%, 4.8306595365%);
  --theme-error-text-60: rgb(32.1426024955%, 8.0356506239%, 5.7397504456%);
  --theme-error-text-40: rgb(38.9304812834%, 9.7326203209%, 6.9518716578%);
  --theme-error-text-20: rgb(47.4153297683%, 11.8538324421%, 8.4670231729%);
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(13.5762792922%, 44.8828311813%, 96.0315638451%);
  --theme-info-60: rgb(4.3730272597%, 38.8713534194%, 95.2348158776%);
  --theme-info-40: rgb(3.9340028694%, 34.968914395%, 85.6738402678%);
  --theme-info-20: rgb(3.4949784792%, 31.0664753706%, 76.1128646581%);
  --theme-info-text-100: #0f1c31;
  --theme-info-text-80: rgb(7.2886029412%, 13.6053921569%, 23.8094362745%);
  --theme-info-text-60: rgb(8.6948529412%, 16.2303921569%, 28.4031862745%);
  --theme-info-text-40: rgb(10.5698529412%, 19.7303921569%, 34.5281862745%);
  --theme-info-text-20: rgb(12.9136029412%, 24.1053921569%, 42.1844362745%);
  --theme-form-bg-default: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  --theme-form-bg-hover: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-form-bg-disabled: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-dropdown-border-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-border-hover: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  --theme-dropdown-form-text: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  --theme-dropdown-form-label: rgb(68.137254902%, 74.0196078431%, 81.862745098%);
  --theme-dropdown-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-disabled: black;
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #ffffff;
  --theme-text-80: #cccccc;
  --theme-text-60: rgb(65%, 65%, 65%);
  --theme-text-40: rgb(50%, 50%, 50%);
}

/* Input text */
/* Input label */
.themeLight {
  --theme-surface-100: #f8fafc;
  --theme-surface-200: #f8fafc;
  --theme-surface-300: rgb(95.8549019608%, 97.0392156863%, 98.2235294118%);
  --theme-surface-400: rgb(98.6549019608%, 99.0392156863%, 99.4235294118%);
  --theme-surface-450: rgb(90.2549019608%, 93.0392156863%, 95.8235294118%);
  --theme-surface-500: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  --theme-surface-border: rgb(86.0549019608%, 90.0392156863%, 94.0235294118%);
  --theme-surface-header: white;
  --theme-primary-100: #1c91b0;
  --theme-primary-80: rgb(9.8823529412%, 51.1764705882%, 62.1176470588%);
  --theme-primary-60: rgb(8.7843137255%, 45.4901960784%, 55.2156862745%);
  --theme-primary-40: rgb(7.6862745098%, 39.8039215686%, 48.3137254902%);
  --theme-primary-20: rgb(6.0392156863%, 31.2745098039%, 37.9607843137%);
  --theme-primary-text-100: #a2e1f3;
  --theme-primary-text-80: rgb(68.843697479%, 89.9495798319%, 95.9798319328%);
  --theme-primary-text-60: rgb(74.1579831933%, 91.6638655462%, 96.6655462185%);
  --theme-primary-text-40: rgb(81.243697479%, 93.9495798319%, 97.5798319328%);
  --theme-primary-text-20: rgb(90.1008403361%, 96.8067226891%, 98.7226890756%);
  --theme-secondary-100: #2385be;
  --theme-secondary-80: rgb(12.4810457516%, 47.4279738562%, 67.754248366%);
  --theme-secondary-60: rgb(11.2366013072%, 42.6990849673%, 60.9986928105%);
  --theme-secondary-40: rgb(9.9921568627%, 37.9701960784%, 54.2431372549%);
  --theme-secondary-20: rgb(8.1254901961%, 30.8768627451%, 44.1098039216%);
  --theme-secondary-text-100: rgb(146, 208, 223);
  --theme-secondary-text-80: rgb(61.8931998331%, 83.568627451%, 88.8126825198%);
  --theme-secondary-text-60: rgb(66.5314977055%, 85.568627451%, 90.1743846475%);
  --theme-secondary-text-40: rgb(72.7158948686%, 88.2352941176%, 91.9899874844%);
  --theme-secondary-text-20: rgb(80.4463913225%, 91.568627451%, 94.2594910305%);
  --theme-success-100: #047857;
  --theme-success-80: rgb(1.3105629349%, 39.3168880455%, 28.504743833%);
  --theme-success-60: rgb(1.0524984187%, 31.5749525617%, 22.8918406072%);
  --theme-success-40: rgb(0.7944339026%, 23.8330170778%, 17.2789373814%);
  --theme-success-20: rgb(0.4073371284%, 12.220113852%, 8.8595825427%);
  --theme-success-text-100: #c5f9dc;
  --theme-success-text-80: rgb(82.6924019608%, 98.2095588235%, 89.5557598039%);
  --theme-success-text-60: rgb(88.1299019608%, 98.7720588235%, 92.8370098039%);
  --theme-success-text-40: rgb(95.3799019608%, 99.5220588235%, 97.2120098039%);
  --theme-success-text-20: white;
  --theme-warning-100: #b45309;
  --theme-warning-80: rgb(62.9691876751%, 29.0357920946%, 3.1484593838%);
  --theme-warning-60: rgb(55.350140056%, 25.5225645814%, 2.7675070028%);
  --theme-warning-40: rgb(47.731092437%, 22.0093370682%, 2.3865546218%);
  --theme-warning-20: rgb(36.3025210084%, 16.7394957983%, 1.8151260504%);
  --theme-warning-text-100: #ffc69a;
  --theme-warning-text-80: rgb(100%, 81.0331974374%, 66.3921568627%);
  --theme-warning-text-60: rgb(100%, 84.4193360513%, 72.3921568627%);
  --theme-warning-text-40: rgb(100%, 88.9341875364%, 80.3921568627%);
  --theme-warning-text-20: rgb(100%, 94.5777518928%, 90.3921568627%);
  --theme-error-100: #b91c1c;
  --theme-error-80: rgb(65.6006628003%, 9.9287489644%, 9.9287489644%);
  --theme-error-60: rgb(58.6523059928%, 8.8771057719%, 8.8771057719%);
  --theme-error-40: rgb(51.7039491853%, 7.8254625794%, 7.8254625794%);
  --theme-error-20: rgb(41.281413974%, 6.2479977907%, 6.2479977907%);
  --theme-error-text-100: #ffc1c1;
  --theme-error-text-80: rgb(100%, 81.6862745098%, 81.6862745098%);
  --theme-error-text-60: rgb(100%, 87.6862745098%, 87.6862745098%);
  --theme-error-text-40: #fff4f4;
  --theme-error-text-20: white;
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(15.4884744142%, 46.1023433764%, 96.1193687231%);
  --theme-info-60: rgb(7.8396939264%, 41.2242945959%, 95.7681492109%);
  --theme-info-40: rgb(4.1974175036%, 37.3103778097%, 91.4104256337%);
  --theme-info-20: rgb(3.6705882353%, 32.6274509804%, 79.937254902%);
  --theme-info-text-100: #acccff;
  --theme-info-text-80: rgb(73.4509803922%, 83.686746988%, 100%);
  --theme-info-text-60: rgb(79.4509803922%, 87.3734939759%, 100%);
  --theme-info-text-40: rgb(87.4509803922%, 92.2891566265%, 100%);
  --theme-info-text-20: rgb(97.4509803922%, 98.4337349398%, 100%);
  --theme-form-bg-default: #f8fafc;
  --theme-form-bg-hover: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-form-bg-disabled: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-bg: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-hover: rgb(76.2549019608%, 83.0392156863%, 89.8235294118%);
  --theme-dropdown-form-text: rgb(10.8235294118%, 18.0392156863%, 25.2549019608%);
  --theme-dropdown-form-label: rgb(28.8235294118%, 48.0392156863%, 67.2549019608%);
  --theme-dropdown-bg: #f8fafc;
  --theme-dropdown-disabled: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #1e293a;
  --theme-text-80: rgb(18.5828877005%, 25.3966131907%, 35.926916221%);
  --theme-text-60: rgb(21.9919786096%, 30.0557040998%, 42.5178253119%);
  --theme-text-40: rgb(25.4010695187%, 34.7147950089%, 49.1087344029%);
}

/* Semantic UI overWrite Start */
.ui.dimmer {
  background-color: rgba(0, 0, 0, 0.6);
}

a.active.item:focus {
  outline: none;
}

a.item:focus {
  outline: none;
}

.ui.left.overlay.sidebar {
  width: 320px;
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header);
  box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.6);
}
.ui.left.overlay.sidebar.ui.vertical.menu {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding: 0.5rem;
}
.ui.left.overlay.sidebar.ui.vertical.menu .item {
  background-color: transparent !important;
  padding: 0;
}
.ui.left.overlay.sidebar.ui.vertical.menu .item * {
  transition: all 0.3s ease-in-out;
}
.ui.left.overlay.sidebar.ui.vertical.menu .item.active a {
  border: 1px solid;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ui.left.overlay.sidebar.ui.vertical.menu .item.active a i {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
  box-shadow: 0 0 9px -2px var(--theme-primary-100);
}
.ui.left.overlay.sidebar.ui.vertical.menu .item a {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  border-radius: 12px;
  align-items: center;
  padding: 0.7rem 0.7rem;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header);
}
.ui.left.overlay.sidebar.ui.vertical.menu .item a i {
  padding: 5px;
  border-radius: 7px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ui.left.overlay.sidebar.ui.vertical.menu .item:hover a {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ui.left.overlay.sidebar.ui.vertical.menu .item:hover a i {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.ui.left.overlay.sidebar.ui.vertical.menu .item:before {
  display: none !important;
}

/* Table element */
.ui.table {
  border-radius: 12px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: var(--theme-text-50);
}
.ui.table thead th {
  border-radius: 0;
  font-weight: normal;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: var(--theme-text-50);
}

.ui.table tfoot tr:first-child > th:only-child {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}

.ui.celled.table tr {
  border-top: thin solid;
}
.ui.celled.table tr td {
  border-top: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ui.celled.table tr:nth-child(odd) {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.ui.celled.table tr:nth-child(even) {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}

.ui.celled.table tr td,
.ui.celled.table tr th {
  border-left: 1px solid transparent;
}

.ui.celled.table thead {
  border-radius: 12px 12px 0 0;
}

.ui.table thead tr:first-child > th:first-child {
  border-radius: 12px 0 0 0;
}

.ui.table thead tr:last-child > th:last-child {
  border-radius: 0 12px 0 0;
}

.ui.grid > .column:not(.row) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Form elements start */
.ui.button, .imageUploadFormElement-actions .ui.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.button {
  border-radius: 0;
}

.ui.basic.button, .imageUploadFormElement-actions .ui.basic.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.basic,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.basic.button,
.ui.basic.buttons .button,
.ui.basic.buttons .imageUploadFormElement-actions .action-btn.add,
.imageUploadFormElement-actions .ui.basic.buttons .action-btn.add,
.ui.basic.buttons .loginView .loginBoxWrapper .loginBoxContent .loginBox button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.basic.buttons button,
.ui.basic.buttons .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.basic.buttons .button {
  border-radius: 0;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}

.ui.input > input {
  border-radius: 0;
  border-width: 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.action.input:not([class*="left action"]) > .button:last-child, .imageUploadFormElement-actions .ui.action.input:not([class*="left action"]) > .action-btn.add:last-child, .loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.action.input:not([class*="left action"]) > button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button,
.imageUploadFormElement-actions .ui.action.input:not([class*="left action"]) > .buttons:last-child > .action-btn.add,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.action.input:not([class*="left action"]) > .buttons:last-child > button,
.ui.action.input:not([class*="left action"]) > .dropdown:last-child {
  border-radius: 0;
}

.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
  border-radius: 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  border-radius: 0;
}

.ui.form .field .ui.input input,
.ui.form .fields .field .ui.input input {
  border-radius: 8px !important;
  border: 1px solid !important;
  font-size: 12px !important;
  padding: 0.7rem 1rem;
  color: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  color: var(--theme-dropdown-form-text) !important;
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  border-color: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  border-color: var(--theme-dropdown-border-bg) !important;
}
.ui.form .field .ui.input input:hover,
.ui.form .fields .field .ui.input input:hover {
  border-color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  border-color: var(--theme-primary-40) !important;
}
.ui.form .field .ui.input input:active, .ui.form .field .ui.input input:focus,
.ui.form .fields .field .ui.input input:active,
.ui.form .fields .field .ui.input input:focus {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
}

.ui.form .field.error .ui.input input,
.ui.form .fields .field.error .ui.input input {
  border-color: #e74c3c;
  border-color: var(--theme-error-100) !important;
}

.ui.form textarea {
  border-radius: 8px !important;
  border: 1px solid !important;
  font-size: 12px !important;
  padding: 0.7rem 1rem !important;
  color: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  color: var(--theme-dropdown-form-text) !important;
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  border-color: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  border-color: var(--theme-dropdown-border-bg) !important;
}

.ui.form textarea:focus {
  border-radius: 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  border: 1px solid;
  border-color: var(--theme-primary-400);
}

.ui.form .field > label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
  font-weight: normal;
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
  border-radius: 6px !important;
  border: 1px solid;
  background-color: transparent !important;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}

.ui.checkbox label,
.ui.checkbox + label {
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}

.ui.checkbox input.hidden + label {
  color: #cccccc;
  color: var(--theme-text-80);
  font-size: 12px;
}

.ui.checkbox .box:after,
.ui.checkbox label:after {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  color: var(--theme-surface-400);
  border-radius: 6px;
  font-size: 10px;
  line-height: 18px;
}

.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  color: var(--theme-surface-400);
  border-radius: 6px;
}

.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}

.ui.checkbox .box:before,
.ui.checkbox label:before {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
  border-radius: 0;
}

.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before,
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}

.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100) !important;
}

.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}

.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}

.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: white;
}

.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  background-color: var(--theme-success-60) !important;
}

.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
  border-radius: 60px !important;
}

.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  background-color: #203d2d;
  background-color: var(--theme-success-text-100) !important;
  border-radius: 60px !important;
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  border-radius: 30px !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}

.ui.form .required.field > .checkbox:after {
  content: "";
}

.ui.form input[type=checkbox] {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.form .field.error .input,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .fields.error .field label {
  color: #e74c3c;
  color: var(--theme-error-100);
}

.ui.icon.input > i.icon:not(.link) {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.label {
  border-radius: 0;
  border-width: 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  box-shadow: none;
}

a.ui.label:hover,
a.ui.labels .label:hover {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.basic.label {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.form .field.disabled > label,
.ui.form .fields.disabled > label {
  opacity: 0.97;
}

.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  opacity: 0.97;
}

/* Form elements end */
.ui.pagination.menu {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ui.pagination.menu .item {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ui.pagination.menu .item:first-child {
  border-radius: 0;
}
.ui.pagination.menu .item:first-child {
  border-radius: 0;
}
.ui.pagination.menu .active.item {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.menu {
  border-radius: 0;
}

.ui.menu .ui.dropdown .menu > .item {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.ui.menu .ui.dropdown .menu > .selected.item {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #cccccc;
  color: var(--theme-text-80);
}

.ui.menu .ui.dropdown .menu > .active.item {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #cccccc;
  color: var(--theme-text-80);
}

.ui.menu .ui.dropdown .menu > .item:hover {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.ui.secondary.pointing.menu .item {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.secondary.pointing.menu .active.item:hover {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  border-bottom-color: rgb(50%, 50%, 50%);
  border-bottom-color: var(--theme-text-40);
}

.ui.secondary.pointing.menu .active.item {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  border-bottom-color: rgb(50%, 50%, 50%);
  border-bottom-color: var(--theme-text-40);
}

.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.pointing.dropdown > .menu {
  border-radius: 0;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
}

.ui.dropdown .menu {
  border-radius: 8px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ui.dropdown .menu > .item:first-child {
  border-radius: 8px 8px 0 0;
}
.ui.dropdown .menu > .item:last-child {
  border-radius: 0 0 8px 8px;
}

.ui.dropdown .menu > .item {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #ffffff;
  color: var(--theme-text-100);
}
.ui.dropdown .menu > .item a {
  color: #ffffff;
  color: var(--theme-text-100);
}
.ui.dropdown .menu > .item a:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #ffffff;
  color: var(--theme-text-100);
}

.ui.dropdown .menu > .divider {
  border-color: #cccccc;
  border-color: var(--theme-text-80);
}

.ui.dropdown .menu > .item:hover {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.ui.action.input:not([class*="left action"]) > .button:last-child, .imageUploadFormElement-actions .ui.action.input:not([class*="left action"]) > .action-btn.add:last-child, .loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.action.input:not([class*="left action"]) > button:last-child {
  border-radius: 0 8px 8px 0;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}

.ui.search.dropdown > input.search {
  border-radius: 8px !important;
  height: 35px;
  line-height: 16px;
  display: flex;
  align-items: center;
}

.ui.tag.label {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  padding-right: 0.5rem;
}
.ui.tag.label i.icon {
  color: #e74c3c;
  color: var(--theme-error-100) !important;
}
.ui.tag.label:after {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.ui.tag.label {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100) !important;
  color: #1a1f28;
  color: var(--theme-primary-text-100) !important;
}

.ui.selection.dropdown {
  border-width: 0;
  border-radius: 8px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ui.selection.dropdown > .dropdown.icon {
  top: 0;
}
.ui.selection.dropdown .menu {
  border-radius: 0;
  border-width: 0;
  left: 1px;
}
.ui.selection.dropdown .menu .item {
  border-top-width: 0;
}
.ui.selection.dropdown .menu .item:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.selection.visible.dropdown > .text:not(.default) {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.breadcrumb .section {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.ui.breadcrumb .divider {
  color: #cccccc;
  color: var(--theme-text-80);
}
.ui.breadcrumb a {
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.ui.breadcrumb a:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.ui.feed > .event > .content .summary {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  font-weight: normal;
}

.ui.feed > .event > .content .date {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.feed > .event > .content .meta {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.feed > .event > .content .meta a,
.ui.feed > .event > .content .meta > .icon {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.fluid.card {
  border-radius: 0;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}

.ui.card,
.ui.cards > .card {
  box-shadow: none;
}

.ui.card > .content > .header,
.ui.cards > .card > .content > .header {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.card > .content > .description,
.ui.cards > .card > .content > .description {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.ui.card > .content > .header:not(.ui),
.ui.cards > .card > .content > .header:not(.ui) {
  padding: 0 5px 2px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.ui.list .list > .item .header,
.ui.list > .item .header {
  color: #ffffff;
  color: var(--theme-text-100);
}

.ui.modal {
  border-radius: 12px !important;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}

.ui.modal .close.icon {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.modal > .header {
  border-radius: 12px 12px 0 0 !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  color: #ffffff;
  color: var(--theme-text-100);
}

.ui.modal > .content {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #ffffff;
  color: var(--theme-text-100);
}

.ui.modal > .actions {
  border-radius: 0 0 12px 12px !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ui.modal > .actions.modalAction-spaceBetween {
  display: flex;
  justify-content: space-between;
}

.ui.modal > .close {
  top: 0.5rem;
  right: 0.5rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.modal button.ui.button.modalCloseButton, .modal .imageUploadFormElement-actions button.ui.modalCloseButton.action-btn.add, .imageUploadFormElement-actions .modal button.ui.modalCloseButton.action-btn.add, .modal .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.modalCloseButton, .loginView .loginBoxWrapper .loginBoxContent .loginBox .modal button.ui.modalCloseButton {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.modal button.ui.button.closeButton, .modal .imageUploadFormElement-actions button.ui.closeButton.action-btn.add, .imageUploadFormElement-actions .modal button.ui.closeButton.action-btn.add, .modal .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.closeButton, .loginView .loginBoxWrapper .loginBoxContent .loginBox .modal button.ui.closeButton {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.modal button.ui.button.closeButton:hover, .modal .imageUploadFormElement-actions button.ui.closeButton.action-btn.add:hover, .imageUploadFormElement-actions .modal button.ui.closeButton.action-btn.add:hover, .modal .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.closeButton:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox .modal button.ui.closeButton:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}

.ui.message {
  border-radius: 0;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.attached.info.message,
.ui.info.message {
  border: 1px solid;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  box-shadow: none;
}

.ui.attached.success.message,
.ui.success.message {
  border: 1px solid;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
  box-shadow: none;
}

.ui.success.message .header {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.header {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.segment {
  border-radius: 0;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}

.ui.segment.pushable {
  margin: 0;
  border-radius: 0;
  border-width: 0;
}

.ui.loading.form {
  background-color: var(--theme-surface-transparent);
  opacity: 0.2;
}

.ui.loading.form:after {
  border-color: white rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3);
}

.ui.active.transition.visible.inverted.dimmer {
  background-color: var(--theme-surface-transparent);
}

.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.inverted.menu {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.inverted.menu .item,
.ui.inverted.menu .item > a:not(.ui) {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ui.inverted.menu .item:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}

input,
textarea {
  border-radius: 8px !important;
  border: 1px solid !important;
  font-size: 12px !important;
  padding: 0.7rem 1rem !important;
  color: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  color: var(--theme-dropdown-form-text) !important;
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  border-color: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  border-color: var(--theme-dropdown-border-bg) !important;
}
input:hover,
textarea:hover {
  border-color: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  border-color: var(--theme-dropdown-border-hover) !important;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-form-bg-hover) !important;
}
input:active, input:focus,
textarea:active,
textarea:focus {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
}
input:disabled,
textarea:disabled {
  opacity: 0.7 !important;
  border-color: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  border-color: var(--theme-dropdown-border-hover) !important;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-form-bg-hover) !important;
}

html.theme-transition,
html.theme-transition *,
html.theme-transition *:before,
html.theme-transition *:after {
  transition: all 750ms !important;
  transition-delay: 0 !important;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular, body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

body {
  min-height: 100%;
  font-size: 12px;
  display: flex;
}
body #root {
  display: flex;
  height: 100%;
  align-items: center;
  overflow: hidden;
  flex: 1;
}
@media (max-width: 950px) {
  body #root {
    display: block;
    height: 100vh;
    overflow: hidden scroll;
  }
}

.themeDark {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.themeDark a {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.themeDark > #root {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}

.themeLight {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.themeLight a {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.themeLight > #root {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}

.themeCustom {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.themeCustom a {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

body.noScroll {
  overflow: hidden;
}

.p-0 {
  padding: 0 !important;
}

.panel, .accountManagingPage, .loginView .loginBoxWrapper .loginBoxContent .loginBox {
  border: 1px solid;
  border-radius: 16px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}

.icon {
  margin: 0 !important;
}

.button, .imageUploadFormElement-actions .action-btn.add,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .action-btn.add,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
button.button,
a.button {
  cursor: pointer;
  font-family: "Poppins";
  border-radius: 30px;
  color: #ffffff;
  color: var(--theme-text-100);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 100%;
  padding: 0.7rem 1rem;
  border: none;
  column-gap: 0.5rem;
}
.button i.icon, .imageUploadFormElement-actions .action-btn.add i.icon, .loginView .loginBoxWrapper .loginBoxContent .loginBox button i.icon,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .button i.icon,
button.button i.icon,
a.button i.icon {
  line-height: 100%;
  font-size: 16px;
}
.button.asText, .imageUploadFormElement-actions .asText.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.asText,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .asText.button,
button.button.asText,
a.button.asText {
  padding: 0;
  display: inline-flex;
}
.button.asText:hover, .imageUploadFormElement-actions .asText.action-btn.add:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.asText:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .asText.button:hover,
button.button.asText:hover,
a.button.asText:hover {
  background-color: transparent !important;
}
.button-small,
button.button-small,
a.button-small {
  font-size: 12px !important;
  padding: 0.5rem 1rem !important;
}
.button-small i,
button.button-small i,
a.button-small i {
  font-size: 10px !important;
}
.button-iconOnly,
button.button-iconOnly,
a.button-iconOnly {
  font-size: 12px !important;
  padding: 7px !important;
  border: none;
}
.button-iconOnly.refreshListBtn,
button.button-iconOnly.refreshListBtn,
a.button-iconOnly.refreshListBtn {
  padding: 0 0.7rem !important;
}
.button-iconOnly:hover,
button.button-iconOnly:hover,
a.button-iconOnly:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.button-fluid, .loginView .loginBoxWrapper .loginBoxContent .loginBox button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .action-btn.add,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .action-btn.add,
button.button-fluid,
a.button-fluid {
  display: flex;
  align-items: center;
  width: 100%;
}
.button-primary, .loginView .loginBoxWrapper .loginBoxContent .loginBox button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .action-btn.add,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .action-btn.add,
button.button-primary,
a.button-primary {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #1a1f28;
  color: var(--theme-primary-text-100) !important;
}
.button-primary.border, .imageUploadFormElement-actions .button-primary.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.border,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .border.button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .action-btn.add,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .action-btn.add,
button.button-primary.border,
a.button-primary.border {
  background-color: transparent;
  border: 1px solid;
  border-color: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  border-color: var(--theme-primary-80);
  color: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  color: var(--theme-primary-80) !important;
}
.button-primary.border:hover, .imageUploadFormElement-actions .button-primary.action-btn.add:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.border:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .border.button:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .action-btn.add:hover,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .action-btn.add:hover,
button.button-primary.border:hover,
a.button-primary.border:hover {
  background-color: transparent !important;
  border-color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  border-color: var(--theme-primary-60) !important;
}
.button-primary:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox button:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .button:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .action-btn.add:hover,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .action-btn.add:hover,
button.button-primary:hover,
a.button-primary:hover {
  background-color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  background-color: var(--theme-primary-60) !important;
}
.button-primary.asText, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.asText,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .asText.button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .asText.action-btn.add,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .asText.action-btn.add,
button.button-primary.asText,
a.button-primary.asText {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.button-primary.asText:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.asText:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .asText.button:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .asText.action-btn.add:hover,
.imageUploadFormElement-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .asText.action-btn.add:hover,
button.button-primary.asText:hover,
a.button-primary.asText:hover {
  color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  color: var(--theme-primary-60) !important;
}
.button-success,
button.button-success,
a.button-success {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #203d2d;
  color: var(--theme-success-text-100) !important;
}
.button-success.border, .imageUploadFormElement-actions .button-success.action-btn.add,
button.button-success.border,
a.button-success.border {
  background-color: transparent;
  border: 1px solid;
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
  color: #6bf2a7;
  color: var(--theme-success-100) !important;
}
.button-success.border:hover, .imageUploadFormElement-actions .button-success.action-btn.add:hover,
button.button-success.border:hover,
a.button-success.border:hover {
  background-color: transparent !important;
  border-color: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  border-color: var(--theme-success-60) !important;
}
.button-success:hover,
button.button-success:hover,
a.button-success:hover {
  background-color: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  background-color: var(--theme-success-60) !important;
}
.button-success.asText,
button.button-success.asText,
a.button-success.asText {
  color: #6bf2a7;
  color: var(--theme-success-100) !important;
}
.button-success.asText:hover,
button.button-success.asText:hover,
a.button-success.asText:hover {
  color: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  color: var(--theme-success-60) !important;
}
.button-warning,
button.button-warning,
a.button-warning {
  background-color: #facc15;
  background-color: var(--theme-warning-100);
  color: #3f2511;
  color: var(--theme-warning-text-100) !important;
}
.button-warning.border, .imageUploadFormElement-actions .button-warning.action-btn.add,
button.button-warning.border,
a.button-warning.border {
  background-color: transparent;
  border: 1px solid;
  border-color: #facc15;
  border-color: var(--theme-warning-100);
  color: #facc15;
  color: var(--theme-warning-100) !important;
}
.button-warning.border:hover, .imageUploadFormElement-actions .button-warning.action-btn.add:hover,
button.button-warning.border:hover,
a.button-warning.border:hover {
  background-color: transparent !important;
  border-color: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  border-color: var(--theme-warning-60) !important;
}
.button-warning:hover,
button.button-warning:hover,
a.button-warning:hover {
  background-color: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  background-color: var(--theme-warning-60) !important;
}
.button-warning.asText,
button.button-warning.asText,
a.button-warning.asText {
  color: #facc15;
  color: var(--theme-warning-100) !important;
}
.button-warning.asText:hover,
button.button-warning.asText:hover,
a.button-warning.asText:hover {
  color: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  color: var(--theme-warning-60) !important;
}
.button-error,
button.button-error,
a.button-error {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  color: #380e0a;
  color: var(--theme-error-text-100) !important;
}
.button-error.border, .imageUploadFormElement-actions .button-error.action-btn.add,
button.button-error.border,
a.button-error.border {
  background-color: transparent;
  border: 1px solid;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
  color: #e74c3c;
  color: var(--theme-error-100) !important;
}
.button-error.border:hover, .imageUploadFormElement-actions .button-error.action-btn.add:hover,
button.button-error.border:hover,
a.button-error.border:hover {
  background-color: transparent !important;
  border-color: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  border-color: var(--theme-error-60) !important;
}
.button-error:hover,
button.button-error:hover,
a.button-error:hover {
  background-color: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  background-color: var(--theme-error-60) !important;
}
.button-error.asText,
button.button-error.asText,
a.button-error.asText {
  color: #e74c3c;
  color: var(--theme-error-100) !important;
}
.button-error.asText:hover,
button.button-error.asText:hover,
a.button-error.asText:hover {
  color: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  color: var(--theme-error-60) !important;
}
.button-secondary, .imageUploadFormElement-actions .action-btn.add,
button.button-secondary,
a.button-secondary {
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
  color: #283d42;
  color: var(--theme-secondary-text-100) !important;
}
.button-secondary.border, .imageUploadFormElement-actions .action-btn.add,
button.button-secondary.border,
a.button-secondary.border {
  border: 1px solid;
  background-color: transparent;
  border-color: #97dceb;
  border-color: var(--theme-secondary-100);
  color: #97dceb;
  color: var(--theme-secondary-100) !important;
}
.button-secondary.border:hover, .imageUploadFormElement-actions .action-btn.add:hover,
button.button-secondary.border:hover,
a.button-secondary.border:hover {
  background-color: transparent !important;
  border-color: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  border-color: var(--theme-secondary-60) !important;
}
.button-secondary:hover, .imageUploadFormElement-actions .action-btn.add:hover,
button.button-secondary:hover,
a.button-secondary:hover {
  background-color: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  background-color: var(--theme-secondary-60) !important;
}
.button-secondary.asText, .imageUploadFormElement-actions .asText.action-btn.add,
button.button-secondary.asText,
a.button-secondary.asText {
  color: #97dceb;
  color: var(--theme-secondary-100) !important;
}
.button-secondary.asText:hover, .imageUploadFormElement-actions .asText.action-btn.add:hover,
button.button-secondary.asText:hover,
a.button-secondary.asText:hover {
  color: var(--theme-ersecondaryor-60) !important;
}
.button.transparent, .imageUploadFormElement-actions .transparent.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.transparent,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .transparent.button,
button.button.transparent,
a.button.transparent {
  background-color: transparent;
  border-color: transparent;
}
.button.transparent:hover, .imageUploadFormElement-actions .transparent.action-btn.add:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.transparent:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .transparent.button:hover,
button.button.transparent:hover,
a.button.transparent:hover {
  background-color: transparent !important;
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.button.rounded, .imageUploadFormElement-actions .rounded.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.rounded,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .rounded.button,
button.button.rounded,
a.button.rounded {
  border-radius: 12px;
}
.button.dark-text, .imageUploadFormElement-actions .dark-text.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.dark-text,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .dark-text.button,
button.button.dark-text,
a.button.dark-text {
  color: rgb(0, 0, 0);
}
.button:disabled, .imageUploadFormElement-actions .action-btn.add:disabled, .loginView .loginBoxWrapper .loginBoxContent .loginBox button:disabled,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .button:disabled,
button.button:disabled,
a.button:disabled {
  border: 1px solid;
  background: transparent;
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
  cursor: not-allowed;
  opacity: 0.6;
}
.button:disabled:hover, .imageUploadFormElement-actions .action-btn.add:disabled:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox button:disabled:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .button:disabled:hover,
button.button:disabled:hover,
a.button:disabled:hover {
  background-color: transparent !important;
}
.button.wrapTextmw100, .imageUploadFormElement-actions .wrapTextmw100.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.wrapTextmw100,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .wrapTextmw100.button,
button.button.wrapTextmw100,
a.button.wrapTextmw100 {
  white-space: wrap !important;
  max-width: 100px !important;
}

.tabNav {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  border-bottom: 1px solid;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.tabNav.tabRow {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.tabNav.fluidTabs {
  width: 100%;
}
.tabNav.fluidTabs .tab,
.tabNav.fluidTabs a {
  width: 100%;
}
.tabNav.big .tab,
.tabNav.big a {
  padding: 1rem;
}
.tabNav .tab,
.tabNav a {
  padding: 0.5rem;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.tabNav .tab.active,
.tabNav a.active {
  color: #ffffff;
  color: var(--theme-text-100);
  position: relative;
}
.tabNav .tab.active:before,
.tabNav a.active:before {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  z-index: 0;
  pointer-events: none;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.tabNav .tab.active:after,
.tabNav a.active:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, var(--theme-primary-100) 0%, rgba(0, 0, 0, 0) 40%);
  z-index: 0;
  pointer-events: none;
  opacity: 0.2;
}

.ui.form .field input,
.ui.form .field textarea {
  border: 1px solid;
  border-radius: 8px !important;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ui.form .field input:focus,
.ui.form .field textarea:focus {
  border-radius: 8px !important;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ui.form .field.error input,
.ui.form .field.error textarea {
  border-color: #e74c3c;
  border-color: var(--theme-error-100) !important;
}
.ui.form .field.error input:focus,
.ui.form .field.error textarea:focus {
  border-radius: 8px !important;
  border-color: var(--theme-error-200) !important;
}
.ui.form .field .field input:-webkit-autofill,
.ui.form .field input:-webkit-autofill {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100) !important;
}
.ui.form .field .field input:-webkit-autofill:focus,
.ui.form .field input:-webkit-autofill:focus {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
}

.ocBox {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ocBox .ocBoxHeader {
  height: 30px;
  padding: 5px 8px 5px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ocBox .ocBoxHeader.withButton {
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocBox .ocBoxHeader-options {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ocBox .ocBoxHeader.activityHeader h2 {
  display: flex;
  justify-content: space-between;
}
.ocBox .ocBoxHeader.activityHeader h2 .button, .ocBox .ocBoxHeader.activityHeader h2 .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .ocBox .ocBoxHeader.activityHeader h2 .action-btn.add, .ocBox .ocBoxHeader.activityHeader h2 .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .ocBox .ocBoxHeader.activityHeader h2 button,
.ocBox .ocBoxHeader.activityHeader h2 .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ocBox .ocBoxHeader.activityHeader h2 .button {
  height: 21px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.ocBox .ocBoxHeader h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.ocBox .ocBoxHeader h2 .icon {
  font-size: 14px;
  margin-right: 0.5rem;
}
.ocBox .ocBoxHeader:focus {
  outline: none;
}

#root {
  display: flex;
  flex-flow: column;
  min-height: 100%;
}

.appContent {
  flex: 1 1 auto;
  display: flex;
  width: 100%;
}
.appContent .appMain {
  display: flex;
  flex: 1;
  width: 100%;
  padding: 0;
  flex-direction: column;
}
.appContent.overflow-hidden {
  overflow: hidden;
}

.appContentLogged {
  flex: 1 1 auto;
  display: flex;
  height: auto;
  overflow: hidden;
  width: 100%;
}
.appContentLogged div.appMain {
  display: flex;
  flex: 1;
  flex-flow: column;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  padding: 0;
}

.appContentIE {
  display: flex;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
}
.appContentIE .IEmainCenterBox {
  height: 300px;
  width: 500px;
}

.pushable {
  flex: 1 1 auto;
  display: flex;
  height: auto;
}
.pushable .sidebar {
  flex: 1;
}
.pushable .pusher {
  flex: 1;
  overflow: hidden auto;
}
.pushable.fullscreenActive {
  overflow: hidden;
}

.mainCenter {
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.mainCenterBox {
  display: block;
  width: 330px;
}

.mainCenterBox2 {
  display: block;
  width: 90%;
  font-size: 16px;
  line-height: 1.6;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.paginationCenter {
  text-align: center;
}
.paginationCenter .ui.pagination.menu {
  margin: 0 auto;
}

@media (max-width: 991px) {
  .ui.pagination.menu .active.item {
    padding-top: 0.46em;
  }
  .ui.pagination.menu .item {
    min-width: 1.4em;
    padding: 0.46em 0.7em;
  }
}
.nl2Br {
  white-space: pre-line;
}

.tableFilterResults {
  margin-bottom: 2rem;
}
.tableFilterResults .userPermissionItem {
  margin-bottom: 0.5rem;
}
.tableFilterResults .userPermissionItem i.icon {
  margin-right: 0.7rem;
}
.tableFilterResults .date {
  font-style: italic;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.tableFilterResults .actions a {
  display: block;
  white-space: nowrap;
  text-transform: capitalize;
}
.tableFilterResults .actions .ui.divider {
  margin: 0.5rem 0;
}

.textCenterMessage {
  text-align: center;
}

.cardHeaderUnderLine {
  margin-bottom: 1.2rem;
  border-bottom: 1px solid #ccc;
  border-bottom: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-bottom: var(--theme-surface-300);
}
.cardHeaderUnderLine.flexIcon {
  display: flex !important;
  justify-content: space-between !important;
}

.img-fluid {
  max-width: 100%;
  margin: 0 auto;
}

.entityActionMenu {
  font-size: 1.1rem;
}

.uploadImagePreview {
  min-height: 30px;
  max-height: 90px;
  margin-bottom: 1rem;
}
.uploadImagePreview img {
  max-height: 90px;
}

.sidebarLeft.ui.menu .help {
  padding-top: 25px;
}
.sidebarLeft.ui.menu .help .icon {
  margin-right: 10px;
}
.sidebarLeft.ui.menu .help a {
  color: #ffffff;
  color: var(--theme-text-100);
}

.sidebarLeft .freeTextMenu {
  margin: 15px 5px;
}

@media (max-width: 767px) {
  .hidden-xs-down {
    display: none !important;
  }
  .mainLeftColumn {
    padding-bottom: 4rem;
  }
}
@media (max-width: 991px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-md-down {
    display: none !important;
  }
}
.checkerBoard, .AssetCard-content .arWrapper, .tinySubmitModal .preview, .Watermark-options .colorPickers .colorpicker-preview.transparent, .Watermark-elementsAndBoard:after, .Watermark-preview .previewBox, .Watermark-content .watermarkList-content > div > div:nth-child(1) span.transparent, .Watermark-templateList .templateItemCard-preview, .Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard-preview, .Watermark-overview .list .item-preview, .tooBigFilesModal.ui.modal > .content > div > div .preview, .serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(1), .videoScrub > div, .assetViewContainer .assetViewContent .assetPreviewNotAvailable:after, .assetsList .gridView .preview,
.assetsList .listView .preview {
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  background-image: linear-gradient(45deg, var(--theme-surface-400) 25%, transparent 25%, transparent 75%, var(--theme-surface-400) 75%), linear-gradient(45deg, var(--theme-surface-400) 25%, var(--theme-surface-450) 25%, var(--theme-surface-450) 75%, var(--theme-surface-400) 75%);
}

.pageTitle {
  font-size: 19px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.pageHeading {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.browserName {
  font-weight: bold;
  font-style: italic;
  font-size: 0.9rem;
}

.browserSuggest {
  padding-top: 20px;
  font-size: 1.1em;
  font-weight: bold;
}

button.ui.button.modalCloseButton, .imageUploadFormElement-actions button.ui.modalCloseButton.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.modalCloseButton {
  line-height: 0px;
  float: right;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
button.ui.button.modalCloseButton i.remove.icon, .imageUploadFormElement-actions button.ui.modalCloseButton.action-btn.add i.remove.icon, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.modalCloseButton i.remove.icon {
  position: absolute;
}

.gridFull {
  width: 100%;
  height: 100%;
}

.wrapTextOverflow {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  white-space: pre-wrap;
}

.wrapTextNone {
  white-space: nowrap;
}

input::selection,
textarea::selection {
  color: white;
  background-color: #3c78d8;
}

.pageFeedBlur {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  z-index: 50;
  background: rgba(0, 0, 0, 0.7);
}

#selectionRectangle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.2);
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
#selectionRectangle:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

#mouseTransferBlock {
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 120px;
  z-index: 9999;
  text-align: center;
  border-radius: 10px;
  background: #253141;
  background: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
#mouseTransferBlock i {
  margin-top: 12px;
  font-size: 1.75rem;
}
#mouseTransferBlock .mouseTransferBlockCount {
  position: absolute;
  width: 20px;
  left: 110px;
  top: -10px;
  border-radius: 100%;
  text-align: center;
  background: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  background: var(--theme-primary-80);
  color: #ffffff;
  color: var(--theme-text-100);
}

.nonDraggable {
  -webkit-user-drag: none;
}

.assetVersion {
  padding: 0px 4px;
  line-height: 1.2rem;
  font-size: 0.9rem;
  background: var(--theme-text-accent-80100);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetVersion.inCard {
  margin-right: 5px;
}

*:focus {
  outline: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome, Edge, Opera and Firefox */
}

span.highlighted {
  color: #6bf2a7;
  color: var(--theme-success-100);
}

.incident_date .react-datepicker-wrapper {
  min-width: 100%;
}

.cursorPointer {
  cursor: pointer;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-space-between {
  justify-content: space-between;
}

.col-gap {
  column-gap: 1rem;
}

.flex-align-center {
  align-items: center;
}

.flex-justify-center {
  justify-content: center;
}

.action-buttonGroup {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.p1 {
  padding: 1rem;
}

.py1 {
  padding: 1rem 0;
}

.ocList-item {
  margin-bottom: 1.25rem;
}
.ocList-label {
  font-weight: bold;
  font-size: 1rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ocList-text {
  font-size: 0.875rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.ocList-userCard {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.5rem;
  margin: 0.5rem 0.5rem 0 0;
  border-radius: 6px;
  font-size: 0.75rem;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: #cccccc;
  color: var(--theme-text-80);
}

.ButtonAsLink {
  color: #34c6e5;
  color: var(--theme-primary-100);
  transition: ease-in-out 0.3s all;
}

.noPadding {
  padding: 0 !important;
}

.noMargin {
  margin: 0 !important;
}

.ocListB-item {
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  padding: 0.625rem 0.9375rem;
}
.ocListB-item:last-child {
  border-bottom: none;
}
.ocListB-label {
  width: 100%;
  max-width: 10.3125rem;
  font-size: 0.75rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.ocListB-text {
  font-size: 0.875rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ocListB-text .disabled {
  opacity: 0.5;
}

.ocEmbedCode {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ocEmbedCode.small {
  height: 40px;
  overflow: hidden;
}
.ocEmbedCode .inProgress {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  opacity: 0.7;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.ocEmbedCode label {
  margin-bottom: 0.3rem;
}
.ocEmbedCode textarea {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
  font-size: 0.875rem !important;
  resize: none !important;
  padding-bottom: 25px !important;
  border-radius: 0;
  border: none;
  width: 100%;
}
.ocEmbedCode div {
  position: absolute;
  margin: 0;
  display: flex;
  padding: 0 10px 0 0;
  bottom: 3px;
  right: 3px;
  font-size: 0.75rem;
  transition: ease-in-out 0.2s all;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ocEmbedCode div:hover {
  transition: ease-in-out 0.2s all;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ocEmbedCode div .icon {
  height: 20px;
  width: 20px;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}

.buttonWithInfo div {
  font-weight: normal;
  font-size: 0.875rem;
  opacity: 0.5;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-hidden-scroll {
  overflow: hidden scroll;
}

.overflow-scroll-hidden {
  overflow: scroll hidden;
}

.position-absolute {
  position: relative;
}

.position-relative {
  position: relative;
}

*::-webkit-scrollbar {
  height: 7px;
  position: relative;
  background-color: transparent;
  border-radius: 5px;
}
*::-webkit-scrollbar-thumb {
  height: 7px;
  cursor: pointer;
  box-shadow: 0 0 0 10px var(--theme-primary-100) inset;
}
*::-webkit-scrollbar-thumb:hover,
* ::-webkit-scrollbar-thumb:focus {
  box-shadow: 0 0 0 10px var(--theme-primary-100) inset;
  cursor: pointer;
}
*::-webkit-scrollbar-thumb:active {
  box-shadow: 0 0 0 7px var(--theme-primary-40) inset;
  cursor: pointer;
}
*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 transparent;
  -webkit-box-shadow: inset 0 0 0 transparent;
  border-radius: 10px;
}

.transparentScrollbar::-webkit-scrollbar, .assetNext-box .assetInfo-additional::-webkit-scrollbar, .assetComments .assetCommentTypeTab::-webkit-scrollbar, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content > div::-webkit-scrollbar, .assetMenu.mobileUi.visible::-webkit-scrollbar, #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1)::-webkit-scrollbar, .pageWrapper-body .pageWrapper-body-content .activityLogs-content-list::-webkit-scrollbar {
  height: 0px !important;
  width: 0px !important;
  position: relative !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
.transparentScrollbar::-webkit-scrollbar-thumb, .assetNext-box .assetInfo-additional::-webkit-scrollbar-thumb, .assetComments .assetCommentTypeTab::-webkit-scrollbar-thumb, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content > div::-webkit-scrollbar-thumb, .assetMenu.mobileUi.visible::-webkit-scrollbar-thumb, #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1)::-webkit-scrollbar-thumb, .pageWrapper-body .pageWrapper-body-content .activityLogs-content-list::-webkit-scrollbar-thumb {
  height: 0px !important;
  width: 0px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.transparentScrollbar::-webkit-scrollbar-thumb:hover, .assetNext-box .assetInfo-additional::-webkit-scrollbar-thumb:hover, .assetComments .assetCommentTypeTab::-webkit-scrollbar-thumb:hover, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content > div::-webkit-scrollbar-thumb:hover, .assetMenu.mobileUi.visible::-webkit-scrollbar-thumb:hover, #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1)::-webkit-scrollbar-thumb:hover, .pageWrapper-body .pageWrapper-body-content .activityLogs-content-list::-webkit-scrollbar-thumb:hover,
.transparentScrollbar ::-webkit-scrollbar-thumb:focus,
.assetNext-box .assetInfo-additional ::-webkit-scrollbar-thumb:focus,
.assetComments .assetCommentTypeTab ::-webkit-scrollbar-thumb:focus,
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content > div ::-webkit-scrollbar-thumb:focus,
.assetMenu.mobileUi.visible ::-webkit-scrollbar-thumb:focus,
#assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1) ::-webkit-scrollbar-thumb:focus,
.pageWrapper-body .pageWrapper-body-content .activityLogs-content-list ::-webkit-scrollbar-thumb:focus {
  box-shadow: none !important;
  cursor: pointer !important;
}
.transparentScrollbar::-webkit-scrollbar-thumb:active, .assetNext-box .assetInfo-additional::-webkit-scrollbar-thumb:active, .assetComments .assetCommentTypeTab::-webkit-scrollbar-thumb:active, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content > div::-webkit-scrollbar-thumb:active, .assetMenu.mobileUi.visible::-webkit-scrollbar-thumb:active, #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1)::-webkit-scrollbar-thumb:active, .pageWrapper-body .pageWrapper-body-content .activityLogs-content-list::-webkit-scrollbar-thumb:active {
  box-shadow: none !important;
  cursor: pointer !important;
}
.transparentScrollbar::-webkit-scrollbar-track, .assetNext-box .assetInfo-additional::-webkit-scrollbar-track, .assetComments .assetCommentTypeTab::-webkit-scrollbar-track, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content > div::-webkit-scrollbar-track, .assetMenu.mobileUi.visible::-webkit-scrollbar-track, #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1)::-webkit-scrollbar-track, .pageWrapper-body .pageWrapper-body-content .activityLogs-content-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 transparent !important;
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  border-radius: 0 !important;
}

.ui.popup.ocPopup {
  z-index: 10000 !important;
  max-width: 300px;
  border: none;
}
.ui.popup.ocPopup .ocPopup-customDetails div {
  margin-bottom: 4px;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.ui.popup.ocPopup .ocPopup-customDetails div b {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}
.ui.popup.ocPopup .content {
  word-break: break-word;
  text-align: center;
}
.ui.popup.ocPopup {
  background: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background: var(--theme-surface-500) !important;
  color: var(--theme-text-70) !important;
  font-size: 12px;
}
.ui.popup.ocPopup.traffic-badge-P {
  background-color: #facc15;
  background-color: var(--theme-warning-100) !important;
  color: #000 !important;
}
.ui.popup.ocPopup.traffic-badge-P:before {
  background-color: #facc15;
  background-color: var(--theme-warning-100) !important;
}
.ui.popup.ocPopup.traffic-badge-A {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
  color: #000 !important;
}
.ui.popup.ocPopup.traffic-badge-A:before {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
}
.ui.popup.ocPopup.traffic-badge-R {
  background-color: #e74c3c;
  background-color: var(--theme-error-100) !important;
  color: #000 !important;
}
.ui.popup.ocPopup.traffic-badge-R:before {
  background-color: #e74c3c;
  background-color: var(--theme-error-100) !important;
}
.ui.popup.ocPopup.labelsPopup {
  padding: 0;
  background-color: var(--theme-text-accent-80100) !important;
}
.ui.popup.ocPopup.labelsPopup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui.popup.ocPopup.labelsPopup ul li {
  padding: 2.5px 0.5rem;
  position: relative;
  color: #fff;
}
.ui.popup.ocPopup.labelsPopup ul li:nth-child(even):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
}
.ui.popup.ocPopup.labelsPopup ul li:last-child {
  padding-bottom: 5px;
}
.ui.popup.ocPopup.labelsPopup:before {
  background: var(--theme-text-accent-80100) !important;
  box-shadow: none !important;
}
.ui.popup.ocPopup:before {
  background: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background: var(--theme-surface-500) !important;
  box-shadow: none !important;
}
.ui.popup.ocPopup.warning .content {
  word-break: break-word;
  text-align: center;
}
.ui.popup.ocPopup.warning {
  background: #facc15;
  background: var(--theme-warning-100) !important;
  color: #3f2511;
  color: var(--theme-warning-text-100) !important;
}
.ui.popup.ocPopup.warning:before {
  background: #facc15;
  background: var(--theme-warning-100) !important;
  box-shadow: none !important;
}
.ui.popup.ocPopup.error .content {
  word-break: break-word;
  text-align: center;
}
.ui.popup.ocPopup.error {
  background: #e74c3c;
  background: var(--theme-error-100) !important;
  color: #380e0a;
  color: var(--theme-error-text-100) !important;
}
.ui.popup.ocPopup.error:before {
  background: #e74c3c;
  background: var(--theme-error-100) !important;
  box-shadow: none !important;
}
.ui.popup.ocPopup.assetComment {
  background-color: transparent !important;
  padding: 0;
  box-shadow: none;
}
.ui.popup.ocPopup.assetComment .assetComment-content .assetComment-item {
  position: relative;
  padding: 0.3125rem 0.5rem;
  margin-bottom: 5px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ui.popup.ocPopup.assetComment .assetComment-content .assetComment-item.annotation {
  background: linear-gradient(45deg, rgb(150, 78, 209) 0%, rgb(78, 108, 209) 100%);
  color: #fff;
}
.ui.popup.ocPopup.assetComment .assetComment-content .assetComment-item.comment {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ui.popup.ocPopup.assetComment .assetComment-content .assetComment-item.reject {
  color: #fff;
  background: linear-gradient(45deg, rgb(219, 40, 40) 0%, rgb(219, 128, 40) 100%);
}
.ui.popup.ocPopup.assetComment .assetComment-content .assetComment-item.approve {
  color: #fff;
  background: linear-gradient(45deg, rgb(33, 186, 69) 0%, rgb(33, 186, 180) 100%);
}
.ui.popup.ocPopup.assetComment .assetComment-content .assetComment-item span:nth-child(2) {
  margin: 0 5px;
}
.ui.popup.ocPopup.assetComment .assetComment-content .assetComment-item span:nth-child(3) {
  opacity: 0.4;
}

.ocListItems {
  font-size: 12px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ocListItems .item {
  padding: 5px;
  position: relative;
  display: flex;
}
.ocListItems .item-label {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 300px;
  padding: 0.5rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ocListItems .item-value {
  position: relative;
  z-index: 1;
  padding: 0.5rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.ocListItems .item:nth-child(odd):after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0.3;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}

.pageContent {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
}
.pageContent > div:nth-child(2) {
  height: 55px;
}
.pageContent > div:nth-child(3), .pageContent > form {
  overflow: hidden scroll;
  height: calc(100% - 55px);
}
.pageContent > div:nth-child(3).activityLogs, .pageContent > form.activityLogs {
  overflow: hidden hidden;
}
.pageContent.userPage .ui.fluid.card, .pageContent.projectPage .ui.fluid.card, .pageContent.accountPage .ui.fluid.card, .pageContent.clientPage .ui.fluid.card {
  border: 1px solid;
  border-radius: 12px;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.pageContent.userPage .ui.fluid.card > .content, .pageContent.projectPage .ui.fluid.card > .content, .pageContent.accountPage .ui.fluid.card > .content, .pageContent.clientPage .ui.fluid.card > .content {
  padding: 0;
}
.pageContent.userPage .ui.fluid.card > .content > .header, .pageContent.projectPage .ui.fluid.card > .content > .header, .pageContent.accountPage .ui.fluid.card > .content > .header, .pageContent.clientPage .ui.fluid.card > .content > .header {
  margin: 0;
  border-bottom: 1px solid;
  border-radius: 12px 12px 0 0;
  padding: 1rem;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.pageContent.userPage .ui.fluid.card > .content > .description, .pageContent.projectPage .ui.fluid.card > .content > .description, .pageContent.accountPage .ui.fluid.card > .content > .description, .pageContent.clientPage .ui.fluid.card > .content > .description {
  padding: 1rem;
}

.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label,
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}

.ui.fullscreen.modal,
.ui.fullscreen.scrolling.modal {
  left: unset !important;
}

.ui.toggle.checkbox.smallToggle,
.ui.fitted.toggle.checkbox.smallToggle {
  width: 100%;
  min-height: 1rem;
}
.ui.toggle.checkbox.smallToggle.green input,
.ui.fitted.toggle.checkbox.smallToggle.green input {
  width: 2.5rem;
  height: 1rem;
}
.ui.toggle.checkbox.smallToggle.green input:checked ~ label:before,
.ui.fitted.toggle.checkbox.smallToggle.green input:checked ~ label:before {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
}
.ui.toggle.checkbox.smallToggle input,
.ui.fitted.toggle.checkbox.smallToggle input {
  width: 2.5rem;
  height: 1rem;
}
.ui.toggle.checkbox.smallToggle input:checked ~ label:after,
.ui.fitted.toggle.checkbox.smallToggle input:checked ~ label:after {
  left: 1.5rem;
}
.ui.toggle.checkbox.smallToggle label,
.ui.fitted.toggle.checkbox.smallToggle label {
  display: flex;
  align-items: center;
  justify-items: center;
  margin: 0;
  padding: 0 0 0 3rem;
  max-height: 1rem;
  min-height: 1rem;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.ui.toggle.checkbox.smallToggle label:before,
.ui.fitted.toggle.checkbox.smallToggle label:before {
  width: 2.5rem;
  height: 1rem;
}
.ui.toggle.checkbox.smallToggle label:after,
.ui.fitted.toggle.checkbox.smallToggle label:after {
  width: 1rem;
  height: 1rem;
}
.ui.toggle.checkbox.smallToggle.disabled,
.ui.fitted.toggle.checkbox.smallToggle.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.tableCellMobileWithTitle {
  display: flex;
  flex-direction: row;
  border-bottom: 1px dashed;
  align-items: center;
  justify-content: center;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450) !important;
}
.tableCellMobileWithTitle .title {
  display: flex;
  width: 100%;
  padding-left: 1rem;
}
.tableCellMobileWithTitle .checkButton {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .tableCellMobileWithTitle {
    border-bottom: none;
  }
  .tableCellMobileWithTitle .title {
    padding-left: 0;
    display: none;
  }
}

.projectPermissionsPopup > div {
  display: flex;
  flex-direction: row;
}
.projectPermissionsPopup .text.enabled {
  opacity: 1;
}
.projectPermissionsPopup .text.disabled {
  opacity: 0.3;
}

.ocUserCard {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 6px;
  padding: 10px;
}
.ocUserCard.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ocUserCard {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.ocUserCard-top {
  min-height: 20px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}
.ocUserCard-top div:nth-child(2) {
  opacity: 0.6;
  font-size: 12px;
}
.ocUserCard-bottom {
  min-height: 20px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.ocUserCard-bottom > div {
  width: 50px !important;
}
.ocUserCard-bottom label {
  width: 100%;
}

.labelTextPair {
  margin-bottom: 1rem;
}
.labelTextPair > div:nth-child(1) {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
  margin-bottom: 0.5rem;
}
.labelTextPair > div:nth-child(2) {
  color: #ffffff;
  color: var(--theme-text-100) !important;
}

.ocScrollableModal .selectAllCheckbox label::before {
  border: 1px solid;
  border-color: var(--theme-table-row-bg-even);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-radius: 3px;
}
.ocScrollableModal.managePermissionModal .header {
  height: 60px;
  width: 100%;
}
.ocScrollableModal.managePermissionModal .ui.form content {
  overflow: hidden auto;
}
.ocScrollableModal.managePermissionModal .actions {
  position: relative;
  z-index: 999;
  height: 60px;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ocScrollableModal.managePermissionModal .actions > div {
  width: 100%;
  padding: 1rem;
}
.ocScrollableModal.managePermissionModal.ui.modal {
  max-height: calc(100vh - 4rem);
  height: 100%;
  overflow: hidden;
  display: flex !important;
  align-items: revert;
  flex-direction: column;
}
.ocScrollableModal.managePermissionModal.ui.modal form.ui.form {
  display: block;
  width: 100%;
  height: calc(100% - 120px);
}
.ocScrollableModal.managePermissionModal.ui.modal form.ui.form .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
}
.ocScrollableModal.managePermissionModal.ui.modal form.ui.form .content .tableAreaScroll {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden auto;
  min-height: 200px;
}
.ocScrollableModal.managePermissionModal.ui.modal form.ui.form .content .tableAreaScroll-wrapper {
  position: relative;
  min-height: 200px;
}
.ocScrollableModal.managePermissionModal.ui.modal form.ui.form .content .tableAreaScroll input.searchInputTop {
  border-radius: 6px;
  margin-bottom: 0.5rem;
}

.ui.active.modal.roundedCornerModal {
  overflow: hidden;
  border-radius: 7px;
}

body.grabCursor * {
  cursor: grab !important;
}
body.disableHighlight *,
body .appFooter * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
body.themeDark .ui.form .field.field input:-webkit-autofill {
  box-shadow: 0 0 0 100px #212c3b inset !important;
  -webkit-box-shadow: 0 0 0 100px #212c3b inset !important;
  border-color: #6bf2a7;
  border-color: var(--theme-success-100) !important;
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: rgb(50%, 50%, 50%);
  -webkit-text-fill-color: var(--theme-text-40) !important;
  caret-color: #34c6e5;
  caret-color: var(--theme-primary-100) !important;
}
body.themeLight .ui.form .field.field input:-webkit-autofill {
  box-shadow: 0 0 0 100px #212c3b inset !important;
  -webkit-box-shadow: 0 0 0 100px #212c3b inset !important;
  border-color: #6bf2a7;
  border-color: var(--theme-success-100) !important;
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: rgb(50%, 50%, 50%);
  -webkit-text-fill-color: var(--theme-text-40) !important;
  caret-color: #34c6e5;
  caret-color: var(--theme-primary-100) !important;
}
body.themeCustom .ui.form .field.field input:-webkit-autofill {
  box-shadow: 0 0 0 100px #212c3b inset !important;
  -webkit-box-shadow: 0 0 0 100px #212c3b inset !important;
  border-color: #6bf2a7;
  border-color: var(--theme-success-100) !important;
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: rgb(50%, 50%, 50%);
  -webkit-text-fill-color: var(--theme-text-40) !important;
  caret-color: #34c6e5;
  caret-color: var(--theme-primary-100) !important;
}
body .ui.input input:active, body .ui.input input:focus,
body .ui.form .field .ui.input input:active,
body .ui.form .field .ui.input input:focus,
body .ui.form .fields .field .ui.input input:active,
body .ui.form .fields .field .ui.input input:focus {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}
body .ui.input input,
body .ui.form .field .ui.input input,
body .ui.form .fields .field .ui.input input {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
}

table tbody tr td {
  vertical-align: middle;
}
table tbody tr td.emailCell {
  width: 270px;
  overflow-wrap: anywhere;
}
table tbody tr td.enabledConfirmedCell {
  width: 90px;
}

.editFormArchivingBtn {
  display: flex;
  justify-content: flex-end;
  margin: 2rem 0 1rem 0;
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
    transform-origin: center;
  }
}
@keyframes gradientFlow {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes spinHourglass {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  66% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.contextNotificationWrapper {
  position: fixed;
  z-index: 9999;
  display: flex;
  flex-direction: column-reverse;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  row-gap: 1rem;
  align-items: center;
  justify-content: flex-start;
  pointer-events: none;
  padding: 1rem 1rem 3rem 1rem;
}
.contextNotificationWrapper .contextNotification {
  position: relative;
  display: flex;
  border: 1px solid;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  max-width: 800px;
  overflow: hidden;
  opacity: 1;
  transition: all ease-in-out 0.3s;
  opacity: 0;
  top: -30px;
  pointer-events: all;
}
.contextNotificationWrapper .contextNotification .progress-bar {
  height: 2px;
  position: absolute;
  left: 1rem;
  bottom: 5px;
  right: 1rem;
}
.contextNotificationWrapper .contextNotification .progress-bar span {
  position: relative;
}
.contextNotificationWrapper .contextNotification .progress-bar span > span {
  display: block;
  width: 100%;
  height: 2px;
}
.contextNotificationWrapper .contextNotification .progress-bar span > span:nth-child(1) {
  transition: 0.3s ease;
  position: relative;
  height: 2px;
  opacity: 0.4;
  background-color: #ffffff;
  background-color: var(--theme-text-100) !important;
  z-index: 1;
}
.contextNotificationWrapper .contextNotification .progress-bar span > span:nth-child(2) {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.2;
  background-color: #ffffff;
  background-color: var(--theme-text-100) !important;
}
.contextNotificationWrapper .contextNotification.visible {
  transition: all ease-in-out 0.3s;
  opacity: 1;
  top: 0px;
}
.contextNotificationWrapper .contextNotification div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgb(248, 213, 221);
  padding: 0.3rem 0 0.3rem 0.5rem;
  font-size: 2rem;
}
.contextNotificationWrapper .contextNotification div:nth-child(1) .icon {
  margin: 0;
  line-height: 2rem;
}
.contextNotificationWrapper .contextNotification div:nth-child(2) {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.contextNotificationWrapper .contextNotification div:nth-child(3) {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.contextNotificationWrapper .contextNotification div:nth-child(3) .icon {
  line-height: 1rem;
  margin-right: 1rem;
}
.contextNotificationWrapper .contextNotification.error {
  background: rgb(213, 37, 78);
  border-color: #e76b88;
}
.contextNotificationWrapper .contextNotification.error div:nth-child(1) {
  color: #e76b88;
}
.contextNotificationWrapper .contextNotification.error div:nth-child(2) {
  color: rgb(255, 255, 255);
}
.contextNotificationWrapper .contextNotification.success {
  background: #209067;
  border-color: #43d29e;
}
.contextNotificationWrapper .contextNotification.success div:nth-child(1) {
  color: #43d29e;
}
.contextNotificationWrapper .contextNotification.success div:nth-child(2) {
  color: rgb(255, 255, 255);
}
.contextNotificationWrapper .contextNotification.shareNoti {
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
}
.contextNotificationWrapper .contextNotification.shareNoti.error {
  background: rgb(213, 37, 78);
  border-color: rgb(231, 107, 136);
}
.contextNotificationWrapper .contextNotification.shareNoti.error div:nth-child(1) {
  color: rgb(248, 213, 221);
}
.contextNotificationWrapper .contextNotification.shareNoti.error div:nth-child(2) {
  color: rgb(255, 255, 255);
}
.contextNotificationWrapper .contextNotification.shareNoti.success {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
  border-color: #43d29e;
}
.contextNotificationWrapper .contextNotification.shareNoti.success div:nth-child(1) {
  color: #43d29e;
}
.contextNotificationWrapper .contextNotification.shareNoti.success div:nth-child(2) {
  color: rgb(255, 255, 255);
}
.contextNotificationWrapper .contextNotification.hideProgressBar .progress-bar {
  display: none;
}

.ui.modals.transparent-dimmer {
  background-color: transparent !important;
}

.commonBox {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.commonBox.darker {
  border: 1px solid;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.commonBox.assetSubclipBox h2 {
  padding: 0.5rem;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.commonBox.assetSubclipBox .assetActionContent {
  padding: 1rem;
}
.commonBox.rounded {
  border-radius: 12px;
}
.commonBox.rounded .commonBox-header {
  border-radius: 12px 12px 0 0;
}
.commonBox-header {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.commonBox-header.withButton {
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.commonBox-header-options {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.commonBox-header.activityHeader h2 {
  display: flex;
  justify-content: space-between;
}
.commonBox-header.activityHeader h2 .button, .commonBox-header.activityHeader h2 .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .commonBox-header.activityHeader h2 .action-btn.add, .commonBox-header.activityHeader h2 .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .commonBox-header.activityHeader h2 button,
.commonBox-header.activityHeader h2 .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .commonBox-header.activityHeader h2 .button {
  height: 21px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.commonBox-header h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
.commonBox-header h2 .icon {
  font-size: 14px;
  margin-right: 0.5rem;
}
.commonBox-header:focus {
  outline: none;
}

.clearListButton {
  border: none;
  background-color: transparent;
  height: 20px;
  width: 20px;
  padding: 0;
}
.clearListButton i {
  font-size: 8px !important;
}
.clearListButton {
  cursor: pointer;
  color: #cccccc;
  color: var(--theme-text-80);
}
.clearListButton:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.pageWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.pageWrapper .mobile-sidemenu-button {
  z-index: 999;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  padding: 1rem;
  border-radius: 12px;
}
.pageWrapper .mobile-sidemenu-button i {
  font-size: 1.5rem;
}
.pageWrapper .mobile-sidemenu-button {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
@media (max-width: 950px) {
  .pageWrapper .mobile-sidemenu-button {
    display: flex;
  }
}
.pageWrapper-head {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.pageWrapper-head .pageTitle {
  width: auto;
  margin: 0;
  white-space: nowrap;
  color: #ffffff;
  color: var(--theme-text-100);
}
.pageWrapper-head .pageActions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.5rem;
  width: 100%;
}
@media (max-width: 420px) {
  .pageWrapper-head .pageActions .listOrderBy label {
    display: none;
  }
}
.pageWrapper-head .pageActions > div:after {
  content: "";
  height: 17px;
  width: 1px;
  display: block;
  margin-left: 0.5rem;
  opacity: 0.7;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.pageWrapper-head .pageActions > div:last-child:after {
  display: none;
}
.pageWrapper-body {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow: hidden;
  column-gap: 1rem;
}
.pageWrapper-body .pageWrapper-backdrop-mobile {
  display: block;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.pageWrapper-body .pageWrapper-body-leftPanel {
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
  min-width: 310px;
  border-right: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.pageWrapper-body .pageWrapper-body-leftPanel .leftPanel-header-mobile {
  display: none;
}
@media (max-width: 950px) {
  .pageWrapper-body .pageWrapper-body-leftPanel {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    display: flex;
    max-width: 310px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  }
  .pageWrapper-body .pageWrapper-body-leftPanel.visible {
    transition: left 0.3s ease-in-out;
    left: 0;
  }
  .pageWrapper-body .pageWrapper-body-leftPanel.hidden {
    transition: left 0.3s ease-in-out;
    left: -310px;
  }
  .pageWrapper-body .pageWrapper-body-leftPanel .leftPanel-header-mobile {
    background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
    background-color: var(--theme-surface-500);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .pageWrapper-body .pageWrapper-body-leftPanel .leftPanel-header-mobile h2 {
    font-size: 16px;
    align-items: center;
    padding: 0.5rem;
    margin: 0;
  }
  .pageWrapper-body .pageWrapper-body-leftPanel .leftPanel-header-mobile div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    cursor: pointer;
    color: #ffffff;
    color: var(--theme-text-100);
  }
  .pageWrapper-body .pageWrapper-body-leftPanel .leftPanel-header-mobile div:hover {
    color: #34c6e5;
    color: var(--theme-primary-100);
  }
}
.pageWrapper-body .pageWrapper-body-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden auto;
  padding: 1rem 1rem 1rem 0;
}
.pageWrapper-body .pageWrapper-body-content > div {
  width: 100%;
}
.p-1 {
  padding: 1rem;
}

.mt-1 {
  margin-top: 1rem !important;
}

.flex-center {
  align-items: center;
  justify-content: center;
  display: flex;
}

.warningInfoBox {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid;
  align-items: center;
  column-gap: 0.5rem;
  color: #3f2511;
  color: var(--theme-warning-text-100);
  background-color: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  background-color: var(--theme-warning-60);
  border-color: #facc15;
  border-color: var(--theme-warning-100);
}
.warningInfoBox i.icon {
  font-size: 20px;
  color: #3f2511;
  color: var(--theme-warning-text-100);
}

.projectView {
  overflow: hidden scroll;
}

.errorAccessDeniedMsg {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.errorAccessDeniedMsg > div {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  margin: 1rem;
  border-radius: 8px;
  border: 1px solid;
  align-items: center;
  column-gap: 0.5rem;
  font-size: 1rem;
  color: #380e0a;
  color: var(--theme-error-text-100);
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
  border-color: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  border-color: var(--theme-error-40);
}
.errorAccessDeniedMsg > div .icon {
  font-size: 3rem;
}

.ieBrowser #root {
  height: 100%;
}
.ieBrowser #root header.appHeader {
  flex: none;
}
.ieBrowser #root .appContent {
  flex: 1 0 auto;
}
.ieBrowser #root .appContentLogged {
  flex: 1 0 auto;
}
.ieBrowser #root .appContentLogged .assetViewContent {
  overflow-y: scroll;
}
.ieBrowser .ui.modal {
  position: static;
}

.oc-radios {
  width: 100%;
}
.oc-radios.asFilter {
  padding: 0.5rem;
}
.oc-radios.asFilter .radio label:after {
  width: 12px;
  height: 12px;
}
.oc-radios.flex {
  display: flex;
}
.oc-radios.small .radio {
  height: 1.25rem;
}
.oc-radios.small .radio label {
  font-size: 0.75rem;
}
.oc-radios.small .radio label:before {
  width: 0.6875rem;
  height: 0.6875rem;
}
.oc-radios.small .radio label:after {
  width: 8px;
  height: 8px;
}
.oc-radios .radio {
  display: flex;
  height: 1.875rem;
  align-content: center;
  align-items: center;
}
.oc-radios .radio.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.oc-radios .radio.disabled input[type=radio] {
  cursor: not-allowed;
}
.oc-radios .radio input[type=radio] {
  opacity: 0;
  width: 6.25rem;
  position: absolute;
  height: 1.5625rem;
  margin: 0;
  z-index: 2;
  cursor: pointer;
}
.oc-radios .radio input[type=radio]:checked + label:before {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.oc-radios .radio input[type=radio]:checked + label:after {
  transform: translate(0, -50%) scale(1);
}
.oc-radios .radio label {
  display: flex;
  height: 1.875rem;
  position: relative;
  padding: 0 1.5625rem;
  margin-bottom: 0;
  cursor: pointer;
  align-items: center;
  color: #cccccc;
  color: var(--theme-text-80);
}
.oc-radios .radio label:before, .oc-radios .radio label:after {
  content: "";
  position: absolute;
  box-sizing: unset;
  border-radius: 50%;
  transition: all 0.3s ease;
  transform: translate(0, -50%);
  top: 50%;
  transition-property: transform, border-color;
}
.oc-radios .radio label:before {
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 0.125rem solid;
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}
.oc-radios .radio label:after {
  left: 2px;
  width: 0.875rem;
  height: 0.875rem;
  top: 50%;
  transform: translate(0, -50%) scale(0);
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.oc-radios .radio:hover label:before {
  border-color: var(--theme-border-hover);
}

.foldersDropdown {
  width: 100%;
}
.foldersDropdown.disabled {
  opacity: 0.4;
}
.foldersDropdown .ui.selection.dropdown input, .foldersDropdown.ui.dropdown input {
  -webkit-text-fill-color: rgb(50%, 50%, 50%);
  -webkit-text-fill-color: var(--theme-text-40);
  caret-color: rgb(50%, 50%, 50%);
  caret-color: var(--theme-text-40);
}
.foldersDropdown .ui.selection.dropdown.disabled, .foldersDropdown.ui.dropdown.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.foldersDropdown .ui.selection.dropdown.width100, .foldersDropdown.ui.dropdown.width100 {
  width: 100% !important;
}
.foldersDropdown .ui.selection.dropdown .menu .message, .foldersDropdown.ui.dropdown .menu .message {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 0.875rem;
}
.foldersDropdown .ui.selection.dropdown .menu .item, .foldersDropdown.ui.dropdown .menu .item {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px dashed;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.foldersDropdown .ui.selection.dropdown .menu .item.disabled, .foldersDropdown.ui.dropdown .menu .item.disabled {
  cursor: not-allowed;
  color: #e74c3c;
  color: var(--theme-error-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.disabled .text, .foldersDropdown.ui.dropdown .menu .item.disabled .text {
  opacity: 0.8;
}
.foldersDropdown .ui.selection.dropdown .menu .item.disabled i, .foldersDropdown.ui.dropdown .menu .item.disabled i {
  color: var(--theme-error-200) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1, .foldersDropdown.ui.dropdown .menu .item.level-1 {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1, .foldersDropdown.ui.dropdown .menu .item.level-1 {
  padding-left: 12px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1 .icon, .foldersDropdown.ui.dropdown .menu .item.level-1 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-1:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-1:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-1:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-1:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1.selected, .foldersDropdown.ui.dropdown .menu .item.level-1.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-1.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-1.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2, .foldersDropdown.ui.dropdown .menu .item.level-2 {
  padding-left: 24px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2 .icon, .foldersDropdown.ui.dropdown .menu .item.level-2 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-2:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-2:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-2:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-2:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2.selected, .foldersDropdown.ui.dropdown .menu .item.level-2.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-2.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-2.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3, .foldersDropdown.ui.dropdown .menu .item.level-3 {
  padding-left: 36px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3 .icon, .foldersDropdown.ui.dropdown .menu .item.level-3 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-3:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-3:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-3:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-3:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3.selected, .foldersDropdown.ui.dropdown .menu .item.level-3.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-3.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-3.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4, .foldersDropdown.ui.dropdown .menu .item.level-4 {
  padding-left: 48px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4 .icon, .foldersDropdown.ui.dropdown .menu .item.level-4 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-4:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-4:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-4:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-4:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4.selected, .foldersDropdown.ui.dropdown .menu .item.level-4.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-4.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-4.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5, .foldersDropdown.ui.dropdown .menu .item.level-5 {
  padding-left: 60px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5 .icon, .foldersDropdown.ui.dropdown .menu .item.level-5 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-5:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-5:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-5:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-5:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5.selected, .foldersDropdown.ui.dropdown .menu .item.level-5.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-5.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-5.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6, .foldersDropdown.ui.dropdown .menu .item.level-6 {
  padding-left: 72px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6 .icon, .foldersDropdown.ui.dropdown .menu .item.level-6 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-6:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-6:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-6:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-6:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6.selected, .foldersDropdown.ui.dropdown .menu .item.level-6.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-6.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-6.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7, .foldersDropdown.ui.dropdown .menu .item.level-7 {
  padding-left: 84px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7 .icon, .foldersDropdown.ui.dropdown .menu .item.level-7 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-7:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-7:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-7:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-7:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7.selected, .foldersDropdown.ui.dropdown .menu .item.level-7.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-7.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-7.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8, .foldersDropdown.ui.dropdown .menu .item.level-8 {
  padding-left: 96px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8 .icon, .foldersDropdown.ui.dropdown .menu .item.level-8 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-8:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-8:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-8:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-8:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8.selected, .foldersDropdown.ui.dropdown .menu .item.level-8.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-8.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-8.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9, .foldersDropdown.ui.dropdown .menu .item.level-9 {
  padding-left: 108px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9 .icon, .foldersDropdown.ui.dropdown .menu .item.level-9 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-9:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-9:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-9:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-9:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9.selected, .foldersDropdown.ui.dropdown .menu .item.level-9.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-9.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-9.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10, .foldersDropdown.ui.dropdown .menu .item.level-10 {
  padding-left: 120px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10 .icon, .foldersDropdown.ui.dropdown .menu .item.level-10 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-10:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-10:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-10:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-10:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10.selected, .foldersDropdown.ui.dropdown .menu .item.level-10.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-10.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-10.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11, .foldersDropdown.ui.dropdown .menu .item.level-11 {
  padding-left: 132px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11 .icon, .foldersDropdown.ui.dropdown .menu .item.level-11 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-11:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-11:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-11:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-11:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11.selected, .foldersDropdown.ui.dropdown .menu .item.level-11.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-11.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-11.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12, .foldersDropdown.ui.dropdown .menu .item.level-12 {
  padding-left: 144px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12 .icon, .foldersDropdown.ui.dropdown .menu .item.level-12 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-12:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-12:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-12:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-12:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12.selected, .foldersDropdown.ui.dropdown .menu .item.level-12.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-12.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-12.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13, .foldersDropdown.ui.dropdown .menu .item.level-13 {
  padding-left: 156px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13 .icon, .foldersDropdown.ui.dropdown .menu .item.level-13 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-13:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-13:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-13:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-13:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13.selected, .foldersDropdown.ui.dropdown .menu .item.level-13.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-13.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-13.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14, .foldersDropdown.ui.dropdown .menu .item.level-14 {
  padding-left: 168px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14 .icon, .foldersDropdown.ui.dropdown .menu .item.level-14 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-14:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-14:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-14:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-14:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14.selected, .foldersDropdown.ui.dropdown .menu .item.level-14.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-14.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-14.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15, .foldersDropdown.ui.dropdown .menu .item.level-15 {
  padding-left: 180px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15 .icon, .foldersDropdown.ui.dropdown .menu .item.level-15 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-15:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-15:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-15:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-15:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15.selected, .foldersDropdown.ui.dropdown .menu .item.level-15.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-15.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-15.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16, .foldersDropdown.ui.dropdown .menu .item.level-16 {
  padding-left: 192px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16 .icon, .foldersDropdown.ui.dropdown .menu .item.level-16 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-16:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-16:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-16:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-16:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16.selected, .foldersDropdown.ui.dropdown .menu .item.level-16.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-16.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-16.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17, .foldersDropdown.ui.dropdown .menu .item.level-17 {
  padding-left: 204px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17 .icon, .foldersDropdown.ui.dropdown .menu .item.level-17 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-17:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-17:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-17:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-17:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17.selected, .foldersDropdown.ui.dropdown .menu .item.level-17.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-17.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-17.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18, .foldersDropdown.ui.dropdown .menu .item.level-18 {
  padding-left: 216px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18 .icon, .foldersDropdown.ui.dropdown .menu .item.level-18 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-18:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-18:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-18:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-18:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18.selected, .foldersDropdown.ui.dropdown .menu .item.level-18.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-18.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-18.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19, .foldersDropdown.ui.dropdown .menu .item.level-19 {
  padding-left: 228px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19 .icon, .foldersDropdown.ui.dropdown .menu .item.level-19 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-19:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-19:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-19:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-19:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19.selected, .foldersDropdown.ui.dropdown .menu .item.level-19.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-19.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-19.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20, .foldersDropdown.ui.dropdown .menu .item.level-20 {
  padding-left: 240px !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20 .icon, .foldersDropdown.ui.dropdown .menu .item.level-20 .icon {
  margin-right: 5px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20:not(.level-0):not(.level-1), .foldersDropdown.ui.dropdown .menu .item.level-20:not(.level-0):not(.level-1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20:not(.level-0):not(.level-1) .icon, .foldersDropdown.ui.dropdown .menu .item.level-20:not(.level-0):not(.level-1) .icon {
  color: #cccccc;
  color: var(--theme-text-80);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20:not(.level-0):not(.level-1).selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-20:not(.level-0):not(.level-1).selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20:not(.level-0):not(.level-1):hover, .foldersDropdown.ui.dropdown .menu .item.level-20:not(.level-0):not(.level-1):hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20.selected, .foldersDropdown.ui.dropdown .menu .item.level-20.selected {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.foldersDropdown .ui.selection.dropdown .menu .item.level-20.selected .icon, .foldersDropdown.ui.dropdown .menu .item.level-20.selected .icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.project-name-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.project-name-row .project-name-field {
  flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 767px) {
  .project-name-row {
    flex-wrap: wrap;
    gap: 0;
  }
  .project-name-row .project-name-field {
    width: 100%;
    flex: unset;
  }
  .project-name-row .default-project-toggle .empty-label {
    display: none;
  }
}

.default-project-toggle {
  flex-shrink: 0;
}
.default-project-toggle .empty-label {
  display: block;
  margin-bottom: 0.28571429rem;
  font-size: 0.92857143em;
  font-weight: 700;
}
.default-project-toggle .toggle-with-label {
  display: flex;
  align-items: center;
  height: 38px;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.default-project-toggle .toggle-with-label .toggle-label {
  color: #cccccc;
  color: var(--theme-text-80);
}
.default-project-toggle .toggle-with-label .info-icon {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  cursor: pointer;
  margin-left: -4px;
}
.default-project-toggle .toggle-with-label .info-icon:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.ocTable-stateCell {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocTable-stateCell span {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 8px;
  margin-right: 5px;
}
.ocTable-stateCell.IDLE {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.ocTable-stateCell.IDLE span {
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.ocTable-stateCell.CREATING {
  color: #facc15;
  color: var(--theme-warning-100);
}
.ocTable-stateCell.CREATING span {
  background-color: #facc15;
  background-color: var(--theme-warning-100);
}
.ocTable-stateCell.STARTING {
  color: #facc15;
  color: var(--theme-warning-100);
}
.ocTable-stateCell.STARTING span {
  background-color: #facc15;
  background-color: var(--theme-warning-100);
}
.ocTable-stateCell.STOPPING {
  color: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  color: var(--theme-error-40);
}
.ocTable-stateCell.STOPPING span {
  background-color: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  background-color: var(--theme-error-40);
}
.ocTable-stateCell.RUNNING span {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.ocTable-stateCell.DELETED {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.ocTable-stateCell.DELETED span {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}

.tableBadge {
  display: inline-flex;
  border-radius: 8px;
  padding: 5px 8px;
  position: relative;
  overflow: hidden;
}
.tableBadge:after {
  content: "";
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tableBadge-green {
  color: #203d2d;
  color: var(--theme-success-text-100);
  background-color: rgb(6.2063086104%, 70.6564364876%, 34.8508098892%);
  background-color: var(--theme-success-40);
}
.tableBadge-red {
  color: #380e0a;
  color: var(--theme-error-text-100);
  background-color: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  background-color: var(--theme-error-40);
}
.tableBadge-yellow {
  color: #3f2511;
  color: var(--theme-warning-text-100);
  background-color: rgb(45.3064238248%, 36.4000328165%, 0.9680859792%);
  background-color: var(--theme-warning-40);
}
.tableBadge-grey {
  color: #ffffff;
  color: var(--theme-text-100);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.tableBadge-grey:after {
  opacity: 0.8;
  background-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  background-color: var(--theme-surface-border);
}

.ocCard.ui.card {
  border-radius: 0;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ocCard.ui.card .content {
  border: none;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ocCard.ui.card > .header {
  color: #ffffff;
  color: var(--theme-text-100);
  border-radius: 0 !important;
  padding: 0.3125rem 0.9375rem;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ocCard.ui.card hr {
  width: 100%;
  border: none;
  height: 1px;
  background-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  background-color: var(--theme-surface-border);
}

.loginView {
  display: grid;
  grid-template-rows: 1fr;
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 2rem;
}
.loginView.diageo button.button, .loginView.diageo .imageUploadFormElement-actions button.action-btn.add, .imageUploadFormElement-actions .loginView.diageo button.action-btn.add, .loginView.diageo .loginBoxWrapper .loginBoxContent .loginBox button,
.loginView.diageo a.button,
.loginView.diageo .imageUploadFormElement-actions a.action-btn.add,
.imageUploadFormElement-actions .loginView.diageo a.action-btn.add,
.loginView.diageo .loginBoxWrapper .loginBoxContent .loginBox a.button {
  text-transform: uppercase;
}
.loginView.diageo .sso a.button, .loginView.diageo .sso .imageUploadFormElement-actions a.action-btn.add, .imageUploadFormElement-actions .loginView.diageo .sso a.action-btn.add,
.loginView.diageo .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions .sso a.action-btn.add,
.loginView.diageo .sso .loginBoxWrapper .loginBoxContent .loginBox a.button,
.loginView.diageo .loginBoxWrapper .loginBoxContent .loginBox .sso a.button {
  background-color: #a50034;
}
.loginView.diageo .sso a.button-primary:hover,
.loginView.diageo .sso .loginBoxWrapper .loginBoxContent .loginBox a.button:hover,
.loginView.diageo .sso .loginBoxWrapper .loginBoxContent .loginBox .imageUploadFormElement-actions a.action-btn.add:hover,
.imageUploadFormElement-actions .loginView.diageo .sso .loginBoxWrapper .loginBoxContent .loginBox a.action-btn.add:hover,
.loginView.diageo .loginBoxWrapper .loginBoxContent .loginBox .sso a.button:hover,
.loginView.diageo .loginBoxWrapper .loginBoxContent .loginBox .sso .imageUploadFormElement-actions a.action-btn.add:hover,
.imageUploadFormElement-actions .loginView.diageo .loginBoxWrapper .loginBoxContent .loginBox .sso a.action-btn.add:hover {
  background-color: #d60749 !important;
}
.loginView.assetViewCps {
  display: flex;
  flex-direction: row;
}
.loginView.assetViewCps > .loginView {
  width: auto;
}
.loginView.assetViewCps .loginBoxWrapper .loginBoxContent .loginBox.sendInvite .ui.form {
  border: none;
}
.loginView.assetViewCps .loginBoxWrapper .loginBoxContent .loginBox.sendInvite .ui.message {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
}
.loginView .loginBoxWrapper {
  display: flex;
  flex-direction: column;
}
.loginView .loginBoxWrapper > h2 {
  margin: 0;
}
.loginView .loginBoxWrapper .loginErrorMessage {
  margin: 1rem auto 0 auto;
  border-radius: 6px;
  padding: 0.5rem;
  border: 1px solid #ce2668;
  background: #a12053;
  color: #f9c6da;
  text-align: center;
  max-width: 300px;
}
.loginView .loginBoxWrapper .loginBoxContent {
  display: flex;
  flex-direction: row;
  height: 100%;
  z-index: 2;
}
@media (max-width: 697px) {
  .loginView .loginBoxWrapper .loginBoxContent {
    flex-direction: column-reverse;
  }
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox {
  padding: 24px;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .logo {
  max-width: 172px;
  max-height: 43px;
  margin-bottom: 1rem;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .logo img {
  width: 172px;
  height: 43px;
  object-fit: contain;
  object-position: left center;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .forgotPassInline {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.segment,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.message {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  margin: 0;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.segment .field label,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.message .field label {
  font-weight: normal;
  color: #cccccc;
  color: var(--theme-text-80);
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .sso {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  row-gap: 1rem;
  border-top: 1px dashed;
  padding: 1rem 0 0;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .sso > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50%;
  width: 100%;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .sso > div:first-child {
  align-items: flex-start;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .sso .sso-error {
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  border: 1px solid;
  padding: 1rem;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .sso .sso-error button.clearError {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: transparent;
  padding: 0;
  border: none;
  z-index: 2;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .sso .sso-error div {
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.loginView .loginBoxWrapper .loginBoxContent .loginBox .sso .sso-error:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  z-index: 0;
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
}
.loginView .loginBoxWrapper .ui.message.msgSuccess {
  position: relative;
  border: 1px solid #93d136 !important;
  border-radius: 6px;
}
.loginView .loginBoxWrapper .ui.message.msgSuccess span {
  position: relative;
  z-index: 1;
}
.loginView .loginBoxWrapper .ui.message.msgSuccess:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  z-index: 0;
  background-color: #93d136 !important;
}
.loginView .loginBox {
  flex: 1;
  padding: 0 30px;
}
.loginView .accountImg {
  text-align: center;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.loginView .accountImg img {
  max-width: 100vw;
  max-height: 100vh;
  object-fit: cover;
  opacity: 0.2;
}
.loginView .accountBgImg {
  position: absolute;
  text-align: center;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.loginView .accountBgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.diageoLoginMessage {
  text-align: center;
  padding: 1rem;
  color: #cccccc;
  color: var(--theme-text-80);
}

.LoginAttempt-content {
  font-size: 12px;
  text-align: center;
}
.LoginAttempt-label {
  font-style: italic;
  color: #cccccc;
  color: var(--theme-text-80);
}
.LoginAttempt-timer {
  position: relative;
  display: inline-flex;
  padding: 0.5rem;
  overflow: hidden;
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  min-width: 38px;
  text-align: center;
  color: #facc15;
  color: var(--theme-warning-100);
}
.LoginAttempt-timer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: 6px;
  background-color: #facc15;
  background-color: var(--theme-warning-100);
}
.LoginAttempt-timer:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  border: 1px solid;
  border-radius: 6px;
  border-color: #facc15;
  border-color: var(--theme-warning-100);
}

.timedOutInfo {
  background: rgb(246, 43, 93);
  background: linear-gradient(212deg, rgb(246, 43, 93) 0%, rgb(75, 53, 116) 100%);
  border: 1px solid #3b1a2c;
  padding: 1rem;
  border-radius: 6px;
  max-width: 320px;
  display: flex;
  color: #fff;
  margin: 1rem auto 0 auto;
}
.timedOutInfo > div {
  display: flex;
}
.timedOutInfo > div:nth-child(1) {
  font-size: 3rem;
  align-items: center;
  justify-content: center;
}
.timedOutInfo > div:nth-child(1) .icon {
  line-height: 100%;
}
.timedOutInfo > div:nth-child(2) {
  font-size: 0.875rem;
}

#accountSettings {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#accountSettings .accountSettings-top {
  display: flex;
  flex-direction: row;
}
#accountSettings .accountSettings-top h2 {
  font-size: 2rem;
  padding: 2rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
#accountSettings .accountSettings-content {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#accountSettings .accountSettings-content .settingsItems {
  width: 100%;
  padding: 0.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  column-gap: 1rem;
  row-gap: 1rem;
  z-index: 2;
  justify-items: center;
  max-width: 1000px;
}
#accountSettings .accountSettings-content .settingsItems-item {
  position: relative;
  width: 100%;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#accountSettings .accountSettings-content .settingsItems-item > * {
  transition: all 0.2s ease-in-out;
}
#accountSettings .accountSettings-content .settingsItems-item > div {
  position: relative;
  z-index: 1;
}
#accountSettings .accountSettings-content .settingsItems-item .item-icon,
#accountSettings .accountSettings-content .settingsItems-item .item-icon-open {
  padding: 0.5rem 0 0.5rem 0.5rem;
  font-size: 28px;
  min-width: 60px;
  align-items: center;
  justify-content: center;
  display: flex;
  line-height: 28px;
}
#accountSettings .accountSettings-content .settingsItems-item .item-icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
#accountSettings .accountSettings-content .settingsItems-item .item-icon.opacity-1 {
  opacity: 1;
}
#accountSettings .accountSettings-content .settingsItems-item .item-icon-open {
  font-size: 20px;
  opacity: 0.2;
}
#accountSettings .accountSettings-content .settingsItems-item .item-content {
  padding: 0.5rem;
  width: 100%;
}
#accountSettings .accountSettings-content .settingsItems-item .item-content .title {
  font-size: 16px;
  color: #ffffff;
  color: var(--theme-text-100);
}
#accountSettings .accountSettings-content .settingsItems-item .item-content .desc {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 10px;
}
#accountSettings .accountSettings-content .settingsItems-item:hover {
  cursor: pointer;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
#accountSettings .accountSettings-content .settingsItems-item:hover .item-icon {
  opacity: 1;
}
#accountSettings .accountSettings-content .settingsItems-item:hover .item-content .desc {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
#accountSettings .accountSettings-content .settingsItems-item:hover .item-icon-open {
  opacity: 1;
}

.accountSettingsBreadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid;
  border-top: 1px dashed;
  width: 100%;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.accountSettingsBreadcrumbs > div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.accountSettingsBreadcrumbs > div:first-child .icon {
  margin: 0;
  opacity: 0.2;
}
.accountSettingsBreadcrumbs > div:first-child div {
  padding: 0.5rem;
}
.accountSettingsBreadcrumbs > div:first-child div.btn {
  cursor: pointer;
}
.accountSettingsBreadcrumbs > div:first-child div.btn:hover {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.accountSettingsBreadcrumbs > div:first-child div.action {
  text-transform: capitalize;
}
.accountSettingsBreadcrumbs > div.actions {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  padding: 0 1rem;
}

.accountManagingPage {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  max-width: 550px;
  margin: auto;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}
.accountManagingPage .accountImg img {
  max-width: 350px;
  max-height: 300px;
  width: 100%;
}
.accountManagingPage .accountBgImg {
  position: absolute;
  text-align: center;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.accountManagingPage .accountBgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.accountManagingPage-title {
  margin-bottom: 0.5rem;
  text-align: center;
}
.accountManagingPage-title h1 {
  font-size: 1.5rem;
  margin: 0.5rem 0.5rem 1rem 0.5rem;
}
.accountManagingPage-title .ocLogo {
  height: 35px;
  object-fit: cover;
  width: auto;
  overflow: hidden;
  justify-content: flex-start;
  display: flex;
  margin: auto;
}
.accountManagingPage-title .invitedBy {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.accountManagingPage-title .invitedBy > div {
  margin: 0 5px;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.accountManagingPage-content.wide {
  width: 100%;
}
.accountManagingPage-content.wide.password-reset {
  padding: 1rem;
}
.accountManagingPage form .field .input input,
.accountManagingPage form .PhoneInput input,
.accountManagingPage form .PhoneInputCountry,
.accountManagingPage form .labelShowPassword {
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
}
.accountManagingPage form input:read-only {
  opacity: 0.3;
}
.accountManagingPage form .PhoneInput input.PhoneInputInput,
.accountManagingPage form .PhoneInputCountry {
  border: 0;
}
.accountManagingPage form .labelShowPassword {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.accountManagingPage form .labelShowPassword .icon {
  margin: 0;
}
.accountManagingPage form .labelShowPassword.ui.basic.label {
  border-radius: 8px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid;
}
.accountManagingPage form .labelShowPassword {
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450) !important;
}
.accountManagingPage form .field .input {
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450) !important;
  border: 1px solid;
  overflow: hidden;
  border-radius: 3px;
}
.accountManagingPage form .PhoneInput {
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450) !important;
  border: 1px solid;
  overflow: hidden;
  border-radius: 3px;
}
.accountManagingPage form .ui.grid > .row {
  padding-top: 0;
}
.accountManagingPage form .disabled.field {
  opacity: 1 !important;
}
.accountManagingPage form .actionRow {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accountManagingPage form .actionRow > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.accountManagingPage form .bottomRow {
  margin-top: 2rem;
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.accountManagingPage form .acceptingTermAndPolicy > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.accountManagingPage form .acceptingTermAndPolicy > div > div .lead {
  padding-left: 1rem;
  font-size: 14px;
}
.accountManagingPage form .acceptingTermAndPolicy > div > div .ui.checkbox label {
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.accountManagingPage form .acceptingTermAndPolicy > div > div .ui.checkbox label::before {
  border: 1px solid;
  border-radius: 3px;
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.accountManagingPage form .acceptingTermAndPolicy > div > div .ui.checkbox label::after {
  font-size: 12px;
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.accountManagingPage form .tipsAndNewsRow {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}
.accountManagingPage form .tipsAndNewsRow .field {
  width: auto;
  padding-right: 2rem;
  display: inline-flex;
}
.accountManagingPage form .tipsAndNewsRow .ui.radio.checkbox input:checked ~ .box:before,
.accountManagingPage form .tipsAndNewsRow .ui.radio.checkbox input:focus:checked ~ .box:before,
.accountManagingPage form .tipsAndNewsRow .ui.radio.checkbox input:checked ~ label:before,
.accountManagingPage form .tipsAndNewsRow .ui.radio.checkbox input:focus:checked ~ label:before {
  background-color: transparent;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
}
.accountManagingPage form .tipsAndNewsRow .ui.radio.checkbox input:focus:checked ~ .box:after,
.accountManagingPage form .tipsAndNewsRow .ui.radio.checkbox input:focus:checked ~ label:after {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100) !important;
}
.accountManagingPage form .tipsAndNewsRow .field .radio label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}
.accountManagingPage form .tipsAndNewsRow .field .radio label::before {
  border: 1px solid;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200) !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.accountManagingPage form .tipsAndNewsRow .field .radio label::after {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100) !important;
}
.accountManagingPage.wide {
  max-width: 800px;
}
.accountManagingPage.wide form {
  padding: 1rem;
}
.accountManagingPage.wide form > div {
  padding: 1rem;
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.accountManagingPage.wide form > div:last-child {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
  padding-top: 1rem;
  border: none;
  border-radius: 0 0 4px 4px;
}
.accountManagingPage.wide .accountManagingPage-title {
  padding: 1rem;
  margin-bottom: 0rem;
  text-align: center;
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.accountManagingPage.wide .accountManagingPage-content {
  padding: 0;
}

.osPassComplexity.dark .osPassComplexity-block {
  background: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background: var(--theme-surface-400);
}
.osPassComplexity-wrapper {
  display: flex;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.osPassComplexity-block {
  height: 4px;
  display: flex;
  width: 100%;
  margin: 2px;
  background: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background: var(--theme-surface-450);
  transition: all 0.2s ease-in-out;
}
.osPassComplexity-block.active.weak {
  background: linear-gradient(to right, var(--theme-error-40) 0%, var(--theme-error-100) 100%);
}
.osPassComplexity-block.active.fair {
  background: linear-gradient(to right, var(--theme-error-100) 0%, var(--theme-warning-100) 100%);
}
.osPassComplexity-block.active.moderate {
  background: linear-gradient(to right, var(--theme-warning-100) 0%, var(--theme-warning-40) 100%);
}
.osPassComplexity-block.active.good {
  background: linear-gradient(to right, var(--theme-warning-40) 0%, var(--theme-success-100) 100%);
}
.osPassComplexity-block.active.strong {
  background: linear-gradient(to right, var(--theme-success-100) 0%, var(--theme-success-40) 100%);
}
.osPassComplexity-block.active.excellent {
  background: linear-gradient(to right, var(--theme-success-40) 0%, var(--theme-primary-100) 100%);
}
.osPassComplexity-criterias ul {
  margin: 0;
  list-style: none;
  padding: 0 2px;
}
.osPassComplexity-criterias ul li {
  padding: 0 0 0 25px;
  font-size: 12px;
  line-height: 16px;
  width: 50%;
  display: inline-flex;
  position: relative;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}
.osPassComplexity-criterias ul li.done {
  transition: all ease-in-out 0.2s;
  text-decoration: line-through;
}
.osPassComplexity-criterias ul li.done > i {
  text-decoration: none;
}
.osPassComplexity-criterias ul li.done {
  opacity: 0.35;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.osPassComplexity-criterias ul li .icon {
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease-in-out 0.5s;
}
.osPassComplexity-criterias ul li .icon.check {
  font-size: 12px;
}
.osPassComplexity-criterias ul li .icon.check.active {
  transform: translate(0, 0);
  opacity: 1;
}
.osPassComplexity-criterias ul li .icon.check.inactive {
  transform: translate(-30px, 0);
  opacity: 0;
}
.osPassComplexity-criterias ul li .icon.circle {
  font-size: 6px;
}
.osPassComplexity-criterias ul li .icon.circle.active {
  transform: translate(3px, 0);
  opacity: 1;
}
.osPassComplexity-criterias ul li .icon.circle.inactive {
  transform: translate(-30px, 0);
  opacity: 0;
}
.osPassComplexity-criterias ul li span {
  display: inline-flex;
  font-style: italic;
  margin-left: 0.5rem;
  opacity: 0.5;
}
.osPassComplexity-criterias-levels {
  margin: -11px -12px 10px -12px;
  padding: 1rem;
  transition: all 0.2s ease-in-out;
  border-radius: 3px 3px 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  border-bottom: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.osPassComplexity-criterias-levels span {
  display: flex;
  width: 100%;
}
.osPassComplexity-criterias-levels span:nth-child(1) {
  justify-content: flex-start;
  align-items: flex-start;
}
.osPassComplexity-criterias-levels span:nth-child(2) {
  opacity: 0;
  background: red;
  border-radius: 3px;
  width: auto;
  min-width: 90px;
  justify-content: center;
  padding: 2px 6px;
}
.osPassComplexity-criterias-levels.empty {
  opacity: 0;
}
.osPassComplexity-criterias-levels.weak span:nth-child(2) {
  background-color: var(--theme-error-100);
  color: var(--theme-primary-error-100);
  opacity: 1;
}
.osPassComplexity-criterias-levels.fair span:nth-child(2) {
  background-color: var(--theme-warning-40);
  color: var(--theme-warning-text-40);
  opacity: 1;
}
.osPassComplexity-criterias-levels.moderate span:nth-child(2) {
  background-color: var(--theme-warning-100);
  color: var(--theme-warning-text-100);
  opacity: 1;
}
.osPassComplexity-criterias-levels.good span:nth-child(2) {
  background-color: var(--theme-success-40);
  color: var(--theme-success-text-40);
  opacity: 1;
}
.osPassComplexity-criterias-levels.strong span:nth-child(2) {
  background-color: var(--theme-success-100);
  color: var(--theme-success-text-100);
  opacity: 1;
}
.osPassComplexity-criterias-levels.excellent span:nth-child(2) {
  background-color: var(--theme-primary-100);
  color: var(--theme-primary-text-100);
  opacity: 1;
}

header.appHeader {
  flex: 0 1 80px;
  max-height: 80px;
  border-bottom: 1px solid;
  width: 100%;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header) !important;
}
@media (max-width: 900px) {
  header.appHeader.shareViewHeader .headerWrapper {
    max-height: 60px;
  }
  header.appHeader.shareViewHeader .headerWrapper .headerSearch {
    display: none !important;
  }
}
header.appHeader .headerWrapper {
  height: 80px;
  display: flex;
  flex-direction: row;
}
header.appHeader .headerWrapper .headerLeft {
  width: 300px;
  min-width: 300px;
  display: flex;
  align-items: center;
}
header.appHeader .headerWrapper .headerRight {
  min-width: 240px;
  width: 240px;
  display: flex;
  padding-right: 10px;
  align-items: center;
  flex-direction: row-reverse;
}
header.appHeader .shareLoginBtn.btn {
  border-radius: 8px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
header.appHeader .shareLoginBtn.btn:hover {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
@media (max-width: 900px) {
  header.appHeader {
    max-height: 110px;
  }
  header.appHeader .headerWrapper {
    height: 120px;
    max-height: 120px;
    flex-wrap: wrap;
  }
  header.appHeader .headerWrapper .headerLeft {
    width: 30%;
    min-width: 30%;
    height: 60px;
  }
  header.appHeader .headerWrapper .headerRight {
    order: 1;
    min-width: 70%;
    height: 60px;
  }
  header.appHeader .headerWrapper .headerSearch {
    justify-content: center;
    order: 2;
    padding: 0 3px;
    height: 35px;
  }
  header.appHeader .headerWrapper .headerSearch form {
    max-width: 100%;
  }
}
@media (max-width: 676px) {
  header.appHeader .headerWrapper {
    height: 95px;
  }
}

.accountView .card1 {
  margin-bottom: 1.5rem;
}
.accountView h5.themeSetup {
  margin-bottom: 5px;
}

.AccountImagePreview.onAccountPage {
  margin: 1rem auto;
  padding: 1rem 0 2rem 0;
  border-bottom: 1px dashed;
  border-color: #cccccc;
  border-color: var(--theme-text-80);
}
.AccountImagePreview.onAccountPage:last-child {
  border: none;
  padding: 1rem 0 0 0;
}
.AccountImagePreview.onAccountPage .AccountImagePreview-content {
  display: flex;
  flex-direction: column;
}
.AccountImagePreview.onAccountPage .AccountImagePreview-content .AccountImagePreview-image,
.AccountImagePreview.onAccountPage .AccountImagePreview-content .AccountImagePreview-action {
  width: 100%;
}
.AccountImagePreview.onAccountPage .AccountImagePreview-content .AccountImagePreview-image .imageWrapper,
.AccountImagePreview.onAccountPage .AccountImagePreview-content .AccountImagePreview-image .btn,
.AccountImagePreview.onAccountPage .AccountImagePreview-content .AccountImagePreview-action .imageWrapper,
.AccountImagePreview.onAccountPage .AccountImagePreview-content .AccountImagePreview-action .btn {
  width: 100%;
}
.AccountImagePreview.onAccountPage.edit .AccountImagePreview-content .AccountImagePreview-image {
  border: 1px solid;
  border-radius: 9px;
  margin-bottom: 0.5rem;
  border-color: #253141;
  border-color: var(--theme-surface-100);
}
.AccountImagePreview.onAccountPage.edit .AccountImagePreview-content .AccountImagePreview-action .btn div:nth-child(2) {
  width: 100%;
  text-align: center;
}
.AccountImagePreview.withBorder:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dashed;
  opacity: 0.1;
  margin-bottom: 0.5rem;
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}
.AccountImagePreview h5 {
  margin: 0;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.AccountImagePreview p {
  margin: 0;
  opacity: 0.6;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountImagePreview-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.AccountImagePreview-image {
  width: auto;
}
.AccountImagePreview-image .imageWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 130px;
  height: 80px;
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.AccountImagePreview-image .imageWrapper img {
  width: 130px;
  height: 80px;
  object-fit: contain;
}
.AccountImagePreview-action {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AccountImagePreview-action .btn {
  position: relative;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}
.AccountImagePreview-action .btn div {
  padding: 0.5rem 1rem;
}
.AccountImagePreview-action .btn div:nth-child(1) {
  width: 30px;
}
.AccountImagePreview-action .btn:after:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.3;
}

.accountSignup {
  display: block;
  width: 100%;
  padding: 1rem;
  text-align: left;
}
@media (min-width: 1200px) {
  .accountSignup {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
}
.accountSignup h1.ui.header {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlans {
  display: flex;
  width: 100%;
  margin-bottom: 2rem;
}
.accountSignup .accountSignupPlans .plan {
  flex: 1;
  margin: 0 0.5rem;
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #253141;
  border-color: var(--theme-surface-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.accountSignup .accountSignupPlans .plan.active {
  color: #34c6e5;
  color: var(--theme-primary-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlans .plan.active .price h5 {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlans .plan:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlans .plan h4 {
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlans .plan .price {
  font-size: 0.9rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.accountSignup .accountSignupPlans .plan .price h5 {
  margin-bottom: 0.2rem;
  font-size: 2rem;
  font-weight: 500;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.accountSignup .accountSignupPlan {
  text-align: center;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.accountSignup .accountSignupPlan h2 {
  margin: 1rem 0 0.5rem;
  font-size: 2rem;
  text-transform: uppercase;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlan sup {
  color: red;
  font-weight: bold;
  font-size: 1rem;
}
.accountSignup .accountSignupPlan .description {
  margin-bottom: 1.2rem;
  min-height: 3rem;
}
.accountSignup .accountSignupPlan .prices {
  min-height: 9rem;
  margin-bottom: 2rem;
}
.accountSignup .accountSignupPlan .prices .trial {
  margin-bottom: 0.5rem;
}
.accountSignup .accountSignupPlan .prices .trial span {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlan .prices .free {
  margin-bottom: 0.2rem;
  font-size: 2rem;
  font-weight: 500;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlan .prices .pricePart {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5rem;
}
.accountSignup .accountSignupPlan .prices .sep {
  padding: 0 1rem;
  font-style: italic;
}
.accountSignup .accountSignupPlan .prices .price {
  font-size: 0.9rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.accountSignup .accountSignupPlan .prices .price h5 {
  margin-bottom: 0.2rem;
  font-size: 2rem;
  font-weight: 500;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .accountSignupPlan .details {
  margin-bottom: 2rem;
}
.accountSignup .accountSignupPlan .details ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.accountSignup .accountSignupPlan .details ul li {
  margin: 0 0 0.5rem;
  padding: 0;
}
.accountSignup .accountSignupPlan .credits {
  margin-bottom: 2rem;
  padding-top: 1rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #cccccc;
  border-top-color: var(--theme-text-80);
}
.accountSignup .accountSignupPlan .credits h5 {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
}
.accountSignup .accountSignupPlan .credits .sep {
  color: #cccccc;
  color: var(--theme-text-80);
  font-style: italic;
}
.accountSignup .signupForm {
  padding: 0.5rem 1rem;
  text-align: left;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.accountSignup .signupForm .signupRow {
  display: flex;
  width: 100%;
}
.accountSignup .signupForm .signupRow.mb-2 {
  margin-bottom: 2rem;
}
.accountSignup .signupForm .signupRow .signupCol {
  flex: 1;
  min-height: 4.2rem;
  margin-bottom: 0.5rem;
}
.accountSignup .signupForm .signupRow .signupCol .field {
  margin-bottom: 0;
}
.accountSignup .signupForm .signupRow .signupCol .fError {
  padding-left: 1rem;
  font-size: 0.9rem;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain {
  min-height: auto;
  margin-bottom: 1rem;
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain .subdomainValue {
  margin-bottom: 0.5rem;
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain h6 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain .name {
  color: #6bf2a7;
  color: var(--theme-success-100);
  font-weight: bold;
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain .icon {
  cursor: pointer;
  margin-right: 0;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain .edit {
  cursor: pointer;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain .hidden {
  display: none;
}
.accountSignup .signupForm .signupRow .signupCol.colSubdomain .subdomainHelp {
  padding: 0.2rem 0.5rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.accountSignup .signupForm .signupRow .signupCol.colTerm {
  min-height: auto;
  margin-bottom: 0;
}
.accountSignup .signupForm .signupRow .signupCol.colTerm .termLink {
  display: inline-block;
  padding-left: 4.5rem;
}
.accountSignup .signupForm .signupRow .signupCol.colButton {
  min-height: auto;
  margin-bottom: 0;
  text-align: right;
}
.accountSignup .signupForm .signupRow .PhoneInput {
  width: 100%;
}
.accountSignup .signupForm .signupRow .PhoneInput .PhoneInputCountry {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.accountSignup .signupForm .signupRow .field .ui.input input,
.accountSignup .signupForm .signupRow input[type=text],
.accountSignup .signupForm .signupRow input[type=password] {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-width: 1px 1px 1px 0;
}
.accountSignup .signupForm .signupRow .ui.input {
  display: flex;
}
.accountSignup .signupForm .signupRow .ui.input input {
  width: auto;
}
.accountSignup .signupForm .signupRow .ui.labeled.input > .label {
  min-width: 130px;
}
.accountSignup .signupForm .signupRow .ui.labeled.input > .label.labelShowPassword {
  min-width: 40px;
}
.accountSignup .signupForm .signupRow .ui.labeled.input > .label.labelShowPassword i {
  margin-right: 0;
}
.accountSignup .signupForm .signupRow .checked label {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.FeaturesControl {
  height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
.FeaturesControl .error {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.FeaturesControl-title {
  font-size: 2rem;
  height: 30px;
  margin-bottom: 2rem;
}
.FeaturesControl-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
}
@media (max-width: 950px) {
  .FeaturesControl-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .FeaturesControl-list {
    width: 100% !important;
    height: 100%;
    overflow: visible !important;
  }
  .FeaturesControl-form {
    width: 100%;
    height: 0;
  }
  .FeaturesControl-form.active {
    height: 530px;
    min-height: 530px;
  }
}
.FeaturesControl-form {
  width: 0;
  opacity: 0;
  overflow: hidden;
  transition: ease-in-out 0.2s all;
}
.FeaturesControl-form.active {
  width: 100%;
  opacity: 1;
  transition: ease-in-out 0.2s all;
}
.FeaturesControl-form .react-datepicker-wrapper {
  width: 100%;
}
.FeaturesControl-list {
  width: 50%;
  margin: 0 auto;
  transition: ease-in-out 0.2s all;
  overflow: hidden auto;
}
.FeaturesControl-list .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  width: 100%;
  padding: 1rem;
  font-size: 2rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.FeaturesControl-list.active {
  width: 100%;
  transition: ease-in-out 0.2s all;
}
.FeaturesControl-list.active .addNewFeaturesBtn:hover {
  color: #e74c3c;
  color: var(--theme-error-100);
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
}
.FeaturesControl-list .addNewFeaturesBtn {
  border-radius: 6px;
  margin: 1rem 1rem;
  border: 2px dashed;
  padding: 1rem;
  transition: ease-in-out 0.2s all;
  text-align: center;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: #ffffff;
  border-color: var(--theme-text-100);
  cursor: pointer;
}
.FeaturesControl-list .addNewFeaturesBtn:hover {
  transition: ease-in-out 0.2s all;
  color: #6bf2a7;
  color: var(--theme-success-100);
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.FeaturesControl-list .content-item {
  border-radius: 6px;
  margin: 1rem 1rem;
  border: 1px solid;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: #253141;
  border-color: var(--theme-surface-100);
}
.FeaturesControl-list .content-item .label {
  font-size: 12px;
  padding: 0 1rem 0 1rem;
  opacity: 0.3;
}
.FeaturesControl-list .content-item .top {
  display: flex;
  padding: 1rem;
}
.FeaturesControl-list .content-item .top > div:first-child {
  width: 100%;
}
.FeaturesControl-list .content-item .top > div:nth-child(2) {
  width: 90px;
  text-align: right;
}
.FeaturesControl-list .content-item .top .date {
  font-size: 11px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.FeaturesControl-list .content-item .top .title {
  font-size: 1rem;
}
.FeaturesControl-list .content-item .top .version {
  font-size: 11px;
  border-radius: 4px;
  padding: 3px 5px;
  background: linear-gradient(45deg, rgb(120, 32, 235) 0%, rgb(57, 138, 243) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin-right: 5px;
  color: #fff;
}
.FeaturesControl-list .content-item .description,
.FeaturesControl-list .content-item .url {
  font-size: 13px;
  padding: 0 1rem 1rem 1rem;
  font-style: italic;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  max-height: 85px;
  overflow: hidden auto;
}
.FeaturesControl-list .content-item .description.short,
.FeaturesControl-list .content-item .url.short {
  display: flex;
  padding: 0 1rem 1rem 1rem;
  font-style: normal;
}
.FeaturesControl-list .content-item .bottom {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.FeaturesControl-list .content-item .bottom > div {
  color: #ffffff;
  color: var(--theme-text-100);
  cursor: pointer;
}
.FeaturesControl-list .content-item .bottom > div:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.FeaturesControl-list .content-item .bottom > div:hover:nth-child(2) {
  color: #e74c3c;
  color: var(--theme-error-100);
}

@media (max-width: 767px) {
  .pushable:not(body) {
    transform: none;
  }
}
.assetsList {
  display: flex;
  flex-direction: row;
  height: 100%;
  flex: 1 1;
  width: 100%;
  overflow-y: hidden;
}
.assetsList .mainLeftColumn {
  width: 300px;
  height: 100%;
  min-height: 100%;
}
.assetsList .mainLeftColumn.show {
  display: block;
}
@media (max-width: 767px) {
  .assetsList {
    height: 100%;
  }
  .assetsList .mainLeftColumn {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1002;
    padding-top: 0rem;
    max-width: 100%;
    width: auto;
    border-radius: 0;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    background-color: #253141;
    background-color: var(--theme-surface-100);
  }
}
.assetsList .responsiveShowFiltersButton {
  display: none;
}
@media (max-width: 767px) {
  .assetsList .responsiveShowFiltersButton {
    display: block;
    text-align: center;
    padding: 0.5rem 1.2rem 1rem 0;
    position: fixed;
    bottom: 0;
    left: 5px;
    z-index: 999999999;
  }
  .assetsList .responsiveShowFiltersButton button.button, .assetsList .responsiveShowFiltersButton .imageUploadFormElement-actions button.action-btn.add, .imageUploadFormElement-actions .assetsList .responsiveShowFiltersButton button.action-btn.add, .assetsList .responsiveShowFiltersButton .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .assetsList .responsiveShowFiltersButton button {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #34c6e5;
    background-color: var(--theme-primary-100);
  }
  .assetsList .responsiveShowFiltersButton button.button i, .assetsList .responsiveShowFiltersButton .imageUploadFormElement-actions button.action-btn.add i, .imageUploadFormElement-actions .assetsList .responsiveShowFiltersButton button.action-btn.add i, .assetsList .responsiveShowFiltersButton .loginView .loginBoxWrapper .loginBoxContent .loginBox button i, .loginView .loginBoxWrapper .loginBoxContent .loginBox .assetsList .responsiveShowFiltersButton button i {
    font-size: 19px;
    line-height: 15px;
    vertical-align: middle !important;
  }
}
.assetsList .responsiveHideFiltersButton {
  display: none;
}
@media (max-width: 767px) {
  .assetsList .responsiveHideFiltersButton {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
  .assetsList .responsiveHideFiltersButton button.button, .assetsList .responsiveHideFiltersButton .imageUploadFormElement-actions button.action-btn.add, .imageUploadFormElement-actions .assetsList .responsiveHideFiltersButton button.action-btn.add, .assetsList .responsiveHideFiltersButton .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .assetsList .responsiveHideFiltersButton button {
    width: 100%;
    border-radius: 0 !important;
  }
}
.assetsList .assetsColumn {
  flex: 1;
  position: relative;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  display: flex;
}
.assetsList .assetsColumn-content {
  overflow: scroll;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .assetsList .assetsColumn-content {
    height: 100%;
  }
}
.assetsList .assetsColumn.homeView2 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.assetsList .assetsListItems {
  flex-wrap: wrap;
  user-select: none;
  padding: 1rem;
  column-gap: 16px;
  row-gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
}
.assetsList .assetsListItems.Grid {
  grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
  justify-content: center;
}
.assetsList .assetsListItems.List {
  grid-template-columns: 1fr;
}
.assetsList .assetsListItems > div {
  margin: auto;
}
.assetsList .assetsListItem {
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: element;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetsList .assetsListItem:-webkit-drag {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.assetsList .assetsListItem:focus {
  outline: none;
}
.assetsList .assetsListItem.assetsListItemSelected {
  border-width: 1px;
  border-style: solid;
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
body:not(.selectionModeActive) .assetsList .assetsListItem .assetCard-selectionOverlay {
  display: none !important;
}
body:not(.selectionModeActive) .assetsList .assetsListItem .assetCard-selectionCheckbox {
  display: none !important;
}
body.selectionModeActive .assetsList .assetsListItem .assetCard-selectionCheckbox {
  opacity: 1;
  pointer-events: auto;
  pointer-events: none;
  border: 1px solid;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  position: absolute !important;
  z-index: 4 !important;
  padding: 5px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
body.selectionModeActive .assetsList .assetsListItem .assetCard-selectionCheckbox div {
  width: 100%;
  height: 100%;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  border-radius: 3px;
}
body.selectionModeActive .assetsList .assetsListItem.assetsListItemSelected .assetCard-selectionCheckbox {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
body.selectionModeActive .assetsList .assetsListItem .assetCard-selectionOverlay {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999 !important;
  cursor: pointer;
}
body.selectionModeActive .assetsList .assetsListItem .assetCard-selectionCheckbox {
  z-index: 11;
}
.assetsList .assetsListItem .nonDraggable * {
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.assetsList .assetsListItem.dragOver {
  pointer-events: none;
  border-width: 1px;
  border-style: solid;
  border-color: #facc15;
  border-color: var(--theme-warning-100);
}
.assetsList .assetsListItem.archived {
  overflow: visible;
  border: 0;
}
.assetsList .assetsListItem.archived .assetCard > div {
  position: relative;
  z-index: 3;
}
.assetsList .assetsListItem.archived .assetCard .assetCard-bottom:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgb(0, 170, 255);
  z-index: 1;
  opacity: 0.2;
  border-radius: 0 0 6px 6px;
}
.assetsList .assetsListItem.archived:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2px;
  display: block;
  background-color: rgb(0, 170, 255);
  z-index: 1;
  opacity: 0.2;
  border-radius: 12px;
}
.assetsList .assetsListItem.archived.assetsListItemSelected:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  display: block;
  border: 2px solid;
  border-color: rgb(0, 170, 255);
  z-index: -1;
  opacity: 1;
  border-radius: 8px;
}
.assetsList .assetsListItem.archived .archiveBadge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  z-index: 4;
  background-color: rgb(0, 170, 255);
  border-radius: 3px;
  padding: 2px 4px;
}
.assetsList .assetsListItem.archived .archiveBadge .icon {
  color: rgb(166, 222, 250);
  line-height: 11px;
  font-size: 12px;
  margin: 0;
}
.assetsList .assetsListItem.archived .archiveBadge span {
  display: inline-flex;
  padding: 0 3px;
  font-size: 12px;
}
.assetsList .assetsListItem.archived.inProgress .assetCard > div .preview {
  opacity: 0.8;
}
.assetsList .assetsListItem.archived.inProgress .assetCard > div {
  position: relative;
  z-index: 3;
}
.assetsList .assetsListItem.archived.inProgress .assetCard .assetCard-bottom:after {
  background-color: rgb(46, 159, 91);
}
.assetsList .assetsListItem.archived.inProgress:after {
  background-color: rgb(46, 159, 91);
}
.assetsList .assetsListItem.archived.inProgress.assetsListItemSelected:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  display: block;
  border: 2px solid;
  border-color: rgb(46, 159, 91);
  z-index: -1;
  opacity: 1;
  border-radius: 8px;
}
.assetsList .assetsListItem.archived.inProgress .archiveBadge {
  background-color: rgb(46, 159, 91);
  color: rgb(159, 253, 198);
}
.assetsList .assetsListItem.archived.inProgress .archiveBadge .icon {
  color: rgb(106, 219, 151);
  animation: infinite iconRotate 3s;
  animation-delay: 2s;
}
.assetsList .assetsListItem.sportItem {
  border-radius: 6px;
  margin-right: 6px;
  margin-bottom: 1rem;
  background: #253141;
  background: var(--theme-surface-100);
}
.assetsList .assetsListItem.sportItem > a {
  align-items: center;
}
.assetsList .assetsListItem.sportItem .itemBoxWrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.assetsList .assetsListItem.sportItem .assetInfoPreviewContainer {
  border-radius: 4px;
  margin: 6px;
}
.assetsList .assetsListItem.sportItem .assetInfoPreviewContainer .duration {
  bottom: 1px;
  right: 1px;
  display: flex;
  opacity: 0.2;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.7);
  color: rgb(255, 255, 255);
}
.assetsList .assetsListItem.sportItem .assetInfoPreviewContainer:hover .duration {
  opacity: 1;
  border-radius: 3px;
}
.assetsList .assetsListItem.sportItem .assetInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.assetsList .assetsListItem.sportItem .assetInfo h4 {
  font-weight: normal;
  max-width: 100%;
}
.assetsList .assetsListItem.sportItem .assetInfo .assetLabels2 {
  text-align: left;
}
.assetsList .assetsListItem.sportItem .assetInfo .assetLabels2 .label {
  font-size: 12px;
  padding: 0 0.5rem;
  border-radius: 4px;
}
.assetsList .assetsListItem.sportItem .assetInfo .projectTitle a {
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .assetsListItem.sportItem .assetInfo .projectTitle a:hover {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetsList .assetsListItem.sportItem .assetButtons {
  border-left: 1px solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  overflow: hidden;
  border-radius: 0 6px 6px 0;
  height: 100%;
}
.assetsList .assetsListItem.sportItem .assetButtons-button {
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetsList .assetsListItem.sportItem .assetButtons-button a,
.assetsList .assetsListItem.sportItem .assetButtons-button div {
  display: flex;
  padding: 0.5rem 1rem;
  text-align: center;
  justify-content: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .assetsListItem.sportItem .assetButtons-button a.disabled,
.assetsList .assetsListItem.sportItem .assetButtons-button div.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.assetsList .assetsListItem.sportItem .assetButtons-button a:hover,
.assetsList .assetsListItem.sportItem .assetButtons-button div:hover {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetsList .assetsListItem.sportItem .assetButtons-button a:hover.disabled,
.assetsList .assetsListItem.sportItem .assetButtons-button div:hover.disabled {
  background-color: transparent;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .assetsListItem.sportItem .assetButtons-button:last-child {
  border: none;
}
.assetsList .assetsListItem.sportItem .details {
  opacity: 0.3;
}
.assetsList .assetCard {
  width: 100%;
  position: relative;
}
.assetsList .assetCard .assetCard-selectionCheckbox {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 13px;
  width: 13px;
  display: none;
}
.assetsList .assetCard .assetCard-selectionCheckbox .ui.checkbox .box:before,
.assetsList .assetCard .assetCard-selectionCheckbox .ui.checkbox input[type=checkbox] + label:before {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border: 2px solid;
  border-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  border-color: var(--theme-surface-500);
}
.assetsList .assetCard .uploadUserBtn {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 99;
  font-size: 10px;
  column-gap: 0.5rem;
}
.assetsList .assetCard .uploadUserBtn > div:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetsList .assetCard > div:first-child {
  border-radius: 12px 12px 0 0;
}
.assetsList .assetCard .AssetCardTaxonomy {
  display: flex;
  flex-direction: column;
  border-top: 1px dashed;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetsList .assetCard .AssetCardTaxonomy.list {
  border: none;
  max-width: 400px;
  flex-direction: row;
  height: 100%;
}
.assetsList .assetCard .AssetCardTaxonomy.list .AssetCardTaxonomy-item {
  overflow: hidden;
  flex-direction: column;
  width: 100px;
  border-left: 1px solid;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.assetsList .assetCard .AssetCardTaxonomy.list .AssetCardTaxonomy-item:nth-child(even) {
  background-color: transparent !important;
}
.assetsList .assetCard .AssetCardTaxonomy-item {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  font-size: 12px;
  line-height: 14px;
  padding: 0.5rem;
}
.assetsList .assetCard .AssetCardTaxonomy-item:nth-child(even) {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetsList .assetCard .AssetCardTaxonomy-item > div {
  width: 100%;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.assetsList .assetCard .AssetCardTaxonomy-item > div:nth-child(1) {
  max-width: 65px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsList .assetCard .AssetCardTaxonomy-item > div:nth-child(2) {
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .assetCard .accountName {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  padding: 0px 4px;
  border-radius: 5px;
  opacity: 0.8;
  z-index: 5;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetsList .assetCard .duration {
  border-radius: 3px;
  right: 5px !important;
  bottom: 5px;
  opacity: 0.8;
}
.assetsList .assetCard .assetVersion {
  border-radius: 7px;
  padding: 2px 5px;
  margin: 2px auto 2px 4px;
  font-size: 10px;
  display: inline-flex;
  max-height: 20px;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.assetsList .assetCard .assetVersion.version-1 {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.assetsList .assetCard .assetVersion.version-2 {
  background-color: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  background-color: var(--theme-primary-80);
}
.assetsList .assetCard .assetVersion.version-3 {
  background-color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  background-color: var(--theme-primary-60);
}
.assetsList .assetCard .assetVersion.version-4 {
  background-color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  background-color: var(--theme-primary-40);
}
.assetsList .assetCard .assetVersion.version-5 {
  background-color: rgb(3.4283757171%, 22.6800239747%, 26.7677027143%);
  background-color: var(--theme-primary-20);
}
.assetsList .assetCard-body {
  padding: 0.5rem;
  overflow: hidden;
}
.assetsList .assetCard-body .title {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .assetCard-body .infos {
  display: flex;
  align-items: center;
  align-items: center;
}
.assetsList .assetCard-body .infos .date,
.assetsList .assetCard-body .infos .size,
.assetsList .assetCard-body .infos .extension {
  display: flex;
  align-items: center;
  align-items: center;
  font-size: 0.75rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetsList .assetCard-body .infos .date:after,
.assetsList .assetCard-body .infos .size:after,
.assetsList .assetCard-body .infos .extension:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  margin: 0 0.3rem;
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
}
.assetsList .assetCard-body .infos .size:after {
  display: none;
}
.assetsList .assetCard .fileInfoExtra-card {
  height: 163px;
  border-top: 1px dashed;
  border-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  border-color: var(--theme-surface-500);
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata {
  font-size: 0.8125rem;
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata-item {
  display: flex;
  flex-direction: row;
  position: relative;
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata-item:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata-item:nth-child(even):after {
  display: block;
  background: #253141;
  background: var(--theme-surface-100);
  opacity: 0.2;
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata-item:nth-child(odd):after {
  display: block;
  background: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background: var(--theme-surface-300);
  opacity: 0.4;
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata-item > span {
  padding: 2px 4px;
  position: relative;
  z-index: 1;
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata-item > span:first-child {
  display: inline-flex;
  flex-wrap: nowrap;
  word-break: normal;
  flex: 1 0 auto;
  overflow: hidden;
  color: #cccccc;
  color: var(--theme-text-80);
}
.assetsList .assetCard .fileInfoExtra-card .fileInfoExtra-metadata-item > span:last-child {
  width: 100%;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assetsList .assetCard-bottom {
  display: flex;
  position: relative;
  height: 30px;
  border-top: 1px solid;
  align-items: center;
  justify-content: flex-end;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetsList .assetCard-bottom > .comments,
.assetsList .assetCard-bottom .extension {
  position: relative;
  display: flex;
  flex-direction: row;
  column-gap: 0.2rem;
  height: 100%;
  z-index: 1;
  padding: 0 5px;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .assetCard-bottom > .comments i,
.assetsList .assetCard-bottom .extension i {
  font-size: 15px !important;
}
.assetsList .assetCard-bottom > .comments span,
.assetsList .assetCard-bottom .extension span {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetsList .assetCard-bottom > .comments i,
.assetsList .assetCard-bottom .extension i {
  color: #cccccc;
  color: var(--theme-text-80);
}
.assetsList .assetCard-bottom > .comments.noComments,
.assetsList .assetCard-bottom .extension.noComments {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetsList .assetCard-bottom > .comments.noComments span,
.assetsList .assetCard-bottom .extension.noComments span {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetsList .assetCard-bottom > .comments.noComments i,
.assetsList .assetCard-bottom .extension.noComments i {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsList .assetCard-bottom > .comments.size,
.assetsList .assetCard-bottom .extension.size {
  width: 100%;
  opacity: 1;
}
.assetsList .assetCard-bottom > .comments i,
.assetsList .assetCard-bottom .extension i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.assetsList .listView {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 6px;
  margin: 0 1rem 0.5rem 0;
  overflow: hidden;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.assetsList .listView:nth-child(even) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetsList .listView.assetListItemPolice {
  height: auto;
}
.assetsList .listView.assetListItemPolice .assetCard {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.assetsList .listView.assetListItemPolice .assetCard > div .label {
  color: #fff;
  align-items: center;
  justify-content: center;
  margin: 1px 5px 1px 0;
  border-radius: 4px;
  max-height: 22px;
  flex: 1 1 auto;
  font-size: 12px;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.assetsList .listView.assetListItemPolice .assetCard > div:nth-child(1) {
  display: flex;
  flex-direction: row;
}
.assetsList .listView.assetListItemPolice .assetCard > div:nth-child(2) {
  border-top: 1px solid;
  padding: 0.5rem;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetsList .listView.assetListItemPolice .assetCard > div:nth-child(2) .fileInfoExtra {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.assetsList .listView.assetListItemPolice .assetCard > div:nth-child(2) .fileInfoExtra > div {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}
.assetsList .listView.assetListItemPolice .assetCard > div:nth-child(2) .fileInfoExtra > div span {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 0.75rem;
}
.assetsList .listView.assetListItemPolice .assetCard > div:nth-child(2) .fileInfoExtra > div div {
  font-size: 0.875rem;
}
.assetsList .listView.archived .archiveBadge {
  top: 37px;
  left: 2px;
}
.assetsList .listView .itemBoxWrapper .arWrapper {
  width: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 100px;
  margin: 0 !important;
}
.assetsList .listView .itemBoxWrapper .arWrapper .preview {
  height: 60px;
}
.assetsList .listView .assetCard {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.assetsList .listView .assetCard > div:not(.assetCard-selectionCheckbox):not(.assetCard-selectionOverlay) {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.assetsList .listView .assetCard .assetCard-body {
  width: 100%;
  overflow: hidden;
}
.assetsList .listView .assetCard .assetCard-body .accountName {
  position: relative;
  top: 0;
  left: auto;
  right: auto;
  display: inline-flex;
  opacity: 1;
  margin-left: 5px;
  background-color: transparent;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetsList .listView .assetCard .assetCard-body .title {
  display: inline-block;
  width: 100%;
}
.assetsList .listView .assetCard-bottom {
  height: 60px;
  border-top: 0;
  align-items: center;
  overflow: visible;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetsList .listView .assetCard-bottom:after {
  display: none;
}
.assetsList .listView .assetCard-bottom > span {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  z-index: 1;
  border-right: none;
  border-left: 1px solid;
  padding: 0 5px;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .listView .assetCard-bottom > span.comments, .assetsList .listView .assetCard-bottom > span.extension {
  min-width: 70px;
}
.assetsList .listView .assetCard-bottom > span.size {
  width: 100px;
  opacity: 1;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsList .listView .assetCard-bottom > span i {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1055px) {
  .assetsList .listView .assetCard-bottom > span.comments, .assetsList .listView .assetCard-bottom > span.extension {
    min-width: 50px;
    font-size: 12px;
  }
  .assetsList .listView .assetCard-bottom > span.size {
    width: 70px;
    font-size: 12px;
  }
}
@media (max-width: 870px) {
  .assetsList .listView .assetCard-bottom .AssetCardTaxonomy {
    display: none !important;
  }
  .assetsList .listView .assetCard-bottom {
    flex-direction: column;
    border-left: 1px solid;
    padding: 0;
    border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
    border-color: var(--theme-surface-450);
  }
  .assetsList .listView .assetCard-bottom > span {
    border-left: none;
    border-bottom: 1px solid;
    justify-content: flex-end;
    border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
    border-color: var(--theme-surface-450);
  }
  .assetsList .listView .assetCard-bottom > span:last-child {
    border: none;
  }
  .assetsList .listView .assetCard-bottom > span.comments, .assetsList .listView .assetCard-bottom > span.extension, .assetsList .listView .assetCard-bottom > span.size {
    min-width: 80px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
  }
}
.assetsList .gridView {
  width: 262px;
}
@media (max-width: 524px) {
  .assetsList .gridView {
    margin: auto;
    width: 288px;
  }
}
@media (min-width: 525px) {
  .assetsList .gridView {
    width: 262px;
  }
}
.assetsList .gridView.assetListItemPolice {
  height: auto;
}
.assetsList .gridView.assetListItemPolice .labels {
  max-width: 100%;
  height: 45px;
  min-height: 45px;
  overflow: hidden;
  padding: 2px 5px 2px 5px;
  border-top: 1px dashed;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetsList .gridView.assetListItemPolice .labels span {
  display: inline-flex;
  padding: 0 2px;
  line-height: 14px;
  font-size: 11px;
  font-style: normal;
  white-space: nowrap;
  margin: 1px 2px 1px 0;
  border-radius: 2px;
  color: #fff;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.assetsList .gridView .itemBoxWrapper .arWrapper {
  max-height: 146px;
}
.assetsList .gridView .itemBoxWrapper .arWrapper .preview {
  height: 146px;
  max-height: 146px;
}
.assetsList .gridView,
.assetsList .listView {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  z-index: 0;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.assetsList .gridView .itemBoxWrapper,
.assetsList .listView .itemBoxWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.assetsList .gridView .itemBoxWrapper .arWrapper,
.assetsList .listView .itemBoxWrapper .arWrapper {
  display: flex;
  min-width: 105px;
  max-width: none;
  margin: 0 auto 0 auto;
}
.assetsList .gridView .itemBoxWrapper .arWrapper .preview,
.assetsList .listView .itemBoxWrapper .arWrapper .preview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}
.assetsList .gridView .itemBoxWrapper .arWrapper .preview .imgObjectFit,
.assetsList .listView .itemBoxWrapper .arWrapper .preview .imgObjectFit {
  height: auto !important;
}
.assetsList .gridView .itemBoxWrapper .arWrapper .preview .imgObjectFit img,
.assetsList .listView .itemBoxWrapper .arWrapper .preview .imgObjectFit img {
  object-fit: contain;
}
.assetsList .gridView .itemBoxWrapper .arWrapper .preview .prproj,
.assetsList .listView .itemBoxWrapper .arWrapper .preview .prproj {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
  background: rgb(47, 34, 66);
}
.assetsList .gridView .itemBoxWrapper .arWrapper .preview .prproj svg,
.assetsList .listView .itemBoxWrapper .arWrapper .preview .prproj svg {
  height: 50px;
  width: 100%;
  fill: rgb(158, 131, 198);
}
.assetsList .gridView a,
.assetsList .listView a {
  width: 100%;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsList .gridView .preview,
.assetsList .listView .preview {
  margin-bottom: 0;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  overflow: hidden;
}
.assetsList .gridView .preview .OcLoading,
.assetsList .listView .preview .OcLoading {
  z-index: 2 !important;
}
.assetsList .gridView .preview img,
.assetsList .listView .preview img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.assetsList .gridView .preview i,
.assetsList .listView .preview i {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetsList .gridView .preview .duration,
.assetsList .listView .preview .duration {
  border-radius: 3px;
  right: 5px !important;
  bottom: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: rgb(255, 255, 255);
  font-size: 12px;
  z-index: 5;
}
.assetsList .gridView .error,
.assetsList .listView .error {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.assetsList .gridView .error .icon,
.assetsList .listView .error .icon {
  color: #fff;
  font-size: 1.1875rem;
}
.assetsList .gridView .error.uploadError,
.assetsList .listView .error.uploadError {
  background: rgb(64, 33, 52);
  background: linear-gradient(45deg, rgb(64, 33, 52) 0%, rgb(210, 30, 74) 100%);
}
.assetsList .gridView .error.transcodeError,
.assetsList .listView .error.transcodeError {
  background-color: #181818;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.assetsList .gridView .error.transcodeError > div:first-child,
.assetsList .listView .error.transcodeError > div:first-child {
  padding: 1rem;
}
.assetsList .gridView .error.transcodeError > div:first-child i,
.assetsList .listView .error.transcodeError > div:first-child i {
  font-size: 2rem;
  opacity: 0.5;
  margin: 0;
  color: #858585;
  line-height: 2rem;
}
.assetsList .gridView .error.transcodeError .info,
.assetsList .listView .error.transcodeError .info {
  width: 100%;
}
.assetsList .gridView .error.transcodeError .info div,
.assetsList .listView .error.transcodeError .info div {
  width: 100%;
  display: flex;
}
.assetsList .gridView .error.transcodeError .info div:first-child,
.assetsList .listView .error.transcodeError .info div:first-child {
  margin-bottom: 5px;
}
.assetsList .gridView .error.transcodeError .info div span.label,
.assetsList .listView .error.transcodeError .info div span.label {
  font-size: 12px;
  color: #858585;
}
.assetsList .assetsListItemDetails {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetsList .assetsListItemDetails:hover {
  background: #253141;
  background: var(--theme-surface-100);
}
.assetsList .assetsListItemDetails a {
  flex: 1;
  display: flex;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  max-width: 100px;
  min-height: 60px;
  max-height: 60px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .arWrapper {
  margin: 0 auto 0.5rem auto !important;
  max-width: none;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .arWrapper.listView.thumbnail {
  height: auto;
  width: 100px;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .arWrapper.listView.thumbnail .preview {
  overflow: hidden;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .arWrapper.listView.thumbnail .preview img {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .preview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100px;
  height: 60px;
  max-height: 60px;
  margin-bottom: 0;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  overflow: hidden;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .preview img {
  max-width: 100%;
  max-height: 100%;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .preview i {
  color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  color: var(--theme-surface-450);
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .preview .duration {
  border-radius: 3px;
  right: 5px !important;
  bottom: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: rgb(255, 255, 255);
  font-size: 12px;
  z-index: 5;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .previewVideo {
  max-height: 108px;
  margin-bottom: 0;
  overflow: hidden;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .previewVideo img {
  max-width: 100%;
  max-height: 100%;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer img {
  max-width: 100%;
  max-height: 100%;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer .duration {
  display: none;
}
.assetsList .assetsListItemDetails .assetInfoPreviewContainer i {
  transform: scale(0.7);
  color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  color: var(--theme-surface-450);
}
.assetsList .assetsListItemDetails .assetInfo {
  flex-grow: 1;
  padding-left: 10px;
  font-size: 13px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsList .assetsListItemDetails .assetInfo h4 {
  display: block;
  margin: 0.5rem 0 0.2rem;
  font-size: 15px;
}
@media (max-width: 767px) {
  .assetsList .assetsListItemDetails .assetInfo h4 {
    max-width: 100px;
  }
}
.assetsList .assetsListItemDetails .assetInfo .details {
  display: block;
  font-size: 12px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsList .assetsListItemDetails .assetProject {
  min-width: 200px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsList .assetsListItemDetails .fileInfoExtra div {
  height: 20px;
  max-height: 20px;
  overflow: hidden;
  padding: 0 5px;
  font-size: 11px;
}
.assetsList .assetsListItemDetails .fileInfoExtra div span {
  margin-right: 3px;
  font-style: italic;
}
.assetsList .assetsListItemDetails .assetLabels2 {
  flex: 1;
  flex-grow: 1;
  margin-top: 0.5rem;
  text-align: right;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsList .assetsListItemDetails .assetLabels2 .label {
  display: inline-block;
  margin-right: 0.7rem;
  margin-bottom: 0.4rem;
  padding: 0 0.2rem;
  border-width: 1px;
  border-style: solid;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.assetsList .assetsListItemDetails .assetLabels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.assetsList .assetsListItemDetails .assetLabels .assetType {
  margin-bottom: 3px;
}

.assetScrollableWrapper {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.preview-wrapper {
  position: relative;
}

.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6;
}

.AssetCard-body {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}

.AssetCard-content {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}

.AssetCard-tabs {
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.AssetCard-tabs .tabNav .tab {
  padding: 6px 8px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  column-gap: 5px;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.AssetCard-tabs .tabNav .tab i {
  font-size: 16px;
}
.AssetCard-tabs .tabNav .tab.scene i {
  color: rgb(47, 128, 237) !important;
}
.AssetCard-tabs .tabNav .tab.scene.active:before {
  background-color: rgb(47, 128, 237) !important;
}
.AssetCard-tabs .tabNav .tab.scene.active:after {
  background: linear-gradient(0deg, rgb(47, 128, 237) 0%, rgba(0, 0, 0, 0) 40%);
}
.AssetCard-tabs .tabNav .tab.people i {
  color: rgb(187, 107, 217) !important;
}
.AssetCard-tabs .tabNav .tab.people.active:before {
  background-color: rgb(187, 107, 217) !important;
}
.AssetCard-tabs .tabNav .tab.people.active:after {
  background: linear-gradient(0deg, rgb(187, 107, 217) 0%, rgba(0, 0, 0, 0) 40%);
}
.AssetCard-tabs .tabNav .tab.objects i {
  color: rgb(242, 153, 74) !important;
}
.AssetCard-tabs .tabNav .tab.objects.active:before {
  background-color: rgb(242, 153, 74) !important;
}
.AssetCard-tabs .tabNav .tab.objects.active:after {
  background: linear-gradient(0deg, rgb(242, 153, 74) 0%, rgba(0, 0, 0, 0) 40%);
}
.AssetCard-tabs .tabNav .tab:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.AssetCard-tabs .tabNav .tab.active {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.AssetCard-tabs .tabs-content-wrapper {
  height: 230px;
  overflow: hidden;
  padding: 0.5rem;
  font-size: 12px;
}
.AssetCard-tabs .tabs-content-wrapper .entity-item {
  padding-bottom: 5px;
}
.AssetCard-tabs .tabs-content-wrapper .entity-item .entity-attributes {
  line-height: 1.3;
  margin-bottom: 5px;
}
.AssetCard-tabs .tabs-content-wrapper .story-item {
  margin-top: 5px;
  padding: 5px;
}
.AssetCard-tabs .tabs-content-wrapper .story-item .story-content {
  font-size: 12px;
  line-height: 1.3;
  max-height: 2.6em;
  position: relative;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.AssetCard-tabs .tabs-content-wrapper .timecode {
  cursor: pointer;
  column-gap: 5px;
  padding-right: 5px;
  color: rgb(4.5914017781%, 52.2713433199%, 25.7824869078%);
  color: var(--theme-success-20);
}
.AssetCard-tabs .tabs-content-wrapper .timecode:nth-child(4), .AssetCard-tabs .tabs-content-wrapper .timecode:hover {
  color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  color: var(--theme-success-80);
}

@keyframes iconRotate {
  0% {
    transform: rotate(0deg);
  }
  10% {
    opacity: 1;
    transform: rotate(390deg);
  }
  20% {
    opacity: 1;
    transform: rotate(345deg);
  }
  35% {
    opacity: 1;
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.PreviewDetailFullscreen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  max-height: 100vh;
  width: 100vw;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenHeader {
  min-height: 40px;
  height: auto;
  display: flex;
  flex-direction: column;
  z-index: 1001;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenHeader .PreviewDetailFullscreenHeaderWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  height: 100%;
  width: 100%;
  z-index: 11;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenHeader .PreviewDetailFullscreenHeaderWrapper .PreviewDetailFullscreenHeaderItem {
  padding: 0 20px;
  cursor: pointer;
  width: 100%;
  color: #ffffff;
  color: var(--theme-text-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody {
  display: flex;
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody {
    flex-direction: column;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody {
  height: 100%;
  overflow: hidden;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails {
  width: 120px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  z-index: 11;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails {
    flex: 1;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail {
  width: 90%;
  vertical-align: top;
  margin: 15px auto;
  cursor: pointer;
  outline: none;
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail {
    display: inline-block;
    width: 95px;
    margin: 5px 15px;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail .PreviewDetailFullscreenThumbnailPosition {
  position: relative;
  width: 20px;
  margin-bottom: -1.3em;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail .PreviewDetailFullscreenThumbnailPosition {
    display: none;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnailActive {
  outline-style: double;
  outline-color: #16ab39;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyContent {
  flex: 1;
  display: flex;
  overflow: auto;
  cursor: grab;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyContent.archived {
  width: 100%;
  align-items: center;
  justify-items: center;
  justify-content: center;
  background: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background: var(--theme-surface-200);
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyContent {
    flex: 4;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5%;
  z-index: 1000;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info {
  width: 80px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info .icon {
  opacity: 0.3;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info:hover {
  cursor: pointer;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info:hover .icon {
  opacity: 1;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info.active .icon {
  color: #6bf2a7;
  color: var(--theme-success-100);
  opacity: 1;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .ControlInfoModal {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 65px;
  z-index: 99999;
  padding: 1rem;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .ControlInfoModal::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  border-radius: 6px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  opacity: 0.95;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .ControlInfoModal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1rem;
  z-index: 100000;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 11;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenPagination {
  display: flex;
  margin-right: 20px;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenPagination .PreviewDetailFullscreenPaginationChevron {
  cursor: pointer;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenZoom {
  display: flex;
  justify-content: space-around;
  width: 10em;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenZoom .PreviewDetailFullscreenZoomIcon {
  cursor: pointer;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn {
  font-size: 1.2em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 7px;
  border-radius: 5px;
  transition: background 0.15s ease;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn.active {
  background: #16ab39;
  border-radius: 5px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn.active:hover {
  background: rgb(6.8036167835%, 52.8826577263%, 17.6275525754%);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenLoader {
  position: absolute;
  top: 45px;
  bottom: 45px;
  left: 0;
  right: 0;
}

#assetViewSection {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #assetViewSection {
    width: 100%;
  }
  #assetViewSection .ui.padded,
  #assetViewSection .column {
    padding: 0 !important;
  }
  #assetViewSection .assetViewContainer {
    width: 100%;
    display: block !important;
  }
  #assetViewSection .assetViewContent {
    display: block !important;
  }
  #assetViewSection .assetViewContent > .column > .row {
    margin: 0 !important;
    padding: 0;
  }
  #assetViewSection .assetViewContent .DrawAnnotationToolbar {
    padding: 0;
  }
}
@media (min-width: 768px) {
  #assetViewSection {
    height: 100%;
    overflow: hidden;
  }
  #assetViewSection .assetViewContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: stretch;
    overflow: hidden;
  }
  #assetViewSection .assetViewContainer .assetViewContent {
    height: 100%;
    display: flex;
    width: 100%;
    overflow: hidden;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded {
    width: 100%;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div {
    overflow: hidden;
    height: 100%;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div.row {
    padding-bottom: 0;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1) {
    overflow: hidden auto;
    height: 100%;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(2) {
    overflow: hidden auto;
    height: 100%;
  }
}

.assetMenu {
  position: relative;
}
.assetMenu.mobileUi {
  position: fixed;
  left: -300px;
  top: 0px;
  bottom: 0;
  z-index: 9999;
  transition: left ease-in 0.5s;
}
.assetMenu.mobileUi.visible {
  overflow: hidden scroll;
  left: 310px;
  transition: left ease-in 0.5s;
}
.assetMenu.ui.menu {
  margin: 10px !important;
  border-radius: 0;
  border-bottom-width: 0;
  width: 47px !important;
  height: auto;
  border-radius: 12px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: var(--theme-text-50);
}
.assetMenu.ui.menu .menuItem {
  position: relative;
  border-radius: 6px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  transition: ease-in-out all 0.2s;
}
.assetMenu.ui.menu .menuItem:after {
  content: "";
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.08;
  transition: ease-in-out all 0.2s;
  background-color: transparent;
}
.assetMenu.ui.menu .menuItem i {
  font-size: 16px;
}
.assetMenu.ui.menu .menuItem i.icon-trash {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.assetMenu.ui.menu .menuItem.customItem i {
  color: rgb(0, 0, 0);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-approve {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-approve:hover {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-reject {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-reject:hover {
  background-color: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  background-color: var(--theme-warning-80);
}
.assetMenu.ui.menu .menuItem.customItem a i {
  color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  color: var(--theme-surface-200);
}
.assetMenu.ui.menu .menuItem.disabled {
  pointer-events: none;
}
.assetMenu.ui.menu .menuItem.disabled a {
  opacity: 0.7;
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80) !important;
}
.assetMenu.ui.menu .menuItem.disabled:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.4;
  transition: ease-in-out all 0.2s;
  border: 1px dashed;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
}
.assetMenu.ui.menu .menuItem.active a {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetMenu.ui.menu .menuItem.active:hover a {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetMenu.ui.menu .menuItem.active:hover:after {
  opacity: 0.2;
}
.assetMenu.ui.menu .menuItem.active:after {
  opacity: 0.2;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.assetMenu.ui.menu .menuItem-label {
  display: flex;
  align-items: center;
  z-index: -1;
  opacity: 0;
  top: 1px;
  bottom: 1px;
  left: 50%;
  position: absolute;
  width: auto;
  border-radius: 6px;
  white-space: nowrap;
  padding: 0 0.5rem;
  font-size: 12px;
  transition: ease-in-out all 0.2s;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.assetMenu.ui.menu .menuItem-label:after {
  opacity: 0.08;
  transition: ease-in-out all 0.2s;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.assetMenu.ui.menu .menuItem a {
  background-color: transparent;
  z-index: 1000;
}
.assetMenu.ui.menu .menuItem a i.icon-gen-ai {
  font-size: 21px;
}
.assetMenu.ui.menu .menuItem:hover {
  transition: ease-in-out all 0.2s;
}
.assetMenu.ui.menu .menuItem:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.08;
  transition: ease-in-out all 0.2s;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.assetMenu.ui.menu .menuItem:hover .menuItem-label {
  cursor: default;
  opacity: 1;
  z-index: 999;
  left: calc(100% + 10px);
  transition: ease-in-out all 0.2s;
}
.assetMenu.ui.menu .item {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetMenu.ui.menu .item.active:hover {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
@media (min-width: 768px) {
  .assetMenu > div {
    overflow: hidden auto;
    height: 100%;
  }
  .assetMenu > div::-webkit-scrollbar {
    width: 0px; /* Hides the scrollbar */
    height: 0px;
    background: transparent;
  }
  .assetMenu > div::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .assetMenu > div::-webkit-scrollbar-track {
    background: transparent;
  }
  .assetMenu > div {
    /* Firefox */
  }
  .assetMenu > div* {
    scrollbar-width: none; /* Hides scrollbar */
    scrollbar-color: transparent transparent;
  }
  .assetMenu.ui.menu menuItem {
    position: absolute !important;
  }
}

.ui.primary.button.assetRegenerate, .imageUploadFormElement-actions .ui.primary.assetRegenerate.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.primary.assetRegenerate,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.primary.assetRegenerate.button {
  margin-bottom: 0.5rem;
}

.assetViewNavigation {
  display: flex;
  flex-direction: row;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetViewNavigation .mobileUi-back {
  display: none;
  width: 100%;
}
@media (max-width: 768px) {
  .assetViewNavigation {
    flex-direction: row;
    padding: 10px;
  }
  .assetViewNavigation .mobileUi-back {
    display: flex;
    align-items: center;
  }
  .assetViewNavigation .mobileUi-back a {
    color: rgb(50%, 50%, 50%);
    color: var(--theme-text-40);
  }
  .assetViewNavigation .ui.breadcrumb {
    display: none !important;
  }
  .assetViewNavigation .Share-action-buttons {
    padding-top: 0;
    align-items: center;
    justify-content: space-between;
  }
  .assetViewNavigation .Share-action-buttons svg {
    display: none;
  }
  .assetViewNavigation .Share-action-buttons .Share-manage-links-btn,
  .assetViewNavigation .Share-action-buttons .Share-modal-btn {
    column-gap: 0;
    padding: 5px 10px;
  }
}
.assetViewNavigation .breadcrumbWrapper {
  width: 100%;
  display: flex;
}
.assetViewNavigation .breadcrumbWrapper .ui.breadcrumb {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  column-gap: 0.5rem;
}

.assetIsDeleted {
  margin: 0.5rem;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  position: relative;
}
.assetIsDeleted span,
.assetIsDeleted .icon {
  position: relative;
  z-index: 1;
}
.assetIsDeleted span {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 14px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.assetIsDeleted .icon {
  color: #ffffff;
  color: var(--theme-text-100);
  line-height: 14px;
}
.assetIsDeleted:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  opacity: 0.8;
  display: block;
  border-radius: 6px;
  background-color: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  background-color: var(--theme-error-40);
}

.assetViewContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.assetViewContainer .flexBlock {
  display: flex !important;
  flex-direction: column;
  flex: 1;
}
.assetViewContainer .flexBlock .assetActionContent {
  height: 100%;
}
.assetViewContainer .AssetSubtitleActions {
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetViewContainer .AssetSubtitleActions > div {
  padding: 1rem;
  border-right: 1px solid;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
}
.assetViewContainer .AssetSubtitleActions-tooltips {
  padding: 1rem;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  width: 100%;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetViewContainer .AssetSubtitleActions-tooltips h3 {
  font-size: 0.875rem;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips {
  margin-bottom: 1rem;
  width: 100%;
  opacity: 0.7;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips:last-child() {
  margin-bottom: 0;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips .tooltip {
  display: inline-flex;
  flex-direction: column;
  width: 50%;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips .tooltip-key {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips .tooltip-description {
  font-size: 0.875rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetViewContainer .assetViewContent {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable {
  display: flex;
  position: relative;
  border-radius: 8px;
  margin: 0 auto 1rem auto;
  max-width: 640px;
  max-height: 480px;
  height: 100%;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.8;
  transition: ease-in-out all 0.2s;
  background-color: transparent;
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable div {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable div span {
  font-size: 2rem;
  line-height: 2rem;
}
.assetViewContainer .assetViewContent .assetLead {
  margin-bottom: 16px;
  border-radius: 12px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetViewContainer .assetViewContent .assetLead-content {
  width: 100%;
}
.assetViewContainer .assetViewContent .assetLead-content .ocListItems {
  width: 100%;
}
.assetViewContainer .assetViewContent .assetLead-content.visible {
  display: flex;
}
.assetViewContainer .assetViewContent .assetLead-content.hidden {
  display: none;
}
.assetViewContainer .assetViewContent .assetStacks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.assetViewContainer .assetViewContent .assetStacks > div {
  margin: 0;
}
.assetViewContainer .assetViewContent .assetStacks button {
  margin: 0 0 0 10px !important;
}
.assetViewContainer .assetViewContent h3.assetTitle {
  color: #ffffff;
  color: var(--theme-text-100);
  padding: 0.5rem 1rem !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  font-size: 14px;
  justify-content: space-between;
}
.assetViewContainer .assetViewContent h3.assetTitle .wrapTextOverflow {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.assetViewContainer .assetViewContent h3.assetTitle .wrapTextOverflow > div {
  cursor: pointer;
}
.assetViewContainer .assetViewContent h3.assetTitle .assetVersion {
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  line-height: 1.2rem;
  border-radius: 3px;
}
.assetViewContainer .assetViewContent h3.assetTitle > div {
  margin: 0;
}
.assetViewContainer .assetViewContent h3.assetTitle > div:nth-child(2) {
  display: flex;
  align-items: center;
}
.assetViewContainer .assetViewContent.homeview2 {
  background: url("https://assets.overcasthq.com/kinesense/videoreporttitleslidebackground.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto 50%;
  background-position: center;
}
.assetViewContainer .fileInfoExtra {
  margin-bottom: 20px;
}
.assetViewContainer .fileInfoExtra div {
  height: 20px;
  max-height: 20px;
  overflow: hidden;
  padding: 0 5px;
  font-size: 14px;
}
.assetViewContainer .fileInfoExtra div span {
  margin-right: 10px;
  font-weight: bold;
}

.assetActionPanel {
  padding: 1rem;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetActionPanel .assetActionContent {
  height: 100%;
  overflow: hidden auto;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}

.proxyContent {
  position: relative;
}
.proxyContent .iFramePreview {
  border-width: 0;
}
.proxyContent .linkPreview span {
  cursor: pointer;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.proxyContent .proxyImg {
  position: relative;
  text-align: center;
  cursor: pointer;
  height: 270px;
  max-height: 270px;
}
.proxyContent .proxyImg .icon {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 0;
}
.proxyContent .preview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 270px;
  max-height: 270px;
}
.proxyContent .preview .prproj {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
  background: rgb(47, 34, 66);
}
.proxyContent .preview .prproj svg {
  height: 50px;
  width: 100%;
  fill: rgb(158, 131, 198);
}
.proxyContent .preview .imgObjectFit {
  height: auto !important;
}
.proxyContent .preview .imgObjectFit img {
  object-fit: cover;
}
.proxyContent .preview img {
  max-width: 100%;
  max-height: 100%;
}
.proxyContent .error {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.proxyContent .error .icon {
  color: #fff;
  font-size: 3rem;
}
.proxyContent .error.uploadError {
  background: rgb(64, 33, 52);
  background: linear-gradient(45deg, rgb(64, 33, 52) 0%, rgb(210, 30, 74) 100%);
}
.proxyContent .error.transcodeError {
  background-color: #181818;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.proxyContent .error.transcodeError .icon {
  font-size: 2rem;
}
.proxyContent .error.transcodeError > div:first-child {
  padding: 1rem;
}
.proxyContent .error.transcodeError > div:first-child i {
  font-size: 5rem;
  opacity: 0.2;
  margin: 0;
  color: #858585;
  line-height: 5rem;
}
.proxyContent .error.transcodeError .info {
  width: 100%;
  max-width: 220px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.proxyContent .error.transcodeError .info div {
  width: 100%;
  display: flex;
}
.proxyContent .error.transcodeError .info div:first-child {
  margin-bottom: 1rem;
}
.proxyContent .error.transcodeError .info div span.label {
  font-size: 12px;
  color: #858585;
}
.proxyContent .error.transcodeError .info div span.icon {
  font-size: 1rem !important;
}

.previewModalContent {
  text-align: center;
}
.previewModalContent .iFramePreview {
  border-width: 0;
}
.previewModalContent .linkPreview span {
  cursor: pointer;
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.regenerate-actions > div {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  grid-gap: 1rem;
  column-gap: 10px;
  row-gap: 10px;
}
.regenerate-actions > div button {
  text-wrap: wrap;
}

.gen-ai-icon {
  width: 22px;
  height: 22px;
}

.ai-compliance-layout {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ai-compliance-layout__player {
  padding: 1rem;
  max-height: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.ai-compliance-layout__player .proxyVideoContent {
  max-height: 300px;
}
.ai-compliance-layout__content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.PreviewDetailFullscreen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  max-height: 100vh;
  width: 100vw;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenHeader {
  min-height: 40px;
  height: auto;
  display: flex;
  flex-direction: column;
  z-index: 1001;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenHeader .PreviewDetailFullscreenHeaderWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  height: 100%;
  width: 100%;
  z-index: 11;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenHeader .PreviewDetailFullscreenHeaderWrapper .PreviewDetailFullscreenHeaderItem {
  padding: 0 20px;
  cursor: pointer;
  width: 100%;
  color: #ffffff;
  color: var(--theme-text-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody {
  display: flex;
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody {
    flex-direction: column;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody {
  height: 100%;
  overflow: hidden;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails {
  width: 120px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  z-index: 11;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails {
    flex: 1;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail {
  width: 90%;
  vertical-align: top;
  margin: 15px auto;
  cursor: pointer;
  outline: none;
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail {
    display: inline-block;
    width: 95px;
    margin: 5px 15px;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail .PreviewDetailFullscreenThumbnailPosition {
  position: relative;
  width: 20px;
  margin-bottom: -1.3em;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnail .PreviewDetailFullscreenThumbnailPosition {
    display: none;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyThumbnails .PreviewDetailFullscreenThumbnailActive {
  outline-style: double;
  outline-color: #16ab39;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyContent {
  flex: 1;
  display: flex;
  overflow: auto;
  cursor: grab;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyContent.archived {
  width: 100%;
  align-items: center;
  justify-items: center;
  justify-content: center;
  background: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background: var(--theme-surface-200);
}
@media only screen and (max-width: 475px) {
  .PreviewDetailFullscreen .PreviewDetailFullscreenBody .PreviewDetailFullscreenBodyContent {
    flex: 4;
  }
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5%;
  z-index: 1000;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info {
  width: 80px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info .icon {
  opacity: 0.3;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info:hover {
  cursor: pointer;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info:hover .icon {
  opacity: 1;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter-info.active .icon {
  color: #6bf2a7;
  color: var(--theme-success-100);
  opacity: 1;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .ControlInfoModal {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 65px;
  z-index: 99999;
  padding: 1rem;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .ControlInfoModal::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  border-radius: 6px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  opacity: 0.95;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .ControlInfoModal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1rem;
  z-index: 100000;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 11;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenPagination {
  display: flex;
  margin-right: 20px;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenPagination .PreviewDetailFullscreenPaginationChevron {
  cursor: pointer;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenZoom {
  display: flex;
  justify-content: space-around;
  width: 10em;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .PreviewDetailFullscreenZoom .PreviewDetailFullscreenZoomIcon {
  cursor: pointer;
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn {
  font-size: 1.2em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 7px;
  border-radius: 5px;
  transition: background 0.15s ease;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn.active {
  background: #16ab39;
  border-radius: 5px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenFooter .PreviewDetailFullscreenFooterWrapper .showAllCommentsBtn.active:hover {
  background: rgb(6.8036167835%, 52.8826577263%, 17.6275525754%);
}
.PreviewDetailFullscreen .PreviewDetailFullscreenLoader {
  position: absolute;
  top: 45px;
  bottom: 45px;
  left: 0;
  right: 0;
}

#assetViewSection {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #assetViewSection {
    width: 100%;
  }
  #assetViewSection .ui.padded,
  #assetViewSection .column {
    padding: 0 !important;
  }
  #assetViewSection .assetViewContainer {
    width: 100%;
    display: block !important;
  }
  #assetViewSection .assetViewContent {
    display: block !important;
  }
  #assetViewSection .assetViewContent > .column > .row {
    margin: 0 !important;
    padding: 0;
  }
  #assetViewSection .assetViewContent .DrawAnnotationToolbar {
    padding: 0;
  }
}
@media (min-width: 768px) {
  #assetViewSection {
    height: 100%;
    overflow: hidden;
  }
  #assetViewSection .assetViewContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: stretch;
    overflow: hidden;
  }
  #assetViewSection .assetViewContainer .assetViewContent {
    height: 100%;
    display: flex;
    width: 100%;
    overflow: hidden;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded {
    width: 100%;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div {
    overflow: hidden;
    height: 100%;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div.row {
    padding-bottom: 0;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(1) {
    overflow: hidden auto;
    height: 100%;
  }
  #assetViewSection .assetViewContainer .assetViewContent > div.padded > div > div:nth-child(2) {
    overflow: hidden auto;
    height: 100%;
  }
}

.assetMenu {
  position: relative;
}
.assetMenu.mobileUi {
  position: fixed;
  left: -300px;
  top: 0px;
  bottom: 0;
  z-index: 9999;
  transition: left ease-in 0.5s;
}
.assetMenu.mobileUi.visible {
  overflow: hidden scroll;
  left: 310px;
  transition: left ease-in 0.5s;
}
.assetMenu.ui.menu {
  margin: 10px !important;
  border-radius: 0;
  border-bottom-width: 0;
  width: 47px !important;
  height: auto;
  border-radius: 12px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: var(--theme-text-50);
}
.assetMenu.ui.menu .menuItem {
  position: relative;
  border-radius: 6px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  transition: ease-in-out all 0.2s;
}
.assetMenu.ui.menu .menuItem:after {
  content: "";
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.08;
  transition: ease-in-out all 0.2s;
  background-color: transparent;
}
.assetMenu.ui.menu .menuItem i {
  font-size: 16px;
}
.assetMenu.ui.menu .menuItem i.icon-trash {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.assetMenu.ui.menu .menuItem.customItem i {
  color: rgb(0, 0, 0);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-approve {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-approve:hover {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-reject {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.assetMenu.ui.menu .menuItem.customItem.p7s1-reject:hover {
  background-color: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  background-color: var(--theme-warning-80);
}
.assetMenu.ui.menu .menuItem.customItem a i {
  color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  color: var(--theme-surface-200);
}
.assetMenu.ui.menu .menuItem.disabled {
  pointer-events: none;
}
.assetMenu.ui.menu .menuItem.disabled a {
  opacity: 0.7;
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80) !important;
}
.assetMenu.ui.menu .menuItem.disabled:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.4;
  transition: ease-in-out all 0.2s;
  border: 1px dashed;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
}
.assetMenu.ui.menu .menuItem.active a {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetMenu.ui.menu .menuItem.active:hover a {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetMenu.ui.menu .menuItem.active:hover:after {
  opacity: 0.2;
}
.assetMenu.ui.menu .menuItem.active:after {
  opacity: 0.2;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.assetMenu.ui.menu .menuItem-label {
  display: flex;
  align-items: center;
  z-index: -1;
  opacity: 0;
  top: 1px;
  bottom: 1px;
  left: 50%;
  position: absolute;
  width: auto;
  border-radius: 6px;
  white-space: nowrap;
  padding: 0 0.5rem;
  font-size: 12px;
  transition: ease-in-out all 0.2s;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.assetMenu.ui.menu .menuItem-label:after {
  opacity: 0.08;
  transition: ease-in-out all 0.2s;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.assetMenu.ui.menu .menuItem a {
  background-color: transparent;
  z-index: 1000;
}
.assetMenu.ui.menu .menuItem a i.icon-gen-ai {
  font-size: 21px;
}
.assetMenu.ui.menu .menuItem:hover {
  transition: ease-in-out all 0.2s;
}
.assetMenu.ui.menu .menuItem:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.08;
  transition: ease-in-out all 0.2s;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.assetMenu.ui.menu .menuItem:hover .menuItem-label {
  cursor: default;
  opacity: 1;
  z-index: 999;
  left: calc(100% + 10px);
  transition: ease-in-out all 0.2s;
}
.assetMenu.ui.menu .item {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetMenu.ui.menu .item.active:hover {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
@media (min-width: 768px) {
  .assetMenu > div {
    overflow: hidden auto;
    height: 100%;
  }
  .assetMenu > div::-webkit-scrollbar {
    width: 0px; /* Hides the scrollbar */
    height: 0px;
    background: transparent;
  }
  .assetMenu > div::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .assetMenu > div::-webkit-scrollbar-track {
    background: transparent;
  }
  .assetMenu > div {
    /* Firefox */
  }
  .assetMenu > div* {
    scrollbar-width: none; /* Hides scrollbar */
    scrollbar-color: transparent transparent;
  }
  .assetMenu.ui.menu menuItem {
    position: absolute !important;
  }
}

.ui.primary.button.assetRegenerate, .imageUploadFormElement-actions .ui.primary.assetRegenerate.action-btn.add, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.primary.assetRegenerate,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.primary.assetRegenerate.button {
  margin-bottom: 0.5rem;
}

.assetViewNavigation {
  display: flex;
  flex-direction: row;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetViewNavigation .mobileUi-back {
  display: none;
  width: 100%;
}
@media (max-width: 768px) {
  .assetViewNavigation {
    flex-direction: row;
    padding: 10px;
  }
  .assetViewNavigation .mobileUi-back {
    display: flex;
    align-items: center;
  }
  .assetViewNavigation .mobileUi-back a {
    color: rgb(50%, 50%, 50%);
    color: var(--theme-text-40);
  }
  .assetViewNavigation .ui.breadcrumb {
    display: none !important;
  }
  .assetViewNavigation .Share-action-buttons {
    padding-top: 0;
    align-items: center;
    justify-content: space-between;
  }
  .assetViewNavigation .Share-action-buttons svg {
    display: none;
  }
  .assetViewNavigation .Share-action-buttons .Share-manage-links-btn,
  .assetViewNavigation .Share-action-buttons .Share-modal-btn {
    column-gap: 0;
    padding: 5px 10px;
  }
}
.assetViewNavigation .breadcrumbWrapper {
  width: 100%;
  display: flex;
}
.assetViewNavigation .breadcrumbWrapper .ui.breadcrumb {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  column-gap: 0.5rem;
}

.assetIsDeleted {
  margin: 0.5rem;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  position: relative;
}
.assetIsDeleted span,
.assetIsDeleted .icon {
  position: relative;
  z-index: 1;
}
.assetIsDeleted span {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 14px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.assetIsDeleted .icon {
  color: #ffffff;
  color: var(--theme-text-100);
  line-height: 14px;
}
.assetIsDeleted:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  opacity: 0.8;
  display: block;
  border-radius: 6px;
  background-color: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  background-color: var(--theme-error-40);
}

.assetViewContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.assetViewContainer .flexBlock {
  display: flex !important;
  flex-direction: column;
  flex: 1;
}
.assetViewContainer .flexBlock .assetActionContent {
  height: 100%;
}
.assetViewContainer .AssetSubtitleActions {
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetViewContainer .AssetSubtitleActions > div {
  padding: 1rem;
  border-right: 1px solid;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
}
.assetViewContainer .AssetSubtitleActions-tooltips {
  padding: 1rem;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  width: 100%;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetViewContainer .AssetSubtitleActions-tooltips h3 {
  font-size: 0.875rem;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips {
  margin-bottom: 1rem;
  width: 100%;
  opacity: 0.7;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips:last-child() {
  margin-bottom: 0;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips .tooltip {
  display: inline-flex;
  flex-direction: column;
  width: 50%;
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips .tooltip-key {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetViewContainer .AssetSubtitleActions-tooltips .tooltips .tooltip-description {
  font-size: 0.875rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetViewContainer .assetViewContent {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable {
  display: flex;
  position: relative;
  border-radius: 8px;
  margin: 0 auto 1rem auto;
  max-width: 640px;
  max-height: 480px;
  height: 100%;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  border-radius: 6px;
  opacity: 0.8;
  transition: ease-in-out all 0.2s;
  background-color: transparent;
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable div {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.assetViewContainer .assetViewContent .assetPreviewNotAvailable div span {
  font-size: 2rem;
  line-height: 2rem;
}
.assetViewContainer .assetViewContent .assetLead {
  margin-bottom: 16px;
  border-radius: 12px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetViewContainer .assetViewContent .assetLead-content {
  width: 100%;
}
.assetViewContainer .assetViewContent .assetLead-content .ocListItems {
  width: 100%;
}
.assetViewContainer .assetViewContent .assetLead-content.visible {
  display: flex;
}
.assetViewContainer .assetViewContent .assetLead-content.hidden {
  display: none;
}
.assetViewContainer .assetViewContent .assetStacks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.assetViewContainer .assetViewContent .assetStacks > div {
  margin: 0;
}
.assetViewContainer .assetViewContent .assetStacks button {
  margin: 0 0 0 10px !important;
}
.assetViewContainer .assetViewContent h3.assetTitle {
  color: #ffffff;
  color: var(--theme-text-100);
  padding: 0.5rem 1rem !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  font-size: 14px;
  justify-content: space-between;
}
.assetViewContainer .assetViewContent h3.assetTitle .wrapTextOverflow {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.assetViewContainer .assetViewContent h3.assetTitle .wrapTextOverflow > div {
  cursor: pointer;
}
.assetViewContainer .assetViewContent h3.assetTitle .assetVersion {
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  line-height: 1.2rem;
  border-radius: 3px;
}
.assetViewContainer .assetViewContent h3.assetTitle > div {
  margin: 0;
}
.assetViewContainer .assetViewContent h3.assetTitle > div:nth-child(2) {
  display: flex;
  align-items: center;
}
.assetViewContainer .assetViewContent.homeview2 {
  background: url("https://assets.overcasthq.com/kinesense/videoreporttitleslidebackground.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto 50%;
  background-position: center;
}
.assetViewContainer .fileInfoExtra {
  margin-bottom: 20px;
}
.assetViewContainer .fileInfoExtra div {
  height: 20px;
  max-height: 20px;
  overflow: hidden;
  padding: 0 5px;
  font-size: 14px;
}
.assetViewContainer .fileInfoExtra div span {
  margin-right: 10px;
  font-weight: bold;
}

.assetActionPanel {
  padding: 1rem;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetActionPanel .assetActionContent {
  height: 100%;
  overflow: hidden auto;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}

.proxyContent {
  position: relative;
}
.proxyContent .iFramePreview {
  border-width: 0;
}
.proxyContent .linkPreview span {
  cursor: pointer;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.proxyContent .proxyImg {
  position: relative;
  text-align: center;
  cursor: pointer;
  height: 270px;
  max-height: 270px;
}
.proxyContent .proxyImg .icon {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 0;
}
.proxyContent .preview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 270px;
  max-height: 270px;
}
.proxyContent .preview .prproj {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
  background: rgb(47, 34, 66);
}
.proxyContent .preview .prproj svg {
  height: 50px;
  width: 100%;
  fill: rgb(158, 131, 198);
}
.proxyContent .preview .imgObjectFit {
  height: auto !important;
}
.proxyContent .preview .imgObjectFit img {
  object-fit: cover;
}
.proxyContent .preview img {
  max-width: 100%;
  max-height: 100%;
}
.proxyContent .error {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.proxyContent .error .icon {
  color: #fff;
  font-size: 3rem;
}
.proxyContent .error.uploadError {
  background: rgb(64, 33, 52);
  background: linear-gradient(45deg, rgb(64, 33, 52) 0%, rgb(210, 30, 74) 100%);
}
.proxyContent .error.transcodeError {
  background-color: #181818;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.proxyContent .error.transcodeError .icon {
  font-size: 2rem;
}
.proxyContent .error.transcodeError > div:first-child {
  padding: 1rem;
}
.proxyContent .error.transcodeError > div:first-child i {
  font-size: 5rem;
  opacity: 0.2;
  margin: 0;
  color: #858585;
  line-height: 5rem;
}
.proxyContent .error.transcodeError .info {
  width: 100%;
  max-width: 220px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.proxyContent .error.transcodeError .info div {
  width: 100%;
  display: flex;
}
.proxyContent .error.transcodeError .info div:first-child {
  margin-bottom: 1rem;
}
.proxyContent .error.transcodeError .info div span.label {
  font-size: 12px;
  color: #858585;
}
.proxyContent .error.transcodeError .info div span.icon {
  font-size: 1rem !important;
}

.previewModalContent {
  text-align: center;
}
.previewModalContent .iFramePreview {
  border-width: 0;
}
.previewModalContent .linkPreview span {
  cursor: pointer;
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.regenerate-actions > div {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  grid-gap: 1rem;
  column-gap: 10px;
  row-gap: 10px;
}
.regenerate-actions > div button {
  text-wrap: wrap;
}

.gen-ai-icon {
  width: 22px;
  height: 22px;
}

.ai-compliance-layout {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ai-compliance-layout__player {
  padding: 1rem;
  max-height: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.ai-compliance-layout__player .proxyVideoContent {
  max-height: 300px;
}
.ai-compliance-layout__content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.AssetRestore {
  position: relative;
  padding: 1rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.AssetRestore.video {
  max-width: 860px;
  margin: auto;
}
.AssetRestore:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 12px 12px 0 0;
  background: rgb(80, 91, 173);
  background: linear-gradient(270deg, rgb(33.3928698752%, 68.7026737968%, 78.3326203209%) 0%, rgb(25.0484383477%, 28.4925986205%, 54.1672479268%) 100%);
  z-index: -1;
}
.AssetRestore-icon {
  color: rgb(51.5980779664%, 54.675656824%, 77.6176083081%);
  font-size: 2rem;
  line-height: 2rem;
  margin-right: 0.5rem;
}
.AssetRestore-title {
  width: 100%;
  color: rgb(72.1119119585%, 73.88514299%, 87.1037743161%);
}
.AssetRestore-title > div:nth-child(2) {
  font-size: 12px;
}
.AssetRestore-title > div:nth-child(2) span:nth-child(1) {
  font-weight: bolder;
}
.AssetRestore-button {
  position: relative;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  background-color: rgb(80, 91, 173);
  color: rgb(85.7878012865%, 86.6914671007%, 93.427884988%);
  cursor: pointer;
}
.AssetRestore-button .icon {
  color: rgb(51.5980779664%, 54.675656824%, 77.6176083081%);
  opacity: 1;
}
.AssetRestore.inProgress:after {
  background: rgb(80, 91, 173);
  background: linear-gradient(270deg, rgb(57.4453260374%, 77.1168262654%, 36.5694482444%) 0%, rgb(11.4892395983%, 48.9029172645%, 33.2893352463%) 100%);
}
.AssetRestore.inProgress .AssetRestore-icon {
  color: rgb(27.4395026303%, 82.9526542324%, 59.7857484457%);
}
.AssetRestore.inProgress .AssetRestore-title {
  width: 100%;
  color: rgb(51.7321855571%, 88.6599713056%, 73.2491630799%);
}

.assetRestoreModal.ui.modal.active {
  border-radius: 12px;
  overflow: hidden;
}
.assetRestoreModal.ui.modal.active .header,
.assetRestoreModal.ui.modal.active .actions {
  color: rgb(72.1119119585%, 73.88514299%, 87.1037743161%);
  background-color: rgb(12.4002170038%, 14.1052468418%, 26.8154692707%);
}
.assetRestoreModal.ui.modal.active > .content {
  background-color: rgb(18.7243276757%, 21.2989227311%, 40.4913585988%);
  color: rgb(78.9498566225%, 80.2883050453%, 90.265829652%);
  padding: 0;
}
.assetRestoreModal.ui.modal.active .actions {
  display: flex;
  justify-content: space-between;
}
.assetRestoreModal.ui.modal.active .actions button {
  border-radius: 8px;
}
.assetRestoreModal-assetInfo {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  border-bottom: 1px dashed rgb(21.8863830117%, 24.8957606758%, 47.3293032628%);
}
.assetRestoreModal-assetInfo > div.assetRestoreModal-assetInfoList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.assetRestoreModal-assetInfo > div.assetRestoreModal-assetInfoList > div {
  display: flex;
  flex-direction: row;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: rgb(20.6215608773%, 23.4570254979%, 44.5941253972%);
}
.assetRestoreModal-assetInfo > div.assetRestoreModal-assetInfoList > div > div:nth-child(1) {
  font-size: 1.7rem;
  opacity: 0.3;
  color: rgb(37.9221886383%, 41.8693327133%, 71.2934976362%);
}
.assetRestoreModal-assetInfo > div.assetRestoreModal-assetInfoList > div > div:nth-child(2) {
  padding: 0 1rem 0 0.5rem;
}
.assetRestoreModal-assetInfo > div.assetRestoreModal-assetInfoList > div > div:nth-child(2) div {
  line-height: 16px;
}
.assetRestoreModal-assetInfo > div.assetRestoreModal-assetInfoList > div > div:nth-child(2) div:nth-child(1) {
  font-size: 12px;
  color: rgb(42.4474153298%, 72.9572192513%, 81.2780748663%);
}
.assetRestoreModal-assetInfo > div.assetRestoreModal-assetInfoList > div > div:nth-child(2) div:nth-child(2) {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 800px;
}
.assetRestoreModal-assetInfo > div:nth-child(1) {
  margin-right: 0.5rem;
}
.assetRestoreModal-assetInfo > div .icon {
  margin: 0;
}
.assetRestoreModal-grid {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
  row-gap: 6px;
  padding: 1rem;
}
.assetRestoreModal-grid.borderTop {
  border-top: 1px dashed rgb(21.8863830117%, 24.8957606758%, 47.3293032628%);
}
.assetRestoreModal-grid.borderTop input {
  background-color: rgb(21.8863830117%, 24.8957606758%, 47.3293032628%);
  border-radius: 8px;
  padding: 0.5rem;
  border: 2px solid rgb(25.0484383477%, 28.4925986205%, 54.1672479268%);
  color: rgb(51.5980779664%, 54.675656824%, 77.6176083081%);
}
.assetRestoreModal-grid#cards:hover .card::after {
  opacity: 0.3;
}
.assetRestoreModal-grid#cards .card {
  position: relative;
  background-color: transparent;
  border-color: transparent;
  transition: background-color 0.2s ease-in-out;
}
.assetRestoreModal-grid#cards .card:hover {
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  background-color: rgb(25.0484383477%, 28.4925986205%, 54.1672479268%);
}
.assetRestoreModal-grid#cards .card:before {
  border-radius: inherit;
  content: "";
  height: calc(100% - 2px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 1px;
  transition: ease-in-out all 500ms;
  width: calc(100% - 2px);
  opacity: 0.8;
  background-color: rgb(18.7243276757%, 21.2989227311%, 40.4913585988%);
  z-index: 1;
}
.assetRestoreModal-grid#cards .card:after {
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transition: opacity 500ms;
  width: 100%;
  background: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), rgb(89, 177, 201), transparent 40%);
  z-index: 0;
}
.assetRestoreModal-grid#cards .card > .card-content {
  background-color: var(--card-color);
  border-radius: inherit;
  inset: 1px;
  position: relative;
  z-index: 2;
}
.assetRestoreModal-grid .assetRestoreModal-grid-item {
  display: grid;
  grid-template-columns: calc(100% - 200px) 1fr;
  grid-template-rows: auto;
  column-gap: 6px;
}
.assetRestoreModal-grid .assetRestoreModal-grid-item.disabled {
  opacity: 0.3;
}
.assetRestoreModal-grid .assetRestoreModal-grid-row-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.assetRestoreModal-grid .checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  border: 2px solid rgb(27.3565062389%, 65.8663101604%, 76.3689839572%);
}
.assetRestoreModal-grid .checkbox .icon {
  opacity: 0;
  margin: 0;
  line-height: 100%;
  animation: uncheck 0.3s linear forwards;
}
.assetRestoreModal-grid .checkbox.checked .icon {
  opacity: 1;
  animation: check 0.3s linear forwards;
}
.assetRestoreModal-grid .checkbox.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.assetRestoreModal-grid .assetRestoreModal-grid-row-lead {
  padding: 1rem;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.assetRestoreModal-grid .assetRestoreModal-grid-row-lead > div {
  position: relative;
  z-index: 1;
}
.assetRestoreModal-grid .assetRestoreModal-grid-row-lead > div .icon {
  opacity: 0.3;
  color: rgb(37.9221886383%, 41.8693327133%, 71.2934976362%);
  margin-right: 1rem;
  font-size: 2.3rem;
}
.assetRestoreModal-grid .assetRestoreModal-grid-row-lead > div > div:nth-child(2) {
  font-size: 12px;
  color: rgb(65.2739672944%, 67.4819809347%, 83.9417189801%);
  font-style: italic;
}

.assetViewContent .archivedWrapper {
  position: relative;
  margin-bottom: 1.5rem;
}
.assetViewContent .archivedWrapper.proxyVideoContent {
  margin-bottom: 110px;
}
.assetViewContent .archivedWrapper.proxyVideoContent:after {
  max-width: 860px;
  margin: auto;
}
.assetViewContent .archivedWrapper .v2playerSkin .video-js .vjs-control-bar {
  background: linear-gradient(270deg, rgb(33.3928698752%, 68.7026737968%, 78.3326203209%) 0%, rgb(25.0484383477%, 28.4925986205%, 54.1672479268%) 100%) !important;
}
.assetViewContent .archivedWrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(270deg, rgb(33.3928698752%, 68.7026737968%, 78.3326203209%) 0%, rgb(25.0484383477%, 28.4925986205%, 54.1672479268%) 100%);
  z-index: -1;
}
.assetViewContent .archivedWrapper.inProgress .v2playerSkin .video-js .vjs-control-bar {
  background: linear-gradient(270deg, rgb(57.4453260374%, 77.1168262654%, 36.5694482444%) 0%, rgb(11.4892395983%, 48.9029172645%, 33.2893352463%) 100%) !important;
}
.assetViewContent .archivedWrapper.inProgress:after {
  background: rgb(80, 91, 173);
  background: linear-gradient(270deg, rgb(57.4453260374%, 77.1168262654%, 36.5694482444%) 0%, rgb(11.4892395983%, 48.9029172645%, 33.2893352463%) 100%);
}

.counterSubModal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.counterSubModal-content {
  overflow: hidden;
  background-color: rgb(27.3565062389%, 65.8663101604%, 76.3689839572%);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  z-index: 6;
  box-shadow: 0 5px 40px rgb(4.8112841975%, 5.4728357746%, 10.404402077%);
}
.counterSubModal-content > div .icon {
  position: absolute;
  font-size: 25rem;
  left: -7rem;
  top: -3rem;
  bottom: 0;
  color: white;
  animation-delay: 1s;
  animation: completedRestore 0.4s linear forwards;
  z-index: -1;
}
.counterSubModal-content > div h2 {
  color: white;
}
.counterSubModal-content > div p {
  color: rgb(87.7201426025%, 94.2299465241%, 96.0053475936%);
}
.counterSubModal-content > div button {
  border-radius: 8px;
}
.counterSubModal-content > div {
  text-align: center;
}
.counterSubModal-content > div:nth-child(2) {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.counterSubModal:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(6.0761063319%, 6.9115709525%, 13.1395799426%);
  z-index: 5;
  opacity: 0.9;
}

@keyframes check {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  50% {
    transform: scale(0.9);
  }
  90% {
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes uncheck {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes completedRestore {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  50% {
    transform: scale(0.9);
  }
  90% {
    transform: scale(1.1);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
.dashboardMain {
  width: 100vw;
  display: flex;
}
@media (max-width: 767px) {
  .dashboardMain {
    flex-direction: column;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dashboardMain {
    flex-direction: column;
    width: 96.5vw;
    margin-left: 4px;
  }
}
@media (min-width: 1024px) {
  .dashboardMain {
    height: 100%;
  }
}
.dashboardMain .dashboardBox {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.dashboardMain .dashboardBox.infoBox {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dashboardMain .dashboardBox.infoBox > div {
  display: flex;
  align-items: center;
}
.dashboardMain .dashboardBox.infoBox > div:nth-child(1) {
  column-gap: 0.5rem;
  width: 100%;
}
.dashboardMain .dashboardBox.infoBox > div:nth-child(2) {
  width: auto;
}
.dashboardMain .dashboardBox.infoBox .date {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.dashboardMain .dashboardBox.infoBox i.icon {
  font-size: 20px;
}
.dashboardMain .dashboardBox.infoBox .rowChartsInfo {
  width: auto;
}
@media (max-height: 1200px) {
  .dashboardMain .dashboardBox .statHeader h2 {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.5rem 0 0.5rem !important;
  }
  .dashboardMain .dashboardBox .statHeader-number {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 20px;
    margin-right: 0;
    margin-left: auto;
    padding: 0.5rem;
    border: 1px solid;
    border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
    border-color: var(--theme-surface-border);
    color: #34c6e5;
    color: var(--theme-primary-100);
    background-color: #253141;
    background-color: var(--theme-surface-100);
  }
  .dashboardMain .dashboardBox .statContent {
    flex-direction: column;
  }
  .dashboardMain .dashboardBox .statContent h3 {
    margin: 2rem !important;
    font-size: 20px !important;
  }
}
@media (max-height: 1200px) and (max-width: 1345px) {
  .dashboardMain .dashboardBox .statContent h3 {
    margin: 0 0 0 1rem !important;
    font-size: 24px !important;
  }
}
@media (max-height: 1200px) {
  .dashboardMain .dashboardBox .statContent .projectStatRows .projectStatRow {
    font-size: 0.875rem !important;
  }
  .dashboardMain .dashboardBox .statContent ul li {
    padding: 0.375rem !important;
  }
}
@media (max-height: 830px) {
  .dashboardMain .dashboardBox .statContent {
    flex-direction: row !important;
  }
  .dashboardMain .dashboardBox .statContent .projectStatRows .projectStatRow,
  .dashboardMain .dashboardBox .statContent .projectStatRows .userStatRow,
  .dashboardMain .dashboardBox .statContent .userStatRows .projectStatRow,
  .dashboardMain .dashboardBox .statContent .userStatRows .userStatRow {
    font-size: 0.75rem !important;
    padding: 0.1875rem !important;
  }
  .dashboardMain .dashboardBox .statContent ul li {
    font-size: 12px;
    padding: 0.375rem !important;
  }
  .dashboardMain .dashboardBox .statContent ul li .statNumber {
    font-size: 1.5em !important;
  }
}
.dashboardMain .dashboardBox.userMain .userStatRow {
  font-size: 1rem;
}
.dashboardMain .dashboardBox .ocBoxHeader {
  color: #ffffff;
  color: var(--theme-text-100);
}
.dashboardMain .dashboardBox .ocBoxHeader h2 {
  display: flex;
  position: relative;
  z-index: 3;
  padding: 1rem;
  font-weight: normal;
  font-size: 1rem;
  align-items: center;
  column-gap: 0.5rem;
  height: 36px;
}
.dashboardMain .dashboardBox .ocBoxHeader h2 .icon {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 17px;
}
.dashboardMain .dashboardBox.downloadMain, .dashboardMain .dashboardBox.uploadMain {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.dashboardMain .dashboardBox.storageMain .statContent {
  padding: 0 1rem;
}
.dashboardMain .dashboardBox.assetMain .statContent {
  padding: 0 1rem;
}
.dashboardMain .dashboardBox .recharts-pie .recharts-label {
  opacity: 1;
  fill: #ffffff;
  fill: var(--theme-text-100) !important;
}
@media (max-width: 1345px) {
  .dashboardMain .dashboardBox .recharts-pie .recharts-label {
    font-size: 1.5rem !important;
  }
}
.dashboardMain .dashboardBox .statContent {
  display: flex;
}
.dashboardMain .dashboardBox .statContent .projectStatRows,
.dashboardMain .dashboardBox .statContent .userStatRows {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dashboardMain .dashboardBox .statContent.downloadChart, .dashboardMain .dashboardBox .statContent.uploadChart {
  padding: 1rem 1rem 1rem 0;
}
.dashboardMain .dashboardBox .statContent.transcodeChart ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  list-style: none;
}
.dashboardMain .dashboardBox .statContent.transcodeChart ul li {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  height: 100%;
  padding: 1rem;
  transition: ease-in-out 0.2s all;
}
.dashboardMain .dashboardBox .statContent.transcodeChart ul li:hover {
  transition: ease-in-out 0.2s all;
  height: 300%;
}
.dashboardMain .dashboardBox .statContent.transcodeChart ul li:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 0.15;
  border-bottom: 1px dashed;
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}
.dashboardMain .dashboardBox .statContent.transcodeChart ul li:last-child:after {
  display: none;
}
.dashboardMain .dashboardBox .statContent.transcodeChart ul li .statNumber {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  position: relative;
  height: 100%;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.dashboardMain .dashboardBox .statContent.transcodeChart ul li .statLabel {
  color: #ffffff;
  color: var(--theme-text-100);
}
.dashboardMain .dashboardBox .statContent.usersMainStat, .dashboardMain .dashboardBox .statContent.projectStats {
  flex-direction: column;
}
.dashboardMain .dashboardBox .statContent.usersMainStat h3, .dashboardMain .dashboardBox .statContent.projectStats h3 {
  margin: 0 0 0.1rem;
  padding: 0;
  text-align: center;
  font-size: 16px;
  text-shadow: 0 0 70px var(--theme-primary-100);
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow {
  display: flex;
  text-align: left;
  position: relative;
  align-items: center;
  width: 100%;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  column-gap: 1rem;
  overflow: hidden;
  height: 100%;
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow:after,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow:after, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow:after,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 0.15;
  border-bottom: 1px dashed;
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow:last-child:after,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow:last-child:after, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow:last-child:after,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow:last-child:after {
  display: none;
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow .icon,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow .icon, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow .icon,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow .icon {
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
  font-size: 1.3rem;
  opacity: 0.2;
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow .number,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow .number, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow .number,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow .number {
  display: inline-flex;
  min-width: 2.5rem;
  margin-right: 0.5rem;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow .number span,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow .number span, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow .number span,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow .number span {
  position: relative;
  z-index: 1;
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow .title,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow .title, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow .title,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow .title {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  font-size: 12px;
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow .title a,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow .title a, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow .title a,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow .title a {
  color: #ffffff;
  color: var(--theme-text-100);
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow .title a:hover,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow .title a:hover, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow .title a:hover,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow .title a:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.dashboardMain .dashboardBox .statContent.usersMainStat .userStatRow .title,
.dashboardMain .dashboardBox .statContent.usersMainStat .projectStatRow .title, .dashboardMain .dashboardBox .statContent.projectStats .userStatRow .title,
.dashboardMain .dashboardBox .statContent.projectStats .projectStatRow .title {
  color: #ffffff;
  color: var(--theme-text-100);
}
.dashboardMain .dashboardGrid {
  display: flex;
  flex-direction: column;
  column-gap: 1rem;
  row-gap: 1rem;
  padding: 1rem;
}
@media (max-width: 767px) {
  .dashboardMain .dashboardGrid .dashboardBox {
    width: 100%;
  }
}
.dashboardMain .dashboardGrid .rowChartsA,
.dashboardMain .dashboardGrid .rowChartsB,
.dashboardMain .dashboardGrid .rowChartsC {
  column-gap: 1rem;
  row-gap: 1rem;
}
.dashboardMain .dashboardGrid .rowChartsA {
  display: flex;
  flex-wrap: wrap;
  min-height: 140px;
}
@media (max-width: 767px) {
  .dashboardMain .dashboardGrid .rowChartsA {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .dashboardMain .dashboardGrid .rowChartsA {
    height: calc(23vh - 30px);
    width: 66vw;
  }
}
.dashboardMain .dashboardGrid .rowChartsB {
  display: flex;
  min-height: 200px;
}
@media (max-width: 767px) {
  .dashboardMain .dashboardGrid .rowChartsB {
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .dashboardMain .dashboardGrid .rowChartsB {
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  .dashboardMain .dashboardGrid .rowChartsB {
    height: calc(38vh - 30px);
    width: 66vw;
  }
}
.dashboardMain .dashboardGrid .rowChartsC {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .dashboardMain .dashboardGrid .rowChartsC {
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .dashboardMain .dashboardGrid .rowChartsC {
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  .dashboardMain .dashboardGrid .rowChartsC {
    height: calc(38vh - 35px);
    width: 66vw;
  }
}
.dashboardMain .dashboardActivity {
  margin: 15px 0;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.dashboardMain .dashboardActivity .pageWrapper-head .pageTitle {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .dashboardMain .dashboardActivity {
    margin: 0;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}
.dashboardMain .statBox {
  display: flex;
  flex-direction: column;
}
.dashboardMain .statBox .statContent {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dashboardMain .statBox .statContent .recharts-responsive-container {
  min-height: 100px;
}
.dashboardMain .statBox .statContent .recharts-responsive-container .recharts-wrapper {
  min-height: 100px;
}
.dashboardMain .statBox .statContent.activitiesChart .recharts-responsive-container, .dashboardMain .statBox .statContent.assetChart .recharts-responsive-container {
  min-height: 100px;
}
.dashboardMain .statBox .statContent.activitiesChart .recharts-responsive-container .recharts-wrapper, .dashboardMain .statBox .statContent.assetChart .recharts-responsive-container .recharts-wrapper {
  min-height: 100px;
}
@media (max-width: 1024px) {
  .dashboardMain .statBox .statContent.activitiesChart .recharts-responsive-container, .dashboardMain .statBox .statContent.assetChart .recharts-responsive-container {
    min-height: 300px;
  }
  .dashboardMain .statBox .statContent.activitiesChart .recharts-responsive-container .recharts-wrapper, .dashboardMain .statBox .statContent.assetChart .recharts-responsive-container .recharts-wrapper {
    min-height: 300px;
  }
}
@media (min-width: 1024px) {
  .dashboardMain .statBox .statContent .recharts-responsive-container {
    min-height: 100px;
  }
  .dashboardMain .statBox .statContent .recharts-responsive-container .recharts-wrapper {
    min-height: 100px;
  }
}

.AccountManagement {
  margin: 1rem;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.AccountManagement-head {
  font-size: 2rem;
  margin-bottom: 2rem;
}
.AccountManagement-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  align-items: stretch;
}
.AccountManagement-navigation {
  display: flex;
  flex-direction: column;
  margin: 1rem;
  padding: 0.75rem;
  flex: 1;
  max-width: 300px;
}
.AccountManagement-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 1rem;
  padding: 0.75rem;
}

.user-item {
  display: inline-flex;
  margin-bottom: 5px;
}
.user-item-name {
  padding: 0.5rem 0 0 0.5rem;
}
.user-item-company {
  font-style: italic;
  margin-left: 0.5rem;
  font-size: 13px;
}

.assetPublicEmbed .videoPlayerEmbedContent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.assetPublicView {
  min-height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  padding: 25px 25px;
  flex-direction: column;
}
.assetPublicView .videoPlayerEmbedContent {
  position: relative;
  min-height: 60vh;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assetPublicView .videoPlayerEmbedContent .videoViewInfo {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-radius: 12px;
  margin: 1rem auto;
  display: flex;
  flex-direction: row;
}
@media (max-width: 690px) {
  .assetPublicView .videoPlayerEmbedContent .videoViewInfo {
    flex-direction: column;
  }
}
.assetPublicView .videoPlayerEmbedContent .videoViewInfo > div {
  display: flex;
}
.assetPublicView .videoPlayerEmbedContent .videoViewInfo > div:nth-child(1) {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  width: calc(100% - 150px);
}
.assetPublicView .videoPlayerEmbedContent .videoViewInfo > div:nth-child(2) {
  padding: 1rem 0.5rem 1rem 1rem;
  justify-content: center;
  align-items: center;
}
@media (max-width: 690px) {
  .assetPublicView .videoPlayerEmbedContent .videoViewInfo > div:nth-child(2) {
    justify-content: flex-end;
  }
}
.assetPublicView .videoPlayerEmbedContent .videoViewInfo > div:nth-child(2) button,
.assetPublicView .videoPlayerEmbedContent .videoViewInfo > div:nth-child(2) a {
  display: flex;
  align-items: center;
  border-radius: 6px;
  height: 40px;
}
.assetPublicView .videoPlayerEmbedContent .videoViewInfo h1 {
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.5rem;
  width: 100%;
  word-wrap: break-word;
}
.assetPublicView .videoPlayerEmbedContent .videoViewInfo p {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetPublicView .videoPlayerEmbedContent > div.videoPlayerEmbedContent-max {
  width: 100%;
  max-width: 1440px;
}
.assetPublicView .videoPlayerEmbedContent .embedWrapper {
  overflow: visible !important;
  display: flex;
  flex-direction: column;
}
.assetPublicView .poweredBy {
  margin: auto auto 0 auto;
  width: 300px;
  padding: 2rem 0;
}
.assetPublicView .poweredBy-logo {
  margin: auto;
}
.assetPublicView .poweredBy-logo:not(.custom) {
  background-image: url("/assets/oc_logo_green-C8OaS5tW.svg");
  background-repeat: no-repeat;
  position: relative;
  height: 60px;
  width: 190px;
}
.assetPublicView .poweredBy-logo.custom img {
  margin: auto;
  max-width: 110px;
  display: flex;
}
.assetPublicView .poweredBy-logo span {
  position: absolute;
  left: 59px;
  width: 100%;
  top: -7px;
  font-size: 12px;
}
.assetPublicView .poweredBy-learnMore {
  padding: 2rem 0 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assetPublicView .poweredBy-learnMore a {
  position: relative;
  color: #fff;
  display: inline-block;
  padding: 0.7rem 1rem;
  background-color: #22be63;
  border-radius: 6px;
  color: #fff;
  transition: 0.3s all ease-in-out;
  background: linear-gradient(135deg, #269872 0%, #c1fe87 100%);
}
.assetPublicView .poweredBy-learnMore a span {
  position: relative;
  z-index: 1;
  color: #269872;
  font-size: 12px;
}
.assetPublicView .poweredBy-learnMore a:before {
  transition: 0.3s all ease-in-out;
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  z-index: 0;
  border-radius: 4px;
}
.assetPublicView .poweredBy-learnMore a:hover {
  background-color: rgb(21.831232493%, 86.0119047619%, 48.5731792717%);
  transition: 0.3s all ease-in-out;
  transform: scale(1.1);
}
.assetPublicView .poweredBy-learnMore a:hover span {
  color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  color: var(--theme-surface-300);
}
.assetPublicView .poweredBy-learnMore a:hover:before {
  transition: 0.3s all ease-in-out;
  border-radius: 10px;
  transform: scale(0);
  opacity: 0;
}

.ShareView {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 950px) {
  .ShareView {
    height: 100%;
  }
  .ShareView .ShareView-content {
    flex-direction: column;
  }
  .ShareView .ShareView-content .ShareView-content-body {
    flex-direction: column;
  }
  .ShareView .ShareView-content .ShareView-content-body .ShareView-content-right {
    max-width: 100%;
  }
  .ShareView .ShareView-content .assetComments .modalOpenButton,
  .ShareView .ShareView-content .assetComments .commentButton {
    margin-top: 0;
  }
  .ShareView .ShareView-content .assetComments .ocBoxHeader {
    display: none;
  }
  .ShareView .ShareView-content .assetTitle {
    font-size: 14px;
    padding: 10px;
    border-radius: 0;
    margin: 0;
    background-color: transparent;
  }
  .ShareView .ShareView-content .assetComments .commentBlock {
    padding: 5px;
  }
  .ShareView .ShareView-content .assetComments .commentBlock > div {
    display: flex;
    flex-direction: row;
    height: 40px;
  }
  .ShareView .ShareView-content > div {
    max-width: 100% !important;
  }
  .ShareView .ShareView-content > div:nth-child(1) {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto;
  }
}
.ShareView-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  column-gap: 1.5rem;
}
.ShareView-content-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid;
  padding: 1rem;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ShareView-content-info .actions {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}
.ShareView-content-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.ShareView-content-body > div:nth-child(1) {
  width: 100%;
}
.ShareView-content-body > div:nth-child(2) {
  width: 100%;
  max-width: 500px;
}
.ShareView-content .commentBlock {
  padding: 0;
}
.ShareView-content .assetTitle {
  padding: 0.5rem;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.ShareView-content .assetTitle h3 {
  padding: 0.5rem;
  width: 100%;
  margin: 0;
  align-items: center;
}
.ShareView-content .assetTitle {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ShareView-content .assetLead-content .ocListItems {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.ShareView-content .assetLead-content .ocListItems .item {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  border: 1px solid;
  border-color: #253141;
  border-color: var(--theme-surface-100);
}
.ShareView-content .assetLead-content .ocListItems .item:nth-child(even)::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  opacity: 0.5;
}
.ShareView-content .assetLead-content .ocListItems .item:nth-child(odd) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ShareView-content-left {
  padding: 1rem;
}
.ShareView-content-right {
  overflow: hidden auto;
  padding: 1rem;
}
.ShareView-content-right .assetActionContent {
  overflow: hidden;
}
.ShareView .poweredBy {
  margin: auto auto 0 auto;
  width: 300px;
  padding: 2rem 0;
}
.ShareView .poweredBy-logo {
  margin: auto;
}
.ShareView .poweredBy-logo:not(.custom) {
  background-image: url("/assets/oc_logo_green-C8OaS5tW.svg");
  background-repeat: no-repeat;
  position: relative;
  height: 60px;
  width: 190px;
}
.ShareView .poweredBy-logo.custom img {
  margin: auto;
  max-width: 110px;
  display: flex;
}
.ShareView .poweredBy-logo span {
  position: absolute;
  left: 59px;
  width: 100%;
  top: -7px;
  font-size: 12px;
}
.ShareView .poweredBy-learnMore {
  padding: 2rem 0 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ShareView .poweredBy-learnMore a {
  position: relative;
  color: #fff;
  display: inline-block;
  padding: 0.7rem 1rem;
  background-color: #22be63;
  border-radius: 6px;
  color: #fff;
  transition: 0.3s all ease-in-out;
  background: linear-gradient(135deg, #269872 0%, #c1fe87 100%);
}
.ShareView .poweredBy-learnMore a span {
  position: relative;
  z-index: 1;
  color: #269872;
  font-size: 12px;
}
.ShareView .poweredBy-learnMore a:before {
  transition: 0.3s all ease-in-out;
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  z-index: 0;
  border-radius: 4px;
}
.ShareView .poweredBy-learnMore a:hover {
  background-color: rgb(21.831232493%, 86.0119047619%, 48.5731792717%);
  transition: 0.3s all ease-in-out;
  transform: scale(1.1);
}
.ShareView .poweredBy-learnMore a:hover span {
  color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  color: var(--theme-surface-300);
}
.ShareView .poweredBy-learnMore a:hover:before {
  transition: 0.3s all ease-in-out;
  border-radius: 10px;
  transform: scale(0);
  opacity: 0;
}

.ShareViewCommentUserForm {
  display: flex;
  flex-direction: column !important;
}
.ShareViewCommentUserForm.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999999;
}
.ShareViewCommentUserForm.modal > div {
  max-width: 360px;
  overflow: hidden;
  margin: auto;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ShareViewCommentUserForm.modal > div > div:nth-child(1) {
  padding: 1rem;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ShareViewCommentUserForm.modal > div > div:nth-child(2) {
  margin: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid;
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}
.ShareViewCommentUserForm.modal > div > div:nth-child(3) {
  padding: 0 1rem 0 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.ShareViewCommentUserForm.modal > div > div:nth-child(4) {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1rem;
}
.ShareViewCommentUserForm.modal > div > div:nth-child(4) button {
  border-radius: 6px;
  color: #fff;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ShareViewCommentUserForm.modal > div > div:nth-child(4) button.cancel {
  border: 1px solid;
  background-color: transparent;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}
.ShareViewCommentUserForm.modal > div > div:nth-child(4) button:disabled {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.ShareViewCommentUserForm > div {
  border-radius: 12px;
  column-gap: 1rem;
}
.ShareViewCommentUserForm > div > div:nth-child(1) {
  width: 100%;
}
.ShareViewCommentUserForm > div > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ShareViewCommentUserForm > div .ui.input {
  width: 100%;
}
.ShareViewCommentUserForm > div .ui.input:first-child {
  position: relative;
}
.ShareViewCommentUserForm > div .ui.input input {
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
  border-radius: 6px;
}

.ShareDownloadModal {
  max-width: 400px;
  border: 1px solid !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.ShareDownloadModal .header {
  font-size: 16px !important;
  font-weight: normal !important;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200) !important;
}
.ShareDownloadModal-body {
  padding: 1rem;
  border-bottom: 1px solid;
  border-top: 1px solid;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.ShareDownloadModal-body .toggleRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
}
.ShareDownloadModal-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ShareDownloadModal-menu-wrapper {
  position: relative;
}
.ShareDownloadModal-dots-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 1;
  color: #cccccc;
  color: var(--theme-text-80);
}
.ShareDownloadModal-dots-btn:hover {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ShareDownloadModal-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 10;
  min-width: 150px;
  border-radius: 6px;
  border: 1px solid;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ShareDownloadModal-dropdown-item {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 0.5rem 0.75rem;
  font-size: 13px;
  cursor: pointer;
  color: #cccccc;
  color: var(--theme-text-80);
}
.ShareDownloadModal-dropdown-item:hover {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ShareDownloadModal-legacy-url {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  word-break: break-all;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ShareDownloadModal-legacy-url-label {
  font-size: 11px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ShareDownloadModal-legacy-url-link {
  font-size: 12px;
  text-decoration: underline;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.ShareDownloadModal-legacy-url-link:hover {
  opacity: 0.8;
}
.ShareDownloadModal-fallback-message {
  font-size: 12px;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #facc15;
  color: var(--theme-warning-100);
}
.ShareDownloadModal-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 1rem;
  padding: 1rem;
  width: 100%;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200) !important;
  border-radius: 0 0 12px 12px;
}

.download-progress-bar {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
  width: 100%;
}
.download-progress-bar__file-label {
  margin: 0;
  font-size: 12px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.download-progress-bar__track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.download-progress-bar__fill {
  height: 100%;
  border-radius: 4px;
  width: 0%;
  transition: width 0.2s ease;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.download-progress-bar__fill--indeterminate {
  width: 40%;
  animation: dpb-indeterminate 1.4s ease-in-out infinite;
}
.download-progress-bar__meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  font-size: 11px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.download-progress-bar__size {
  font-variant-numeric: tabular-nums;
  color: #cccccc;
  color: var(--theme-text-80);
}
.download-progress-bar__pct {
  font-variant-numeric: tabular-nums;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.download-progress-bar__status {
  margin: 0;
  font-size: 12px;
}
.download-progress-bar__status--complete {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.download-progress-bar__status--error {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.download-progress-bar__status--cancelled {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.download-progress-bar__notice {
  margin: 0;
  font-size: 11px;
  color: #facc15;
  color: var(--theme-warning-100);
}

@keyframes dpb-indeterminate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(350%);
  }
}
.ShareView-infoMessage {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.ShareView-infoMessage-box {
  max-width: 480px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 12px;
  padding: 1.5rem;
  gap: 1.25rem;
  border: 1px solid;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ShareView-infoMessage-box .iconBox {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #facc15;
  color: var(--theme-warning-100);
}
.ShareView-infoMessage-box .iconBox i {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ShareView-infoMessage-box .messageBox {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #cccccc;
  color: var(--theme-text-80);
}

.quicksight-iframe {
  max-width: 1280px;
}

#dashboardContainer {
  display: flex;
  justify-content: center;
}

.AccountSettingDash {
  width: 100%;
}
.AccountSettingDash.withPadding {
  padding: 2rem;
}
.AccountSettingDash.noPadding {
  padding: 0;
}
.AccountSettingDash .ui.selection.dropdown {
  min-width: 160px;
  height: 10px;
  min-height: 10px;
  height: 32px;
  line-height: 33px;
  padding: 0 1rem;
  border-radius: 8px;
}
.AccountSettingDash .ui.selection.dropdown .item.disabled {
  display: none;
}
.AccountSettingDash-head {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.AccountSettingDash-head > div {
  display: flex;
  align-items: center;
}
.AccountSettingDash-head > div .caseTitle-lead {
  font-size: 1.375rem;
  line-height: 2rem;
}
.AccountSettingDash-head > div .caseTitle-info {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: normal;
  opacity: 0.6;
}
.AccountSettingDash-actions {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1rem 0;
}
.AccountSettingDash-content .moreInfo {
  display: flex;
  flex-wrap: wrap;
}
.AccountSettingDash-content .moreInfo > div {
  width: 25%;
}
@media (max-width: 992px) {
  .AccountSettingDash-content .moreInfo > div {
    width: 50%;
  }
}
.AccountSettingDash-content .moreInfo > div div:nth-child(1) {
  font-size: 0.75rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountSettingDash-content .moreInfo > div div:nth-child(2) {
  font-size: 1rem;
  margin-bottom: 4rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AccountSettingDash-contentHead {
  font-weight: bold;
}
.AccountSettingDash-contentSub {
  font-style: italic;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountSettingDash-advanced {
  max-width: 1270px;
  margin: auto;
}
.AccountSettingDash-advanced .contentBox {
  border-radius: 12px;
  margin: 1rem 0;
  position: relative;
}
.AccountSettingDash-advanced .contentBox:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 1;
  border-radius: 12px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.AccountSettingDash-advanced .groupBtn {
  cursor: pointer;
  opacity: 0.4;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AccountSettingDash-advanced .groupBtn.enabled {
  opacity: 1;
}
.AccountSettingDash-advanced .groupBtn span {
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountSettingDash-advanced .ArchiveEditBox > div {
  position: relative;
  z-index: 6;
}
.AccountSettingDash-advanced .ArchiveEditBox > div.ArchiveEditBox-content {
  z-index: 10;
}
.AccountSettingDash-advanced .ArchiveEditBox-head {
  display: flex;
  flex-direction: row;
}
.AccountSettingDash-advanced .ArchiveEditBox-head > div {
  padding: 1rem;
}
.AccountSettingDash-advanced .ArchiveEditBox-content {
  padding: 1rem;
}
.AccountSettingDash-advanced .ArchiveEditBox-content.maximised {
  max-width: 780px;
}
.AccountSettingDash-advanced .ArchiveEditBox-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.AccountSettingDash-advanced .ArchiveEditBox-item:first-child .cell.indicator:before {
  display: none;
}
.AccountSettingDash-advanced .ArchiveEditBox-item:last-child .cell.indicator:after {
  display: none;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .delBtn {
  height: 30px;
  width: 30px;
  min-width: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  color: var(--theme-surface-450);
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .delBtn:hover {
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .delBtn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 30px;
  width: 30px;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 1rem;
  height: 100%;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.chevron {
  align-items: flex-end;
  padding-top: 2.5rem;
  display: flex;
  flex: 1;
  height: 100%;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.dates {
  padding-top: 2.5rem;
  min-width: 120px;
  display: flex;
  flex-direction: column;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.dates > div {
  justify-content: flex-start;
  width: 100%;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.dates > div:nth-child(1) {
  opacity: 0.8;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.dates > div:nth-child(2) {
  font-style: italic;
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
  opacity: 0.5;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.dropdown {
  width: 100%;
  flex-direction: column;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.dropdown .cell-label {
  margin-bottom: 0.3rem;
  font-size: 14px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.newRuleBtn {
  width: 100%;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.newRuleBtn div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100%;
  border: 1px dashed;
  border-radius: 6px;
  cursor: pointer;
  color: #cccccc;
  color: var(--theme-text-80);
  border-color: #cccccc;
  border-color: var(--theme-text-80);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.newRuleBtn div:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-color: rgb(65%, 65%, 65%);
  border-color: var(--theme-text-60);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.indicator {
  position: relative;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.indicator div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 6px;
  border-color: #cccccc;
  border-color: var(--theme-text-80);
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.indicator div .icon {
  margin: 0;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.indicator:before {
  content: "";
  position: absolute;
  display: block;
  border-right: 1px dashed;
  height: calc(100% - 1rem - 30px);
  width: 1px;
  top: -2px;
  border-color: #cccccc;
  border-color: var(--theme-text-80);
}
.AccountSettingDash-advanced .ArchiveEditBox-item .cell.indicator:after {
  content: "";
  position: absolute;
  display: block;
  border-right: 1px dashed;
  height: calc(100% - 1rem - 30px);
  width: 1px;
  bottom: -2px;
  border-color: #cccccc;
  border-color: var(--theme-text-80);
}
.AccountSettingDash-advanced .ArchiveEditBox-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.AccountSettingDash-advanced .ArchiveEditBox-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 2rem;
  border-radius: 6px;
  margin: 1rem 1rem 1rem 0;
  cursor: pointer;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.AccountSettingDash-advanced .ArchiveEditBox-footer .btn:hover {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.AccountSettingDash-advanced .ArchiveEditBox-footer .btn.save {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.AccountSettingDash-advanced .ArchiveEditBox-footer .btn.save:hover {
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
.AccountSettingDash-advanced .itemList {
  max-height: 0px;
  overflow: hidden;
  transition: ease 1s all;
  position: relative;
}
.AccountSettingDash-advanced .itemList.enabled {
  max-height: 600px;
}
.AccountSettingDash-advanced .itemList.disabled {
  max-height: 0px;
}
.AccountSettingDash-advanced .itemList .dropdown {
  z-index: 2;
}
.AccountSettingDash-advanced .itemList .RetentionItem {
  position: relative;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  z-index: 1;
}
.AccountSettingDash-advanced .itemList .RetentionItem:last-child() {
  border: none;
}
.AccountSettingDash-advanced .itemList .RetentionItem.active {
  z-index: 6;
}
.AccountSettingDash-advanced .itemList .RetentionItem-left {
  width: 100%;
}
.AccountSettingDash-advanced .itemList .RetentionItem-right {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 1rem;
}
.AccountSettingDash-advanced .itemList .RetentionItem-title {
  padding: 1rem;
  width: 100%;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountSettingDash-advanced .itemList .RetentionItem-content {
  display: flex;
  flex-direction: row;
  height: 0;
  overflow: hidden;
  transition: ease-in-out 0.5s all;
  opacity: 0;
}
.AccountSettingDash-advanced .itemList .RetentionItem-content.active {
  opacity: 1;
  height: 85px;
  overflow: visible;
  transition: ease-in-out 0.5s all;
}
.AccountSettingDash-advanced .itemList .RetentionItem-section {
  padding: 0 1rem 1rem 1rem;
}
.AccountSettingDash-advanced .itemList .RetentionItem-section.user {
  width: 400px;
}
.AccountSettingDash-advanced .itemList .RetentionItem-section > div:nth-child(1) {
  font-size: 0.8125rem;
  height: 40px;
  align-items: center;
  display: flex;
  color: var(--theme-text-50);
}
.AccountSettingDash-advanced .itemList .RetentionItem-section > div:nth-child(2) {
  /* No specific styles needed */
}
.AccountSettingDash-advanced .itemList .RetentionItem-section .ui.checkbox label {
  padding-left: 40px;
  padding-top: 6px;
  color: var(--theme-text-70);
}
.AccountSettingDash-advanced .itemList .RetentionItem-section .ui.checkbox label:before {
  border: 1px solid;
  border-radius: 8px;
  padding: 0.5rem;
  width: 32px;
  height: 32px;
  display: flex;
  color: var(--theme-text-70);
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.AccountSettingDash-advanced .itemList .RetentionItem-section .ui.checkbox label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  width: 32px;
  height: 32px;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.AccountSettingDash-advanced .itemList .RetentionItem-section .react-datepicker-wrapper {
  width: 100%;
}
.AccountSettingDash-advanced .itemList .RetentionItem-section .react-datepicker-wrapper input {
  border: 1px solid;
  border-radius: 8px;
  padding: 0.5rem;
  width: 100%;
  display: flex;
  color: var(--theme-text-70);
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.AccountSettingDash-advanced .AccountSettingDash-typeSwitch {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.AccountSettingDash-advanced .AccountSettingDash-typeSwitch * {
  transition: ease-in-out 0.3s all;
}
.AccountSettingDash-advanced .AccountSettingDash-typeSwitch .switchBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 35vw;
  height: 35vw;
  max-width: 400px;
  max-height: 400px;
  min-width: 200px;
  min-height: 200px;
  margin: 1rem;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.AccountSettingDash-advanced .AccountSettingDash-typeSwitch .switchBox-title {
  font-size: 1rem;
}
.AccountSettingDash-advanced .AccountSettingDash-typeSwitch .switchBox:hover {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  transform: scale(1.1);
  border-radius: 19px;
}
.AccountSettingDash-advanced .AccountSettingDash-typeSwitch .switchBox:hover .switchBox-title {
  font-size: 2rem;
}
.AccountSettingDash-advanced .AccountSettingDash-typeSwitch .switchBox:hover div:nth-child(2) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AccountSettingDash-list .MopiCaseItem {
  display: flex;
  width: 100%;
  border-radius: 12px;
  align-items: stretch;
  margin: 0.5rem 0;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.AccountSettingDash-list .MopiCaseItem-cell {
  align-items: center;
}
.AccountSettingDash-list .MopiCaseItem-fromTo, .AccountSettingDash-list .MopiCaseItem-oic {
  display: flex;
  flex-direction: column;
}
.AccountSettingDash-list .MopiCaseItem-fromTo > div, .AccountSettingDash-list .MopiCaseItem-oic > div {
  display: flex;
  flex-direction: row;
}
.AccountSettingDash-list .MopiCaseItem-fromTo > div div:nth-child(1), .AccountSettingDash-list .MopiCaseItem-oic > div div:nth-child(1) {
  margin-right: 0.5rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AccountSettingDash-list .MopiCaseItem-fromTo > div div:nth-child(2), .AccountSettingDash-list .MopiCaseItem-oic > div div:nth-child(2) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AccountSettingDash-list .MopiCaseItem-icon {
  max-width: 45px;
  align-items: center;
  justify-content: center;
}
.AccountSettingDash-list .MopiCaseItem-icon .icon {
  margin: 0;
}
.AccountSettingDash-list .MopiCaseItem-name {
  justify-content: flex-start;
  align-items: center;
}
.AccountSettingDash-list .MopiCaseItem-time, .AccountSettingDash-list .MopiCaseItem-oic {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.AccountSettingDash-list .MopiCaseItem-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.AccountSettingDash-list .MopiCaseItem-actions .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.AccountSettingDash-list .MopiCaseItem-actions .btn:hover {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.AccountSettingDash-list .MopiCaseItem > div {
  width: 100%;
  display: flex;
  padding: 0.2rem;
}

.archivingManagementModal.ui.modal {
  border-radius: 12px;
}
.archivingManagementModal .header {
  border-radius: 12px 12px 0 0 !important;
}
.archivingManagementModal .content {
  border-radius: 0 0 12px 12px !important;
}
.archivingManagementModal .content,
.archivingManagementModal .header {
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
}

.ArchiveManagement {
  width: 100%;
}
.ArchiveManagement.withPadding {
  padding: 0.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100%;
}
.ArchiveManagement.noPadding {
  padding: 0;
}
.ArchiveManagement-erroritem {
  background: #e74c3c;
  background: var(--theme-error-100);
  border-radius: 4px;
  padding: 0.1rem 0.3rem;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.ArchiveManagement .ui.selection.dropdown {
  min-width: 160px;
  height: 10px;
  min-height: 10px;
  height: 32px;
  line-height: 33px;
  padding: 0 1rem;
  border-radius: 8px;
}
.ArchiveManagement .ui.selection.dropdown.active {
  z-index: 11;
}
.ArchiveManagement .ui.selection.dropdown > .text {
  padding-right: 15px;
}
.ArchiveManagement .ui.selection.dropdown .item.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.ArchiveManagement .ui.selection.dropdown .item.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.ArchiveManagement-head {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.ArchiveManagement-head > div {
  display: flex;
  align-items: center;
}
.ArchiveManagement-head > div .caseTitle-lead {
  font-size: 1.375rem;
  line-height: 2rem;
}
.ArchiveManagement-head > div .caseTitle-info {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: normal;
  opacity: 0.6;
}
.ArchiveManagement-actions {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1rem 0;
}
.ArchiveManagement-content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.ArchiveManagement-content .ArchiveManagementCards {
  width: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .noRulesBox {
  min-height: 50vh;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  opacity: 0.5;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard {
  margin: 0 0 2rem 0;
  padding: 5px;
  border-radius: 9px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-name {
  display: flex;
  align-items: center;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-name > div {
  margin-right: 0.5rem;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-head {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-head > div {
  padding: 1rem;
  align-items: center;
  display: flex;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-content {
  position: relative;
  padding: 0rem;
  width: 100%;
  z-index: 1;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 9px;
  width: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item:hover {
  z-index: 100000000 !important;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.error {
  background: linear-gradient(90deg, rgba(194, 28, 69, 0) 0%, rgba(154, 22, 82, 0.6) 100%);
  border: 2px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.error .item-bottom > div {
  background-color: transparent;
  border: 1px dashed;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished {
  display: flex;
  flex-direction: row;
  border: 1px dashed;
  background-color: transparent;
  opacity: 0.6;
  padding: 0;
  cursor: default;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished:after {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished .chevIcon .icon {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished > div:nth-child(1) {
  align-items: center;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished > div:nth-child(1) > div:nth-child(1) {
  display: flex;
  width: 300px;
  border-right: 1px dashed;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished > div:nth-child(1) > div:nth-child(2), .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished > div:nth-child(1) > div:nth-child(3) {
  display: flex;
  flex-direction: row;
  border-right: 1px dashed;
  width: 100%;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished > div:nth-child(1) > div:nth-child(2) {
  justify-content: space-around;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished > div:nth-child(1) > div {
  padding: 1rem;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished .delBtn {
  margin: 0.5rem;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.finished:hover {
  opacity: 1;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.addNew {
  padding: 0;
  z-index: 2;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.addNew:after {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item.addNew .newRuleBtn {
  padding: 0;
  margin: 0;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .ui.checkbox.checked label:before {
  border: 1px solid;
  border-color: var(--theme-success-200);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .ui.checkbox label {
  font-size: 13px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .ui.checkbox label:before {
  border-radius: 5px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .ui.checkbox label:after {
  content: "";
  display: block;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 10px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div:nth-child(1) {
  margin: 0;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div {
  margin-left: 0.5rem;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  padding: 0.3rem 0.5rem;
  border-radius: 6px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div:nth-last-child(2) {
  margin-left: auto;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div:nth-last-child(1).hidden, .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div:nth-last-child(2).hidden {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div span:nth-child(2) {
  display: inline-flex;
  margin-left: 0.5rem;
  font-size: 12px;
  font-style: italic;
  color: #ffffff;
  color: var(--theme-text-100);
}
@media (max-width: 992px) {
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-top {
    flex-wrap: nowrap;
  }
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom {
    flex-wrap: wrap;
  }
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div {
    margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
  }
}
@media (max-width: 860px) {
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-top {
    flex-direction: column;
  }
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-top .cell {
    width: 100% !important;
    display: flex !important;
  }
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-top .cell.chevron {
    margin: 0;
    padding: 0;
    transform: rotate(90deg);
  }
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom {
    flex-wrap: wrap;
  }
  .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .item-bottom > div {
    margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
  }
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item:first-child .cell.indicator:before {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item:last-child .cell.indicator:after {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .delBtn {
  height: 30px;
  width: 30px;
  min-width: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  color: var(--theme-surface-400);
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .delBtn:hover {
  background-color: var(--theme-error-200);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .delBtn .icon {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 30px;
  width: 30px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .ui.dropdown.disabled {
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .ui.dropdown.disabled .dropdown.icon {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector {
  width: 100%;
  min-width: 192px;
  position: relative;
  z-index: 10;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-label {
  min-width: 160px;
  min-height: 10px;
  height: 32px;
  line-height: 33px;
  padding: 0 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-label.disabled {
  opacity: 0.5;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-label.open {
  border-radius: 8px 8px 0 0;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-options {
  left: 0;
  right: 0;
  border-radius: 0 0 8px 8px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  position: absolute;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-options.open {
  display: block;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-options.close {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-option {
  padding: 0.5rem;
  cursor: pointer;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-option:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-option:hover:last-child {
  border-radius: 0 0 8px 8px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector .react-datepicker-wrapper {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector .react-datepicker {
  width: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker {
  position: absolute;
  bottom: 0%;
  left: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker::after {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  left: -20px;
  position: absolute;
  bottom: 12px;
  border-left: 5px solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left-color: #6bf2a7;
  border-left-color: var(--theme-success-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker .react-datepicker__tab-loop .react-datepicker-popper {
  position: relative !important;
  transform: none !important;
  padding-top: 0px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle:before, .ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle:after {
  display: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__day-name,
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__day,
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell .startDateSelector-datepicker .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__time-name {
  width: 1.5rem !important;
  line-height: 1.5rem !important;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell > div.datepicker {
  position: relative;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell > div.datepicker .icon {
  cursor: pointer;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell > div.datepicker .react-datepicker-wrapper {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell > div.datepicker .react-datepicker-wrapper input {
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.chevron {
  align-items: flex-end;
  padding-top: 2.3rem;
  display: flex;
  flex: 1;
  height: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dates {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 0.5rem;
  width: 120px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dates .infos {
  width: 110px;
  margin: 0.5rem;
  display: flex;
  align-items: center;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dates .infos div.empty {
  width: 80%;
  height: 14px;
  border-radius: 3px;
  margin-bottom: 0.4rem;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dates .infos div.empty:last-child {
  margin-bottom: 0;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dates > div {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dates > div:nth-child(2) {
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dates > div:nth-child(3) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dropdown {
  width: 100%;
  flex-direction: column;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.dropdown .cell-label {
  margin-bottom: 0.3rem;
  font-size: 14px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.newRuleBtn {
  width: 100%;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.newRuleBtn div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.newRuleBtn div:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.indicator.noBorder div {
  background-color: transparent;
  border: none;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.indicator div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 8px;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.indicator div .icon {
  margin: 0;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.indicator:before {
  content: "";
  position: absolute;
  display: block;
  border-right: 1px solid;
  height: 25%;
  width: 1px;
  top: -2px;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.ArchiveManagement-content .ArchiveManagementCards .ArchiveManagementCard-item .cell.indicator:after {
  content: "";
  position: absolute;
  display: block;
  border-right: 1px solid;
  height: 78%;
  width: 1px;
  bottom: -2px;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.ArchiveManagement-content .moreInfo {
  display: flex;
  flex-wrap: wrap;
}
.ArchiveManagement-content .moreInfo > div {
  width: 25%;
}
@media (max-width: 992px) {
  .ArchiveManagement-content .moreInfo > div {
    width: 50%;
  }
}
.ArchiveManagement-content .moreInfo > div > div:nth-child(1) {
  font-size: 0.75rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-content .moreInfo > div > div:nth-child(2) {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ArchiveManagement-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  column-gap: 1rem;
}
.ArchiveManagement-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 2rem;
  border-radius: 6px;
  margin: 1rem 0 0.5rem 0.5rem;
  cursor: pointer;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.ArchiveManagement-footer .btn:hover {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ArchiveManagement-footer .btn.addNew {
  position: relative;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.ArchiveManagement-footer .btn.addNew:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.ArchiveManagement-footer .btn.addNew:hover:after {
  display: block;
}
.ArchiveManagement-footer .btn.save {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ArchiveManagement-footer .btn.save:hover {
  background-color: var(--theme-success-200);
}
.ArchiveManagement-contentHead {
  font-weight: bold;
}
.ArchiveManagement-contentSub {
  font-style: italic;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-advanced {
  max-width: 1270px;
  margin: auto;
}
.ArchiveManagement-advanced .contentBox {
  border-radius: 12px;
  margin: 1rem 0;
  position: relative;
}
.ArchiveManagement-advanced .contentBox:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  border-radius: 12px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ArchiveManagement-advanced .groupBtn {
  cursor: pointer;
  opacity: 0.4;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ArchiveManagement-advanced .groupBtn.enabled {
  opacity: 1;
}
.ArchiveManagement-advanced .groupBtn span {
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-advanced .itemList {
  max-height: 0px;
  overflow: hidden;
  transition: ease 1s all;
  position: relative;
}
.ArchiveManagement-advanced .itemList.enabled {
  max-height: 600px;
}
.ArchiveManagement-advanced .itemList.disabled {
  max-height: 0px;
}
.ArchiveManagement-advanced .itemList .RetentionItem {
  position: relative;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.ArchiveManagement-advanced .itemList .RetentionItem:last-child() {
  border: none;
}
.ArchiveManagement-advanced .itemList .RetentionItem-left {
  width: 100%;
}
.ArchiveManagement-advanced .itemList .RetentionItem-right {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 1rem;
}
.ArchiveManagement-advanced .itemList .RetentionItem-title {
  padding: 1rem;
  width: 100%;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-advanced .itemList .RetentionItem-content {
  display: flex;
  flex-direction: row;
  height: 0;
  overflow: hidden;
  transition: ease-in-out 0.5s all;
  opacity: 0;
}
.ArchiveManagement-advanced .itemList .RetentionItem-content.active {
  opacity: 1;
  height: 85px;
  overflow: visible;
  transition: ease-in-out 0.5s all;
}
.ArchiveManagement-advanced .itemList .RetentionItem-section {
  padding: 0 1rem 1rem 1rem;
}
.ArchiveManagement-advanced .itemList .RetentionItem-section.user {
  width: 400px;
}
.ArchiveManagement-advanced .itemList .RetentionItem-section > div:nth-child(1) {
  font-size: 0.8125rem;
  height: 40px;
  align-items: center;
  display: flex;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ArchiveManagement-advanced .itemList .RetentionItem-section .ui.checkbox label {
  padding-left: 40px;
  padding-top: 6px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.ArchiveManagement-advanced .itemList .RetentionItem-section .ui.checkbox label:before {
  border: 1px solid;
  border-radius: 8px;
  padding: 0.5rem;
  width: 32px;
  height: 32px;
  display: flex;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.ArchiveManagement-advanced .itemList .RetentionItem-section .ui.checkbox label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  width: 32px;
  height: 32px;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.ArchiveManagement-advanced .itemList .RetentionItem-section .react-datepicker-wrapper {
  width: 100%;
}
.ArchiveManagement-advanced .itemList .RetentionItem-section .react-datepicker-wrapper input {
  border: 1px solid;
  border-radius: 8px;
  padding: 0.5rem;
  width: 100%;
  display: flex;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.ArchiveManagement-advanced .AccountSettingDash-typeSwitch {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ArchiveManagement-advanced .AccountSettingDash-typeSwitch * {
  transition: ease-in-out 0.3s all;
}
.ArchiveManagement-advanced .AccountSettingDash-typeSwitch .switchBox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 35vw;
  height: 35vw;
  max-width: 400px;
  max-height: 400px;
  min-width: 200px;
  min-height: 200px;
  margin: 1rem;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ArchiveManagement-advanced .AccountSettingDash-typeSwitch .switchBox-title {
  font-size: 1rem;
}
.ArchiveManagement-advanced .AccountSettingDash-typeSwitch .switchBox:hover {
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  transform: scale(1.1);
  border-radius: 19px;
}
.ArchiveManagement-advanced .AccountSettingDash-typeSwitch .switchBox:hover .switchBox-title {
  font-size: 2rem;
}
.ArchiveManagement-advanced .AccountSettingDash-typeSwitch .switchBox:hover div:nth-child(2) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ArchiveManagement-list .MopiCaseItem {
  display: flex;
  width: 100%;
  border-radius: 12px;
  align-items: stretch;
  margin: 0.5rem 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ArchiveManagement-list .MopiCaseItem-cell {
  align-items: center;
}
.ArchiveManagement-list .MopiCaseItem-fromTo, .ArchiveManagement-list .MopiCaseItem-oic {
  display: flex;
  flex-direction: column;
}
.ArchiveManagement-list .MopiCaseItem-fromTo > div, .ArchiveManagement-list .MopiCaseItem-oic > div {
  display: flex;
  flex-direction: row;
}
.ArchiveManagement-list .MopiCaseItem-fromTo > div div:nth-child(1), .ArchiveManagement-list .MopiCaseItem-oic > div div:nth-child(1) {
  margin-right: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ArchiveManagement-list .MopiCaseItem-fromTo > div div:nth-child(2), .ArchiveManagement-list .MopiCaseItem-oic > div div:nth-child(2) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ArchiveManagement-list .MopiCaseItem-icon {
  max-width: 45px;
  align-items: center;
  justify-content: center;
}
.ArchiveManagement-list .MopiCaseItem-icon .icon {
  margin: 0;
}
.ArchiveManagement-list .MopiCaseItem-name {
  justify-content: flex-start;
  align-items: center;
}
.ArchiveManagement-list .MopiCaseItem-time, .ArchiveManagement-list .MopiCaseItem-oic {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.ArchiveManagement-list .MopiCaseItem-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.ArchiveManagement-list .MopiCaseItem-actions .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.ArchiveManagement-list .MopiCaseItem-actions .btn:hover {
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.ArchiveManagement-list .MopiCaseItem > div {
  width: 100%;
  display: flex;
  padding: 0.2rem;
}
.ArchiveManagement-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 0;
  margin-left: auto;
}
.ArchiveManagement-pagination i,
.ArchiveManagement-pagination div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.5rem;
  margin: 0;
  cursor: pointer;
  border-radius: 6px;
}
.ArchiveManagement-pagination div.active {
  background-color: #21ba45;
}

.crashHappened {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.crashHappened button {
  border-radius: 6px !important;
}
.crashHappened-content {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.crashHappened-content > div {
  display: flex;
  flex-direction: column;
}
.crashHappened-actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.crashHappened-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.crashHappened-header .icon {
  line-height: 100%;
  font-size: 4rem;
  opacity: 0.1;
}
.crashHappened.serverError {
  background: transparent;
  color: #fff;
}
.crashHappened.serverError .crashHappened-actions {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: 200px;
  justify-content: flex-end;
}
.crashHappened.serverError .crashHappened-actions button {
  background-color: #ff004c;
}
.crashHappened.serverError .crashHappened-actions button:hover {
  background-color: #ff4a4a;
}
.crashHappened.serverError .crashHappened-header {
  flex-direction: row;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: transparent;
}
.crashHappened.serverError .crashHappened-header p {
  margin: 0;
}
.crashHappened.serverError .crashHappened-header > div {
  padding: 1rem;
}
.crashHappened.serverError .crashHappened-header > div:nth-child(2) {
  width: 100%;
}
.crashHappened.serverError .crashHappened-content {
  height: 100px;
  width: auto;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  position: fixed;
  border-radius: 12px;
  z-index: 9999;
  overflow: hidden;
  box-shadow: 0 6px 18px 10px rgba(13, 14, 21, 0.4);
  background: linear-gradient(45deg, rgb(167, 63, 96) 0%, rgb(255, 151, 130) 100%);
}
.crashHappened.serverError .crashHappened-content > div {
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.crashHappened.serverError:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.95;
  z-index: -1;
  background: linear-gradient(0deg, rgba(85, 2, 15, 0) 50%, rgba(85, 2, 15, 0.9) 100%);
}
.crashHappened ::-webkit-scrollbar {
  width: 10px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.crashHappened a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 40px;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #fff;
  text-decoration: none;
}
.crashHappened a:hover {
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
.crashHappened details > summary:first-of-type {
  cursor: pointer;
}
.crashHappened details summary .title {
  position: absolute;
  top: 1rem;
  margin: 0;
  left: 2rem;
  color: rgb(100%, 97.4509803922%, 97.6045357902%);
  font-size: 1.25rem;
}
.crashHappened details summary p:first-child {
  color: #ff7c85;
}
.crashHappened details summary p:last-child {
  color: #ff004c;
}
.crashHappened details {
  white-space: pre-wrap;
  padding: 1rem;
  position: absolute;
  /* padding: 0.5rem; */
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 0.9rem;
  line-height: 1.4rem;
  max-height: 450px;
  overflow: scroll;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #ff004c;
}
.crashHappened details[open] {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.oc-notification {
  transition: ease-in-out 0.2s all;
  position: fixed;
  display: flex;
  bottom: -150px;
  right: 20px;
  width: 100%;
  max-width: 300px;
  border-radius: 4px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  overflow: hidden;
  opacity: 0;
  z-index: 1002;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.oc-notification.active {
  opacity: 1;
  bottom: 20px;
  transition: ease-in-out 0.2s all;
}
.oc-notification .close {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.4;
  cursor: pointer;
}
.oc-notification .close:hover {
  opacity: 1;
}
.oc-notification div.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 0 15px;
  border-right: 1px solid;
  margin-right: 15px;
  color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  color: var(--theme-surface-450);
}
.oc-notification div.icon.success {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.oc-notification div.icon.failure {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.oc-notification-content {
  padding: 10px 10px 10px 0;
}
.oc-notification-content h2 {
  font-size: 14px;
  color: var(--theme-text-50);
  margin: 0;
}
.oc-notification-content div {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 12px;
}

.OcLoading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  opacity: 1;
  position: absolute;
  top: 0;
  z-index: 999999;
  right: 0;
  left: 0;
  bottom: 0;
}
.OcLoading.verticalLayout {
  flex-direction: column;
}
.OcLoading.relative {
  position: relative;
}
.OcLoading.transparent {
  opacity: 0.9;
}
.OcLoading.dark {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.OcLoading.light {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.OcLoading .recognitionExtraLoadingInfo {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow {
  display: flex;
  flex-direction: row;
  border: 1px solid;
  border-radius: 8px;
  padding: 0.5rem;
  align-items: center;
  column-gap: 0.5rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450) !important;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow i.icon {
  font-size: 20px;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow.loading i.icon {
  color: #e74c3c;
  color: var(--theme-error-100) !important;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow.done i.icon {
  color: #6bf2a7;
  color: var(--theme-success-100) !important;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow.done.notGenerated i.icon {
  color: #facc15;
  color: var(--theme-warning-100) !important;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow > div:nth-child(2) {
  font-size: 12px;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  width: 30px;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock .progressBlock-percent {
  font-size: 12px;
  display: flex;
  width: 30px;
  min-width: 30px;
  align-items: center;
  justify-content: center;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock .progressBlock-icon {
  width: 30px;
  min-width: 30px;
  align-items: center;
  justify-content: center;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.done {
  transition: 0.3s all ease-in-out;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.done .progressBlock-percent {
  opacity: 0;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.done .progressBlock-icon {
  opacity: 1;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.done .progressBlock-percent,
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.done .progressBlock-icon {
  position: relative;
  transition: 0.3s all ease-in-out;
  left: -100%;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.progressing {
  transition: 0.3s all ease-in-out;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.progressing .progressBlock-percent {
  opacity: 1;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.progressing .progressBlock-icon {
  opacity: 0;
}
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.progressing .progressBlock-percent,
.OcLoading .recognitionExtraLoadingInfo > div.itemRow .progressBlock.progressing .progressBlock-icon {
  transition: 0.3s all ease-in-out;
  position: relative;
  left: 0;
}
.OcLoading .skeleton {
  position: absolute;
  padding: 0.5rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.OcLoading .skeleton > div {
  position: relative;
  margin: 0.5rem 0;
  width: 100%;
  height: 30px;
  border-radius: 4px;
  overflow: hidden;
}
.OcLoading .skeleton > div:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  background-color: var(--theme-surface-border);
}
.OcLoading .skeleton.assets div, .OcLoading .skeleton.project div {
  border-radius: 6px;
}
.OcLoading .skeleton.assets div:nth-child(1), .OcLoading .skeleton.project div:nth-child(1) {
  height: 39px;
  width: auto;
  margin: 0 1rem 1rem 0;
}
.OcLoading .skeleton.assets div:nth-child(2), .OcLoading .skeleton.project div:nth-child(2) {
  height: 35px;
  width: auto;
  margin: 0 1rem 2.3rem 0;
}
.OcLoading .skeleton.assets div:not(:nth-child(1)):not(:nth-child(2)), .OcLoading .skeleton.project div:not(:nth-child(1)):not(:nth-child(2)) {
  width: 260px;
  height: 295px;
  margin-bottom: 1rem;
  border-radius: 6px;
  display: inline-flex;
  margin: 0 0.9rem 1.3rem;
}
.OcLoading .skeleton.assets div:nth-last-child(-n+5), .OcLoading .skeleton.project div:nth-last-child(-n+5) {
  opacity: 0.9;
}
.OcLoading .skeleton.assets div:nth-last-child(-n+4), .OcLoading .skeleton.project div:nth-last-child(-n+4) {
  opacity: 0.7;
}
.OcLoading .skeleton.assets div:nth-last-child(-n+3), .OcLoading .skeleton.project div:nth-last-child(-n+3) {
  opacity: 0.5;
}
.OcLoading .skeleton.assets div:nth-last-child(-n+2), .OcLoading .skeleton.project div:nth-last-child(-n+2) {
  opacity: 0.3;
}
.OcLoading .skeleton.assets div:nth-last-child(-n+1), .OcLoading .skeleton.project div:nth-last-child(-n+1) {
  opacity: 0.1;
}
.OcLoading .skeleton.sidebar div:nth-child(1) {
  width: 100px;
  height: 20px;
}
.OcLoading .skeleton.sidebar div:nth-child(2) {
  height: 40px;
  margin-bottom: 1rem;
}
.OcLoading .skeleton.sidebar div:nth-child(3) {
  width: 80px;
  height: 20px;
  margin: 0 0 3rem auto;
}
.OcLoading .skeleton.sidebar div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
  margin-bottom: 1rem;
  border-radius: 0;
  display: flex;
}
.OcLoading .skeleton.sidebar div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
}
.OcLoading .skeleton.sidebar div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) span:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
}
.OcLoading .skeleton.sidebar div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) span:nth-child(1) {
  width: 30px;
  height: 30px;
  margin-right: 1rem;
}
.OcLoading .skeleton.sidebar div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) span:nth-child(2) {
  width: 100%;
  height: 30px;
  margin-right: 1rem;
}
.OcLoading .skeleton.sidebar div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) span:nth-child(3) {
  width: 15px;
  height: 30px;
}
.OcLoading .skeleton.sidebar div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):after {
  background-color: transparent;
}
.OcLoading .skeleton.sidebar div:nth-last-child(-n+3) {
  opacity: 0.9;
}
.OcLoading .skeleton.sidebar div:nth-last-child(-n+3) {
  opacity: 0.7;
}
.OcLoading .skeleton.sidebar div:nth-last-child(-n+3) {
  opacity: 0.5;
}
.OcLoading .skeleton.sidebar div:nth-last-child(-n+2) {
  opacity: 0.3;
}
.OcLoading .skeleton.sidebar div:nth-last-child(-n+1) {
  opacity: 0.1;
}
.OcLoading-content {
  display: flex;
  flex-direction: column;
}
.OcLoading-content .progress {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  width: 60px;
  height: 20px;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
  color: #253141;
  color: var(--theme-surface-100);
  border-radius: 5px;
  transform: translate(-50%);
}
.OcLoading-content .progress.absolutePosition {
  position: absolute;
}
.OcLoading.hidden {
  opacity: 0;
  transition: opacity 0.5s;
}
.OcLoading.small .letters {
  font-size: 12px !important;
}
.OcLoading.big .letters {
  font-size: 2.5rem !important;
}
.OcLoading .TextChanger .letters.hide .letter {
  animation: hideIt 0.25s forwards;
  opacity: 1;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(1n) {
  animation-delay: 0.05s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(2n) {
  animation-delay: 0.1s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(3n) {
  animation-delay: 0.15s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(4n) {
  animation-delay: 0.2s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(5n) {
  animation-delay: 0.25s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(6n) {
  animation-delay: 0.3s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(7n) {
  animation-delay: 0.35s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(8n) {
  animation-delay: 0.4s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(9n) {
  animation-delay: 0.45s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(10n) {
  animation-delay: 0.5s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(11n) {
  animation-delay: 0.55s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(12n) {
  animation-delay: 0.6s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(13n) {
  animation-delay: 0.65s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(14n) {
  animation-delay: 0.7s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(15n) {
  animation-delay: 0.75s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(16n) {
  animation-delay: 0.8s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(17n) {
  animation-delay: 0.85s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(18n) {
  animation-delay: 0.9s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(19n) {
  animation-delay: 0.95s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(20n) {
  animation-delay: 1s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(21n) {
  animation-delay: 1.05s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(22n) {
  animation-delay: 1.1s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(23n) {
  animation-delay: 1.15s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(24n) {
  animation-delay: 1.2s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(25n) {
  animation-delay: 1.25s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(26n) {
  animation-delay: 1.3s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(27n) {
  animation-delay: 1.35s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(28n) {
  animation-delay: 1.4s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(29n) {
  animation-delay: 1.45s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(30n) {
  animation-delay: 1.5s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(31n) {
  animation-delay: 1.55s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(32n) {
  animation-delay: 1.6s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(33n) {
  animation-delay: 1.65s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(34n) {
  animation-delay: 1.7s;
}
.OcLoading .TextChanger .letters.hide .letter:nth-child(35n) {
  animation-delay: 1.75s;
}
.OcLoading .TextChanger .letters .letter {
  display: inline-flex;
  padding: 0.5px;
  animation: showIt 0.5s forwards;
  opacity: 0;
}
.OcLoading .TextChanger .letters .letter.whiteSpace {
  padding: 1px 3px;
}
.OcLoading .TextChanger .letters .letter:nth-child(1n) {
  animation-delay: 0.05s;
}
.OcLoading .TextChanger .letters .letter:nth-child(2n) {
  animation-delay: 0.1s;
}
.OcLoading .TextChanger .letters .letter:nth-child(3n) {
  animation-delay: 0.15s;
}
.OcLoading .TextChanger .letters .letter:nth-child(4n) {
  animation-delay: 0.2s;
}
.OcLoading .TextChanger .letters .letter:nth-child(5n) {
  animation-delay: 0.25s;
}
.OcLoading .TextChanger .letters .letter:nth-child(6n) {
  animation-delay: 0.3s;
}
.OcLoading .TextChanger .letters .letter:nth-child(7n) {
  animation-delay: 0.35s;
}
.OcLoading .TextChanger .letters .letter:nth-child(8n) {
  animation-delay: 0.4s;
}
.OcLoading .TextChanger .letters .letter:nth-child(9n) {
  animation-delay: 0.45s;
}
.OcLoading .TextChanger .letters .letter:nth-child(10n) {
  animation-delay: 0.5s;
}
.OcLoading .TextChanger .letters .letter:nth-child(11n) {
  animation-delay: 0.55s;
}
.OcLoading .TextChanger .letters .letter:nth-child(12n) {
  animation-delay: 0.6s;
}
.OcLoading .TextChanger .letters .letter:nth-child(13n) {
  animation-delay: 0.65s;
}
.OcLoading .TextChanger .letters .letter:nth-child(14n) {
  animation-delay: 0.7s;
}
.OcLoading .TextChanger .letters .letter:nth-child(15n) {
  animation-delay: 0.75s;
}
.OcLoading .TextChanger .letters .letter:nth-child(16n) {
  animation-delay: 0.8s;
}
.OcLoading .TextChanger .letters .letter:nth-child(17n) {
  animation-delay: 0.85s;
}
.OcLoading .TextChanger .letters .letter:nth-child(18n) {
  animation-delay: 0.9s;
}
.OcLoading .TextChanger .letters .letter:nth-child(19n) {
  animation-delay: 0.95s;
}
.OcLoading .TextChanger .letters .letter:nth-child(20n) {
  animation-delay: 1s;
}
.OcLoading .TextChanger .letters .letter:nth-child(21n) {
  animation-delay: 1.05s;
}
.OcLoading .TextChanger .letters .letter:nth-child(22n) {
  animation-delay: 1.1s;
}
.OcLoading .TextChanger .letters .letter:nth-child(23n) {
  animation-delay: 1.15s;
}
.OcLoading .TextChanger .letters .letter:nth-child(24n) {
  animation-delay: 1.2s;
}
.OcLoading .TextChanger .letters .letter:nth-child(25n) {
  animation-delay: 1.25s;
}
.OcLoading .TextChanger .letters .letter:nth-child(26n) {
  animation-delay: 1.3s;
}
.OcLoading .TextChanger .letters .letter:nth-child(27n) {
  animation-delay: 1.35s;
}
.OcLoading .TextChanger .letters .letter:nth-child(28n) {
  animation-delay: 1.4s;
}
.OcLoading .TextChanger .letters .letter:nth-child(29n) {
  animation-delay: 1.45s;
}
.OcLoading .TextChanger .letters .letter:nth-child(30n) {
  animation-delay: 1.5s;
}
.OcLoading .TextChanger .letters .letter:nth-child(31n) {
  animation-delay: 1.55s;
}
.OcLoading .TextChanger .letters .letter:nth-child(32n) {
  animation-delay: 1.6s;
}
.OcLoading .TextChanger .letters .letter:nth-child(33n) {
  animation-delay: 1.65s;
}
.OcLoading .TextChanger .letters .letter:nth-child(34n) {
  animation-delay: 1.7s;
}
.OcLoading .TextChanger .letters .letter:nth-child(35n) {
  animation-delay: 1.75s;
}
.OcLoading .SpinnerLoader .ui.dimmer {
  background-color: transparent;
}
.OcLoading .SpinnerLoader .ui.dimmer .ui.large.text.loader {
  color: #ffffff;
  color: var(--theme-text-100);
}
.OcLoading .SpinnerLoader .ui.dimmer .ui.large.text.loader:before {
  opacity: 0.1;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.OcLoading .SpinnerLoader .ui.dimmer .ui.large.text.loader:after {
  border-top-color: #ffffff;
  border-top-color: var(--theme-text-100);
}
.OcLoading .SticksLoader {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 5px auto;
  width: 45px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.OcLoading .SticksLoader > div {
  background-color: #ffffff;
  background-color: var(--theme-text-100);
  height: 100%;
  width: 6px;
  display: inline-block;
  border-radius: 3px;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.OcLoading .SticksLoader .stick2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.OcLoading .SticksLoader .stick3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.OcLoading .SticksLoader .stick4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.OcLoading .SticksLoader .stick5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.OcLoading.tiny .SticksLoader {
  width: 30px;
  height: 20px;
}
.OcLoading.tiny .SticksLoader > div {
  background-color: #ffffff;
  background-color: var(--theme-text-100);
  height: 100%;
  width: 3px;
}
.OcLoading.mini {
  padding: 0;
  background-color: transparent;
  height: 20px;
}
.OcLoading.mini .SticksLoader {
  width: 20px;
  height: 15px;
}
.OcLoading.mini .SticksLoader > div {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  height: 100%;
  width: 3px;
}

@keyframes showIt {
  0% {
    opacity: 0;
    transform: scale(3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hideIt {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.AssetsTaxonomyFilters .textInputContainer {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 0.5rem 0.5rem 0.7rem;
}
.AssetsTaxonomyFilters .textInputContainer .ui.button, .AssetsTaxonomyFilters .textInputContainer .imageUploadFormElement-actions .ui.action-btn.add, .imageUploadFormElement-actions .AssetsTaxonomyFilters .textInputContainer .ui.action-btn.add, .AssetsTaxonomyFilters .textInputContainer .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui, .loginView .loginBoxWrapper .loginBoxContent .loginBox .AssetsTaxonomyFilters .textInputContainer button.ui,
.AssetsTaxonomyFilters .textInputContainer .loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .AssetsTaxonomyFilters .textInputContainer .ui.button {
  margin-left: 0;
  flex-shrink: 0;
}
.AssetsTaxonomyFilters .showMoreButton {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 1rem;
  cursor: pointer;
  font-size: 12px;
  user-select: none;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.AssetsTaxonomyFilters .showMoreButton:hover {
  color: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  color: var(--theme-primary-80);
}

.ico-browser {
  padding: 20px;
}
.ico-browser-header {
  margin-bottom: 20px;
}
.ico-browser-header h1 {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
}
.ico-browser-search {
  margin-bottom: 20px;
}
.ico-browser-search input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  background: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background: var(--theme-surface-200);
}
.ico-browser-search input:focus {
  outline: none;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.2);
}
.ico-browser-props-info {
  margin-bottom: 30px;
  border-radius: 6px;
  padding: 15px;
}
.ico-browser-props-info h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
}
.ico-browser-props-info table {
  width: 100%;
  border-collapse: collapse;
}
.ico-browser-props-info table th,
.ico-browser-props-info table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid #565656;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ico-browser-props-info table th {
  font-weight: 600;
  background: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background: var(--theme-surface-400);
}
.ico-browser-props-info table tr:last-child td {
  border-bottom: none;
}
.ico-browser-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
}
.ico-browser-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  border: 1px solid;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background: var(--theme-surface-400);
}
.ico-browser-item:hover {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.ico-browser-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin-bottom: 10px;
}
.ico-browser-icon i {
  font-size: 32px;
}
.ico-browser-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  text-align: center;
  word-break: break-word;
}
.ico-browser-code {
  font-size: 12px;
  color: #666;
  text-align: center;
}
.ico-browser-code .copied {
  color: #28a745;
  font-weight: 500;
}
.ico-browser-empty {
  grid-column: 1/-1;
  text-align: center;
  padding: 40px;
  color: #666;
}

@font-face {
  font-family: "overcast-iconpack-v2";
  src: url("/assets/overcast-iconpack-v22-CpFxcWj6.ttf?cvk08t") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "overcast-iconpack-v2" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icon size classes */
.icon-size-xs {
  font-size: 12px;
}

.icon-size-sm {
  font-size: 16px !important;
}

.icon-size-md {
  font-size: 24px;
}

.icon-size-lg {
  font-size: 32px;
}

.icon-size-xl {
  font-size: 48px;
}

/* Icon color classes using theme variables */
.icon-color-primary {
  color: var(--theme-primary-100);
}

.icon-color-secondary {
  color: var(--theme-secondary-100);
}

.icon-color-success {
  color: var(--theme-success-100);
}

.icon-color-danger {
  color: var(--theme-error-100);
}

.icon-color-warning {
  color: var(--theme-warning-100);
}

.icon-color-info {
  color: var(--theme-info-100);
}

.icon-color-light {
  color: var(--theme-text-40);
}

.icon-color-dark {
  color: var(--theme-text-100);
}

.icon-color-white {
  color: #ffffff;
}

.icon-color-black {
  color: #000000;
}

.icon-color-inherit {
  color: inherit;
}

.icon-gen-ai:before {
  content: "\ecfe";
}

.icon-semantic-search:before {
  content: "\ecff";
}

.icon-trash:before {
  content: "\ecfd";
}

.icon-d-cube-scan:before {
  content: "\e900";
}

.icon-d-rotate:before {
  content: "\e901";
}

.icon-d-square:before {
  content: "\e902";
}

.icon-dcube:before {
  content: "\e903";
}

.icon-square:before {
  content: "\e904";
}

.icon-support:before {
  content: "\e905";
}

.icon-aave-aave:before {
  content: "\e906";
}

.icon-activity:before {
  content: "\e907";
}

.icon-add-circle:before {
  content: "\e908";
}

.icon-add-square:before {
  content: "\e909";
}

.icon-add:before {
  content: "\e90a";
}

.icon-additem:before {
  content: "\e90b";
}

.icon-airdrop:before {
  content: "\e90c";
}

.icon-airplane-square:before {
  content: "\e90d";
}

.icon-airplane:before {
  content: "\e90e";
}

.icon-airpod:before {
  content: "\e90f";
}

.icon-airpods:before {
  content: "\e910";
}

.icon-alarm:before {
  content: "\e911";
}

.icon-align-bottom:before {
  content: "\e912";
}

.icon-align-horizontally:before {
  content: "\e913";
}

.icon-align-left:before {
  content: "\e914";
}

.icon-align-right:before {
  content: "\e915";
}

.icon-align-vertically:before {
  content: "\e916";
}

.icon-android:before {
  content: "\e917";
}

.icon-ankr-ankr:before {
  content: "\e918";
}

.icon-apple:before {
  content: "\e919";
}

.icon-aquarius:before {
  content: "\e91a";
}

.icon-archive-1:before {
  content: "\e91b";
}

.icon-archive-add:before {
  content: "\e91c";
}

.icon-archive-book:before {
  content: "\e91d";
}

.icon-archive-minus:before {
  content: "\e91e";
}

.icon-archive-slash:before {
  content: "\e91f";
}

.icon-archive-tick:before {
  content: "\e920";
}

.icon-archive:before {
  content: "\e921";
}

.icon-arrange-circle-2:before {
  content: "\e922";
}

.icon-arrange-circle:before {
  content: "\e923";
}

.icon-arrange-square-2:before {
  content: "\e924";
}

.icon-arrange-square:before {
  content: "\e925";
}

.icon-arrow-2:before {
  content: "\e926";
}

.icon-arrow-3:before {
  content: "\e927";
}

.icon-arrow-bottom:before {
  content: "\e928";
}

.icon-arrow-circle-down:before {
  content: "\e929";
}

.icon-arrow-circle-left:before {
  content: "\e92a";
}

.icon-arrow-circle-right:before {
  content: "\e92b";
}

.icon-arrow-down-1:before {
  content: "\e92c";
}

.icon-arrow-down-2:before {
  content: "\e92d";
}

.icon-arrow-down:before {
  content: "\e92e";
}

.icon-arrow-left-1:before {
  content: "\e92f";
}

.icon-arrow-right-1:before {
  content: "\e930";
}

.icon-arrow-left-2:before {
  content: "\e931";
}

.icon-arrow-up-1:before {
  content: "\e932";
}

.icon-arrow-left-3:before {
  content: "\e933";
}

.icon-arrow-right-3:before {
  content: "\e934";
}

.icon-arrow-left:before {
  content: "\e935";
}

.icon-arrow-right:before {
  content: "\e936";
}

.icon-arrow-right-2:before {
  content: "\e937";
}

.icon-arrow-square-down:before {
  content: "\e938";
}

.icon-arrow-square-left:before {
  content: "\e939";
}

.icon-arrow-square-right:before {
  content: "\e93a";
}

.icon-arrow-square-up:before {
  content: "\e93b";
}

.icon-arrow-square:before {
  content: "\e93c";
}

.icon-arrow-swap-horizontal:before {
  content: "\e93d";
}

.icon-arrow-up-2:before {
  content: "\e93e";
}

.icon-arrow-up-3:before {
  content: "\e93f";
}

.icon-arrow-up:before {
  content: "\e940";
}

.icon-arrow:before {
  content: "\e941";
}

.icon-attach-circle:before {
  content: "\e942";
}

.icon-attach-square:before {
  content: "\e943";
}

.icon-audio-square:before {
  content: "\e944";
}

.icon-augur-rep:before {
  content: "\e945";
}

.icon-autobrightness:before {
  content: "\e946";
}

.icon-autonio-niox:before {
  content: "\e947";
}

.icon-avalanche-avax:before {
  content: "\e948";
}

.icon-award:before {
  content: "\e949";
}

.icon-back-square:before {
  content: "\e94a";
}

.icon-backward-5-seconds:before {
  content: "\e94b";
}

.icon-backward-10-seconds:before {
  content: "\e94c";
}

.icon-backward-15-seconds:before {
  content: "\e94d";
}

.icon-backward-item-1:before {
  content: "\e94e";
}

.icon-backward-item:before {
  content: "\e94f";
}

.icon-backward:before {
  content: "\e950";
}

.icon-bag-2:before {
  content: "\e951";
}

.icon-bag-cross-1:before {
  content: "\e952";
}

.icon-bag-cross:before {
  content: "\e953";
}

.icon-bag-happy:before {
  content: "\e954";
}

.icon-bag-tick-2:before {
  content: "\e955";
}

.icon-bag-tick:before {
  content: "\e956";
}

.icon-bag-timer:before {
  content: "\e957";
}

.icon-bank:before {
  content: "\e958";
}

.icon-barcode:before {
  content: "\e959";
}

.icon-battery-2:before {
  content: "\e95a";
}

.icon-battery-charging:before {
  content: "\e95b";
}

.icon-battery-disable:before {
  content: "\e95c";
}

.icon-battery-empty-1:before {
  content: "\e95d";
}

.icon-battery-empty:before {
  content: "\e95e";
}

.icon-battery-full:before {
  content: "\e95f";
}

.icon-be:before {
  content: "\e960";
}

.icon-bezier-1:before {
  content: "\e961";
}

.icon-bezier:before {
  content: "\e962";
}

.icon-bill:before {
  content: "\e963";
}

.icon-binance-coin-bnb:before {
  content: "\e964";
}

.icon-binance-usd-busd:before {
  content: "\e965";
}

.icon-bitcoin-card:before {
  content: "\e966";
}

.icon-bitcoin-convert:before {
  content: "\e967";
}

.icon-bitcoin-refresh:before {
  content: "\e968";
}

.icon-blend-2:before {
  content: "\e969";
}

.icon-blend:before {
  content: "\e96a";
}

.icon-blogger:before {
  content: "\e96b";
}

.icon-bluetooth-2:before {
  content: "\e96c";
}

.icon-bluetooth-circle:before {
  content: "\e96d";
}

.icon-bluetooth-rectangle:before {
  content: "\e96e";
}

.icon-bluetooth:before {
  content: "\e96f";
}

.icon-blur-1:before {
  content: "\e970";
}

.icon-blur:before {
  content: "\e971";
}

.icon-book-1:before {
  content: "\e972";
}

.icon-book-saved:before {
  content: "\e973";
}

.icon-book-square:before {
  content: "\e974";
}

.icon-book:before {
  content: "\e975";
}

.icon-bookmark-2:before {
  content: "\e976";
}

.icon-bookmark:before {
  content: "\e977";
}

.icon-bootsrap:before {
  content: "\e978";
}

.icon-box-1:before {
  content: "\e979";
}

.icon-box-2:before {
  content: "\e97a";
}

.icon-box-add:before {
  content: "\e97b";
}

.icon-box-remove:before {
  content: "\e97c";
}

.icon-box-search:before {
  content: "\e97d";
}

.icon-box-tick:before {
  content: "\e97e";
}

.icon-box-time:before {
  content: "\e97f";
}

.icon-box:before {
  content: "\e980";
}

.icon-briefcase:before {
  content: "\e981";
}

.icon-brifecase-cross:before {
  content: "\e982";
}

.icon-brifecase-tick:before {
  content: "\e983";
}

.icon-brifecase-timer:before {
  content: "\e984";
}

.icon-broom:before {
  content: "\e985";
}

.icon-brush-1:before {
  content: "\e986";
}

.icon-brush-2:before {
  content: "\e987";
}

.icon-brush-3:before {
  content: "\e988";
}

.icon-brush:before {
  content: "\e989";
}

.icon-bubble:before {
  content: "\e98a";
}

.icon-bucket-circle-1:before {
  content: "\e98b";
}

.icon-bucket-circle:before {
  content: "\e98c";
}

.icon-bucket-square-1:before {
  content: "\e98d";
}

.icon-bucket-square:before {
  content: "\e98e";
}

.icon-building-3:before {
  content: "\e98f";
}

.icon-building-4:before {
  content: "\e990";
}

.icon-building:before {
  content: "\e991";
}

.icon-buildings-2:before {
  content: "\e992";
}

.icon-buildings:before {
  content: "\e993";
}

.icon-buliding:before {
  content: "\e994";
}

.icon-bus:before {
  content: "\e995";
}

.icon-buy-crypto:before {
  content: "\e996";
}

.icon-cake:before {
  content: "\e997";
}

.icon-calculator:before {
  content: "\e998";
}

.icon-calendar-1:before {
  content: "\e999";
}

.icon-calendar-2:before {
  content: "\e99a";
}

.icon-calendar-add:before {
  content: "\e99b";
}

.icon-calendar-circle:before {
  content: "\e99c";
}

.icon-calendar-edit:before {
  content: "\e99d";
}

.icon-calendar-remove:before {
  content: "\e99e";
}

.icon-calendar-search:before {
  content: "\e99f";
}

.icon-calendar-tick:before {
  content: "\e9a0";
}

.icon-calendar:before {
  content: "\e9a1";
}

.icon-call-add:before {
  content: "\e9a2";
}

.icon-call-calling:before {
  content: "\e9a3";
}

.icon-call-incoming:before {
  content: "\e9a4";
}

.icon-call-minus:before {
  content: "\e9a5";
}

.icon-call-outgoing:before {
  content: "\e9a6";
}

.icon-call-received:before {
  content: "\e9a7";
}

.icon-call-remove:before {
  content: "\e9a8";
}

.icon-call-slash:before {
  content: "\e9a9";
}

.icon-call:before {
  content: "\e9aa";
}

.icon-camera-slash:before {
  content: "\e9ab";
}

.icon-camera:before {
  content: "\e9ac";
}

.icon-candle-2:before {
  content: "\e9ad";
}

.icon-candle:before {
  content: "\e9ae";
}

.icon-car:before {
  content: "\e9af";
}

.icon-card-add:before {
  content: "\e9b0";
}

.icon-card-coin:before {
  content: "\e9b1";
}

.icon-card-edit:before {
  content: "\e9b2";
}

.icon-card-pos:before {
  content: "\e9b3";
}

.icon-card-receive:before {
  content: "\e9b4";
}

.icon-card-remove-1:before {
  content: "\e9b5";
}

.icon-card-remove:before {
  content: "\e9b6";
}

.icon-card-send:before {
  content: "\e9b7";
}

.icon-card-slash:before {
  content: "\e9b8";
}

.icon-card-tick-1:before {
  content: "\e9b9";
}

.icon-card-tick:before {
  content: "\e9ba";
}

.icon-card:before {
  content: "\e9bb";
}

.icon-cardano-ada:before {
  content: "\e9bc";
}

.icon-cards:before {
  content: "\e9bd";
}

.icon-category-2:before {
  content: "\e9be";
}

.icon-category:before {
  content: "\e9bf";
}

.icon-cd:before {
  content: "\e9c0";
}

.icon-celo-celo:before {
  content: "\e9c1";
}

.icon-celsius-cel:before {
  content: "\e9c2";
}

.icon-chainlink-link:before {
  content: "\e9c3";
}

.icon-chart-1:before {
  content: "\e9c4";
}

.icon-chart-2:before {
  content: "\e9c5";
}

.icon-chart-3:before {
  content: "\e9c6";
}

.icon-chart-21:before {
  content: "\e9c7";
}

.icon-chart-square:before {
  content: "\e9c8";
}

.icon-chart-success:before {
  content: "\e9c9";
}

.icon-chart:before {
  content: "\e9ca";
}

.icon-check:before {
  content: "\e9cb";
}

.icon-chrome:before {
  content: "\e9cc";
}

.icon-civic-cvc:before {
  content: "\e9cd";
}

.icon-clipboard-close:before {
  content: "\e9ce";
}

.icon-clipboard-export:before {
  content: "\e9cf";
}

.icon-clipboard-import:before {
  content: "\e9d0";
}

.icon-clipboard-text:before {
  content: "\e9d1";
}

.icon-clipboard-tick:before {
  content: "\e9d2";
}

.icon-clipboard:before {
  content: "\e9d3";
}

.icon-clock-1:before {
  content: "\e9d4";
}

.icon-clock:before {
  content: "\e9d5";
}

.icon-close-circle:before {
  content: "\e9d6";
}

.icon-close-square:before {
  content: "\e9d7";
}

.icon-close:before {
  content: "\e9d8";
}

.icon-cloud-add:before {
  content: "\e9d9";
}

.icon-cloud-change:before {
  content: "\e9da";
}

.icon-cloud-connection:before {
  content: "\e9db";
}

.icon-cloud-cross:before {
  content: "\e9dc";
}

.icon-cloud-drizzle:before {
  content: "\e9dd";
}

.icon-cloud-fog:before {
  content: "\e9de";
}

.icon-cloud-lightning:before {
  content: "\e9df";
}

.icon-cloud-minus:before {
  content: "\e9e0";
}

.icon-cloud-notif:before {
  content: "\e9e1";
}

.icon-cloud-plus:before {
  content: "\e9e2";
}

.icon-cloud-remove:before {
  content: "\e9e3";
}

.icon-cloud-snow:before {
  content: "\e9e4";
}

.icon-cloud-sunny:before {
  content: "\e9e5";
}

.icon-cloud:before {
  content: "\e9e6";
}

.icon-code-1:before {
  content: "\e9e7";
}

.icon-code-circle:before {
  content: "\e9e8";
}

.icon-code:before {
  content: "\e9e9";
}

.icon-coffee:before {
  content: "\e9ea";
}

.icon-coin-1:before {
  content: "\e9eb";
}

.icon-coin:before {
  content: "\e9ec";
}

.icon-color-swatch:before {
  content: "\e9ed";
}

.icon-colorfilter:before {
  content: "\e9ee";
}

.icon-colors-square-1:before {
  content: "\e9ef";
}

.icon-colors-square:before {
  content: "\e9f0";
}

.icon-command-square:before {
  content: "\e9f1";
}

.icon-command:before {
  content: "\e9f2";
}

.icon-component-1:before {
  content: "\e9f3";
}

.icon-component:before {
  content: "\e9f4";
}

.icon-computing:before {
  content: "\e9f5";
}

.icon-convert-3d-cube:before {
  content: "\e9f6";
}

.icon-convert:before {
  content: "\e9f7";
}

.icon-convertshape-2:before {
  content: "\e9f8";
}

.icon-convertshape:before {
  content: "\e9f9";
}

.icon-copy-success:before {
  content: "\e9fa";
}

.icon-copy:before {
  content: "\e9fb";
}

.icon-copyright:before {
  content: "\e9fc";
}

.icon-courthouse:before {
  content: "\e9fd";
}

.icon-cpu-charge:before {
  content: "\e9fe";
}

.icon-cpu-setting:before {
  content: "\e9ff";
}

.icon-cpu:before {
  content: "\ea00";
}

.icon-creative-commons:before {
  content: "\ea01";
}

.icon-crop:before {
  content: "\ea02";
}

.icon-crown-1:before {
  content: "\ea03";
}

.icon-crown:before {
  content: "\ea04";
}

.icon-cup:before {
  content: "\ea05";
}

.icon-dai-dai:before {
  content: "\ea06";
}

.icon-danger:before {
  content: "\ea07";
}

.icon-dash-dash:before {
  content: "\ea08";
}

.icon-data-table-sort:before {
  content: "\ea09";
}

.icon-data-2:before {
  content: "\ea0a";
}

.icon-data:before {
  content: "\ea0b";
}

.icon-decred-dcr:before {
  content: "\ea0c";
}

.icon-dent-dent:before {
  content: "\ea0d";
}

.icon-designtools:before {
  content: "\ea0e";
}

.icon-device-message:before {
  content: "\ea0f";
}

.icon-devices-1:before {
  content: "\ea10";
}

.icon-devices:before {
  content: "\ea11";
}

.icon-diagram:before {
  content: "\ea12";
}

.icon-diamonds:before {
  content: "\ea13";
}

.icon-direct-down:before {
  content: "\ea14";
}

.icon-direct-inbox:before {
  content: "\ea15";
}

.icon-direct-left:before {
  content: "\ea16";
}

.icon-direct-normal:before {
  content: "\ea17";
}

.icon-direct-notification:before {
  content: "\ea18";
}

.icon-direct-right:before {
  content: "\ea19";
}

.icon-direct-send:before {
  content: "\ea1a";
}

.icon-direct-up:before {
  content: "\ea1b";
}

.icon-direct:before {
  content: "\ea1c";
}

.icon-directbox-default:before {
  content: "\ea1d";
}

.icon-directbox-notif:before {
  content: "\ea1e";
}

.icon-directbox-receive:before {
  content: "\ea1f";
}

.icon-directbox-send:before {
  content: "\ea20";
}

.icon-discount-circle:before {
  content: "\ea21";
}

.icon-discount-shape:before {
  content: "\ea22";
}

.icon-discover-1:before {
  content: "\ea23";
}

.icon-discover:before {
  content: "\ea24";
}

.icon-dislike:before {
  content: "\ea25";
}

.icon-document-1:before {
  content: "\ea26";
}

.icon-document-cloud:before {
  content: "\ea27";
}

.icon-document-code-2:before {
  content: "\ea28";
}

.icon-document-code:before {
  content: "\ea29";
}

.icon-document-copy:before {
  content: "\ea2a";
}

.icon-document-download:before {
  content: "\ea2b";
}

.icon-document-favorite:before {
  content: "\ea2c";
}

.icon-document-filter:before {
  content: "\ea2d";
}

.icon-document-forward:before {
  content: "\ea2e";
}

.icon-document-like:before {
  content: "\ea2f";
}

.icon-document-normal:before {
  content: "\ea30";
}

.icon-document-previous:before {
  content: "\ea31";
}

.icon-document-sketch:before {
  content: "\ea32";
}

.icon-document-text-1:before {
  content: "\ea33";
}

.icon-document-text:before {
  content: "\ea34";
}

.icon-document-upload:before {
  content: "\ea35";
}

.icon-document:before {
  content: "\ea36";
}

.icon-dollar-circle:before {
  content: "\ea37";
}

.icon-dollar-square:before {
  content: "\ea38";
}

.icon-dribbble:before {
  content: "\ea39";
}

.icon-driver-2:before {
  content: "\ea3a";
}

.icon-driver-refresh:before {
  content: "\ea3b";
}

.icon-driver:before {
  content: "\ea3c";
}

.icon-driving:before {
  content: "\ea3d";
}

.icon-drop:before {
  content: "\ea3e";
}

.icon-dropbox:before {
  content: "\ea3f";
}

.icon-edit-2:before {
  content: "\ea40";
}

.icon-edit:before {
  content: "\ea41";
}

.icon-educare-ekt:before {
  content: "\ea42";
}

.icon-electricity:before {
  content: "\ea43";
}

.icon-element-1:before {
  content: "\ea44";
}

.icon-element-2:before {
  content: "\ea45";
}

.icon-element-3:before {
  content: "\ea46";
}

.icon-element-4:before {
  content: "\ea47";
}

.icon-element-equal:before {
  content: "\ea48";
}

.icon-element-plus:before {
  content: "\ea49";
}

.icon-emercoin-emc:before {
  content: "\ea4a";
}

.icon-emoji-happy:before {
  content: "\ea4b";
}

.icon-emoji-normal:before {
  content: "\ea4c";
}

.icon-emoji-sad:before {
  content: "\ea4d";
}

.icon-empty-wallet-add:before {
  content: "\ea4e";
}

.icon-empty-wallet-change:before {
  content: "\ea4f";
}

.icon-empty-wallet-remove:before {
  content: "\ea50";
}

.icon-empty-wallet-tick:before {
  content: "\ea51";
}

.icon-empty-wallet-time:before {
  content: "\ea52";
}

.icon-empty-wallet:before {
  content: "\ea53";
}

.icon-enjin-coin-enj:before {
  content: "\ea54";
}

.icon-eos-eos:before {
  content: "\ea55";
}

.icon-eraser-1:before {
  content: "\ea56";
}

.icon-eraser-2:before {
  content: "\ea57";
}

.icon-eraser:before {
  content: "\ea58";
}

.icon-ethereum-eth:before {
  content: "\ea59";
}

.icon-ethereum-classic-etc:before {
  content: "\ea5a";
}

.icon-export-1:before {
  content: "\ea5b";
}

.icon-export-2:before {
  content: "\ea5c";
}

.icon-export-3:before {
  content: "\ea5d";
}

.icon-export:before {
  content: "\ea5e";
}

.icon-external-drive:before {
  content: "\ea5f";
}

.icon-eye-slash:before {
  content: "\ea60";
}

.icon-eye:before {
  content: "\ea61";
}

.icon-facebook:before {
  content: "\ea62";
}

.icon-fatrows:before {
  content: "\ea63";
}

.icon-favorite-chart:before {
  content: "\ea64";
}

.icon-figma-1:before {
  content: "\ea65";
}

.icon-figma:before {
  content: "\ea66";
}

.icon-filter-add:before {
  content: "\ea67";
}

.icon-filter-edit:before {
  content: "\ea68";
}

.icon-filter-remove:before {
  content: "\ea69";
}

.icon-filter-search:before {
  content: "\ea6a";
}

.icon-filter-square:before {
  content: "\ea6b";
}

.icon-filter-tick:before {
  content: "\ea6c";
}

.icon-filter:before {
  content: "\ea6d";
}

.icon-finger-cricle:before {
  content: "\ea6e";
}

.icon-finger-scan:before {
  content: "\ea6f";
}

.icon-firstline:before {
  content: "\ea70";
}

.icon-flag-2:before {
  content: "\ea71";
}

.icon-flag:before {
  content: "\ea72";
}

.icon-flash-1:before {
  content: "\ea73";
}

.icon-flash-circle-1:before {
  content: "\ea74";
}

.icon-flash-circle-2:before {
  content: "\ea75";
}

.icon-flash-circle:before {
  content: "\ea76";
}

.icon-flash-slash:before {
  content: "\ea77";
}

.icon-flash:before {
  content: "\ea78";
}

.icon-folder-2:before {
  content: "\ea79";
}

.icon-folder-add:before {
  content: "\ea7a";
}

.icon-folder-cloud:before {
  content: "\ea7b";
}

.icon-folder-connection:before {
  content: "\ea7c";
}

.icon-folder-cross:before {
  content: "\ea7d";
}

.icon-folder-favorite:before {
  content: "\ea7e";
}

.icon-folder-minus:before {
  content: "\ea7f";
}

.icon-folder-open:before {
  content: "\ea80";
}

.icon-folder:before {
  content: "\ea81";
}

.icon-format-circle:before {
  content: "\ea82";
}

.icon-format-square:before {
  content: "\ea83";
}

.icon-forward-5-seconds:before {
  content: "\ea84";
}

.icon-forward-10-seconds:before {
  content: "\ea85";
}

.icon-forward-15-seconds:before {
  content: "\ea86";
}

.icon-forward-item-1:before {
  content: "\ea87";
}

.icon-forward-item:before {
  content: "\ea88";
}

.icon-forward-square:before {
  content: "\ea89";
}

.icon-forward:before {
  content: "\ea8a";
}

.icon-frame-1:before {
  content: "\ea8b";
}

.icon-frame-2:before {
  content: "\ea8c";
}

.icon-frame-3:before {
  content: "\ea8d";
}

.icon-frame-4:before {
  content: "\ea8e";
}

.icon-frame-5:before {
  content: "\ea8f";
}

.icon-frame-6:before {
  content: "\ea90";
}

.icon-frame-7:before {
  content: "\ea91";
}

.icon-frame:before {
  content: "\ea92";
}

.icon-framer:before {
  content: "\ea93";
}

.icon-ftx-token-ftt:before {
  content: "\ea94";
}

.icon-gallery-add:before {
  content: "\ea95";
}

.icon-gallery-edit:before {
  content: "\ea96";
}

.icon-gallery-export:before {
  content: "\ea97";
}

.icon-gallery-favorite:before {
  content: "\ea98";
}

.icon-gallery-import:before {
  content: "\ea99";
}

.icon-gallery-remove:before {
  content: "\ea9a";
}

.icon-gallery-slash:before {
  content: "\ea9b";
}

.icon-gallery-tick:before {
  content: "\ea9c";
}

.icon-gallery:before {
  content: "\ea9d";
}

.icon-game:before {
  content: "\ea9e";
}

.icon-gameboy:before {
  content: "\ea9f";
}

.icon-gas-station:before {
  content: "\eaa0";
}

.icon-gemini-2:before {
  content: "\eaa1";
}

.icon-gemini:before {
  content: "\eaa2";
}

.icon-ghost:before {
  content: "\eaa3";
}

.icon-gift:before {
  content: "\eaa4";
}

.icon-glass-1:before {
  content: "\eaa5";
}

.icon-glass:before {
  content: "\eaa6";
}

.icon-global-edit:before {
  content: "\eaa7";
}

.icon-global-refresh:before {
  content: "\eaa8";
}

.icon-global-search:before {
  content: "\eaa9";
}

.icon-global:before {
  content: "\eaaa";
}

.icon-google-1:before {
  content: "\eaab";
}

.icon-google-play:before {
  content: "\eaac";
}

.icon-google:before {
  content: "\eaad";
}

.icon-gps-slash:before {
  content: "\eaae";
}

.icon-gps:before {
  content: "\eaaf";
}

.icon-grammerly:before {
  content: "\eab0";
}

.icon-graph:before {
  content: "\eab1";
}

.icon-grid-1:before {
  content: "\eab2";
}

.icon-grid-2:before {
  content: "\eab3";
}

.icon-grid-3:before {
  content: "\eab4";
}

.icon-grid-4:before {
  content: "\eab5";
}

.icon-grid-5:before {
  content: "\eab6";
}

.icon-grid-6:before {
  content: "\eab7";
}

.icon-grid-7:before {
  content: "\eab8";
}

.icon-grid-8:before {
  content: "\eab9";
}

.icon-grid-9:before {
  content: "\eaba";
}

.icon-grid-edit:before {
  content: "\eabb";
}

.icon-grid-eraser:before {
  content: "\eabc";
}

.icon-grid-lock:before {
  content: "\eabd";
}

.icon-group-1:before {
  content: "\eabe";
}

.icon-group-2:before {
  content: "\eabf";
}

.icon-group-3:before {
  content: "\eac0";
}

.icon-group-4:before {
  content: "\eac1";
}

.icon-group-5:before {
  content: "\eac2";
}

.icon-group-6:before {
  content: "\eac3";
}

.icon-group-7:before {
  content: "\eac4";
}

.icon-group-8:before {
  content: "\eac5";
}

.icon-group-9:before {
  content: "\eac6";
}

.icon-group-10:before {
  content: "\eac7";
}

.icon-group-11:before {
  content: "\eac8";
}

.icon-group:before {
  content: "\eac9";
}

.icon-happyemoji:before {
  content: "\eaca";
}

.icon-harmony-one:before {
  content: "\eacb";
}

.icon-hashtag-1:before {
  content: "\eacc";
}

.icon-hashtag-down:before {
  content: "\eacd";
}

.icon-hashtag-up:before {
  content: "\eace";
}

.icon-hashtag:before {
  content: "\eacf";
}

.icon-headphone:before {
  content: "\ead0";
}

.icon-headphones:before {
  content: "\ead1";
}

.icon-health:before {
  content: "\ead2";
}

.icon-heart-add:before {
  content: "\ead3";
}

.icon-heart-circle:before {
  content: "\ead4";
}

.icon-heart-edit:before {
  content: "\ead5";
}

.icon-heart-remove:before {
  content: "\ead6";
}

.icon-heart-search:before {
  content: "\ead7";
}

.icon-heart-slash:before {
  content: "\ead8";
}

.icon-heart-tick:before {
  content: "\ead9";
}

.icon-heart:before {
  content: "\eada";
}

.icon-hedera-hashgraph-hbar:before {
  content: "\eadb";
}

.icon-hex-hex:before {
  content: "\eadc";
}

.icon-hierarchy-2:before {
  content: "\eadd";
}

.icon-hierarchy-3:before {
  content: "\eade";
}

.icon-hierarchy-square-2:before {
  content: "\eadf";
}

.icon-hierarchy-square-3:before {
  content: "\eae0";
}

.icon-hierarchy-square:before {
  content: "\eae1";
}

.icon-hierarchy:before {
  content: "\eae2";
}

.icon-home-2:before {
  content: "\eae3";
}

.icon-home-hashtag:before {
  content: "\eae4";
}

.icon-home-trend-down:before {
  content: "\eae5";
}

.icon-home-trend-up:before {
  content: "\eae6";
}

.icon-home-wifi:before {
  content: "\eae7";
}

.icon-home:before {
  content: "\eae8";
}

.icon-hospital:before {
  content: "\eae9";
}

.icon-house-2:before {
  content: "\eaea";
}

.icon-house:before {
  content: "\eaeb";
}

.icon-html-3:before {
  content: "\eaec";
}

.icon-html-5:before {
  content: "\eaed";
}

.icon-huobi-token-ht:before {
  content: "\eaee";
}

.icon-icon-icx:before {
  content: "\eaef";
}

.icon-illustrator:before {
  content: "\eaf0";
}

.icon-image:before {
  content: "\eaf1";
}

.icon-import-1:before {
  content: "\eaf2";
}

.icon-import-2:before {
  content: "\eaf3";
}

.icon-import:before {
  content: "\eaf4";
}

.icon-info-circle:before {
  content: "\eaf5";
}

.icon-information:before {
  content: "\eaf6";
}

.icon-instagram:before {
  content: "\eaf7";
}

.icon-iost-iost:before {
  content: "\eaf8";
}

.icon-java-script:before {
  content: "\eaf9";
}

.icon-js:before {
  content: "\eafa";
}

.icon-judge:before {
  content: "\eafb";
}

.icon-kanban:before {
  content: "\eafc";
}

.icon-key-square:before {
  content: "\eafd";
}

.icon-key:before {
  content: "\eafe";
}

.icon-keyboard-open:before {
  content: "\eaff";
}

.icon-keyboard:before {
  content: "\eb00";
}

.icon-kyber-network-knc:before {
  content: "\eb01";
}

.icon-lamp-1:before {
  content: "\eb02";
}

.icon-lamp-charge:before {
  content: "\eb03";
}

.icon-lamp-on:before {
  content: "\eb04";
}

.icon-lamp-slash:before {
  content: "\eb05";
}

.icon-lamp:before {
  content: "\eb06";
}

.icon-language-circle:before {
  content: "\eb07";
}

.icon-language-square:before {
  content: "\eb08";
}

.icon-layer:before {
  content: "\eb09";
}

.icon-level:before {
  content: "\eb0a";
}

.icon-lifebuoy:before {
  content: "\eb0b";
}

.icon-like-1:before {
  content: "\eb0c";
}

.icon-like-dislike:before {
  content: "\eb0d";
}

.icon-like-shapes:before {
  content: "\eb0e";
}

.icon-like-tag:before {
  content: "\eb0f";
}

.icon-like:before {
  content: "\eb10";
}

.icon-link-1:before {
  content: "\eb11";
}

.icon-link-2:before {
  content: "\eb12";
}

.icon-link-21:before {
  content: "\eb13";
}

.icon-link-circle:before {
  content: "\eb14";
}

.icon-link-square:before {
  content: "\eb15";
}

.icon-link:before {
  content: "\eb16";
}

.icon-litecoinltc:before {
  content: "\eb17";
}

.icon-Live:before {
  content: "\eb18";
}

.icon-location-add:before {
  content: "\eb19";
}

.icon-location-cross:before {
  content: "\eb1a";
}

.icon-location-minus:before {
  content: "\eb1b";
}

.icon-location-slash:before {
  content: "\eb1c";
}

.icon-location-tick:before {
  content: "\eb1d";
}

.icon-location:before {
  content: "\eb1e";
}

.icon-lock-1:before {
  content: "\eb1f";
}

.icon-lock-circle:before {
  content: "\eb20";
}

.icon-lock-slash:before {
  content: "\eb21";
}

.icon-lock:before {
  content: "\eb22";
}

.icon-login-1:before {
  content: "\eb23";
}

.icon-login:before {
  content: "\eb24";
}

.icon-logout-1:before {
  content: "\eb25";
}

.icon-logout:before {
  content: "\eb26";
}

.icon-lovely:before {
  content: "\eb27";
}

.icon-magic-star:before {
  content: "\eb28";
}

.icon-magicpen:before {
  content: "\eb29";
}

.icon-main-component-1:before {
  content: "\eb2a";
}

.icon-main-component:before {
  content: "\eb2b";
}

.icon-maker-mkr:before {
  content: "\eb2c";
}

.icon-man:before {
  content: "\eb2d";
}

.icon-map-1:before {
  content: "\eb2e";
}

.icon-map:before {
  content: "\eb2f";
}

.icon-mask-1:before {
  content: "\eb30";
}

.icon-mask-2:before {
  content: "\eb31";
}

.icon-mask-3:before {
  content: "\eb32";
}

.icon-mask:before {
  content: "\eb33";
}

.icon-math:before {
  content: "\eb34";
}

.icon-maximize-1:before {
  content: "\eb35";
}

.icon-maximize-2:before {
  content: "\eb36";
}

.icon-maximize-3:before {
  content: "\eb37";
}

.icon-maximize-4:before {
  content: "\eb38";
}

.icon-maximize-21:before {
  content: "\eb39";
}

.icon-maximize-circle:before {
  content: "\eb3a";
}

.icon-maximize:before {
  content: "\eb3b";
}

.icon-medal-star:before {
  content: "\eb3c";
}

.icon-medal:before {
  content: "\eb3d";
}

.icon-menu-1:before {
  content: "\eb3e";
}

.icon-menu-board:before {
  content: "\eb3f";
}

.icon-menu:before {
  content: "\eb40";
}

.icon-message-2:before {
  content: "\eb41";
}

.icon-message-add-1:before {
  content: "\eb42";
}

.icon-message-add:before {
  content: "\eb43";
}

.icon-message-circle:before {
  content: "\eb44";
}

.icon-message-edit:before {
  content: "\eb45";
}

.icon-message-favorite:before {
  content: "\eb46";
}

.icon-message-minus:before {
  content: "\eb47";
}

.icon-message-notif:before {
  content: "\eb48";
}

.icon-message-programming:before {
  content: "\eb49";
}

.icon-message-question:before {
  content: "\eb4a";
}

.icon-message-remove:before {
  content: "\eb4b";
}

.icon-message-search:before {
  content: "\eb4c";
}

.icon-message-square:before {
  content: "\eb4d";
}

.icon-message-text-1:before {
  content: "\eb4e";
}

.icon-message-text:before {
  content: "\eb4f";
}

.icon-message-tick:before {
  content: "\eb50";
}

.icon-message-time:before {
  content: "\eb51";
}

.icon-message:before {
  content: "\eb52";
}

.icon-messages-1:before {
  content: "\eb53";
}

.icon-messages-2:before {
  content: "\eb54";
}

.icon-messages-3:before {
  content: "\eb55";
}

.icon-messages:before {
  content: "\eb56";
}

.icon-messenger:before {
  content: "\eb57";
}

.icon-microphone-2:before {
  content: "\eb58";
}

.icon-microphone-slash-1:before {
  content: "\eb59";
}

.icon-microphone-slash:before {
  content: "\eb5a";
}

.icon-microphone:before {
  content: "\eb5b";
}

.icon-microscope:before {
  content: "\eb5c";
}

.icon-milk:before {
  content: "\eb5d";
}

.icon-mini-music-sqaure:before {
  content: "\eb5e";
}

.icon-minus-cirlce:before {
  content: "\eb5f";
}

.icon-minus-square:before {
  content: "\eb60";
}

.icon-minus:before {
  content: "\eb61";
}

.icon-mirror:before {
  content: "\eb62";
}

.icon-mirroring-screen:before {
  content: "\eb63";
}

.icon-mobile-programming:before {
  content: "\eb64";
}

.icon-mobile:before {
  content: "\eb65";
}

.icon-monero-xmr:before {
  content: "\eb66";
}

.icon-money-2:before {
  content: "\eb67";
}

.icon-money-3:before {
  content: "\eb68";
}

.icon-money-4:before {
  content: "\eb69";
}

.icon-money-add:before {
  content: "\eb6a";
}

.icon-money-change:before {
  content: "\eb6b";
}

.icon-money-forbidden:before {
  content: "\eb6c";
}

.icon-money-recive:before {
  content: "\eb6d";
}

.icon-money-remove:before {
  content: "\eb6e";
}

.icon-money-send:before {
  content: "\eb6f";
}

.icon-money-tick:before {
  content: "\eb70";
}

.icon-money-time:before {
  content: "\eb71";
}

.icon-money:before {
  content: "\eb72";
}

.icon-moneys:before {
  content: "\eb73";
}

.icon-monitor-mobbile:before {
  content: "\eb74";
}

.icon-monitor-recorder:before {
  content: "\eb75";
}

.icon-monitor:before {
  content: "\eb76";
}

.icon-moon:before {
  content: "\eb77";
}

.icon-more-1:before {
  content: "\eb78";
}

.icon-more-2:before {
  content: "\eb79";
}

.icon-more-circle:before {
  content: "\eb7a";
}

.icon-more-square:before {
  content: "\eb7b";
}

.icon-more:before {
  content: "\eb7c";
}

.icon-mouse-1:before {
  content: "\eb7d";
}

.icon-mouse-circle:before {
  content: "\eb7e";
}

.icon-mouse-square:before {
  content: "\eb7f";
}

.icon-mouse:before {
  content: "\eb80";
}

.icon-music-circle:before {
  content: "\eb81";
}

.icon-music-dashboard:before {
  content: "\eb82";
}

.icon-music-filter:before {
  content: "\eb83";
}

.icon-music-library-2:before {
  content: "\eb84";
}

.icon-music-play:before {
  content: "\eb85";
}

.icon-music-playlist:before {
  content: "\eb86";
}

.icon-music-square-add:before {
  content: "\eb87";
}

.icon-music-square-remove:before {
  content: "\eb88";
}

.icon-music-square-search:before {
  content: "\eb89";
}

.icon-music-square:before {
  content: "\eb8a";
}

.icon-music:before {
  content: "\eb8b";
}

.icon-musicnote:before {
  content: "\eb8c";
}

.icon-nebulas-nas:before {
  content: "\eb8d";
}

.icon-nem-xem:before {
  content: "\eb8e";
}

.icon-nexo-nexo:before {
  content: "\eb8f";
}

.icon-next:before {
  content: "\eb90";
}

.icon-note-1:before {
  content: "\eb91";
}

.icon-note-2:before {
  content: "\eb92";
}

.icon-note-21:before {
  content: "\eb93";
}

.icon-note-add:before {
  content: "\eb94";
}

.icon-note-favorite:before {
  content: "\eb95";
}

.icon-note-remove:before {
  content: "\eb96";
}

.icon-note-square:before {
  content: "\eb97";
}

.icon-note-text:before {
  content: "\eb98";
}

.icon-note:before {
  content: "\eb99";
}

.icon-notification-1:before {
  content: "\eb9a";
}

.icon-notification-bing:before {
  content: "\eb9b";
}

.icon-notification-circle:before {
  content: "\eb9c";
}

.icon-notification-favorite:before {
  content: "\eb9d";
}

.icon-notification-status:before {
  content: "\eb9e";
}

.icon-notification:before {
  content: "\eb9f";
}

.icon-ocean-protocol-ocean:before {
  content: "\eba0";
}

.icon-okb-okb:before {
  content: "\eba1";
}

.icon-omega-circle-1:before {
  content: "\eba2";
}

.icon-omega-circle:before {
  content: "\eba3";
}

.icon-omega-square-1:before {
  content: "\eba4";
}

.icon-omega-square:before {
  content: "\eba5";
}

.icon-ontology-ont:before {
  content: "\eba6";
}

.icon-paintbucket:before {
  content: "\eba7";
}

.icon-paperclip-2:before {
  content: "\eba8";
}

.icon-paperclip:before {
  content: "\eba9";
}

.icon-password-check:before {
  content: "\ebaa";
}

.icon-path-2:before {
  content: "\ebab";
}

.icon-path-square:before {
  content: "\ebac";
}

.icon-path:before {
  content: "\ebad";
}

.icon-pause-circle:before {
  content: "\ebae";
}

.icon-pause:before {
  content: "\ebaf";
}

.icon-paypal:before {
  content: "\ebb0";
}

.icon-pen-add-1:before {
  content: "\ebb1";
}

.icon-pen-add:before {
  content: "\ebb2";
}

.icon-pen-close-1:before {
  content: "\ebb3";
}

.icon-pen-close:before {
  content: "\ebb4";
}

.icon-pen-remove-1:before {
  content: "\ebb5";
}

.icon-pen-remove:before {
  content: "\ebb6";
}

.icon-pen-tool-1:before {
  content: "\ebb7";
}

.icon-pen-tool-2-1:before {
  content: "\ebb8";
}

.icon-pen-tool-2:before {
  content: "\ebb9";
}

.icon-pen-tool:before {
  content: "\ebba";
}

.icon-people:before {
  content: "\ebbb";
}

.icon-percentage-square:before {
  content: "\ebbc";
}

.icon-personalcard:before {
  content: "\ebbd";
}

.icon-pet:before {
  content: "\ebbe";
}

.icon-pharagraphspacing:before {
  content: "\ebbf";
}

.icon-photoshop:before {
  content: "\ebc0";
}

.icon-picture-frame:before {
  content: "\ebc1";
}

.icon-play-add:before {
  content: "\ebc2";
}

.icon-play-circle:before {
  content: "\ebc3";
}

.icon-play-cricle:before {
  content: "\ebc4";
}

.icon-play-remove:before {
  content: "\ebc5";
}

.icon-play:before {
  content: "\ebc6";
}

.icon-polkadot-dot:before {
  content: "\ebc7";
}

.icon-polygon-matic:before {
  content: "\ebc8";
}

.icon-polyswarm-nct:before {
  content: "\ebc9";
}

.icon-presention-chart:before {
  content: "\ebca";
}

.icon-previous:before {
  content: "\ebcb";
}

.icon-printer-slash:before {
  content: "\ebcc";
}

.icon-printer:before {
  content: "\ebcd";
}

.icon-profile-2user:before {
  content: "\ebce";
}

.icon-profile-add:before {
  content: "\ebcf";
}

.icon-profile-circle:before {
  content: "\ebd0";
}

.icon-profile-delete:before {
  content: "\ebd1";
}

.icon-profile-remove:before {
  content: "\ebd2";
}

.icon-profile-tick:before {
  content: "\ebd3";
}

.icon-profile:before {
  content: "\ebd4";
}

.icon-programming-arrow:before {
  content: "\ebd5";
}

.icon-programming-arrows:before {
  content: "\ebd6";
}

.icon-python:before {
  content: "\ebd7";
}

.icon-quant-qnt:before {
  content: "\ebd8";
}

.icon-quote-down-circle:before {
  content: "\ebd9";
}

.icon-quote-down-square:before {
  content: "\ebda";
}

.icon-quote-down:before {
  content: "\ebdb";
}

.icon-quote-up-circle:before {
  content: "\ebdc";
}

.icon-quote-up-square:before {
  content: "\ebdd";
}

.icon-quote-up:before {
  content: "\ebde";
}

.icon-radar-1:before {
  content: "\ebdf";
}

.icon-radar-2:before {
  content: "\ebe0";
}

.icon-radar:before {
  content: "\ebe1";
}

.icon-radio:before {
  content: "\ebe2";
}

.icon-ram-2:before {
  content: "\ebe3";
}

.icon-ram:before {
  content: "\ebe4";
}

.icon-ranking-1:before {
  content: "\ebe5";
}

.icon-ranking:before {
  content: "\ebe6";
}

.icon-receipt-1:before {
  content: "\ebe7";
}

.icon-receipt-2-1:before {
  content: "\ebe8";
}

.icon-receipt-2:before {
  content: "\ebe9";
}

.icon-receipt-add:before {
  content: "\ebea";
}

.icon-receipt-discount:before {
  content: "\ebeb";
}

.icon-receipt-disscount:before {
  content: "\ebec";
}

.icon-receipt-edit:before {
  content: "\ebed";
}

.icon-receipt-item:before {
  content: "\ebee";
}

.icon-receipt-minus:before {
  content: "\ebef";
}

.icon-receipt-search:before {
  content: "\ebf0";
}

.icon-receipt-square:before {
  content: "\ebf1";
}

.icon-receipt-text:before {
  content: "\ebf2";
}

.icon-receipt:before {
  content: "\ebf3";
}

.icon-receive-square-2:before {
  content: "\ebf4";
}

.icon-receive-square:before {
  content: "\ebf5";
}

.icon-received:before {
  content: "\ebf6";
}

.icon-record-circle:before {
  content: "\ebf7";
}

.icon-record:before {
  content: "\ebf8";
}

.icon-recovery-convert:before {
  content: "\ebf9";
}

.icon-redo:before {
  content: "\ebfa";
}

.icon-refresh-2:before {
  content: "\ebfb";
}

.icon-refresh-circle:before {
  content: "\ebfc";
}

.icon-refresh-left-square:before {
  content: "\ebfd";
}

.icon-refresh-right-square:before {
  content: "\ebfe";
}

.icon-refresh-square-2:before {
  content: "\ebff";
}

.icon-refresh:before {
  content: "\ec00";
}

.icon-repeat-circle:before {
  content: "\ec01";
}

.icon-repeat:before {
  content: "\ec02";
}

.icon-repeate-music:before {
  content: "\ec03";
}

.icon-repeate-one:before {
  content: "\ec04";
}

.icon-reserve:before {
  content: "\ec05";
}

.icon-rotate-left-1:before {
  content: "\ec06";
}

.icon-rotate-left:before {
  content: "\ec07";
}

.icon-rotate-right-1:before {
  content: "\ec08";
}

.icon-rotate-right:before {
  content: "\ec09";
}

.icon-route-square:before {
  content: "\ec0a";
}

.icon-routing-2:before {
  content: "\ec0b";
}

.icon-routing:before {
  content: "\ec0c";
}

.icon-row-horizontal:before {
  content: "\ec0d";
}

.icon-row-vertical:before {
  content: "\ec0e";
}

.icon-ruler:before {
  content: "\ec0f";
}

.icon-rulerpen:before {
  content: "\ec10";
}

.icon-safe-home:before {
  content: "\ec11";
}

.icon-sagittarius:before {
  content: "\ec12";
}

.icon-save-2:before {
  content: "\ec13";
}

.icon-save-add:before {
  content: "\ec14";
}

.icon-save-minus:before {
  content: "\ec15";
}

.icon-save-remove:before {
  content: "\ec16";
}

.icon-scan-barcode:before {
  content: "\ec17";
}

.icon-scan:before {
  content: "\ec18";
}

.icon-scanner:before {
  content: "\ec19";
}

.icon-scanning:before {
  content: "\ec1a";
}

.icon-scissor-1:before {
  content: "\ec1b";
}

.icon-scissor-2:before {
  content: "\ec1c";
}

.icon-scissor:before {
  content: "\ec1d";
}

.icon-screenmirroring:before {
  content: "\ec1e";
}

.icon-scroll:before {
  content: "\ec1f";
}

.icon-search-favorite-1:before {
  content: "\ec20";
}

.icon-search-favorite:before {
  content: "\ec21";
}

.icon-search-normal-1:before {
  content: "\ec22";
}

.icon-search-normal:before {
  content: "\ec23";
}

.icon-search-status-1:before {
  content: "\ec24";
}

.icon-search-status:before {
  content: "\ec25";
}

.icon-search-zoom-in-1:before {
  content: "\ec26";
}

.icon-search-zoom-in:before {
  content: "\ec27";
}

.icon-search-zoom-out-1:before {
  content: "\ec28";
}

.icon-search-zoom-out:before {
  content: "\ec29";
}

.icon-security-card:before {
  content: "\ec2a";
}

.icon-security-safe:before {
  content: "\ec2b";
}

.icon-security-time:before {
  content: "\ec2c";
}

.icon-security-user:before {
  content: "\ec2d";
}

.icon-security:before {
  content: "\ec2e";
}

.icon-send-1:before {
  content: "\ec2f";
}

.icon-send-2:before {
  content: "\ec30";
}

.icon-send-sqaure-2:before {
  content: "\ec31";
}

.icon-send-square:before {
  content: "\ec32";
}

.icon-send:before {
  content: "\ec33";
}

.icon-setting-2:before {
  content: "\ec34";
}

.icon-setting-3:before {
  content: "\ec35";
}

.icon-setting-4:before {
  content: "\ec36";
}

.icon-setting-5:before {
  content: "\ec37";
}

.icon-setting:before {
  content: "\ec38";
}

.icon-settings:before {
  content: "\ec39";
}

.icon-shapes-1:before {
  content: "\ec3a";
}

.icon-shapes-2:before {
  content: "\ec3b";
}

.icon-shapes:before {
  content: "\ec3c";
}

.icon-share:before {
  content: "\ec3d";
}

.icon-shield-cross:before {
  content: "\ec3e";
}

.icon-shield-search:before {
  content: "\ec3f";
}

.icon-shield-security:before {
  content: "\ec40";
}

.icon-shield-slash:before {
  content: "\ec41";
}

.icon-shield-tick:before {
  content: "\ec42";
}

.icon-shield:before {
  content: "\ec43";
}

.icon-ship:before {
  content: "\ec44";
}

.icon-shop-add:before {
  content: "\ec45";
}

.icon-shop-remove:before {
  content: "\ec46";
}

.icon-shop:before {
  content: "\ec47";
}

.icon-shopping-bag:before {
  content: "\ec48";
}

.icon-shopping-cart:before {
  content: "\ec49";
}

.icon-siacoin-sc:before {
  content: "\ec4a";
}

.icon-sidebar-bottom:before {
  content: "\ec4b";
}

.icon-sidebar-left:before {
  content: "\ec4c";
}

.icon-sidebar-right:before {
  content: "\ec4d";
}

.icon-sidebar-top:before {
  content: "\ec4e";
}

.icon-signpost:before {
  content: "\ec4f";
}

.icon-simcard-1:before {
  content: "\ec50";
}

.icon-simcard-2:before {
  content: "\ec51";
}

.icon-simcard:before {
  content: "\ec52";
}

.icon-size:before {
  content: "\ec53";
}

.icon-slack:before {
  content: "\ec54";
}

.icon-slash:before {
  content: "\ec55";
}

.icon-slider-horizontal-1:before {
  content: "\ec56";
}

.icon-slider-horizontal:before {
  content: "\ec57";
}

.icon-slider-vertical-1:before {
  content: "\ec58";
}

.icon-slider-vertical:before {
  content: "\ec59";
}

.icon-slider:before {
  content: "\ec5a";
}

.icon-smallcaps:before {
  content: "\ec5b";
}

.icon-smart-car:before {
  content: "\ec5c";
}

.icon-smart-home:before {
  content: "\ec5d";
}

.icon-smileys:before {
  content: "\ec5e";
}

.icon-sms-edit:before {
  content: "\ec5f";
}

.icon-sms-notification:before {
  content: "\ec60";
}

.icon-sms-search:before {
  content: "\ec61";
}

.icon-sms-star:before {
  content: "\ec62";
}

.icon-sms-tracking:before {
  content: "\ec63";
}

.icon-sms:before {
  content: "\ec64";
}

.icon-snapchat:before {
  content: "\ec65";
}

.icon-solana-sol:before {
  content: "\ec66";
}

.icon-sort:before {
  content: "\ec67";
}

.icon-sound:before {
  content: "\ec68";
}

.icon-speaker:before {
  content: "\ec69";
}

.icon-speedometer:before {
  content: "\ec6a";
}

.icon-spotify:before {
  content: "\ec6b";
}

.icon-stacks-stx:before {
  content: "\ec6c";
}

.icon-star-1:before {
  content: "\ec6d";
}

.icon-star-slash:before {
  content: "\ec6e";
}

.icon-star:before {
  content: "\ec6f";
}

.icon-status-up:before {
  content: "\ec70";
}

.icon-status:before {
  content: "\ec71";
}

.icon-stellar-xlm:before {
  content: "\ec72";
}

.icon-sticker:before {
  content: "\ec73";
}

.icon-stickynote:before {
  content: "\ec74";
}

.icon-stop-circle:before {
  content: "\ec75";
}

.icon-stop:before {
  content: "\ec76";
}

.icon-story:before {
  content: "\ec77";
}

.icon-strongbox-2:before {
  content: "\ec78";
}

.icon-strongbox:before {
  content: "\ec79";
}

.icon-subtitle:before {
  content: "\ec7a";
}

.icon-sun-1:before {
  content: "\ec7b";
}

.icon-sun-fog:before {
  content: "\ec7c";
}

.icon-sun:before {
  content: "\ec7d";
}

.icon-tag-2:before {
  content: "\ec7e";
}

.icon-tag-cross:before {
  content: "\ec7f";
}

.icon-tag-right:before {
  content: "\ec80";
}

.icon-tag-user:before {
  content: "\ec81";
}

.icon-tag:before {
  content: "\ec82";
}

.icon-task-square:before {
  content: "\ec83";
}

.icon-task:before {
  content: "\ec84";
}

.icon-teacher:before {
  content: "\ec85";
}

.icon-tenx-pay:before {
  content: "\ec86";
}

.icon-tether-usdt:before {
  content: "\ec87";
}

.icon-text-block:before {
  content: "\ec88";
}

.icon-text-bold:before {
  content: "\ec89";
}

.icon-text-italic:before {
  content: "\ec8a";
}

.icon-text-underline:before {
  content: "\ec8b";
}

.icon-text:before {
  content: "\ec8c";
}

.icon-textalign-center:before {
  content: "\ec8d";
}

.icon-textalign-justifycenter:before {
  content: "\ec8e";
}

.icon-textalign-justifyleft:before {
  content: "\ec8f";
}

.icon-textalign-justifyright:before {
  content: "\ec90";
}

.icon-textalign-left:before {
  content: "\ec91";
}

.icon-textalign-right:before {
  content: "\ec92";
}

.icon-the-graph-grt:before {
  content: "\ec93";
}

.icon-theta-theta:before {
  content: "\ec94";
}

.icon-thorchain-rune:before {
  content: "\ec95";
}

.icon-tick-circle:before {
  content: "\ec96";
}

.icon-tick-square:before {
  content: "\ec97";
}

.icon-ticket-2:before {
  content: "\ec98";
}

.icon-ticket-discount:before {
  content: "\ec99";
}

.icon-ticket-expired:before {
  content: "\ec9a";
}

.icon-ticket-star:before {
  content: "\ec9b";
}

.icon-ticket:before {
  content: "\ec9c";
}

.icon-timer-1:before {
  content: "\ec9d";
}

.icon-timer-pause:before {
  content: "\ec9e";
}

.icon-timer-start:before {
  content: "\ec9f";
}

.icon-timer:before {
  content: "\eca0";
}

.icon-toggle-off-circle:before {
  content: "\eca1";
}

.icon-toggle-off:before {
  content: "\eca2";
}

.icon-toggle-on-circle:before {
  content: "\eca3";
}

.icon-toggle-on:before {
  content: "\eca4";
}

.icon-trade:before {
  content: "\eca5";
}

.icon-transaction-minus:before {
  content: "\eca6";
}

.icon-translate:before {
  content: "\eca7";
}

.icon-tree:before {
  content: "\eca8";
}

.icon-trello:before {
  content: "\eca9";
}

.icon-trend-down:before {
  content: "\ecaa";
}

.icon-trend-up:before {
  content: "\ecab";
}

.icon-triangle-1:before {
  content: "\ecac";
}

.icon-triangle:before {
  content: "\ecad";
}

.icon-trontron-trx:before {
  content: "\ecae";
}

.icon-truck-remove:before {
  content: "\ecaf";
}

.icon-truck-tick:before {
  content: "\ecb0";
}

.icon-truck-time:before {
  content: "\ecb1";
}

.icon-trush-square:before {
  content: "\ecb2";
}

.icon-twitch:before {
  content: "\ecb3";
}

.icon-ui8:before {
  content: "\ecb4";
}

.icon-undo:before {
  content: "\ecb5";
}

.icon-unlimited:before {
  content: "\ecb6";
}

.icon-unlock:before {
  content: "\ecb7";
}

.icon-usd-coin-usdc:before {
  content: "\ecb8";
}

.icon-user-add:before {
  content: "\ecb9";
}

.icon-user-cirlce-add:before {
  content: "\ecba";
}

.icon-user-edit:before {
  content: "\ecbb";
}

.icon-user-minus:before {
  content: "\ecbc";
}

.icon-user-octagon:before {
  content: "\ecbd";
}

.icon-user-remove:before {
  content: "\ecbe";
}

.icon-user-search:before {
  content: "\ecbf";
}

.icon-user-square:before {
  content: "\ecc0";
}

.icon-user-tag:before {
  content: "\ecc1";
}

.icon-user-tick:before {
  content: "\ecc2";
}

.icon-user:before {
  content: "\ecc3";
}

.icon-velas-vlx:before {
  content: "\ecc4";
}

.icon-verify:before {
  content: "\ecc5";
}

.icon-vibe-vibe:before {
  content: "\ecc6";
}

.icon-video-add:before {
  content: "\ecc7";
}

.icon-video-circle:before {
  content: "\ecc8";
}

.icon-video-horizontal:before {
  content: "\ecc9";
}

.icon-video-octagon:before {
  content: "\ecca";
}

.icon-video-play:before {
  content: "\eccb";
}

.icon-video-remove:before {
  content: "\eccc";
}

.icon-video-slash:before {
  content: "\eccd";
}

.icon-video-square:before {
  content: "\ecce";
}

.icon-video-tick:before {
  content: "\eccf";
}

.icon-video-time:before {
  content: "\ecd0";
}

.icon-video-vertical:before {
  content: "\ecd1";
}

.icon-video:before {
  content: "\ecd2";
}

.icon-voice-cricle:before {
  content: "\ecd3";
}

.icon-voice-square:before {
  content: "\ecd4";
}

.icon-volume-cross:before {
  content: "\ecd5";
}

.icon-volume-high:before {
  content: "\ecd6";
}

.icon-volume-low-1:before {
  content: "\ecd7";
}

.icon-volume-low:before {
  content: "\ecd8";
}

.icon-volume-mute:before {
  content: "\ecd9";
}

.icon-volume-slash:before {
  content: "\ecda";
}

.icon-volume-up:before {
  content: "\ecdb";
}

.icon-vuesax:before {
  content: "\ecdc";
}

.icon-wallet-1:before {
  content: "\ecdd";
}

.icon-wallet-2:before {
  content: "\ecde";
}

.icon-wallet-3:before {
  content: "\ecdf";
}

.icon-wallet-add-1:before {
  content: "\ece0";
}

.icon-wallet-add:before {
  content: "\ece1";
}

.icon-wallet-check:before {
  content: "\ece2";
}

.icon-wallet-minus:before {
  content: "\ece3";
}

.icon-wallet-money:before {
  content: "\ece4";
}

.icon-wallet-remove:before {
  content: "\ece5";
}

.icon-wallet-search:before {
  content: "\ece6";
}

.icon-wallet:before {
  content: "\ece7";
}

.icon-wanchain-wan-1:before {
  content: "\ece8";
}

.icon-wanchain-wan:before {
  content: "\ece9";
}

.icon-warning-2:before {
  content: "\ecea";
}

.icon-watch-status:before {
  content: "\eceb";
}

.icon-watch:before {
  content: "\ecec";
}

.icon-weight-1:before {
  content: "\eced";
}

.icon-weight:before {
  content: "\ecee";
}

.icon-whatsapp:before {
  content: "\ecef";
}

.icon-wifi-square:before {
  content: "\ecf0";
}

.icon-wifi:before {
  content: "\ecf1";
}

.icon-wind-2:before {
  content: "\ecf2";
}

.icon-wind:before {
  content: "\ecf3";
}

.icon-windows:before {
  content: "\ecf4";
}

.icon-wing-wing:before {
  content: "\ecf5";
}

.icon-woman:before {
  content: "\ecf6";
}

.icon-xd:before {
  content: "\ecf7";
}

.icon-xiaomi:before {
  content: "\ecf8";
}

.icon-xrp-xrp:before {
  content: "\ecf9";
}

.icon-youtube:before {
  content: "\ecfa";
}

.icon-zel-zel:before {
  content: "\ecfb";
}

.icon-zoom:before {
  content: "\ecfc";
}

.dem-fileInfoExtra {
  margin-bottom: 20px;
}
.dem-fileInfoExtra .fileInfoExtra-head {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
.dem-fileInfoExtra .fileInfoExtra-head div {
  padding: 0 10px;
}

.datePickerEl.sport .react-datepicker-wrapper input {
  padding: 10px;
}
.datePickerEl .react-datepicker-wrapper {
  width: 100%;
}
.datePickerEl .react-datepicker-wrapper input {
  border: none;
  padding: 9px;
  width: 100%;
  display: flex;
  color: var(--theme-text-70);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}

.metadataTaxonomyTable thead {
  font-size: 12px;
}
.metadataTaxonomyTable tr.deleted {
  opacity: 0.5 !important;
  text-decoration: line-through;
}
.metadataTaxonomyTable .taxonomyActions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.metadataTaxonomyTable .taxonomyActions button {
  border-radius: 6px;
}

.assetTaxonomyContent .filterKeyword,
.assetTaxonomyContent .filterCheckbox {
  margin-top: 1rem;
  border-radius: 6px;
  overflow: hidden;
}
.assetTaxonomyContent .actionButtons {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: 1rem;
}
.assetTaxonomyContent .actionButtons button {
  border-radius: 6px;
  width: 100%;
}
.assetTaxonomyContent .totalCount {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5rem auto;
}
.assetTaxonomyContent .totalCount > div {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.5rem;
}
.assetTaxonomyContent .totalCount > div > div:nth-child(1) {
  font-size: 2rem;
  font-weight: bold;
}
.assetTaxonomyContent .totalCount > div > div:nth-child(2) {
  font-size: 11px;
}
.assetTaxonomyContent .metadataTaxonomyList {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
.assetTaxonomyContent .metadataTaxonomyList-wrapper {
  height: calc(100% - 90px);
  display: flex;
  flex-direction: column;
  overflow: hidden scroll;
  padding: 0.5rem 0.5rem 0 0;
}
.assetTaxonomyContent .metadataTaxonomyList-pagination {
  padding: 1rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assetTaxonomyContent .metadataTaxonomyList-item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 5px 0 0 1px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  transition: 1s ease;
}
.assetTaxonomyContent .metadataTaxonomyList-item.dragable {
  cursor: grab;
}
.assetTaxonomyContent .metadataTaxonomyList-item .position-edit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.assetTaxonomyContent .metadataTaxonomyList-item .position-edit input {
  border: 1px solid;
  border-radius: 6px;
  padding: 5px 10px;
  width: 60px;
  text-align: center;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.assetTaxonomyContent .metadataTaxonomyList-item.dragging {
  transition: border opacity 1s ease;
  border-color: #97dceb;
  border-color: var(--theme-secondary-100);
}
.assetTaxonomyContent .metadataTaxonomyList-item > div {
  padding: 0.3rem;
  display: flex;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-infos {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 0.5rem;
  overflow: hidden;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-infos .infosTop {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-actions {
  margin: 0 0 0 auto;
  width: auto;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-actions button {
  border-radius: 6px;
  margin-left: 5px;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-name div:nth-child(2) {
  font-size: 10px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-name div span {
  display: inline-block;
  margin-left: 7px;
  padding-left: 7px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-name div span:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  position: relative;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
  left: -7px;
  top: -2px;
  border-radius: 4px;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-parent {
  margin: 0 0 0 auto;
  font-size: 12px;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-parent span:nth-child(1) {
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-options {
  font-size: 12px;
  font-style: italic;
  display: flex;
  flex-wrap: wrap;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-options span {
  position: relative;
  margin: 0 2px 2px 0;
  padding: 0 5px;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  width: auto;
  overflow: hidden;
  word-break: break-all;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-options span:hover {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-options span:hover:after {
  opacity: 1;
}
.assetTaxonomyContent .metadataTaxonomyList-item .taxonomyRowItem-options span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  background-color: transparent;
  border: 1px solid;
  opacity: 0.3;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.assetTaxonomyContent.taxonomyEdit {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.assetTaxonomyContent.taxonomyEdit .orderBySettings {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.assetTaxonomyContent.taxonomyEdit .orderBySettings label {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomyContent.taxonomyEdit .orderBySettings > span {
  opacity: 0.6;
  font-style: italic;
  margin-bottom: 0.5rem;
}
.assetTaxonomyContent.taxonomyEdit .orderBySettings .ui.selection.dropdown {
  border-radius: 6px;
}
.assetTaxonomyContent.taxonomyEdit .orderBySettings .ui.search.dropdown > input.search {
  border-radius: 6px;
}
.assetTaxonomyContent.taxonomyEdit .orderBySettings::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  border-top: 1px solid;
  bottom: 0;
  left: 0;
  right: 0;
  border-color: var(--theme-text-100);
  opacity: 0.1;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-mainTitle {
  width: 100%;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-mainTitle .input {
  width: 100%;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  font-size: 1.5rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-mainTitle .input .icon {
  color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  color: var(--theme-surface-450);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-mainTitle .input .icon:before {
  transform: translate(0, -75%);
  margin-top: 0;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-mainTitle input {
  width: 100%;
  border-bottom: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-head {
  width: 100%;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-head .backBtn {
  cursor: pointer;
  margin: 1rem;
  display: inline-flex;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  flex-direction: row;
}
@media (max-width: 992px) {
  .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content {
    flex-direction: column;
  }
  .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content .option-content {
    padding: 1rem !important;
    max-width: none !important;
  }
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content .taxonomyItemEdit-scrollable-wrapper {
  overflow: hidden auto;
  padding-right: 5px;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content {
  max-width: 600px;
  overflow: hidden;
  padding: 1rem 0;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .content-head {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList {
  min-height: 80px;
  overflow: hidden auto;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList.h-100 {
  height: 100%;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList.h-100 .info-box-empty {
  background-color: transparent;
  height: 100%;
  margin: 0 1rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption {
  padding: 0.7rem 0.7rem 0 0;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item {
  position: relative;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
  background-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  background-color: var(--theme-surface-border);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:before {
  transition: all ease-in-out 0.2s;
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 5px;
  z-index: 1;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:after {
  transition: all ease-in-out 0.2s;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  bottom: 0;
  border-radius: 6px;
  background: linear-gradient(45deg, var(--theme-primary-100), rgba(203, 255, 130, 0) 66%);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover .TaxonomyEditOption-itemAction {
  transition: all ease-in-out 0.2s;
  opacity: 1;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover .TaxonomyEditOption-itemAction .button, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover .TaxonomyEditOption-itemAction .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover .TaxonomyEditOption-itemAction .action-btn.add, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover .TaxonomyEditOption-itemAction .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover .TaxonomyEditOption-itemAction button {
  border-radius: 6px;
  background: rgb(223, 28, 77);
  color: rgb(255, 255, 255);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover .TaxonomyEditOption-itemInfo > div {
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item:hover:after {
  width: 100%;
  transition: all ease-in-out 0.2s;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active:before {
  opacity: 0.2;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active {
  background: linear-gradient(45deg, var(--theme-primary-100) 0%, var(--theme-primary-20) 100%);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active .TaxonomyEditOption-itemInfo > div {
  color: #fff;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active .TaxonomyEditOption-itemAction {
  opacity: 1;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active .TaxonomyEditOption-itemAction .button, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active .TaxonomyEditOption-itemAction .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active .TaxonomyEditOption-itemAction .action-btn.add, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active .TaxonomyEditOption-itemAction .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-item.active .TaxonomyEditOption-itemAction button {
  border-radius: 6px;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  color: rgb(255, 255, 255);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemInfo {
  position: relative;
  z-index: 1;
  padding: 0.3rem 0.5rem;
  width: 100%;
  overflow: hidden;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemInfo > div:nth-child(1) {
  white-space: pre-wrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemInfo > div:nth-child(2) {
  font-size: 10px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemInfo > div:nth-child(2) span {
  display: inline-flex;
  border-radius: 3px;
  overflow: hidden;
  padding: 0 5px;
  margin: 0 3px 3px 0;
  position: relative;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemInfo > div:nth-child(2) span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 3px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemAction {
  position: relative;
  z-index: 1;
  padding: 0.3rem 0.5rem;
  opacity: 0.4;
  transition: all ease-in-out 0.2s;
  width: auto;
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemAction .button, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemAction .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemAction .action-btn.add, .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemAction .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.option-content .fieldOptionList .TaxonomyEditOption-itemAction button {
  border-radius: 6px;
  background: transparent;
  border: 1px solid rgb(223, 28, 77);
  color: rgb(223, 28, 77);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content {
  overflow: hidden;
  padding: 1rem;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetTaxonomyContent.taxonomyEdit .taxonomyEdit-content > div.fieldEdit-content > div {
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
  height: 100%;
  border-radius: 12px;
  padding: 1rem;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}

.taxonomyItemEdit {
  padding: 0;
}
.taxonomyItemEdit.p-1 {
  padding: 1rem;
}
.taxonomyItemEdit-addType {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  background-color: transparent;
  height: 50%;
  width: 50%;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin: auto;
  transition: all ease-in-out 0.2s;
  flex-direction: column;
  padding: 0.5rem;
  text-align: center;
}
.taxonomyItemEdit-addType p:nth-child(1) {
  font-size: 16px;
}
.taxonomyItemEdit-addType p:nth-child(2) {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomyItemEdit-addType::after {
  transition: all ease-in-out 0.2s;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  z-index: 0;
  border: 2px dashed;
  border-radius: 12px;
  opacity: 0.1;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.taxonomyItemEdit-addType:hover {
  transition: all ease-in-out 0.2s;
  height: 55%;
  width: 55%;
}
.taxonomyItemEdit-addType:hover:after {
  transition: all ease-in-out 0.2s;
  opacity: 1;
}
.taxonomyItemEdit-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 0 0;
}
.taxonomyItemEdit-actions button.ui.button, .taxonomyItemEdit-actions .imageUploadFormElement-actions button.ui.action-btn.add, .imageUploadFormElement-actions .taxonomyItemEdit-actions button.ui.action-btn.add, .taxonomyItemEdit-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui, .loginView .loginBoxWrapper .loginBoxContent .loginBox .taxonomyItemEdit-actions button.ui {
  border-radius: 6px;
}
.taxonomyItemEdit-optionEdit {
  display: flex;
  height: auto;
  flex-direction: column;
  overflow: hidden;
  padding: 0.5rem;
}
.taxonomyItemEdit-optionEdit .optionEdit-items {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.taxonomyItemEdit-optionEdit .optionEdit-items-warning {
  padding: 1rem 0.5rem;
  text-align: center;
  color: #facc15;
  color: var(--theme-warning-100);
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0 0 0;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 6px;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item .duplicate {
  position: relative;
  top: -20px;
  z-index: 1;
  width: 100%;
  font-size: 12px;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item.duplication {
  margin: 1.5rem 0 0 0;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item.duplication .ui.input {
  position: relative;
  display: flex;
  width: 100%;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item.duplication .ui.input input {
  border: 1px solid;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item.delete .ui.input {
  border: 1px dashed #ff004c;
  border-radius: 6px;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item.delete .ui.input input {
  width: 100%;
  border-radius: 6px;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div {
  display: flex;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 6px;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div .ui.input {
  display: flex;
  width: 100%;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div .ui.input input {
  width: 100%;
  border-radius: 6px;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div .option-item-new {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
  font-size: 12px;
  border-radius: 6px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div .option-item-action {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  margin-left: 0.5rem;
  border-radius: 6px;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div .option-item-action:hover {
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div .option-item-action .icon {
  color: white;
  margin: 0;
}
.taxonomyItemEdit-optionEdit .optionEdit-items .option-item > div .option-item-action.del {
  background-color: #facc15;
  background-color: var(--theme-warning-100);
}
.taxonomyItemEdit-optionEdit .optionEdit-addnew {
  cursor: pointer;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
  padding: 0.5rem;
  margin-top: 0.5rem;
  border-radius: 6px;
  text-align: center;
}
.taxonomyItemEdit-item {
  position: relative;
  column-gap: 1rem;
}
.taxonomyItemEdit-item .toggle-actions {
  text-align: unset !important;
  padding: 0 !important;
  width: auto !important;
  min-width: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.taxonomyItemEdit-item .toggle-actions > div {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.taxonomyItemEdit-item .toggle-actions > div .checkbox {
  margin: 0 !important;
}
.taxonomyItemEdit-item .toggle-actions > div .checkbox.checked label {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.taxonomyItemEdit-item .toggle-actions > div label {
  font-size: 12px;
  margin: 0;
  text-wrap: nowrap;
}
.taxonomyItemEdit-item .checkbox {
  margin-right: 1rem;
}
.taxonomyItemEdit-item:after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  border-top: 1px solid;
  bottom: 0;
  left: 0;
  right: 0;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.taxonomyItemEdit-item {
  padding: 1rem;
}
.taxonomyItemEdit-item:last-child {
  border: none;
}
.taxonomyItemEdit-item.multiItems {
  display: flex;
  flex-direction: row;
}
.taxonomyItemEdit-item.multiItems.half > div:nth-child(1) {
  width: 50%;
}
.taxonomyItemEdit-item.multiItems.half > div:nth-child(1) div {
  width: 100%;
}
.taxonomyItemEdit-item.multiItems.half > div:nth-child(1) div input {
  border-radius: 6px;
}
.taxonomyItemEdit-item.multiItems.half > div:nth-child(2) {
  text-align: unset;
  width: 50%;
}
.taxonomyItemEdit-item.multiItems.half > div .input,
.taxonomyItemEdit-item.multiItems.half > div input {
  width: 100%;
  border-radius: 6px;
}
.taxonomyItemEdit-item.multiItems > div .ui.dropdown {
  margin: 0;
  border-radius: 6px;
  padding: 0;
  display: flex;
}
.taxonomyItemEdit-item.multiItems > div .ui.dropdown .divider.text {
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.taxonomyItemEdit-item.multiItems > div:nth-child(1) {
  width: 100%;
}
.taxonomyItemEdit-item.multiItems > div:nth-child(1) div {
  width: 100%;
}
.taxonomyItemEdit-item.multiItems > div:nth-child(1) div input {
  border-radius: 6px;
}
.taxonomyItemEdit-item.multiItems > div:nth-child(2) {
  text-align: center;
  padding: 0 0 0 1rem;
  width: auto;
  min-width: 80px;
}
.taxonomyItemEdit-inputTypes > div {
  display: inline-flex;
  border-radius: 8px;
  margin: 0 0.5rem 0.5rem 0;
}
.taxonomyItemEdit-inputTypes > div > div {
  padding: 5px 1rem;
  width: 100%;
}
.taxonomyItemEdit-inputTypes.two-col {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(1, auto);
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.taxonomyItemEdit-inputTypes.two-col > div {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.taxonomyItemEdit-inputTypes.three-col {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(3, auto);
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.taxonomyItemEdit-inputTypes.three-col > div {
  display: flex;
  margin: 0;
}
.taxonomyItemEdit-label {
  font-size: 12px;
  margin-bottom: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomyItemEdit .taxonomyFieldOptions-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0 0 0;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 6px;
}
.taxonomyItemEdit .taxonomyFieldOptions-item > div {
  display: flex;
  width: 100%;
}
.taxonomyItemEdit .taxonomyFieldOptions-item > div .ui.input {
  display: flex;
  width: 100%;
}
.taxonomyItemEdit .taxonomyFieldOptions-item > div .ui.input input {
  width: 100%;
  border-radius: 6px;
}
.taxonomyItemEdit .taxonomyFieldOptions-item > div .option-item-action {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  margin-left: 0.5rem;
  border-radius: 6px;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.taxonomyItemEdit .taxonomyFieldOptions-item > div .option-item-action:hover {
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
}
.taxonomyItemEdit .taxonomyFieldOptions-item > div .option-item-action .icon {
  color: white;
  margin: 0;
}
.taxonomyItemEdit .taxonomyFieldOptions-item > div .option-item-action.del {
  background-color: #facc15;
  background-color: var(--theme-warning-100);
}
.taxonomyItemEdit .taxonomyFieldOptions-item .duplicate {
  position: absolute;
  top: -20px;
  z-index: 1;
  width: 100%;
  font-size: 12px;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.taxonomyItemEdit .taxonomyFieldOptions-item.duplication {
  margin: 1.5rem 0 0 0;
}
.taxonomyItemEdit .taxonomyFieldOptions-item.duplication .ui.input {
  display: flex;
  width: 100%;
}
.taxonomyItemEdit .taxonomyFieldOptions-item.duplication .ui.input input {
  border: 1px solid;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
}
.taxonomyItemEdit .taxonomyFieldOptions-item input {
  position: inherit;
  z-index: 1;
  border-radius: 6px;
}
.taxonomyItemEdit .taxonomyFieldOptions-item span {
  position: inherit;
  z-index: 1;
}
.taxonomyItemEdit .taxonomyFieldOptions-item span:nth-child(3) {
  margin-left: auto;
  margin-right: 0;
}
.taxonomyItemEdit .taxonomyFieldOptions-item span:nth-child(3) button {
  border-radius: 7px;
  margin: 0;
}
.taxonomyItemEdit .taxonomyFieldOptions-item span:nth-child(3) button .icon {
  margin: 0 !important;
}
.taxonomyItemEdit .addNewOption {
  display: inline-flex;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}

.taxonomyEditModalContent {
  padding: 1rem;
  text-align: center;
}
.taxonomyEditModalContent p {
  color: #ffffff;
  color: var(--theme-text-100);
  margin-bottom: 0.5rem;
}
.taxonomyEditModalContent p span {
  display: inline-flex;
  color: #fff;
  padding: 0 0.5rem;
  margin: 0 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
}

.TaxonomyNotification {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  left: 1rem;
  z-index: 3;
  margin: auto 0 0 auto;
  max-width: 300px;
}
.TaxonomyNotification-head {
  font-size: 16px;
  position: relative;
  z-index: 2;
}
.TaxonomyNotification-message {
  font-size: 12px;
  opacity: 0.7;
  position: relative;
  z-index: 2;
}
.TaxonomyNotification-counter {
  z-index: 2;
  position: relative;
  border-radius: 2px;
  height: 2px;
  opacity: 0.4;
}
.TaxonomyNotification-counter:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  opacity: 0.2;
  border-radius: 2px;
  background-color: #000;
}
.TaxonomyNotification-counter div {
  transition: all ease 0.5s;
  height: 2px;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  width: 100%;
}
.TaxonomyNotification-box {
  position: relative;
  border-radius: 6px;
  padding: 1rem;
  font-size: 12px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  margin-top: 1rem;
  overflow: hidden;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  transform: translate(0px, 0);
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.TaxonomyNotification-box.hide {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: translate(50px, 0);
}
.TaxonomyNotification-box span {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-flex;
  z-index: 3;
  padding: 5px;
  cursor: pointer;
}
.TaxonomyNotification-box span:hover {
  color: #000;
}
.TaxonomyNotification-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  z-index: 2;
  background-color: transparent;
  opacity: 0.3;
  border-radius: 5px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.TaxonomyNotification-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  background-color: transparent;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.TaxonomyNotification-box.error {
  background: linear-gradient(45deg, rgb(167, 63, 96) 0%, rgb(255, 151, 130) 100%);
}
.TaxonomyNotification-box.success:after {
  background: linear-gradient(45deg, rgb(63, 167, 111) 0%, rgb(203, 255, 130) 100%);
}

/* Drop indicator styling */
.drop-indicator {
  position: relative;
  z-index: 10;
  pointer-events: none;
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  left: 4px;
  right: 0;
}
.drop-indicator.active {
  height: 100px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
.drop-indicator.active div {
  width: calc(100% - 1rem);
  height: 60px;
  border: 1px dashed;
  border-radius: 12px;
  opacity: 0.4;
  border-color: #97dceb;
  border-color: var(--theme-secondary-100);
}
.drop-indicator.inactive {
  height: 0px;
  transition: all 0.2s ease-in-out;
}
.drop-indicator.inactive div {
  width: 90%;
  height: 0px;
  border: 1px dashed transparent;
  border-radius: 12px;
}

.createTaxonomyError {
  background: linear-gradient(90deg, rgba(194, 28, 69, 0) 0%, rgba(154, 22, 82, 0.6) 100%);
  border: 2px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  display: flex;
  align-items: center;
  padding: 1rem;
}

.settingsLucidLink .pageWrapper-body-content {
  padding: 2rem;
}

.lucidlink-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.lucidlink-header .button, .lucidlink-header .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-header .action-btn.add, .lucidlink-header .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-header button,
.lucidlink-header .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-header .button {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 6px;
  white-space: nowrap;
}

.lucidlink-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lucidlink-tabs {
  display: flex;
  gap: 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}

.lucidlink-tab {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.6rem 1.2rem;
  border: none;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 500;
  transition: background-color 0.15s ease, color 0.15s ease;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.lucidlink-tab:not(:last-child) {
  border-right: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.lucidlink-tab:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.lucidlink-tab.active {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #ffffff;
  color: var(--theme-text-100);
  font-weight: 600;
}

.lucidlink-tab-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.lucidlink-empty {
  padding: 2rem;
  text-align: center;
  border-radius: 8px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.lucidlink-start-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  border-radius: 8px;
  border: 2px dashed;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.lucidlink-start-container .lucidlink-start-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  padding: 0.8rem 2rem;
  border-radius: 8px;
}

.lucidlink-actions-bar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.lucidlink-actions-bar .button, .lucidlink-actions-bar .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-actions-bar .action-btn.add, .lucidlink-actions-bar .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-actions-bar button,
.lucidlink-actions-bar .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-actions-bar .button {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 6px;
}

.lucidlink-section {
  margin-bottom: 2rem;
}
.lucidlink-section-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lucidlink-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.6rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-badge.green {
  background-color: rgba(33, 186, 69, 0.15);
  color: #21ba45;
}
.lucidlink-badge.blue {
  background-color: rgba(33, 133, 208, 0.15);
  color: #2185d0;
}
.lucidlink-badge.yellow {
  background-color: rgba(251, 189, 8, 0.15);
  color: #c59a07;
}
.lucidlink-badge.orange {
  background-color: rgba(242, 113, 28, 0.15);
  color: #f2711c;
}
.lucidlink-badge.red {
  background-color: rgba(219, 40, 40, 0.15);
  color: #db2828;
}
.lucidlink-badge.teal {
  background-color: rgba(0, 181, 173, 0.15);
  color: #00b5ad;
}
.lucidlink-badge.grey {
  background-color: rgba(118, 118, 118, 0.15);
  color: #767676;
}

.lucidlink-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.lucidlink-list-item {
  border-radius: 8px;
  border: 1px solid;
  padding: 1rem;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.lucidlink-list-item-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.lucidlink-list-item-title {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.lucidlink-list-item-title .filespace {
  font-weight: 600;
  font-size: 0.95rem;
}
.lucidlink-list-item-title .path {
  font-size: 0.85rem;
  opacity: 0.8;
}
.lucidlink-list-item-labels {
  display: flex;
  flex-direction: row;
  gap: 0.4rem;
  flex-wrap: wrap;
  align-items: center;
}
.lucidlink-list-item-progress {
  margin: 0.5rem 0;
}
.lucidlink-list-item-details {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.lucidlink-list-item-details .detail-row {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.lucidlink-list-item-details .detail-label {
  opacity: 0.7;
}
.lucidlink-list-item-details .detail-value {
  font-weight: 500;
}
.lucidlink-list-item-details .detail-value.error {
  color: #db2828;
}
.lucidlink-list-item-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.lucidlink-list-item-actions .button, .lucidlink-list-item-actions .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-list-item-actions .action-btn.add, .lucidlink-list-item-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-list-item-actions button,
.lucidlink-list-item-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-list-item-actions .button {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 6px;
}
.lucidlink-list-item-actions .button-small {
  font-size: 0.75rem;
  padding: 0.3rem 0.6rem;
}
.lucidlink-list-item-actions-right {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
}

.lucidlink-refresh-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background: transparent;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-refresh-btn:hover {
  opacity: 1;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}

.lucidlink-progress-bar {
  position: relative;
  width: 100%;
  height: 20px;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.lucidlink-progress-bar-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}
.lucidlink-progress-bar-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.7rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-progress-bar.green .lucidlink-progress-bar-fill {
  background-color: #21ba45;
}
.lucidlink-progress-bar.blue .lucidlink-progress-bar-fill {
  background-color: #2185d0;
}
.lucidlink-progress-bar.yellow .lucidlink-progress-bar-fill {
  background-color: #fbbd08;
}
.lucidlink-progress-bar.red .lucidlink-progress-bar-fill {
  background-color: #db2828;
}
.lucidlink-progress-bar.grey .lucidlink-progress-bar-fill {
  background-color: #767676;
}

/* Create Mapping Modal */
@media (min-width: 640px) {
  .lucidlink-modal.ui.modal {
    width: 860px;
  }
}
.lucidlink-modal .header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lucidlink-modal .actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.lucidlink-modal .actions .button, .lucidlink-modal .actions .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-modal .actions .action-btn.add, .lucidlink-modal .actions .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-modal .actions button,
.lucidlink-modal .actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-modal .actions .button {
  border-radius: 6px;
}

.lucidlink-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.lucidlink-form-step {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.lucidlink-form-label {
  font-weight: 600;
  font-size: 0.85rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.lucidlink-form-label .optional {
  font-weight: 400;
  opacity: 0.6;
}
.lucidlink-form-input {
  width: 100%;
  padding: 0.6rem 0.8rem;
  border-radius: 6px;
  border: 1px solid;
  font-size: 0.9rem;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-form-input:focus {
  outline: none;
  border-color: var(--theme-primary);
}
.lucidlink-form-hint {
  font-size: 0.75rem;
  opacity: 0.6;
  margin-top: 0.2rem;
}
.lucidlink-form-loading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  padding: 0.5rem 0;
  opacity: 0.7;
  color: #2185d0;
  animation: lucidlink-pulse 1.5s ease-in-out infinite;
}

@keyframes lucidlink-pulse {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
.lucidlink-direction-picker {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.lucidlink-direction-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  border: 2px solid;
  cursor: pointer;
  transition: all 0.15s ease;
  min-width: 200px;
  max-width: 200px;
  height: 140px;
  background: transparent;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  color: #cccccc;
  color: var(--theme-text-80);
}
.lucidlink-direction-option:hover {
  border-color: rgb(65%, 65%, 65%);
  border-color: var(--theme-text-60);
}
.lucidlink-direction-option.active {
  border-color: #21ba45;
  background-color: rgba(33, 186, 69, 0.06);
}
.lucidlink-direction-option.disabled, .lucidlink-direction-option:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.lucidlink-direction-icons {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.lucidlink-direction-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.lucidlink-direction-logo.oc {
  width: 80px;
  height: 28px;
}

.lucidlink-direction-arrow {
  font-size: 1.3rem;
  font-weight: 700;
  opacity: 0.6;
}

.lucidlink-direction-label {
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: 0.2rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.lucidlink-direction-compact {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.lucidlink-direction-compact-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.8rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.8rem;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.lucidlink-direction-compact-option.active {
  border-color: #21ba45;
  background-color: rgba(33, 186, 69, 0.06);
}
.lucidlink-direction-compact-option.disabled {
  opacity: 0.35;
}
.lucidlink-direction-compact-logo {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.lucidlink-direction-compact-logo.oc {
  width: 50px;
  height: 16px;
}
.lucidlink-direction-compact-name {
  font-weight: 600;
  font-size: 0.8rem;
}

.lucidlink-form-error {
  padding: 0.6rem 0.8rem;
  border-radius: 6px;
  background-color: rgba(219, 40, 40, 0.1);
  color: #db2828;
  font-size: 0.85rem;
}

.lucidlink-form-alert {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border: 1px solid rgba(219, 40, 40, 0.3);
  background-color: rgba(219, 40, 40, 0.08);
  color: #db2828;
  font-size: 0.85rem;
  font-weight: 500;
}

/* Filespaces */
.lucidlink-filespaces-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lucidlink-filespaces-add {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.lucidlink-filespaces-add .lucidlink-form-input {
  flex: 1;
  max-width: 350px;
}
.lucidlink-filespaces-add .button, .lucidlink-filespaces-add .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-filespaces-add .action-btn.add, .lucidlink-filespaces-add .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-filespaces-add button,
.lucidlink-filespaces-add .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-filespaces-add .button {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 6px;
  white-space: nowrap;
}
.lucidlink-filespaces-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.lucidlink-filespaces-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  border: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.lucidlink-filespaces-item .lucidlink-form-input {
  flex: 1;
}
.lucidlink-filespaces-identifier {
  font-weight: 500;
  font-size: 0.9rem;
}
.lucidlink-filespaces-actions {
  display: flex;
  gap: 0.4rem;
}
.lucidlink-filespaces-actions .button, .lucidlink-filespaces-actions .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-filespaces-actions .action-btn.add, .lucidlink-filespaces-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-filespaces-actions button,
.lucidlink-filespaces-actions .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-filespaces-actions .button {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  border-radius: 6px;
  padding: 0.4rem 0.6rem;
}

/* Dashboard */
.lucidlink-dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.lucidlink-dashboard-card {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid;
  padding: 1.5rem;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  transition: all 0.15s ease;
}
.lucidlink-dashboard-card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.lucidlink-dashboard-card-header h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  flex: 1;
}
.lucidlink-dashboard-card-icon {
  opacity: 0.5;
}
.lucidlink-dashboard-card-count {
  font-size: 1.4rem;
  font-weight: 700;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.lucidlink-dashboard-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  flex: 1;
}
.lucidlink-dashboard-card-desc {
  font-size: 0.82rem;
  opacity: 0.6;
  margin: 0;
  line-height: 1.4;
}
.lucidlink-dashboard-card-recent {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.lucidlink-dashboard-card-recent-title {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.5;
  margin-bottom: 0.15rem;
}
.lucidlink-dashboard-card-recent-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.6rem;
  border-radius: 5px;
  font-size: 0.8rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.lucidlink-dashboard-card-recent-item .name {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}
.lucidlink-dashboard-card-stats {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}
.lucidlink-dashboard-card-stat {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.lucidlink-dashboard-card-stat .stat-number {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-dashboard-card-stat .stat-label {
  font-size: 0.8rem;
  opacity: 0.6;
}
.lucidlink-dashboard-card-stat.running .stat-number {
  color: #21ba45;
}
.lucidlink-dashboard-card-stat-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.75rem 0.5rem;
  border-radius: 8px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.lucidlink-dashboard-card-stat-box .stat-number {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-dashboard-card-stat-box .stat-label {
  font-size: 0.7rem;
  font-weight: 500;
  margin-top: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  opacity: 0.6;
}
.lucidlink-dashboard-card-stat-box.running {
  border-color: rgba(33, 186, 69, 0.3);
  background-color: rgba(33, 186, 69, 0.05);
}
.lucidlink-dashboard-card-stat-box.running .stat-number {
  color: #21ba45;
}
.lucidlink-dashboard-card-stat-box.running .stat-label {
  color: #21ba45;
  opacity: 1;
}
.lucidlink-dashboard-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.lucidlink-dashboard-card-footer .button, .lucidlink-dashboard-card-footer .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-dashboard-card-footer .action-btn.add, .lucidlink-dashboard-card-footer .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-dashboard-card-footer button,
.lucidlink-dashboard-card-footer .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-dashboard-card-footer .button {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 6px;
}
.lucidlink-dashboard-card-list {
  width: 100%;
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.lucidlink-dashboard-card-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}

/* Management views (workspaces, filespaces) */
.lucidlink-management-form {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  align-items: flex-end;
}
.lucidlink-management-form .lucidlink-form-input {
  flex: 1;
  min-width: 180px;
  max-width: 300px;
}
.lucidlink-management-form .ui.dropdown {
  flex: 1;
  min-width: 180px;
  max-width: 300px;
}
.lucidlink-management-form .button, .lucidlink-management-form .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .lucidlink-management-form .action-btn.add, .lucidlink-management-form .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-management-form button,
.lucidlink-management-form .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .lucidlink-management-form .button {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 6px;
  white-space: nowrap;
}
.lucidlink-management-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.lucidlink-management-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.2rem;
  border-radius: 8px;
  border: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.lucidlink-management-item:nth-child(even) {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.lucidlink-management-item-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-width: 0;
}
.lucidlink-management-item-name {
  font-weight: 600;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.lucidlink-management-item-details {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.lucidlink-management-item-detail {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.lucidlink-management-item-detail .detail-title {
  font-size: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.lucidlink-management-item-detail .detail-value {
  font-size: 0.8rem;
  font-weight: 500;
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-management-item-detail .detail-value a {
  color: #34c6e5;
  color: var(--theme-primary-100);
  text-decoration: none;
}
.lucidlink-management-item-detail .detail-value a:hover {
  text-decoration: underline;
}
.lucidlink-management-item-sub {
  font-size: 0.75rem;
  opacity: 0.6;
}
.lucidlink-management-item-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

/* Filter dropdown */
.lucidlink-filter-select.ui.dropdown {
  width: 110px;
}

.lucidlink-disabled-hint {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
  font-style: italic;
  opacity: 0.7;
  color: #f2711c;
}

/* Job card structured layout */
.lucidlink-job-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.5rem 0;
}

.lucidlink-job-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.8rem;
  border-radius: 6px;
  min-width: 60px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.lucidlink-job-stat .stat-value {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  color: var(--theme-text-100);
}
.lucidlink-job-stat .stat-label {
  font-size: 0.65rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 0.15rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.lucidlink-job-stat.inline {
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}
.lucidlink-job-stat.inline .stat-label {
  margin-top: 0;
  font-size: 0.7rem;
}
.lucidlink-job-stat.inline .stat-value {
  font-size: 0.8rem;
  font-weight: 600;
}
.lucidlink-job-stat.done .stat-value {
  color: #21ba45;
}
.lucidlink-job-stat.failed .stat-value {
  color: #db2828;
}
.lucidlink-job-stat.skipped .stat-value {
  color: #f2711c;
}
.lucidlink-job-stat.cancelled .stat-value {
  color: #767676;
}

.lucidlink-job-source {
  display: flex;
  align-items: flex-start;
  gap: 0.3rem;
  font-size: 0.8rem;
  margin-top: 0.25rem;
  word-break: break-all;
  color: #cccccc;
  color: var(--theme-text-80);
}
.lucidlink-job-source-label {
  font-weight: 600;
  white-space: nowrap;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.lucidlink-job-error-msg {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 0.8rem;
  word-break: break-word;
  background-color: rgba(219, 40, 40, 0.08);
  color: #db2828;
  border: 1px solid rgba(219, 40, 40, 0.2);
}

/* Lucid path breadcrumb navigation */
.lucidlink-path-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 0.4rem;
  padding: 0.2rem 0;
  font-size: 0.8rem;
}

.lucidlink-path-segment {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.15rem 0.3rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.lucidlink-path-segment:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.lucidlink-path-segment.active {
  font-weight: 700;
  color: #ffffff;
  color: var(--theme-text-100);
  cursor: default;
}
.lucidlink-path-segment.active:hover {
  background: none;
}

.lucidlink-path-sep {
  opacity: 0.4;
  font-size: 0.8rem;
}

.lucidlink-path-info {
  font-size: 0.72rem;
  font-style: italic;
  opacity: 0.6;
  margin-left: 0.3rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

/* Form sections */
.lucidlink-form-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.lucidlink-form-section:last-child {
  border-bottom: none;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 0;
}
.lucidlink-form-section:first-child {
  padding-top: 0;
}
.lucidlink-form-section-title {
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

/* Two-column layout for the form on wider screens */
.lucidlink-form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.lucidlink-form .lucidlink-form-columns {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 640px) {
  .lucidlink-form .lucidlink-form-columns {
    flex-direction: row;
    gap: 0;
  }
  .lucidlink-form .lucidlink-form-columns > .lucidlink-form-section {
    flex: 1;
    border-bottom: none;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1.25rem 1.5rem 1.25rem 0;
  }
  .lucidlink-form .lucidlink-form-columns > .lucidlink-form-section:last-child {
    border-right: none;
    padding-right: 0;
    padding-left: 1.5rem;
  }
}

/* Job Details (Errors/Skipped) */
.lucidlink-job-details {
  border-radius: 8px;
  border: 1px solid;
  padding: 1rem;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.lucidlink-job-details-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.lucidlink-job-details-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0;
  color: #db2828;
}
.lucidlink-job-details-filters {
  display: flex;
  gap: 0;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.lucidlink-job-details-filter-btn {
  padding: 0.3rem 0.7rem;
  border: none;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  transition: background-color 0.15s ease, color 0.15s ease;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.lucidlink-job-details-filter-btn:not(:last-child) {
  border-right: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.lucidlink-job-details-filter-btn:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.lucidlink-job-details-filter-btn.active {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #ffffff;
  color: var(--theme-text-100);
  font-weight: 600;
}
.lucidlink-job-details-error {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.8rem;
  border-radius: 6px;
  background-color: rgba(219, 40, 40, 0.1);
  color: #db2828;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.lucidlink-job-details-empty {
  padding: 1.5rem;
  text-align: center;
  border-radius: 6px;
  font-size: 0.85rem;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.lucidlink-job-details-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.lucidlink-job-details-item {
  padding: 0.6rem 0.8rem;
  border-radius: 6px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.lucidlink-job-details-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.3rem;
}
.lucidlink-job-details-item-name {
  font-weight: 600;
  font-size: 0.85rem;
  word-break: break-all;
}
.lucidlink-job-details-item-path {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  font-size: 0.78rem;
  word-break: break-all;
  margin-bottom: 0.3rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.lucidlink-job-details-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  font-size: 0.75rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.lucidlink-job-details-item-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.lucidlink-job-details-item-error {
  margin-top: 0.4rem;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
  font-size: 0.78rem;
  font-family: monospace;
  word-break: break-word;
  background-color: rgba(219, 40, 40, 0.08);
  color: #db2828;
  border: 1px solid rgba(219, 40, 40, 0.2);
}
.lucidlink-job-details-item-error.skipped {
  background-color: rgba(242, 113, 28, 0.08);
  color: #f2711c;
  border-color: rgba(242, 113, 28, 0.2);
}
.lucidlink-job-details-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.lucidlink-job-details-pagination-info {
  font-size: 0.75rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.switchAccount {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  border-radius: 6px;
  margin: 1rem;
}
.switchAccount > div {
  padding: 1rem;
  align-items: center;
  justify-content: center;
  display: flex;
}
.switchAccount > div:nth-child(1) {
  width: 70px;
  font-size: 1.5rem;
  cursor: pointer;
  background-color: #facc15;
  background-color: var(--theme-warning-100);
  transition: all 0.2s ease-in-out;
}
.switchAccount > div:nth-child(1):hover {
  transition: all 0.2s ease-in-out;
  background-color: rgb(100%, 68.4275652008%, 39.2156862745%);
}
.switchAccount > div:nth-child(2) {
  flex-direction: column;
  width: 100%;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.switchAccount > div:nth-child(2) div:nth-child(1) {
  display: flex;
  padding: 0.5rem;
  font-size: 1.3rem;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.switchAccount > div:nth-child(2) div:nth-child(2) {
  display: flex;
  padding: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.switchAccount > div:nth-child(2) span:nth-child(1) {
  display: inline-flex;
  margin-right: 10px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.switchAccount > div:nth-child(2) span:nth-child(2) {
  cursor: pointer;
  color: #facc15;
  color: var(--theme-warning-100);
  transition: all 0.2s ease-in-out;
}
.switchAccount > div:nth-child(2) span:nth-child(2):hover {
  transition: all 0.2s ease-in-out;
  color: rgb(100%, 68.4275652008%, 39.2156862745%);
}

.imageUploadFormElement-label {
  font-weight: bold;
  margin-bottom: 10px;
}
.imageUploadFormElement-label .info {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  opacity: 0.5;
}
.imageUploadFormElement-preview {
  position: relative;
  display: block;
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  border-radius: 6px;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background: var(--theme-surface-400);
}
.imageUploadFormElement-preview img {
  border-radius: 4px;
}
.imageUploadFormElement-preview > div {
  position: absolute;
  top: -7px;
  right: -5px;
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #fff;
  background: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background: var(--theme-error-80);
  cursor: pointer;
}
.imageUploadFormElement-preview > div i {
  margin: 0 !important;
  line-height: 13px;
  padding: 0 !important;
  font-size: 12px;
}
.imageUploadFormElement-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.imageUploadFormElement-actions .action-btn {
  position: relative;
  padding: 0.5rem 1rem;
  margin: 1rem;
  cursor: pointer;
}
.imageUploadFormElement-actions .action-btn.add .input {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.imageUploadFormElement-actions .action-btn.add input {
  cursor: pointer;
  opacity: 0;
}
.imageUploadFormElement-actions .action-btn.delete {
  background: #e74c3c;
  background: var(--theme-error-100);
}
.imageUploadFormElement-actions .action-btn.delete:hover {
  background: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background: var(--theme-error-80);
}
.imageUploadFormElement-actions .action-btn.upload {
  padding: 0;
  background: transparent;
}
.imageUploadFormElement-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.infoBoxGeneral {
  border-radius: 8px;
  border: 1px solid;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  background: #253141;
  background: var(--theme-surface-100);
  border-color: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  border-color: var(--theme-dropdown-border-hover);
}
.infoBoxGeneral-label {
  font-size: 16px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.infoBoxGeneral-text {
  font-size: 14px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.ItemDropdownBlock {
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ItemDropdownBlock:last-child {
  border: none;
}
.ItemDropdownBlock.mainBlock {
  padding: 0;
  margin: 0;
}
.ItemDropdownBlock.mainBlock .ItemDropdownBlock-head {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ItemDropdownBlock.mainBlock .ItemDropdownBlock-content {
  margin: 0;
  padding: 0;
  border: none;
}
.ItemDropdownBlock.subBlock .ItemDropdownBlock-head {
  padding-left: 2rem;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ItemDropdownBlock.subBlock .ItemDropdownBlock-content {
  margin: 0;
  padding-left: 1.5rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ItemDropdownBlock.subBlock .ItemDropdownBlock-content .ocBox {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.ItemDropdownBlock-counter {
  display: flex;
  min-width: 20px;
  min-height: 20px;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 20px;
  background: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background: var(--theme-surface-450);
}
.ItemDropdownBlock.highlighted .ItemDropdownBlock-head {
  position: relative;
}
.ItemDropdownBlock.highlighted .ItemDropdownBlock-head:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.ItemDropdownBlock.highlighted .ItemDropdownBlock-head div:nth-child(2) {
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.ItemDropdownBlock-head {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ItemDropdownBlock-head > div {
  column-gap: 0.5rem;
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
}
.ItemDropdownBlock-head > div div:nth-child(1) {
  width: 100%;
}
.ItemDropdownBlock-head > div div:nth-child(2) {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  width: auto;
}
.ItemDropdownBlock-content {
  border-top: 1px solid;
  padding: 0.5rem 0;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.ItemDropdownBlock-content.visible {
  display: flex;
}
.ItemDropdownBlock-content.visible > div {
  width: 100%;
}
.ItemDropdownBlock-content.hidden {
  display: none;
}

#root.blurred {
  filter: blur(2px);
}

.SlideInPanel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden auto;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  background-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  background-color: var(--theme-surface-border);
  max-width: 450px;
  min-width: 400px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
  height: 100%;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.SlideInPanel-content {
  height: 100%;
  overflow: hidden;
}
.SlideInPanel-backgrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99998;
  opacity: 0.5;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.SlideInPanel-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
  font-size: 16px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.SlideInPanel-head i {
  cursor: pointer;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.videoScrub {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoScrub .scrubLine {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}

.trafficLight-badge {
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  border-radius: 8px;
  display: inline-flex;
  margin-right: 5px;
}
.trafficLight-badge.status-N {
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.trafficLight-badge.status-P {
  background-color: #facc15;
  background-color: var(--theme-warning-100);
}
.trafficLight-badge.status-A {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.trafficLight-badge.status-R {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}

.trafficLightSelector {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.trafficLights {
  cursor: pointer;
  width: 140px;
}
.trafficLights.lightbg .trafficLights-selected {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.trafficLights-selected {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1rem;
  border-radius: 8px;
  margin: 0 0 1px 0;
  height: 38px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
}
.trafficLights-selected .icon {
  opacity: 0.8;
  color: #ffffff;
  color: var(--theme-text-100);
}
.trafficLights-selected > div {
  width: 100%;
}
.trafficLights-selected > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.trafficLights-selected > div > div span:nth-child(1) {
  margin-right: 0.5rem;
}
.trafficLights-selected > div > div span:nth-child(2) {
  width: 100%;
}
.trafficLights .badge {
  display: inline-flex;
  width: 6px;
  height: 6px;
  border-radius: 6px;
}
.trafficLights .badge.status-P {
  background-color: #facc15;
  background-color: var(--theme-warning-100);
}
.trafficLights .badge.status-A {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.trafficLights .badge.status-R {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.trafficLights > div:nth-child(2) {
  position: relative;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown {
  position: absolute;
  top: 2px;
  z-index: 10;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown .icon {
  opacity: 0.8;
  color: #ffffff;
  color: var(--theme-text-100);
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div {
  display: flex;
  flex-direction: column;
  padding: 0.8rem;
  row-gap: 0.3rem;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div:hover {
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div > div span:nth-child(1) {
  margin-right: 0.5rem;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div > div span:nth-child(2) {
  width: 100%;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div > div span:nth-child(3) * {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div:nth-child(1) i.icon {
  margin: 0;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div:nth-child(2) {
  font-size: 11px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div:nth-child(2) > div {
  display: flex;
  flex-direction: column;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 5px;
}
.trafficLights > div:nth-child(2) .trafficLights-dropdown > div > div:nth-child(2) > div:nth-child(2) {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}

.trafficLightsShareModal {
  width: 100%;
  height: 100%;
  max-width: 384px !important;
  max-height: 290px !important;
  border-radius: 16px !important;
  overflow: auto;
  height: 100%;
}
.trafficLightsShareModal .header {
  font-size: 16px !important;
}
.trafficLightsShareModal.visible.transition {
  display: flex !important;
  flex-direction: column;
}
.trafficLightsShareModal.ui.modal .close.icon, .trafficLightsShareModal.ui.modal > .close {
  top: 0;
  right: 0;
}
.trafficLightsShareModal .ReviewCommentModal {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.trafficLightsShareModal .ReviewCommentModal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.trafficLightsShareModal .ReviewCommentModal-content p {
  font-size: 12px;
  padding: 1rem 1rem 0 1rem;
  color: var(--theme-text-color-1);
}
.trafficLightsShareModal .ReviewCommentModal-content > .field {
  height: 100%;
  height: 100%;
  padding: 0 1rem;
}
.trafficLightsShareModal .ReviewCommentModal-content > .field textarea {
  border-radius: 12px;
  padding: 1rem;
  height: 100%;
  width: 100%;
  resize: none;
  color: var(--theme-text-color-1);
  background-color: var(--theme-background-color-1);
  border-color: var(--theme-background-color-1);
}
.trafficLightsShareModal .ReviewCommentModal-content > .field textarea:focus {
  border-color: var(--theme-success-color-1);
}
.trafficLightsShareModal .ReviewCommentModal .action-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  column-gap: 1rem;
  height: 80px;
}
.trafficLightsShareModal .ReviewCommentModal .action-row button {
  border-radius: 11px;
}
.trafficLightsShareModal .ReviewCommentModal .action-row .closeBtn {
  background-color: transparent;
  border: 1px solid;
  color: var(--theme-text-color-1);
  border-color: var(--theme-text-color-1);
}

#BulkContextMenu {
  position: fixed;
  opacity: 0;
  height: auto;
  z-index: 1001;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  display: none;
  color: var(--themetheme-surface-400);
  background-color: var(--theme-table-row-bg-even);
}
#BulkContextMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#BulkContextMenu ul li > div {
  padding: 3px 6px;
  display: flex;
  font-size: 12px;
  border-bottom: 1px solid;
  cursor: pointer;
  border-color: var(--theme-table-row-bg-even-separator);
  transition: ease-in-out 0.2s all;
}
#BulkContextMenu ul li > div:hover {
  transition: ease-in-out 0.2s all;
  color: var(--theme-theme-surface-450);
  background-color: var(--theme-table-row-bg-hover);
}
#BulkContextMenu ul li:first-child > div {
  border-radius: 4px 4px 0 0;
}
#BulkContextMenu ul li:last-child > div {
  border-radius: 0 0 4px 4px;
  border: none;
}

.bulkActionModal {
  min-height: 290px;
  top: 5rem;
}
.bulkActionModal .notAvailableAssets {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-radius: 6px;
  padding: 1rem;
}
.bulkActionModal .notAvailableAssets-head {
  color: #cccccc;
  color: var(--theme-text-80);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bulkActionModal .notAvailableAssets-items.visible {
  display: block;
  padding-top: 1rem;
}
.bulkActionModal .notAvailableAssets-items.hidden {
  display: none;
}
.bulkActionModal .notAvailableAssets-item {
  padding: 0.5rem 0;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.bulkActionModal .notAvailableAssets-item span {
  margin-right: 0.5rem;
}
.bulkActionModal .notAvailableAssets-item span:last-child {
  color: #cccccc;
  color: var(--theme-text-80);
  font-size: 12px;
  font-style: italic;
}
.bulkActionModal .errorMessages {
  margin-top: 1rem;
  max-height: 190px;
  overflow: hidden auto;
}
.bulkActionModal .errorMessages .itemErrors {
  margin-bottom: 1rem;
}
.bulkActionModal .errorMessages .itemErrors .itemErrorsUuid {
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  display: flex;
  border-bottom: 1px dashed;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
  color: #e74c3c;
  color: var(--theme-error-100);
}
.bulkActionModal .errorMessages .itemErrors .errorList div {
  padding: 0.5rem;
  border-radius: 6px;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.bulkActionModal .errorMessages .itemErrors .errorList div:nth-child(even) {
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
}
.bulkActionModal.ui.modal .content {
  min-height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bulkActionModal.ui.modal .content .description h3 {
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 25px;
  color: var(--theme-text-50);
}
.bulkActionModal.ui.modal .content .description .field {
  display: flex;
  flex-direction: column;
}
.bulkActionModal.ui.modal .content .description .field label {
  margin-bottom: 5px;
  font-size: 12px;
  color: var(--theme-text-50) !important;
}
.bulkActionModal.ui.modal .content .description .menu.visible {
  max-height: 450px;
}

.bulkNotificationHeader {
  height: 100%;
  z-index: 3;
  position: relative;
  border-radius: 6px;
  transition: ease-in-out 0.2s all;
}
@media (max-width: 767px) {
  .bulkNotificationHeader {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem;
    background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
    background-color: var(--theme-surface-500);
  }
  .bulkNotificationHeader-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center !important;
    padding: 0;
  }
  .bulkNotificationHeader-content .uploadMetada {
    margin: 0;
  }
  .bulkNotificationHeader-content > div {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    margin-bottom: 10px;
  }
  .bulkNotificationHeader-content > div .checkboxAllSelect {
    height: 40px;
  }
  .bulkNotificationHeader-content > div:nth-child(1) {
    height: 100%;
    width: 100%;
    row-gap: 10px;
    border-left: none;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column-reverse !important;
    margin: 0;
    color: #ffffff;
    color: var(--theme-text-100);
  }
}
.bulkNotificationHeader-content {
  position: relative;
  z-index: 1;
  height: 100%;
  transition: ease-in-out 0.2s all;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  border-radius: 3px;
  column-gap: 1rem;
}
.bulkNotificationHeader-content .custom-btn {
  width: auto;
}
.bulkNotificationHeader-content .selection-btn.button-small i.icon {
  font-size: 1rem !important;
}
.bulkNotificationHeader-content .checkboxAllSelect {
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-right: 2px;
}
.bulkNotificationHeader-content .checkboxAllSelect-more {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.bulkNotificationHeader-content .checkboxAllSelect-more .ui.dropdown i {
  margin: 10px;
}
.bulkNotificationHeader-content .checkboxAllSelect-more .ui.dropdown .menu {
  border: none;
}
.bulkNotificationHeader-content .checkboxAllSelect-more .ui.dropdown .menu .item {
  font-size: 12px;
}
.bulkNotificationHeader-content .checkboxAllSelect-more .ui.dropdown .menu .item:first-child {
  border-radius: 4px 4px 0 0;
}
.bulkNotificationHeader-content .checkboxAllSelect-more .ui.dropdown .menu .item:last-child {
  border-radius: 0 0 4px 4px;
}
.bulkNotificationHeader-content .checkboxAllSelect-more .ui.dropdown .menu .item:hover {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200) !important;
}
.bulkNotificationHeader-content .checkboxAllSelect-more .ui.dropdown .menu .item {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450) !important;
}
.bulkNotificationHeader-content .checkboxAllSelect-more:hover {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-radius: 0 4px 4px 0;
}
.bulkNotificationHeader-content .checkboxAllSelect-cb {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  height: 100%;
  position: relative;
}
.bulkNotificationHeader-content .checkboxAllSelect-cb-partly {
  cursor: pointer;
  width: 12px;
  height: 3px;
  position: absolute;
  z-index: 1;
  border-radius: 2px;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
}
.bulkNotificationHeader-content .checkboxAllSelect-count {
  display: none;
}
.bulkNotificationHeader-content .checkboxAllSelect-count.active {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5px;
}
.bulkNotificationHeader-content > div {
  display: flex;
  flex-direction: column;
  height: 35px;
  justify-content: center;
}
.bulkNotificationHeader-content > div:nth-child(2) {
  border-left: none;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  column-gap: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}

.progressbar {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.progressbar > div:nth-child(1) {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 12px;
  width: 85px;
  height: 25px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  margin-right: 10px;
}
.progressbar-wrapper {
  display: flex;
  height: 5px;
  width: 100%;
  border-radius: 5px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.progressbar-total {
  transition: 0.2s all ease-in-out;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  height: 5px;
  border-radius: 5px;
}

.progress-percentage-0 {
  width: 0%;
}

.progress-percentage-1 {
  width: 1%;
}

.progress-percentage-2 {
  width: 2%;
}

.progress-percentage-3 {
  width: 3%;
}

.progress-percentage-4 {
  width: 4%;
}

.progress-percentage-5 {
  width: 5%;
}

.progress-percentage-6 {
  width: 6%;
}

.progress-percentage-7 {
  width: 7%;
}

.progress-percentage-8 {
  width: 8%;
}

.progress-percentage-9 {
  width: 9%;
}

.progress-percentage-10 {
  width: 10%;
}

.progress-percentage-11 {
  width: 11%;
}

.progress-percentage-12 {
  width: 12%;
}

.progress-percentage-13 {
  width: 13%;
}

.progress-percentage-14 {
  width: 14%;
}

.progress-percentage-15 {
  width: 15%;
}

.progress-percentage-16 {
  width: 16%;
}

.progress-percentage-17 {
  width: 17%;
}

.progress-percentage-18 {
  width: 18%;
}

.progress-percentage-19 {
  width: 19%;
}

.progress-percentage-20 {
  width: 20%;
}

.progress-percentage-21 {
  width: 21%;
}

.progress-percentage-22 {
  width: 22%;
}

.progress-percentage-23 {
  width: 23%;
}

.progress-percentage-24 {
  width: 24%;
}

.progress-percentage-25 {
  width: 25%;
}

.progress-percentage-26 {
  width: 26%;
}

.progress-percentage-27 {
  width: 27%;
}

.progress-percentage-28 {
  width: 28%;
}

.progress-percentage-29 {
  width: 29%;
}

.progress-percentage-30 {
  width: 30%;
}

.progress-percentage-31 {
  width: 31%;
}

.progress-percentage-32 {
  width: 32%;
}

.progress-percentage-33 {
  width: 33%;
}

.progress-percentage-34 {
  width: 34%;
}

.progress-percentage-35 {
  width: 35%;
}

.progress-percentage-36 {
  width: 36%;
}

.progress-percentage-37 {
  width: 37%;
}

.progress-percentage-38 {
  width: 38%;
}

.progress-percentage-39 {
  width: 39%;
}

.progress-percentage-40 {
  width: 40%;
}

.progress-percentage-41 {
  width: 41%;
}

.progress-percentage-42 {
  width: 42%;
}

.progress-percentage-43 {
  width: 43%;
}

.progress-percentage-44 {
  width: 44%;
}

.progress-percentage-45 {
  width: 45%;
}

.progress-percentage-46 {
  width: 46%;
}

.progress-percentage-47 {
  width: 47%;
}

.progress-percentage-48 {
  width: 48%;
}

.progress-percentage-49 {
  width: 49%;
}

.progress-percentage-50 {
  width: 50%;
}

.progress-percentage-51 {
  width: 51%;
}

.progress-percentage-52 {
  width: 52%;
}

.progress-percentage-53 {
  width: 53%;
}

.progress-percentage-54 {
  width: 54%;
}

.progress-percentage-55 {
  width: 55%;
}

.progress-percentage-56 {
  width: 56%;
}

.progress-percentage-57 {
  width: 57%;
}

.progress-percentage-58 {
  width: 58%;
}

.progress-percentage-59 {
  width: 59%;
}

.progress-percentage-60 {
  width: 60%;
}

.progress-percentage-61 {
  width: 61%;
}

.progress-percentage-62 {
  width: 62%;
}

.progress-percentage-63 {
  width: 63%;
}

.progress-percentage-64 {
  width: 64%;
}

.progress-percentage-65 {
  width: 65%;
}

.progress-percentage-66 {
  width: 66%;
}

.progress-percentage-67 {
  width: 67%;
}

.progress-percentage-68 {
  width: 68%;
}

.progress-percentage-69 {
  width: 69%;
}

.progress-percentage-70 {
  width: 70%;
}

.progress-percentage-71 {
  width: 71%;
}

.progress-percentage-72 {
  width: 72%;
}

.progress-percentage-73 {
  width: 73%;
}

.progress-percentage-74 {
  width: 74%;
}

.progress-percentage-75 {
  width: 75%;
}

.progress-percentage-76 {
  width: 76%;
}

.progress-percentage-77 {
  width: 77%;
}

.progress-percentage-78 {
  width: 78%;
}

.progress-percentage-79 {
  width: 79%;
}

.progress-percentage-80 {
  width: 80%;
}

.progress-percentage-81 {
  width: 81%;
}

.progress-percentage-82 {
  width: 82%;
}

.progress-percentage-83 {
  width: 83%;
}

.progress-percentage-84 {
  width: 84%;
}

.progress-percentage-85 {
  width: 85%;
}

.progress-percentage-86 {
  width: 86%;
}

.progress-percentage-87 {
  width: 87%;
}

.progress-percentage-88 {
  width: 88%;
}

.progress-percentage-89 {
  width: 89%;
}

.progress-percentage-90 {
  width: 90%;
}

.progress-percentage-91 {
  width: 91%;
}

.progress-percentage-92 {
  width: 92%;
}

.progress-percentage-93 {
  width: 93%;
}

.progress-percentage-94 {
  width: 94%;
}

.progress-percentage-95 {
  width: 95%;
}

.progress-percentage-96 {
  width: 96%;
}

.progress-percentage-97 {
  width: 97%;
}

.progress-percentage-98 {
  width: 98%;
}

.progress-percentage-99 {
  width: 99%;
}

.progress-percentage-100 {
  width: 100%;
}

.BulkDownloadItem {
  display: flex;
  width: 100%;
  flex-direction: row;
  position: relative;
  margin-top: 0.5rem;
}
.BulkDownloadItem:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 6px;
  z-index: 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.BulkDownloadItem:nth-child(even):before {
  opacity: 0.7;
}
.BulkDownloadItem-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 1;
  padding: 0.5rem;
}
.BulkDownloadItem-infos span {
  font-size: 0.875rem;
  display: inline-flex;
  margin: 0.5rem 1rem 0 0;
  color: #ffffff;
  color: var(--theme-text-100);
}
.BulkDownloadItem-download {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.5rem 0.5rem;
  z-index: 1;
}

footer {
  flex: 0 1 30px;
  width: 100%;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #ffffff;
  color: var(--theme-text-100);
}
footer .ui.grid > .column:not(.row) {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
footer .appFooter-textAlign.center {
  text-align: center;
}
footer .appFooter-textAlign.right {
  text-align: right;
}
@media (max-width: 992px) {
  footer .appFooter-textAlign.left, footer .appFooter-textAlign.right {
    text-align: center;
  }
}
footer span {
  margin: 0 0.2em;
}
footer a {
  margin: 0 0.8em;
  color: #cccccc;
  color: var(--theme-text-80);
}
footer a:hover {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.navBar {
  display: inline-flex;
  max-height: 60px;
  width: 100%;
}
.navBar .sidebarToggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 2em;
  line-height: 60px;
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
}
.navBar .sidebarToggle i {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 1.1em;
}
.navBar .sidebarToggle i.active {
  color: #ffffff;
  color: var(--theme-text-100);
  cursor: pointer;
}
.navBar a, .navBar > div.logo {
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem;
  width: 100%;
}
.navBar a img, .navBar > div.logo img {
  min-height: auto;
  max-height: 40px;
  max-width: 100%;
  vertical-align: middle;
}
.navBar img {
  min-height: auto;
  max-height: 40px;
  max-width: 100%;
  vertical-align: middle;
}

.manage-permissions-breadcrumb {
  font-weight: bold;
}
.manage-permissions-breadcrumb > div span {
  font-size: 12px !important;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.manage-permissions-modal {
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  height: calc(100vh - 3rem) !important;
  width: calc(100vw - 3rem) !important;
}
.manage-permissions-modal.ui.active.modal {
  display: flex !important;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.manage-permissions-modal .header {
  border-bottom: 1px solid !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.manage-permissions-content {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  overflow: hidden;
  height: 100%;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.manage-permissions-content .permissionsContentWrapper {
  overflow: hidden auto;
  height: 100%;
}
.manage-permissions-content .bulk-edit-panel {
  padding: 1.5rem;
}
.manage-permissions-content .bulk-edit-panel-title {
  margin-bottom: 2rem;
}
.manage-permissions-content .bulk-edit-panel .showAll {
  background: none;
  border: none;
  color: #97dceb;
  color: var(--theme-secondary-100);
  cursor: pointer;
  padding: 0;
  font-size: 0.9rem;
}
.manage-permissions-content .bulk-edit-panel .showAll:hover {
  color: rgb(11.5117014548%, 51.2270714738%, 59.8608475648%);
  color: var(--theme-secondary-20);
}
.manage-permissions-content .bulk-edit-panel .section {
  border: 1px solid;
  border-radius: 12px;
  padding: 1rem;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.manage-permissions-content .bulk-edit-panel-users {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 12px;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}
.manage-permissions-content .bulk-edit-panel-users div {
  display: inline-flex;
  padding: 5px;
  border-radius: 6px;
  align-items: center;
  column-gap: 0.5rem;
  border: 1px solid;
}
.manage-permissions-content .bulk-edit-panel-users div .icon {
  font-size: 8px;
  cursor: pointer;
}
.manage-permissions-content .bulk-edit-panel-users div {
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.manage-permissions-content .bulk-edit-panel-buttons {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  column-gap: 0.7rem;
}
.manage-permissions-content .bulk-edit-panel-buttons > div {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.manage-permissions-content .bulk-edit-panel-buttons > div div {
  font-size: 12px;
  text-align: center;
}
.manage-permissions-content .bulk-edit-panel-buttons > div button {
  cursor: pointer;
  border: none;
  padding: 0.5rem;
  border-radius: 6px;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.manage-permissions-content .bulk-edit-panel-buttons > div button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.manage-permissions-content .bulk-edit-panel-buttons > div button.allow.active {
  color: #203d2d;
  color: var(--theme-success-text-100);
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.manage-permissions-content .bulk-edit-panel-buttons > div button.deny.active {
  color: #380e0a;
  color: var(--theme-error-text-100);
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.manage-permissions-content .bulk-edit-panel-action {
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.manage-permissions-content .bulk-edit-panel-action button {
  font-size: 12px;
}
.manage-permissions-content .bulk-edit-panel-header {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  margin-bottom: 0.3rem;
  font-size: 12px;
  align-items: center;
}
.manage-permissions-content .bulk-edit-panel-header button {
  background: none;
  border: none;
  color: #34c6e5;
  color: var(--theme-primary-100);
  cursor: pointer;
  padding: 0;
  font-size: 0.9rem;
}
.manage-permissions-content .bulk-edit-panel-header button:hover {
  color: rgb(3.4283757171%, 22.6800239747%, 26.7677027143%);
  color: var(--theme-primary-20);
}
.manage-permissions-top {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1.5rem 0 0 0;
}
.manage-permissions-section {
  margin: 0 1.5rem 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.3rem;
}
.manage-permissions-listArea {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid;
  margin: 0 1.5rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.manage-permissions-listArea .table-actions {
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.manage-permissions-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1.5rem;
  border-top: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.manage-permissions-actions button {
  font-size: 13px;
}
.manage-permissions-table {
  flex-direction: column;
  overflow: auto;
  position: relative;
  height: 100%;
  min-height: 350px;
  max-height: 500px;
}
.manage-permissions-table table {
  border: 0 !important;
}
.manage-permissions-table thead {
  position: sticky;
  top: 0;
  z-index: 999;
  font-size: 10px;
}

#userMenu {
  float: right;
  position: relative;
  padding-top: 0px;
  cursor: pointer;
}
#userMenu .userMainNav {
  position: absolute;
  top: 45px;
  right: 0px;
  transform: scale(0.95) translate(0, -15px);
  transition: ease-in-out all 0.3s;
  border-radius: 6px;
  z-index: -1;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
#userMenu .userMainNav.visible {
  opacity: 1;
  transform: scale(1) translate(0, 0);
  transition: ease-in-out all 0.3s;
  z-index: 9999;
}
#userMenu .userMainNav.hidden {
  opacity: 0;
  transform: scale(0.95) translate(0, -15px);
  transition: ease-in-out all 0.3s;
  z-index: -1;
}
#userMenu .userMainNav:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  top: -5px;
  right: 10px;
  transform: rotate(45deg);
  border-radius: 5px;
}
#userMenu .userMainNav * {
  transition: all 0.2s ease-in-out;
}
#userMenu .userMainNav .item {
  padding: 1rem;
  border-bottom: 1px dashed;
  overflow: hidden;
  width: 230px;
  max-width: 230px;
  position: relative;
  z-index: 3;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-color: #253141;
  border-color: var(--theme-surface-100);
  align-items: center;
  display: flex;
  column-gap: 0.5rem;
}
#userMenu .userMainNav .item i {
  font-size: 20px;
}
#userMenu .userMainNav .item:first-child() {
  border-radius: 6px 6px 0 0;
}
#userMenu .userMainNav .item:last-child() {
  border-radius: 0 0 6px 6px;
}
#userMenu .userMainNav .item > i.icon {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  float: left;
  margin: 0 1rem 0 0;
}
#userMenu .userMainNav .item:hover:not(.accountsDropdown) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#userMenu .userMainNav .item:hover:not(.accountsDropdown) > i.icon {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  float: left;
  margin: 0 1rem 0 0;
}
#userMenu .userMainNav .item.logout {
  border-width: 0 0 1px 0;
  border-style: dashed;
  border-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  border-color: var(--theme-surface-500);
}
#userMenu .userMainNav .item.active {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-weight: bold;
  margin: 0.5rem;
  width: calc(100% - 1rem);
  border-radius: 8px;
}
#userMenu .userMainNav .item.active > i.icon {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
#userMenu .userMainNav .accountsDropdown {
  padding: 0.5rem;
  border-radius: 0 0 6px 6px;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
#userMenu .userMainNav .accountsDropdown .dropdown {
  width: 100%;
  border-radius: 6px;
  position: relative;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#userMenu .userMainNav .accountsDropdown .dropdown input {
  border-radius: 10px;
  border-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  border-color: var(--theme-surface-500) !important;
}
#userMenu .userMainNav .accountsDropdown .dropdown .icon {
  right: 15px;
  width: 20px;
  height: 10px;
  padding: 0;
  top: 25px;
}
#userMenu .userMainNav .accountsDropdown .menu {
  width: 230px;
  margin-top: 0;
  border-radius: 0 0 6px 6px;
  border: none;
  left: -6px !important;
  overflow: hidden;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
#userMenu .menu {
  margin-top: 7px;
  border: none;
}
#userMenu .accountsDropdown .accounts div[role=listbox] {
  display: none;
  overflow-y: auto;
  margin-right: 0 !important;
}
#userMenu .accounts input,
#userMenu .accounts .message {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#userMenu .accounts .dropdown.icon {
  transform: rotate(270deg);
  position: absolute;
  bottom: 10px;
  z-index: 0;
}

.ui.active.search.dropdown input.search:focus + .text {
  color: #ffffff;
  color: var(--theme-text-100);
}

.userNotification {
  outline: none;
}

.userNotifications {
  display: inline-block;
  text-align: center;
  padding: 0 1rem;
}
.userNotifications i.large.icon.alarm {
  font-size: 1.8em;
}
.userNotifications i.large.icon.alarm:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.userNotifications .ui.floating.label {
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 5px;
  z-index: 1;
}
.userNotifications .noItems {
  position: relative;
  z-index: 2;
  padding: 2rem 0.5rem;
  text-align: center;
  color: var(--theme-text-50);
}
.userNotifications-item {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  padding: 10px 0 10px 15px;
  border-bottom: 1px dashed;
  transition: all 0.2s ease-in-out;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.userNotifications-item:hover {
  transition: all 0.2s ease-in-out;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.userNotifications-item.new {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.userNotifications-item.new:hover {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.userNotifications-item:last-child {
  border: none;
}
.userNotifications-item > div {
  display: flex;
}
.userNotifications-item > div:nth-child(1) {
  width: 30px;
  align-items: center;
}
.userNotifications-item > div:nth-child(1) .avatarOc {
  height: 30px;
  width: 30px;
  display: inline-flex;
}
.userNotifications-item > div:nth-child(1) .avatarOc .ui.avatar.image.avatarImg {
  height: 30px;
  width: 30px;
}
.userNotifications-item > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 15px;
  font-size: 12px;
  line-height: 13px;
  color: var(--theme-text-50);
}
.userNotifications-item > div:nth-child(2) .date {
  opacity: 0.5;
}
.userNotifications-item > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px;
  width: 80px;
  font-size: 12px;
  line-height: 13px;
  color: var(--theme-text-50);
}
.userNotifications-item > div:nth-child(3) div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
}
.userNotifications-item > div:nth-child(3) div .action .icon {
  font-size: 12px;
}
.userNotifications-menu {
  border-radius: 12px;
  max-width: 420px;
  max-height: 270px;
  position: absolute;
  flex-direction: column;
  left: auto;
  top: 40px;
  right: 0;
  display: none;
  z-index: 9999;
  width: 100vw;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.userNotifications-menu.visible {
  display: flex;
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 530px) {
  .userNotifications-menu.visible {
    max-width: 100vw;
    right: -60px;
  }
  .userNotifications-menu.visible:after {
    right: 71px;
  }
}
.userNotifications-menu > div {
  overflow: hidden auto;
  border-radius: 12px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.userNotifications-menu:before {
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 11px;
  top: 0;
  right: 0;
  display: block;
  position: absolute;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.userNotifications-menu:after {
  content: "";
  z-index: -1;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  top: -7px;
  right: 11px;
  display: block;
  position: absolute;
  border-radius: 3px;
  background-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  background-color: var(--theme-surface-border) !important;
  transform: rotate(45deg);
}
.userNotifications .action {
  cursor: pointer;
}
.userNotifications .date {
  font-size: 0.9em;
  margin-top: 0.5rem;
  color: var(--theme-text-50);
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--theme-primary-100-rgb, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 80px var(--theme-primary-100-rgb, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 40px var(--theme-primary-100-rgb, 0);
  }
}
.newFeatures {
  display: inline-flex;
}
.newFeatures-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  background-color: transparent;
  font-size: 12px;
  border-radius: 3px;
  height: 24px;
  cursor: pointer;
}
.newFeatures-btn.haveNew {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #1a1f28;
  color: var(--theme-primary-text-100);
  box-shadow: 0 0 0 0 rgb(0, 0, 0);
  transform: scale(1);
  animation: pulse 2s infinite;
}
.newFeatures-btn.haveNew .newFeatures-btn-icon {
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}
.newFeatures-btn:hover:not(.haveNew) {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.newFeatures-btn:hover:not(.haveNew) .newFeatures-btn-icon {
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}
.newFeatures-btn .newFeatures-btn-icon {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.newFeatures-btn:after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  background-color: var(--theme-surface-550);
  border-radius: 6px;
  transform: rotate(45deg);
  position: absolute;
  top: -25px;
  right: 47px;
  z-index: 0;
}
.newFeatures-btn.visible:after {
  display: block;
}
.newFeatures-box {
  position: absolute;
  display: none;
  opacity: 0;
  bottom: 40px;
  width: calc(100% - 2rem);
  max-width: 420px;
  right: 13px;
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--theme-surface-550);
}
.newFeatures-box.visible {
  opacity: 1;
  display: block;
}
.newFeatures-box .back {
  padding: 1rem 0.5rem;
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
}
.newFeatures-box .back:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.newFeatures-box .head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 4px 4px 0 0;
  text-align: left;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.newFeatures-box .head .title {
  font-size: 1rem;
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}
.newFeatures-box .head .badge {
  width: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
  border-radius: 30px;
  background-color: var(--theme-surface-550);
}
.newFeatures-box .content {
  display: flex;
  width: 200%;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.newFeatures-box .content.tab1 > div:nth-child(1) {
  transform: translate(0%, 0);
  transition: all 0.2s ease-in-out;
}
.newFeatures-box .content.tab1 > div:nth-child(2) {
  transform: translate(100%, 0);
  transition: all 0.2s ease-in-out;
}
.newFeatures-box .content.tab2 > div:nth-child(1), .newFeatures-box .content.tab2 > div:nth-child(2) {
  transform: translate(-100%, 0);
  transition: all 0.2s ease-in-out;
}
.newFeatures-box .content .content-list {
  width: 100%;
  position: relative;
  max-height: calc(100vh - 160px);
  overflow: hidden scroll;
}
.newFeatures-box .content .content-list-error, .newFeatures-box .content .content-list-empty {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.newFeatures-box .content .content-read {
  position: relative;
  width: 100%;
  text-align: left;
}
.newFeatures-box .content .content-read .details > div {
  padding: 5px 1rem;
}
.newFeatures-box .content .content-read .details-top {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  opacity: 0.4;
  border-bottom: 1px solid;
  padding: 5px 0 !important;
  margin: 0 1rem;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.newFeatures-box .content .content-read .details-title {
  margin-bottom: 5px;
  font-size: 1.5rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.newFeatures-box .content .content-read .details-short {
  margin-bottom: 5px;
  color: var(--theme-text-50);
}
.newFeatures-box .content .content-read .details-long {
  margin-bottom: 5px;
  max-height: 250px;
  overflow: hidden auto;
  font-style: italic;
  color: #cccccc;
  color: var(--theme-text-80);
}
.newFeatures-box .content .content-read .details-long p {
  white-space: pre-line;
}
.newFeatures-box .content-item {
  display: flex;
  border-bottom: 1px solid;
  border-color: #253141;
  border-color: var(--theme-surface-100);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  padding: 0 1rem;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}
.newFeatures-box .content-item.newFeature {
  position: relative;
}
.newFeatures-box .content-item.newFeature:nth-child(even):before {
  background: linear-gradient(90deg, color-mix(in srgb, var(--theme-primary-100) 20%, transparent) 0%, transparent 100%);
}
.newFeatures-box .content-item.newFeature:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 80%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--theme-primary-100) 30%, transparent) 0%, transparent 100%);
}
.newFeatures-box .content-item.newFeature:after {
  content: "";
  position: absolute;
  display: block;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  top: 10px;
  right: 0;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.newFeatures-box .content-item .top,
.newFeatures-box .content-item .bottom {
  position: relative;
  z-index: 3;
}
.newFeatures-box .content-item .top {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem 0 0 0;
  justify-content: space-between;
}
.newFeatures-box .content-item .top .date {
  color: #97dceb;
  color: var(--theme-secondary-100);
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.newFeatures-box .content-item .top .title {
  font-size: 14px;
  width: 100%;
  text-align: left;
}
.newFeatures-box .content-item .top .title span {
  margin-left: 0;
  margin-right: 8px;
  padding: 1px 3px;
  border-radius: 3px;
  color: #1a1f28;
  color: var(--theme-primary-text-100);
  background: linear-gradient(45deg, var(--theme-primary-100) 0%, var(--theme-secondary-100) 100%);
  font-size: 10px;
}
.newFeatures-box .content-item .bottom {
  display: flex;
  flex-direction: column;
  padding: 0 0 1rem 0;
  width: 100%;
}
.newFeatures-box .content-item .bottom .description {
  width: 100%;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.newFeatures-box .content-item .bottom .description p {
  text-align: left;
  margin: 0;
}
.newFeatures-box .content-item .bottom .description .readMore {
  cursor: pointer;
  text-align: right;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.newFeatures-box .content-item .bottom .description .readMore:hover {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.newFeatures-box .content-item .bottom .tryout {
  display: none;
}
.newFeatures-box .content-item .bottom .tryout.enabled {
  display: flex;
  width: 100%;
  padding: 1rem 0 0 0;
  opacity: 1;
  overflow: hidden;
  font-size: 12px;
  flex-direction: row;
  line-height: 12px;
  align-items: center;
}
.newFeatures-box .content-item .bottom .tryout .icon {
  opacity: 0.5;
  font-size: 1rem;
}
.newFeatures-box .content-item .bottom .tryout a {
  margin: 0;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.newFeatures-box .content-item .bottom .tryout a .icon {
  opacity: 1;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.newFeatures-box .content-item .bottom .tryout a:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.newFeatures-box .content-item:last-child() {
  border-radius: 0 0 6px 6px;
}
.newFeatures-box .content-item:last-child {
  border: none;
}

.serviceDesk {
  display: inline-flex;
}
.serviceDesk-btn {
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
  border-radius: 3px;
  height: 24px;
}
.serviceDesk-btn:hover {
  color: #fff;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.serviceDesk-btn:hover .icon {
  color: #fff;
}
.serviceDesk-btn .icon {
  font-size: 14px;
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.serviceDeskModal {
  height: calc(100vh - 4rem);
  display: flex !important;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  justify-content: stretch;
}
.serviceDeskModal .closeConfirmationOverlay {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.serviceDeskModal .closeConfirmationOverlay .confirmationButtons {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.serviceDeskModal.ui.modal > .header, .serviceDeskModal.ui.modal > .actions {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.serviceDeskModal.ui.modal > .content {
  height: 100%;
  overflow: hidden auto;
}
.serviceDeskModal .description {
  height: 100%;
}
.serviceDeskModal .creationSuccess {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.serviceDeskModal .creationSuccess .icon {
  font-size: 35px;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.serviceDeskModal .creationSuccess p {
  max-width: 500px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.serviceDeskModal.ui.modal {
  height: calc(100vh - 4rem);
  display: flex !important;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  justify-content: stretch;
}
.serviceDeskModal .screenshotPreview {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.serviceDeskModal .screenshotPreview:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.8;
}
.serviceDeskModal .screenshotPreview > div {
  position: relative;
  z-index: 1;
}
.serviceDeskModal .screenshotPreview > div:nth-child(1) {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0.5rem;
}
.serviceDeskModal .screenshotPreview > div:nth-child(1) img {
  width: 100%;
  border-radius: 6px;
}
.serviceDeskModal .screenshotPreview > div:nth-child(1) {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.serviceDeskModal .screenshotPreview > div:nth-child(2) {
  display: flex;
  width: 100%;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.serviceDeskModal .screenshot-err {
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
}
.serviceDeskModal-form {
  position: relative;
  z-index: 1;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.serviceDeskModal-form .formItem {
  width: 100%;
  flex-direction: column;
  margin-bottom: 1rem;
}
.serviceDeskModal-form .formItem.error > div:nth-child(2) {
  border: 1px dashed rgb(197, 34, 56);
  border-radius: 6px;
}
.serviceDeskModal-form .formItem.half {
  display: inline-flex;
  width: calc(50% - 0.5rem);
}
.serviceDeskModal-form .formItem-label {
  font-size: 12px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.serviceDeskModal-form .formItem-label i.icon {
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
}
.serviceDeskModal-form .formItem-label span {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.serviceDeskModal-form .formItem-input-errMsg {
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
  font-size: 12px;
  margin-top: 0.5rem;
  text-align: right;
}
.serviceDeskModal-form .formItem-input {
  width: 100%;
  display: flex;
  position: relative;
}
.serviceDeskModal-form .formItem-input.disabled:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.3;
  border-radius: 6px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.serviceDeskModal-form .formItem-input > div {
  display: flex;
  flex-direction: row;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown {
  border-radius: 6px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .menu {
  border-radius: 6px;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .menu > div {
  border-top: 1px dashed;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .menu > div:nth-child(even) {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .menu > div:nth-child(even):hover {
  background-color: unset;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown label {
  padding-left: 30px;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .angle.double.up {
  color: #e73c4a;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .angle.up {
  color: #e46f48;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .minus {
  color: #ffb847;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .angle.down {
  color: #4266f7;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .angle.double.down {
  color: #52a9fa;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .check.square {
  color: #52a9fa;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .bug {
  color: #ff4646;
}
.serviceDeskModal-form .formItem-input .ui.selection.dropdown .chat {
  color: #84b61e;
}
.serviceDeskModal-form .formItem-input input[type=text],
.serviceDeskModal-form .formItem-input textarea {
  position: relative;
  width: 100%;
  padding: 0.5rem;
  border: 1px solid transparent;
  border-radius: 6px;
  z-index: 1;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.serviceDeskModal-form .formItem-input input[type=text]:disabled,
.serviceDeskModal-form .formItem-input textarea:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.serviceDeskModal-form .formItem-input textarea {
  height: 100px;
  resize: none;
}
.serviceDeskModal-form .formItem .attachmentsList {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.serviceDeskModal-form .formItem .attachmentsList .fileTooBigList {
  margin: 0.5rem 0;
}
.serviceDeskModal-form .formItem .attachmentsList .fileTooBigList > div {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.serviceDeskModal-form .formItem .attachmentsList .fileTooBigList > div div .icon {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.serviceDeskModal-form .formItem .attachmentsList .fileTooBigList > div div {
  width: 100%;
}
.serviceDeskModal-form .formItem .attachmentsList-top {
  display: flex;
  flex-direction: row;
  position: relative;
}
.serviceDeskModal-form .formItem .attachmentsList-top .OcLoading {
  border-radius: 5px;
}
.serviceDeskModal-form .formItem .attachmentsList-top > div {
  width: 50%;
}
.serviceDeskModal-form .formItem .attachmentsList-files {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  z-index: 2;
}
.serviceDeskModal-form .formItem .attachmentsList-files > div {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 130px;
  border-radius: 6px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(1) {
  position: relative;
  height: 50px;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(1) .previewFull {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  cursor: pointer;
  transition: opacity ease-in-out 0.2s;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(1) .previewFull .icon {
  font-size: 2rem;
  margin: 0;
  line-height: 25px;
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(1) .previewFull:hover {
  transition: opacity ease-in-out 0.2s;
  opacity: 0.5;
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(1) img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(2) {
  padding: 0.3rem;
  font-size: 12px;
  display: flex;
  flex-direction: row;
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(2) > div .icon {
  margin: 0;
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(2) > div:nth-child(1) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 16px);
  color: #cccccc;
  color: var(--theme-text-80);
}
.serviceDeskModal-form .formItem .attachmentsList-files > div > div:nth-child(2) > div:nth-child(2) {
  width: 16px;
  cursor: pointer;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.serviceDeskModal-form .formItem .attachmentsList .dropZoneContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  margin: 1rem 0;
  min-height: 250px;
  align-items: center;
  justify-content: center;
}
.serviceDeskModal-form .formItem .attachmentsList .dropZoneContainer.active:after {
  transition: all 0.2s ease-in-out;
  opacity: 1;
  transform: scale(0.95);
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.serviceDeskModal-form .formItem .attachmentsList .dropZoneContainer:after {
  content: "";
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  border: 2px dashed;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
  border-color: #cccccc;
  border-color: var(--theme-text-80);
}
.serviceDeskModal-form .formItem .attachmentsList .dropZoneContainer .dropZone {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  margin: 2rem auto;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.serviceDeskModal-form .formItem .attachmentsList .dropZoneContainer .dropZone .infos {
  text-align: center;
  color: #cccccc;
  color: var(--theme-text-80);
}

.initialDesignForAvatar, .avatarOc.avatarSmall .avatarInitial, .avatarOc .avatarInitial {
  background: #a6309f;
  background: linear-gradient(138deg, #d63074 50%, #a6309f 100%);
}

.avatarOc {
  display: inline-block;
}
.avatarOc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center !important;
}
.avatarOc.rounded {
  border-radius: 40px;
  overflow: hidden;
}
.avatarOc .ui.avatar.image.avatarImg {
  width: 100%;
  height: 100%;
}
.avatarOc .ui.image.label {
  color: var(--theme-text-50);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.avatarOc .ui.image.label .avatarInitial {
  margin-right: 5px;
}
.avatarOc .avatarInitial {
  display: inline-block;
  width: 2em;
  height: 2em;
  min-width: 25px;
  min-height: 25px;
  line-height: 2em;
  font-size: 1.2em;
  text-align: center;
  text-transform: capitalize;
  color: var(--theme-text-50);
  border-width: 1px;
  border-style: solid;
  border-radius: 500rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.avatarOc.avatarSmall {
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
}
.avatarOc.avatarSmall .avatarInitial {
  height: 25px;
  width: 25px;
  line-height: 1.7rem;
  font-size: 10px;
  margin-right: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.avatarOc.onSettings {
  height: 45px;
  width: 45px;
  overflow: hidden;
  border-radius: 45px;
}
.avatarOc.onSettings img {
  height: 45px !important;
  width: 45px !important;
  object-fit: cover;
}
.avatarOc.onSettings .avatarInitial {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 22px;
}

.filterDate {
  padding: 0 0 1.125rem;
}
.filterDate.template-2 {
  padding-bottom: 16px;
}
.filterDate.template-2 .oc-radios {
  margin-bottom: 0;
  flex-wrap: wrap;
  display: flex;
  padding: 10px 10px;
}
.filterDate.template-2 .oc-radios .radio {
  width: 50%;
}
.filterDate .oc-radios {
  padding: 0 0.625rem;
  margin-bottom: 10px;
}
.filterDate .oc-inputs {
  display: flex;
}
.filterDate .oc-inputs .field {
  padding: 0 0.625rem 0.625rem 0.625rem;
}
.filterDate .oc-inputs .field:nth-child(1) {
  padding-right: 0rem;
}
.filterDate .oc-inputs input {
  cursor: pointer;
  border: none;
  padding: 0.3125rem 0.625rem;
  width: 100%;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.filterDate .oc-inputs input:hover, .filterDate .oc-inputs input.react-datepicker-ignore-onclickoutside {
  box-shadow: var(--theme-box-shadow-hover);
}

.listTotalCount {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  align-items: center;
  font-size: 14px;
}
.listTotalCount span {
  display: inline-flex;
  color: #ffffff;
  color: var(--theme-text-100);
}
@media (max-width: 420px) {
  .listTotalCount span:nth-child(1) {
    display: none;
  }
}

.listLimitBy {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.listLimitBy > div {
  display: flex;
  align-items: center;
}
.listLimitBy label {
  margin-right: 0.5em;
  white-space: nowrap;
}
.listLimitBy .ui.selection.dropdown {
  z-index: 1001;
  min-height: 1.71em;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.listLimitBy .ui.selection.dropdown,
.listLimitBy .ui.selection.dropdown > .dropdown.icon {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  top: 0;
  right: 0;
}

.listAssetsView {
  display: inline-flex;
  min-height: 1.6rem;
  align-items: center;
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: #253141;
  border-color: var(--theme-surface-100);
}
.listAssetsView .flex-end {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.listAssetsView .flex-end button.active i {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.listAssetsView i {
  cursor: pointer;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.listAssetsView i.active {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.listOrderBy {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.listOrderBy .dropdown .menu .item {
  border: 0rem !important;
  font-size: 0.75rem;
  cursor: pointer;
}
.listOrderBy .dropdown .menu .item.active {
  cursor: unset;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.listOrderBy label {
  margin-right: 0.5em;
  white-space: nowrap;
}
.listOrderBy .ui.selection.dropdown {
  min-height: 1.71em;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.listOrderBy .ui.selection.dropdown,
.listOrderBy .ui.selection.dropdown > .dropdown.icon {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  top: 0;
  right: 0;
}

.listOrderDirection {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.listOrderDirection:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.dataLoading {
  text-align: center;
  font-size: 1.5rem;
}
.dataLoading i {
  margin-bottom: 1.5rem;
}

.dataLoadingSmall {
  position: absolute;
  left: 45%;
  top: 45%;
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-color: var(--theme-text-50);
  border-top-color: rgb(65%, 65%, 65%);
  border-top-color: var(--theme-text-60);
  animation: spin 1s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.playlistManageItem {
  user-select: none;
}
.playlistManageItem h4 {
  font-size: 12px;
}
.playlistManageItem .infos {
  font-size: 10px !important;
}

.playlistPlay {
  float: right;
  font-size: 1rem;
}

.assetsListPlaylistImport {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetsListPlaylistImport .importModal-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(192px, 1fr));
  grid-gap: 1rem;
}
.assetsListPlaylistImport .assetsColumn {
  margin-left: 0px;
}
.assetsListPlaylistImport .assetsColumn .listTotalCount {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetsListPlaylistImport .assetsColumn .listOrderBy #listOrderBy {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetsListPlaylistImport .assetsColumn .listLimitBy #listLimitBy {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetsListPlaylistImport .assetsColumn .filterKeyword .field input {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}

.playlistImportItem {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}

.filterKeyword {
  width: 100%;
  padding: 1rem;
}

.filterCheckbox {
  margin: 0 0 1.5rem;
  padding: 0 0 0.2rem;
  border: none;
}
.filterCheckbox.avidBox {
  margin: 0;
}
.filterCheckbox .alignCenter {
  align-items: center;
  justify-content: flex-start;
  display: flex;
  margin: 0;
}
.filterCheckbox .alignCenter .ui.checkbox.checked {
  background-color: transparent;
}
.filterCheckbox .newLink {
  padding-right: 0.4rem;
  font-size: 0.8rem;
  text-align: right;
}
.filterCheckbox .newLink i.icon {
  font-size: 0.8rem;
  margin-right: 0.1rem;
}
.filterCheckbox.dropdown {
  padding-bottom: 0;
  cursor: pointer;
}
.filterCheckbox.dropdown .icon {
  float: right;
  margin-top: 5px;
}
.filterCheckbox .dropdownFormGroup {
  height: 0px;
  transition: all 0.25s ease-in-out;
  transform: rotateX(90deg);
  transform-origin: top;
}
.filterCheckbox .dropdownFormGroup.open {
  height: 255px;
  transform: rotateX(0deg);
  transform-origin: top;
  overflow-y: none;
}
@media only screen and (max-width: 425px) {
  .filterCheckbox .dropdownFormGroup.open {
    overflow-y: scroll;
  }
}
.filterCheckbox .ui.checkbox {
  display: block;
  margin-bottom: 0.3rem;
  padding: 0.3rem 0.7rem 0.2rem;
}
.filterCheckbox .ui.checkbox label {
  column-gap: 5px;
  font-weight: normal;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.customListWithIcons {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.customListWithIcons * {
  cursor: pointer !important;
}
.customListWithIcons label {
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  color: var(--theme-text-80) !important;
  font-size: 12px !important;
  display: flex !important;
}
.customListWithIcons i {
  margin-right: 5px;
  font-size: 14px;
}
.customListWithIcons.type-1 i {
  color: var(--theme-primary-100);
}
.customListWithIcons.type-2 i {
  color: #5c7cfa;
}
.customListWithIcons.type-3 i {
  color: #b18aff;
}
.customListWithIcons.type-4 i {
  color: var(--theme-text-100);
}
.customListWithIcons.type-8 i {
  color: var(--theme-secondary-100);
}
.customListWithIcons.type-6 i {
  color: #f4a261;
}

.filteredItems,
.activityLogs-content-activeFilters {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.filteredItems.active,
.activityLogs-content-activeFilters.active {
  padding: 1rem;
}
.filteredItems .showItem,
.activityLogs-content-activeFilters .showItem {
  column-gap: 0.5rem;
}
.filteredItems .cards,
.activityLogs-content-activeFilters .cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.filteredItems .cards .activityFilteredItem,
.activityLogs-content-activeFilters .cards .activityFilteredItem {
  padding: 0 5px;
  justify-content: flex-end;
}
.filteredItems .cards .activityFilteredItem:last-child,
.activityLogs-content-activeFilters .cards .activityFilteredItem:last-child {
  margin: 0;
}
.filteredItems .cards .activityFilteredItem img,
.activityLogs-content-activeFilters .cards .activityFilteredItem img {
  font-size: 0px;
}
.filteredItems .cards .activityFilteredItem-content,
.activityLogs-content-activeFilters .cards .activityFilteredItem-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.filteredItems .cards .activityFilteredItem-content button,
.activityLogs-content-activeFilters .cards .activityFilteredItem-content button {
  padding: 5px !important;
}
.filteredItems .cards .activityFilteredItem .content-user,
.activityLogs-content-activeFilters .cards .activityFilteredItem .content-user {
  display: flex;
}
.filteredItems .cards .activityFilteredItem .content-user > div,
.activityLogs-content-activeFilters .cards .activityFilteredItem .content-user > div {
  margin: auto 3px;
}
.filteredItems .cards .activityFilteredItem .content-user > div .avatarOc,
.activityLogs-content-activeFilters .cards .activityFilteredItem .content-user > div .avatarOc {
  width: 30px;
  height: 30px;
}
.filteredItems .cards .activityFilteredItem .content-user > div .avatarOc img,
.activityLogs-content-activeFilters .cards .activityFilteredItem .content-user > div .avatarOc img {
  width: 100%;
  height: 100%;
}
.filteredItems .searchTimer,
.activityLogs-content-activeFilters .searchTimer {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 2px 10px;
  overflow: hidden;
  column-gap: 0.5rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.filteredItems .filteredEntity,
.filteredItems .showItem,
.filteredItems .activeFilters-item,
.activityLogs-content-activeFilters .filteredEntity,
.activityLogs-content-activeFilters .showItem,
.activityLogs-content-activeFilters .activeFilters-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 2px;
  overflow: hidden;
  column-gap: 0.5rem;
  border-color: #3b82f6;
  border-color: var(--theme-info-100);
}
.filteredItems .filteredEntity:after,
.filteredItems .showItem:after,
.filteredItems .activeFilters-item:after,
.activityLogs-content-activeFilters .filteredEntity:after,
.activityLogs-content-activeFilters .showItem:after,
.activityLogs-content-activeFilters .activeFilters-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0.2;
  z-index: 0;
  background-color: #3b82f6;
  background-color: var(--theme-info-100) !important;
}
.filteredItems .filteredEntity .entity,
.filteredItems .filteredEntity .ui.label,
.filteredItems .showItem .entity,
.filteredItems .showItem .ui.label,
.filteredItems .activeFilters-item .entity,
.filteredItems .activeFilters-item .ui.label,
.activityLogs-content-activeFilters .filteredEntity .entity,
.activityLogs-content-activeFilters .filteredEntity .ui.label,
.activityLogs-content-activeFilters .showItem .entity,
.activityLogs-content-activeFilters .showItem .ui.label,
.activityLogs-content-activeFilters .activeFilters-item .entity,
.activityLogs-content-activeFilters .activeFilters-item .ui.label {
  position: relative;
  z-index: 1;
}
.filteredItems .filteredEntity .entity,
.filteredItems .showItem .entity,
.filteredItems .activeFilters-item .entity,
.activityLogs-content-activeFilters .filteredEntity .entity,
.activityLogs-content-activeFilters .showItem .entity,
.activityLogs-content-activeFilters .activeFilters-item .entity {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  font-size: 0.9rem;
  color: #97dceb;
  color: var(--theme-secondary-100) !important;
}
.filteredItems .filteredEntity .activityFilteredItem,
.filteredItems .filteredEntity .ui.label,
.filteredItems .showItem .activityFilteredItem,
.filteredItems .showItem .ui.label,
.filteredItems .activeFilters-item .activityFilteredItem,
.filteredItems .activeFilters-item .ui.label,
.activityLogs-content-activeFilters .filteredEntity .activityFilteredItem,
.activityLogs-content-activeFilters .filteredEntity .ui.label,
.activityLogs-content-activeFilters .showItem .activityFilteredItem,
.activityLogs-content-activeFilters .showItem .ui.label,
.activityLogs-content-activeFilters .activeFilters-item .activityFilteredItem,
.activityLogs-content-activeFilters .activeFilters-item .ui.label {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  border-radius: 4px;
  font-weight: normal;
  color: #0f1c31;
  color: var(--theme-info-text-100) !important;
  background-color: rgb(2.6169296987%, 23.2615973219%, 56.9909134385%);
  background-color: var(--theme-info-40) !important;
}
.filteredItems .filteredEntity .activityFilteredItem:hover,
.filteredItems .filteredEntity .ui.label:hover,
.filteredItems .showItem .activityFilteredItem:hover,
.filteredItems .showItem .ui.label:hover,
.filteredItems .activeFilters-item .activityFilteredItem:hover,
.filteredItems .activeFilters-item .ui.label:hover,
.activityLogs-content-activeFilters .filteredEntity .activityFilteredItem:hover,
.activityLogs-content-activeFilters .filteredEntity .ui.label:hover,
.activityLogs-content-activeFilters .showItem .activityFilteredItem:hover,
.activityLogs-content-activeFilters .showItem .ui.label:hover,
.activityLogs-content-activeFilters .activeFilters-item .activityFilteredItem:hover,
.activityLogs-content-activeFilters .activeFilters-item .ui.label:hover {
  background-color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  background-color: var(--theme-primary-40) !important;
}
.filteredItems .filteredEntity:hover,
.filteredItems .showItem:hover,
.filteredItems .activeFilters-item:hover,
.activityLogs-content-activeFilters .filteredEntity:hover,
.activityLogs-content-activeFilters .showItem:hover,
.activityLogs-content-activeFilters .activeFilters-item:hover {
  border-color: #97dceb;
  border-color: var(--theme-secondary-100);
}

.headerSearch {
  width: 100%;
  padding: 0 16px 0 0;
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.headerSearch > form {
  width: 100%;
  max-width: 600px !important;
  border-color: rgba(0, 0, 0, 0);
}
.headerSearch > form.active.ui.form .input {
  position: relative;
}
.headerSearch > form.active.ui.form .input #headerSearchWithAdvancedsearch {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
}
.headerSearch > .ui.form .input {
  position: relative;
}
.headerSearch > .ui.form .input input#headerSearchWithAdvancedsearch {
  border: 1px solid !important;
  border-radius: 12px !important;
}
.headerSearch > .ui.form .input input#headerSearchWithAdvancedsearch.semanticInput {
  padding-right: 220px;
}
.headerSearch > .ui.form .input input#headerSearchWithAdvancedsearch.normalInput {
  padding-right: 110px;
}
.headerSearch > .ui.form .input input#headerSearchWithAdvancedsearch {
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.headerSearch > .ui.form .input input#headerSearchWithAdvancedsearch:focus {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
}
.headerSearch > .ui.form .input .searchBtn {
  border: 1px solid transparent;
  width: 35px;
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
}
.headerSearch > .ui.form .input .searchBtn:hover {
  transition: all ease-in-out 0.3s;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100) !important;
}
.headerSearch > .ui.form .input .searchBtn:hover i {
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.headerSearch > .ui.form .input .searchBtn i {
  font-size: 16px !important;
  width: 100%;
}
.headerSearch > .ui.form .input .searchBtn i.icon-semantic-search {
  font-size: 23px !important;
}
.headerSearch > .ui.form .input .searchBtn {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}
.headerSearch .ui.compact.selection.dropdown {
  background-color: var(--theme-surface-1) !important;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.headerSearch .aiSearchButton {
  color: white;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
}
.headerSearch .aiSearchButton:hover, .headerSearch .aiSearchButton:active, .headerSearch .aiSearchButton:focus {
  background-color: var(--theme-primary-200) !important;
}
.headerSearch .aiSemanticSearchButton {
  padding: 0;
  margin-left: 0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: 1px solid;
  transition: all 0.2s ease-in-out;
  border-radius: 100%;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200) !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.headerSearch .aiSemanticSearchButton svg path {
  fill: rgb(65%, 65%, 65%);
  fill: var(--theme-text-60) !important;
}
.headerSearch .aiSemanticSearchButton:hover, .headerSearch .aiSemanticSearchButton:active, .headerSearch .aiSemanticSearchButton:focus {
  background-color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  background-color: var(--theme-primary-60) !important;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100) !important;
}
.headerSearch .aiSemanticSearchButton:hover svg path, .headerSearch .aiSemanticSearchButton:active svg path, .headerSearch .aiSemanticSearchButton:focus svg path {
  fill: #ffffff;
  fill: var(--theme-text-100) !important;
}
.headerSearch .aiSemanticSearchButton .aiIcon {
  width: 24px;
  height: 24px;
  margin: 0;
}

.search-tools {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-tools > button {
  height: 100%;
}
.search-tools > button i {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.search-tools.active > button i {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.search-tools .search-tools-dropdown {
  position: relative;
}
.search-tools .search-tools-dropdown > div {
  position: absolute;
  top: 10px;
  right: -20px;
  border: 1px solid;
  border-radius: 12px;
  z-index: 10;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.search-tools .search-tools-dropdown > div button {
  padding: 0.7rem 1rem !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
  font-size: 12px;
  cursor: pointer;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}
.search-tools .search-tools-dropdown > div button.active {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.search-tools .search-tools-dropdown > div button.active i {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.search-tools .search-tools-dropdown > div button span {
  white-space: nowrap;
  display: flex;
}
.search-tools .search-tools-dropdown > div button:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.search-actions {
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 3px;
  display: flex;
  flex-direction: row;
}
.search-actions button {
  padding: 0 5px !important;
}
.search-actions .semanticSearchActive-badge {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  align-items: center;
  padding: 5px 10px;
  margin: 5px 0;
  border-right: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.search-actions .semanticSearchActive-badge-icon {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.search-actions .semanticSearchActive-badge-title {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.search-actions .semanticSearchActive-badge-delete {
  cursor: pointer;
}
.search-actions .semanticSearchActive-badge-delete i {
  font-size: 10px;
}
.search-actions .semanticSearchActive-badge-delete {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40) !important;
}
.search-actions .semanticSearchActive-badge-delete:hover {
  color: #e74c3c;
  color: var(--theme-error-100) !important;
}

.advancedSearch {
  position: relative;
  width: 35px;
  border-radius: 8px;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.advancedSearch i {
  font-size: 16px !important;
}
.advancedSearch {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}
.advancedSearch-btn {
  display: flex !important;
  height: 100% !important;
  padding: 0 10px !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200) !important;
  background-color: transparent !important;
}
.advancedSearch-btn i {
  margin: 0 !important;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.advancedSearch-btn.active i {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.advancedSearch-btn.button.active.ui:disabled, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.advancedSearch-btn.active.ui:disabled, .imageUploadFormElement-actions .advancedSearch-btn.active.ui.action-btn.add:disabled {
  opacity: 1 !important;
}
.advancedSearch-btn:hover {
  background-color: transparent !important;
}
.advancedSearch-btn:hover i {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.advancedSearch-modal {
  position: absolute;
  top: 37px;
  left: 0;
  right: auto;
  border-radius: 12px;
  z-index: 200;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
  width: 100%;
  min-width: 565px;
  max-height: calc(100vh - 100px);
  overflow: hidden auto;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.advancedSearch-modal .keepHeigh {
  min-height: 130px;
}
.advancedSearch-modal .metafieldDropdown {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.advancedSearch-modal .metafieldDropdown .ui.dropdown {
  width: 100%;
  border-radius: 10px !important;
  border-left: 0 !important;
}
.advancedSearch-modal .metafieldDropdown > div {
  width: 100%;
}
.advancedSearch-modal .metafieldDropdown > div input {
  width: 100% !important;
}
@media only screen and (max-width: 580px) {
  .advancedSearch-modal {
    min-width: 100%;
  }
  .advancedSearch-modal .inputs,
  .advancedSearch-modal .dropdowns {
    flex-direction: column !important;
  }
  .advancedSearch-modal .inputs .dropdown,
  .advancedSearch-modal .dropdowns .dropdown {
    border-radius: 6px !important;
  }
  .advancedSearch-modal .inputs .input,
  .advancedSearch-modal .inputs .dropdown.label,
  .advancedSearch-modal .dropdowns .input,
  .advancedSearch-modal .dropdowns .dropdown.label {
    margin: 6px 0 !important;
  }
  .advancedSearch-modal .advancedSearchRange > div:not(.label) {
    flex-direction: column;
  }
  .advancedSearch-modal .advancedSearchRange > div:not(.label) > div {
    margin: 6px 0 !important;
  }
}
.advancedSearch-modal .clearBtn {
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100%;
  font-size: 12px;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  color: #34c6e5;
  color: var(--theme-primary-100);
  cursor: pointer;
  border-radius: 40px;
}
.advancedSearch-modal .clearBtn:hover {
  opacity: 1;
  border-color: #97dceb;
  border-color: var(--theme-secondary-100);
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.advancedSearch-modal .clearBtn i.icon {
  line-height: 1rem;
}
.advancedSearch-modal > div {
  display: grid;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.advancedSearch-modal > div.row1 {
  grid-template-columns: 4fr;
}
.advancedSearch-modal > div.row1 > div {
  width: 100%;
}
.advancedSearch-modal > div.row1 > div > div {
  width: 100%;
}
.advancedSearch-modal > div.row1 > div > div .metafieldAndTaxonomy {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 1rem;
}
.advancedSearch-modal > div.row1 > div > div .metafieldAndTaxonomy > div {
  width: 100%;
}
.advancedSearch-modal > div.row1 > div > div .metafieldAndTaxonomy > div input {
  width: 100% !important;
  border-radius: 6px !important;
}
.advancedSearch-modal > div.row1 > div > div .metafieldAndTaxonomy > div i.icon {
  top: 0 !important;
}
.advancedSearch-modal > div.row1 > div > div .metafieldAndTaxonomy > div:nth-child(2).ui.dropdown {
  border-radius: 6px;
  border-left: none;
}
.advancedSearch-modal > div.actionRow > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px;
}
.advancedSearch-modal > div {
  color: white;
}
.advancedSearch-modal > div > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 16px;
}
.advancedSearch-modal > div > div .label {
  font-size: 12px;
  margin-bottom: 3px;
  display: flex;
  flex-direction: row;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.advancedSearch-modal > div > div .label span:nth-child(2) {
  font-style: italic;
  margin-left: 16px;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.advancedSearch-modal > div > div input {
  max-width: 100% !important;
  border-radius: 6px !important;
}
.advancedSearch-modal input {
  max-width: 100% !important;
  border-radius: 6px !important;
}
.advancedSearch-modal .dropdown.label,
.advancedSearch-modal .ui.dropdown {
  border-radius: 0 6px 6px 0;
  border-left: 1px dashed;
  font-weight: normal;
  color: #ffffff;
  color: var(--theme-text-100) !important;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200) !important;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450) !important;
}
.advancedSearch-modal .dropdown.label.active,
.advancedSearch-modal .ui.dropdown.active {
  border-radius: 0 6px 0 0;
}
.advancedSearch-modal .dropdown.label .menu,
.advancedSearch-modal .ui.dropdown .menu {
  border: 1px solid;
  border-radius: 6px 6px;
  overflow: hidden auto;
  max-height: 175px;
  border-color: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  border-color: var(--theme-dropdown-border-bg) !important;
}
.advancedSearch-modal .dropdown.label .menu .item.disabled,
.advancedSearch-modal .ui.dropdown .menu .item.disabled {
  display: none;
}
.advancedSearch-modal .dropdown.label .menu .item,
.advancedSearch-modal .ui.dropdown .menu .item {
  font-weight: normal;
  font-size: 14px;
  padding: 12px !important;
  border-color: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  border-color: var(--theme-dropdown-border-bg) !important;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.advancedSearch-modal .dropdown.label .menu .item:hover,
.advancedSearch-modal .ui.dropdown .menu .item:hover {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450) !important;
}
.advancedSearch-modal .dropdown.label .menu .item:not(:last-child),
.advancedSearch-modal .ui.dropdown .menu .item:not(:last-child) {
  border-bottom: 1px solid;
  border-color: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  border-color: var(--theme-dropdown-border-bg) !important;
}
.advancedSearch-modal .advancedSearchInput .ui.dropdown {
  width: 100%;
  border-radius: 6px;
  padding: 0.7rem 1rem;
  display: flex;
  justify-content: space-between;
}
.advancedSearch-modal .advancedSearchResoluton {
  width: 100%;
}
.advancedSearch-modal .advancedSearchResoluton > div {
  display: flex;
  flex-direction: column;
}
.advancedSearch-modal .advancedSearchResoluton > div .dropdowns,
.advancedSearch-modal .advancedSearchResoluton > div .inputs {
  display: flex;
  flex-direction: row;
}
.advancedSearch-modal .advancedSearchResoluton > div .ui.input.labeled {
  overflow: hidden !important;
  border-radius: 6px !important;
}
.advancedSearch-modal .advancedSearchResoluton > div .dropdowns {
  margin-bottom: 6px;
  opacity: 0.3;
  cursor: not-allowed;
  transition: ease-in-out 0.2s all;
}
.advancedSearch-modal .advancedSearchResoluton > div .dropdowns.visible {
  opacity: 1;
  cursor: pointer;
  transition: ease-in-out 0.2s all;
}
.advancedSearch-modal .advancedSearchResoluton > div .dropdowns .dropdown.label {
  height: 32px;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.advancedSearch-modal .advancedSearchResoluton > div .dropdowns .dropdown.label:nth-child(1) {
  border-radius: 6px 0 0 6px;
  border: none;
}
.advancedSearch-modal .advancedSearchResoluton > div .inputs div:nth-child(1) {
  margin-right: 16px;
}
.advancedSearch-modal .advancedSearchInput {
  width: 100%;
}
.advancedSearch-modal .advancedSearchInput * {
  transition: ease-in-out 0.2s all;
}
.advancedSearch-modal .advancedSearchRange {
  width: 100%;
}
.advancedSearch-modal .advancedSearchRange > div:not(.label) .labeled.input input {
  border-radius: 8px 0 0 8px !important;
}
.advancedSearch-modal .advancedSearchRange > div:not(.label) .labeled.input {
  margin-right: 16px;
}
.advancedSearch-modal .advancedSearchRange .dropdown.label {
  border-radius: 0 6px 6px 0;
  border-left: none;
  min-width: 40px;
  display: flex;
  column-gap: 10px;
}
.advancedSearch-modal .advancedSearchType {
  display: flex;
  flex-direction: column;
}
.advancedSearch-modal .advancedSearchType > div {
  display: flex;
  flex-wrap: wrap;
}
.advancedSearch-modal .advancedSearchDate {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.advancedSearch-modal .advancedSearchDate > div {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.advancedSearch-modal .advancedSearchDate > div div:first-child.datePickerEl {
  margin-right: 16px;
}
.advancedSearch-modal .advancedSearchDate > div .datePickerEl {
  width: 100%;
  min-width: unset;
}
.advancedSearch-modal .advancedSearchDate > div .datePickerEl .react-datepicker-wrapper,
.advancedSearch-modal .advancedSearchDate > div .datePickerEl .react-datepicker-wrapper input {
  width: 100% !important;
}
.advancedSearch-modal .advancedSearchDimension,
.advancedSearch-modal .advancedSearchRange {
  display: flex;
  flex-direction: column;
  opacity: 0.4;
  transition: ease-in-out 0.2s all;
}
.advancedSearch-modal .advancedSearchDimension.available,
.advancedSearch-modal .advancedSearchRange.available {
  opacity: 1;
  transition: ease-in-out 0.2s all;
}
.advancedSearch-modal .advancedSearchDimension > div,
.advancedSearch-modal .advancedSearchRange > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.advancedSearch-modal .advancedSearchDimension > div > div:not(.input),
.advancedSearch-modal .advancedSearchRange > div > div:not(.input) {
  margin: 0 6px;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.advancedSearch-modal .advancedSearchDimension > div input,
.advancedSearch-modal .advancedSearchRange > div input {
  max-width: 150px;
}
.advancedSearch-modal {
  /* Chrome, Safari, Edge, Opera */
}
.advancedSearch-modal input::-webkit-outer-spin-button,
.advancedSearch-modal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.advancedSearch-modal {
  /* Firefox */
}
.advancedSearch-modal input[type=number] {
  -moz-appearance: textfield;
}

.activityLogs {
  display: flex;
  position: relative;
}
.activityLogs .saveToCsv-btn {
  height: 30px;
}
.activityLogs .activityMobileButton {
  display: none;
}
.activityLogs.template1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.activityLogs.template1 .onDashboard .activityHeader {
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.activityLogs.template1 .onDashboard .activityHeader h2 {
  width: 100%;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.activityLogs.template1 .onDashboard .activityHeader h2 > div {
  padding: 0.5rem;
}
.activityLogs.template1 .onDashboard .activityHeader h2 .AvidSwitch {
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid;
  border-right: 1px solid;
}
.activityLogs.template1 .onDashboard .activityHeader h2 .AvidSwitch label {
  font-size: 0.875rem;
}
.activityLogs.template1 .onDashboard .activityHeader h2 .AvidSwitch {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.activityLogs.template1 .onDashboard .activityHeader {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.activityLogs.template1 .onDashboard .activityLogs-content-list {
  padding: 0.5rem;
}
.activityLogs.template1 .assetActionContent {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.activityLogs.template1 .activityLogsContent {
  flex: 1;
  overflow-y: auto;
  padding: 5px 5px 0;
}
.activityLogs .assetActionContent {
  position: relative;
}
.activityLogs .event {
  min-height: 5em;
  font-size: 0.95em;
}
.activityLogs-content {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
.activityLogs-content-pagination {
  padding: 16px;
  text-align: center;
}
.activityLogs-content-activeFilters {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  margin-bottom: 10px;
}
.activityLogs-content-activeFilters .clearBtn {
  height: 30px;
  border-radius: 0 !important;
  margin-left: 6px;
}
.activityLogs-content-activeFilters .totalLog {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  margin-bottom: 6px;
  margin-right: 6px;
}
.activityLogs-content-activeFilters .totalLog div {
  padding: 3px 6px;
  height: 30px;
  align-items: center;
  display: flex;
}
.activityLogs-content-activeFilters .totalLog div:first-child {
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.activityLogs-content-activeFilters .totalLog div:last-child {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.activityLogs-content-list {
  padding: 16px;
  overflow: hidden scroll;
  height: 100%;
}
.activityLogs-filterBar {
  overflow: hidden auto;
  z-index: 101;
  min-width: 300px;
  max-width: 300px;
  width: 300px;
  transition: ease-in-out 0.2s all;
  display: flex;
  flex-direction: column;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.activityLogs-filterBar::-webkit-scrollbar {
  display: none;
}
.activityLogs-filterBar-inputfield .oc-fltr {
  padding: 10px 10px 20px 10px;
}
.activityLogs-filterBar .filter-btn {
  height: 100%;
  width: 40px;
  justify-content: flex-start;
  display: flex;
  align-items: center;
}
.activityLogs-filterBar .filter-btn button {
  padding: 0;
  margin: 0;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-radius: 6px !important;
  width: 30px;
  height: 30px;
  border-radius: 3px;
}
.activityLogs-filterBar-content {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.activityLogs-filterBar-content > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.activityLogs-filterBar-content > div.ocBox.minHeight80 {
  min-height: 80px;
}
.activityLogs-filterBar-content > div.ocBox.minHeight120 {
  min-height: 120px;
}
.activityLogs-filterBar-content > div.minHeight160 {
  min-height: 160px;
}
.activityLogs-filterBar-content > div > div {
  width: 100%;
  height: 100%;
}
.activityLogs-filterBar-content .custom-btn {
  width: 33px;
  margin: 0;
}
.activityLogs-filterBar-content .custom-btn button {
  margin-left: 4px;
  width: 30px !important;
  border-radius: 3px !important;
}
.activityLogs-item {
  margin: 1rem auto;
  border-radius: 12px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.activityLogs-item:first-child {
  margin: 0 auto 5px auto;
}
.activityLogs-item > div:first-child {
  padding: 5px 5px 5px 10px;
  min-width: 50px;
}
.activityLogs-item > div:last-child {
  padding: 5px 5px 5px 5px;
}
.activityLogs-item:nth-child(even) {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.activityLogs-item {
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.activityLogs-item-date {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 12px;
}
.activityLogs-item.smallItem {
  font-size: 12px;
  margin: 0;
  background-color: transparent;
}
.activityLogs-item.smallItem > div:nth-child(1) {
  margin: 0;
  padding: 0;
  min-width: 25px;
}
.activityLogs-item.smallItem .avatarOc {
  max-height: 25px;
  overflow: hidden;
  border-radius: 30px;
}
.activityLogs-item.smallItem .avatarOc img {
  object-fit: cover;
}

.oc-fltr {
  position: relative;
}
.oc-fltr.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.oc-fltr.disabled:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.oc-fltr * {
  transition: ease-in-out 0.2s all;
}
.oc-fltr-btn {
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 35px;
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
  padding: 0 13px;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.oc-fltr-btn.active {
  color: #000;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.oc-fltr .input {
  width: 100%;
}
.oc-fltr .input input {
  padding: 4px !important;
  border-radius: 6px !important;
  display: flex;
  width: 100%;
}
.oc-fltr-box {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  width: 100%;
  max-height: 300px;
  overflow: hidden;
  z-index: 10;
  flex-direction: column;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.oc-fltr-box-input .clear-btn {
  position: absolute;
  z-index: 2;
  right: 5px;
  display: flex;
  height: 45px;
  width: 30px;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
}
.oc-fltr-box-input .clear-btn:hover {
  color: red;
}
.oc-fltr-box-input input,
.oc-fltr-box-input .input {
  margin: 6px;
  border-radius: 6px;
  overflow: hidden;
  width: calc(100% - 12px);
  transition: ease-in-out 0.2s all;
}
.oc-fltr-box-input input:focus, .oc-fltr-box-input input:active,
.oc-fltr-box-input .input:focus,
.oc-fltr-box-input .input:active {
  transition: ease-in-out 0.2s all;
  border-color: transparent !important;
  box-shadow: none !important;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.oc-fltr-box-items {
  overflow: hidden scroll;
}
.oc-fltr-box-items .countItems {
  display: flex;
  justify-content: center;
  border-bottom: 1px dashed;
  color: #ffffff;
  color: var(--theme-text-100) !important;
  border-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  border-color: var(--theme-surface-500) !important;
  margin-bottom: 6px;
  padding: 6px;
}
.oc-fltr-box-items .noResult {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.oc-fltr-box-item {
  cursor: pointer;
  padding: 5px;
  border-bottom: 1px solid;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
  color: #ffffff;
  color: var(--theme-text-100);
}
.oc-fltr-box-item:hover {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.oc-fltr-box-item .userItem {
  display: flex;
  flex-direction: row;
}
.oc-fltr-box-item .assetItem {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.oc-fltr-box-item .assetItem > div:first-child {
  min-width: 64px;
  max-width: 64px;
  height: 36px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oc-fltr-box-item .assetItem > div:first-child img {
  width: 64px;
  height: 36px;
  object-fit: contain;
}
.oc-fltr-box-item .assetItem > div:last-child {
  padding: 3px 6px;
}
.oc-fltr-box.visible {
  transition: ease-in-out 0.2s all;
  opacity: 1;
  top: 27px;
  display: flex;
}

.minHeight250 {
  min-height: 250px;
}

.checkGroup-wrapper {
  height: auto;
  padding-bottom: 16px;
}
.checkGroup-wrapper.minHeight250 {
  min-height: 250px;
}
.checkGroup-wrapper.flexWrap {
  display: flex;
  flex-wrap: wrap;
}
.checkGroup-wrapper.flexWrap > div {
  margin-right: 10px;
}
.checkGroup-item {
  padding: 5px;
}
.checkGroup-item label {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}

.downloadProgressModal {
  max-width: 300px;
}
.downloadProgressModal .backgroundProgress {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  bottom: 0;
  z-index: 9999999;
  transition: all 0.3s ease-in-out;
  opacity: 0.05;
}
.downloadProgressModal.ui.modal > .content > .description {
  display: flex;
  flex-direction: column;
}
.downloadProgressModal.ui.modal > .content > .description .progress {
  position: relative;
  display: inline-flex;
  margin: auto;
  padding: 1rem;
  font-size: 1.5rem;
  z-index: 1;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}

.goToActivityBtn {
  display: flex;
  justify-content: flex-end;
  margin: 1rem 0;
}
.goToActivityBtn span {
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100) !important;
}

#userUpload {
  display: inline-block;
  text-align: center;
  padding-right: 4px;
}

.uploadBackdrop {
  position: fixed;
  opacity: 0.8;
  background-color: #000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

#uploadSection {
  z-index: 200;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 1px 1px 1px 2px var(--theme-surface-400);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
#uploadSection .uploadHeader {
  height: 45px;
  line-height: 45px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#uploadSection .uploadHeader h2 {
  margin: 0;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
#uploadSection .uploadHeader .sectionIcons {
  display: flex;
  max-width: 125px;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  padding: 0 1rem;
}
#uploadSection .uploadHeader .sectionIcons i {
  margin: 0 5px;
  cursor: pointer;
  font-size: 1.125rem;
}
#uploadSection .uploadHeader .sectionIcons i.disabled {
  cursor: default;
}
#uploadSection .uploadFooter {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  height: 115px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#uploadSection .uploadFooter .uploadButton {
  position: relative;
  border-radius: 6px;
}
#uploadSection .uploadFooter .uploadStatus {
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
#uploadSection .uploadContent {
  position: relative;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
#uploadSection .uploadContent > div:nth-child(1) {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#uploadSection .uploadContent > div:nth-child(2) {
  min-width: 320px;
  max-width: 320px;
}
#uploadSection .uploadContent > div:nth-child(2) > div:not(.checkboxArea) {
  height: 100%;
}
#uploadSection .uploadContent #uploadProjectFolder {
  width: 100%;
}
#uploadSection .uploadContent.error {
  align-items: center;
  justify-content: center;
}
#uploadSection .uploadContent .projectColumn {
  margin-bottom: 1rem;
  padding: 0 2rem;
}
#uploadSection .uploadContent .projectColumn .field {
  margin-bottom: 1rem;
}
#uploadSection .uploadContent .projectColumn h4 {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
#uploadSection .uploadContent .projectColumn .ui.selection.dropdown {
  min-height: 1.5em;
}
#uploadSection .uploadContent .keywordsColumn {
  margin-bottom: 1rem;
  padding: 0 2rem;
}
@media only screen and (max-width: 767px) {
  #uploadSection .uploadContent .keywordsColumn .field .ui.input > input {
    max-width: 140px;
  }
}
#uploadSection .uploadContent .keywordsColumn .keywordTags {
  padding: 0.5rem 0 0 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
#uploadSection .uploadContent .uploadZoneWrapper {
  display: flex;
  overflow: hidden;
  height: 100%;
  min-height: 300px;
  width: 100%;
  position: relative;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone {
  display: flex;
  width: 100%;
  margin: 1rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  align-content: center;
  justify-content: center;
  z-index: 2;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
@media only screen and (max-width: 767px) {
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress {
    flex-direction: row;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .OcLoading,
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .uploadSteps {
    width: 100%;
  }
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .uploadSteps {
  position: relative;
  z-index: 2;
  max-width: 300px;
  margin: 0 auto;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .uploadSteps-step {
  margin: 0.2rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress {
  position: relative;
  display: flex;
  margin-left: 0.5rem;
  border-radius: 6px;
  overflow: hidden;
  max-width: 200px;
  min-width: 130px;
  justify-content: space-between;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.white {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.white::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -60px;
  top: -110px;
  width: 260px;
  height: 260px;
  background-color: #399953;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(45deg, #b26eff, #031742), linear-gradient(135deg, #031742, #b26eff), linear-gradient(-135deg, #b26eff, #031742), linear-gradient(-45deg, #031742, #b26eff);
  animation: rotate 2s linear infinite;
  animation-delay: 0.8s;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.white::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 6px;
  opacity: 0.9;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.white.done::before {
  background-color: #b26eff;
  animation: none;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.green {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.green::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -60px;
  top: -110px;
  width: 260px;
  height: 260px;
  background-color: #399953;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(45deg, #6effa6, #031742), linear-gradient(135deg, #031742, #6effa6), linear-gradient(-135deg, #6effa6, #031742), linear-gradient(-45deg, #031742, #6effa6);
  animation: rotate 2s linear infinite;
  animation-delay: 0s;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.green::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 6px;
  opacity: 0.9;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.green.done::before {
  background-color: #6effa6;
  animation: none;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.blue {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.blue::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -60px;
  top: -110px;
  width: 260px;
  height: 260px;
  background-color: #399953;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(45deg, #6efaff, #031742), linear-gradient(135deg, #031742, #6efaff), linear-gradient(-135deg, #6efaff, #031742), linear-gradient(-45deg, #031742, #6efaff);
  animation: rotate 2s linear infinite;
  animation-delay: 0.3s;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.blue::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 6px;
  opacity: 0.9;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.blue.done::before {
  background-color: #6efaff;
  animation: none;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.red {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.red::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -60px;
  top: -110px;
  width: 260px;
  height: 260px;
  background-color: #399953;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(45deg, #ff6e6e, #031742), linear-gradient(135deg, #031742, #ff6e6e), linear-gradient(-135deg, #ff6e6e, #031742), linear-gradient(-45deg, #031742, #ff6e6e);
  animation: rotate 2s linear infinite;
  animation-delay: 0.3s;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.red::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 6px;
  opacity: 0.9;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress.red.done::before {
  background-color: #ff6e6e;
  animation: none;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress div {
  padding: 0.5rem;
  font-size: 0.75rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress div:nth-child(1) {
  display: flex;
  align-content: center;
  align-items: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .UploadInProgress .folderWorkInProgress div:nth-child(2) {
  display: flex;
  min-width: 45px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone {
    flex-direction: column;
    height: 100%;
  }
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneWrapper {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneWrapper .networkOffline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  color: white;
  z-index: 3;
  border-radius: 12px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneWrapper .networkOffline div {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1rem;
  text-align: center;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneWrapper .OcLoading {
  z-index: 0;
  position: relative;
  background-color: transparent !important;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer {
  flex: 1;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer.active .dropZone {
  overflow: hidden;
  position: relative;
  border: 3px dashed;
  border-color: #97dceb;
  border-color: var(--theme-secondary-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer.active .dropZone:after {
  opacity: 0.3;
  transition: all 0.2s ease-in-out;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 10px;
  outline: none;
  text-align: center;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.2s ease-in-out;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
@media only screen and (max-width: 767px) {
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone {
    flex-direction: row;
    height: 100%;
    padding: 2px;
    font-size: 0.9rem;
    line-height: 1.1rem;
  }
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone .infos {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone .infos .uploadIcon {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone .infos .info1 {
  flex: 1;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone .infos .info1 img {
  width: 50px;
  display: block;
  margin: 1rem auto;
}
@media only screen and (max-width: 767px) {
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone .infos .info1 img {
    width: 20px;
  }
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone .infos .info2 button {
  margin-top: 1rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .dropZoneContainer .dropZone .infos .info2 {
  flex: 1;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews {
  flex: 2;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item {
  overflow: visible !important;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .remove {
  position: absolute !important;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.grouped .item {
  border-radius: 0;
  border: none;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .itemGap {
  min-width: 100%;
  min-height: 1rem;
  display: flex;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item {
  border-bottom: 1px dashed;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  padding: 0;
  display: flex;
  flex-direction: row;
  min-height: auto;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .preview {
  min-width: 100px;
  padding: 0.5rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .preview > div {
  margin: 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .uploadInfo {
  height: 100%;
  display: flex;
  align-items: center;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .uploadInfo .infoExtra {
  bottom: 0;
  right: 0;
  padding-right: 5px;
  top: auto;
  height: 30px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .remove {
  position: absolute;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange {
  display: flex;
  flex-direction: column;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div > div {
  width: 33.3333%;
  margin-right: 5px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div > div.singleTitle {
  width: 100%;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div > div.singleTitle input {
  padding: 10px;
}
@media only screen and (max-width: 1212px) {
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div {
    flex-direction: column;
  }
  #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div > div {
    width: 100%;
    margin-bottom: 6px;
  }
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .remove {
  position: relative;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 3px;
  top: 3px;
  padding: 0;
  margin: 0;
  border-radius: 3px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews.sportPreview .item .remove .icon {
  margin: 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate {
  display: flex;
  font-size: 0.75rem;
  margin: 0 0.5rem 0 0.5rem;
  padding: 0.2rem 0.5rem;
  align-items: center;
  border-radius: 6px 6px 0 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate.done span:nth-child(1),
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate.done span:nth-child(3) {
  color: rgb(57, 185, 106);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate.no span:nth-child(1),
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate.no span:nth-child(3) {
  color: rgb(216, 103, 28);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate span:nth-child(1) {
  margin: 0;
  opacity: 1;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate span:nth-child(2) {
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .folderCreate span {
  margin-right: 0.5rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item {
  display: flex;
  position: relative;
  min-height: 90px;
  border-radius: 6px;
  margin: 0 0.5rem 0;
  overflow: hidden;
  border: 1px solid transparent;
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.65;
  top: 0;
  left: 0;
  z-index: -2;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item:after {
  opacity: 1;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: transparent;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item:nth-child(even):before {
  content: "";
  opacity: 0.4;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item.pausing:after {
  background: linear-gradient(45deg, rgba(255, 82, 2, 0.2) 0%, rgba(70, 252, 114, 0) 60%);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item.paused:after {
  background: linear-gradient(45deg, rgba(224, 106, 51, 0.5) 0%, rgba(70, 252, 114, 0) 100%);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item.done:after {
  background: linear-gradient(45deg, rgba(3, 175, 69, 0.3) 0%, rgba(70, 252, 114, 0) 60%);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item.error:after, #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item.warning:after {
  background: linear-gradient(45deg, rgba(180, 12, 54, 0.5) 0%, rgba(70, 252, 114, 0) 100%);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item.resuming:after {
  background: transparent;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body {
  width: 100%;
  flex-direction: column;
  display: flex;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .information {
  height: 100%;
  padding: 0.5rem 0.5rem 0 0.5rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo {
  width: 100%;
  padding: 0.5rem;
  display: flex;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .networkOffline {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  background: linear-gradient(45deg, rgb(180, 12, 54) 0%, rgb(31, 36, 45) 100%);
  color: white;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 0 0 6px 6px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .networkOffline div {
  align-items: center;
  justify-content: center;
  display: flex;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .networkOffline div:first-child {
  width: 50px;
  font-size: 2rem;
  margin: 0;
  line-height: 2rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .networkOffline div:first-child i {
  margin: 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .networkOffline div:last-child {
  width: 100%;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .completedRemove {
  cursor: pointer;
  position: absolute;
  top: 0.5rem;
  right: 0.1rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .buttonsAndInfos {
  display: flex;
  flex-direction: row;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .buttonsAndInfos .progressPercent {
  padding: 0 0.5rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .buttonsAndInfos .progressPercent.done {
  color: #fff;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .buttonsAndInfos .uploadActions {
  font-size: 0.75rem;
  border-radius: 3px;
  color: #fff;
  padding: 0 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .buttonsAndInfos .uploadActions .actionBtn {
  display: flex;
  flex-wrap: nowrap;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .buttonsAndInfos .uploadActions .actionBtn.spin i.icon {
  opacity: 0.5;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 1rem;
  position: relative;
  -webkit-animation: spinHourglass 2s linear infinite;
  -moz-animation: spinHourglass 2s linear infinite;
  animation: spinHourglass 2s linear infinite;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .buttonsAndInfos .uploadActions .actionBtn span {
  width: 100%;
  white-space: nowrap;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-speed {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-speed .status {
  display: flex;
  align-items: center;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-speed .status .ui.message {
  cursor: pointer;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  margin: 0 0.5rem 3px 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-speed.done {
  font-size: 1rem;
  padding: 0.5rem 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  width: 100%;
  background: rgba(200, 200, 200, 0.2);
  overflow: hidden;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  border-radius: 5px;
  transition: all 0.2s ease-in;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar.pausing, #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar.pending {
  background: repeating-linear-gradient(to right, rgb(16, 184, 66) 0%, rgb(255, 177, 76) 45%, rgb(255, 223, 182) 50%, rgb(255, 177, 76) 55%, rgb(16, 184, 66) 100%);
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradientFlow 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar.paused {
  background-color: rgb(216, 128, 13);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar.progressing {
  background: repeating-linear-gradient(to right, rgb(5, 216, 69) 0%, rgb(0, 255, 213) 45%, rgb(219, 255, 249) 50%, rgb(0, 255, 213) 55%, rgb(5, 216, 69) 100%);
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradientFlow 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar.error, #uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar.warning {
  background-color: rgb(209, 46, 86);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item-body .uploadInfo .uploadProgressBar-bar .progress-bar.done {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .preview {
  position: relative;
  padding: 0;
  width: 100px;
  height: auto;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .preview:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  background-image: linear-gradient(45deg, var(--theme-surface-400) 25%, transparent 25%, transparent 75%, var(--theme-surface-400) 75%), linear-gradient(45deg, var(--theme-surface-400) 25%, var(--theme-surface-400) 25%, var(--theme-surface-400) 75%, var(--theme-surface-400) 75%);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .preview > div {
  width: 100px;
  margin: auto;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .preview img {
  position: relative;
  z-index: 1;
  max-width: 100px;
  max-height: 90px;
  object-fit: contain;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .preview .video-js .vjs-big-play-button {
  width: 2em;
  font-size: 2em;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .preview i {
  font-size: 2.5rem;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information {
  flex: 1;
  padding-left: 10px;
  width: 100%;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information .fileName {
  font-size: 0.9rem;
  line-height: 1.2rem;
  max-height: 2.4rem;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information .fileName.overflow-visible {
  overflow: visible;
  max-height: 100%;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information .fileName.overflow-visible .outputTitle {
  margin: 10px 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information .fileName.overflow-visible .outputTitle span {
  margin-right: 5px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information .fileName.overflow-visible .outputTitle i {
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information .fileName.overflow-hidden {
  overflow: hidden;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .information .fileSize {
  font-style: italic;
  font-size: 0.8rem;
  line-height: 1.1em;
  color: #cccccc;
  color: var(--theme-text-80);
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .remove {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  padding: 0;
  cursor: pointer;
  z-index: 9999;
  border-radius: 4px;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item .remove i.icon {
  margin: 0;
}
#uploadSection .uploadContent .uploadZoneWrapper .uploadZone .previews .item.hideAnimations * {
  transition: none !important;
  animation: none !important;
}
#uploadSection.sizeBig {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  border-radius: 0;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin: auto;
}
@media (max-width: 600px) {
  #uploadSection.sizeBig {
    top: 0;
    bottom: 0;
  }
  #uploadSection.sizeBig .uploadContent label {
    font-size: 0.75rem;
  }
  #uploadSection.sizeBig .uploadContent .uploadZoneWrapper .uploadZone {
    height: calc(100% - 2rem);
  }
  #uploadSection.sizeBig .uploadContent .uploadZoneWrapper .uploadZone .dropZoneWrapper {
    flex: 1;
    margin-bottom: 1rem;
  }
  #uploadSection.sizeBig .uploadContent .uploadZoneWrapper .uploadZone .dropZoneWrapper .dropZoneContainer .dropZone {
    flex-direction: row;
    padding: 0;
    font-size: 0.9rem;
    line-height: 60px;
  }
  #uploadSection.sizeBig .uploadContent .uploadZoneWrapper .uploadZone .dropZoneWrapper .dropZoneContainer .dropZone .infos .info1 {
    display: none;
  }
  #uploadSection.sizeBig .uploadContent .projectColumn {
    display: flex;
    flex-direction: row;
  }
  #uploadSection.sizeBig .uploadContent .projectColumn > div {
    width: calc(100% - 0.5rem);
  }
  #uploadSection.sizeBig .uploadContent .projectColumn > div .ui.selection.dropdown {
    min-width: calc(100% - 0.5rem);
  }
  #uploadSection.sizeBig .uploadContent .projectColumn > div:nth-child(1) {
    margin-right: 0.5rem;
  }
  #uploadSection.sizeBig .uploadContent .projectColumn > div:nth-child(2) {
    margin-left: 0.5rem;
  }
  #uploadSection.sizeBig .uploadContent .uploadInfoRow {
    flex-direction: column;
  }
  #uploadSection.sizeBig .uploadContent .uploadInfoRow .infoText {
    font-size: 0.75rem;
    text-align: center;
  }
  #uploadSection.sizeBig .uploadContent .uploadInfoRow .infoText:after {
    border-radius: 0.375rem;
  }
  #uploadSection.sizeBig .uploadContent .uploadInfoRow .uploadAction {
    margin: 1rem 1rem 0rem 1rem;
  }
}
#uploadSection.sizeBig .uploadInfoRow {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#uploadSection.sizeBig .uploadInfoRow .uploadAction {
  position: relative;
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  align-items: center;
  color: #ffffff;
  color: var(--theme-text-100);
  margin: 0 1rem 0 0;
  padding: 0 1rem;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#uploadSection.sizeBig .uploadInfoRow .uploadAction > div {
  width: 70px;
}
#uploadSection.sizeBig .uploadInfoRow .uploadAction > div:not(.toggle) {
  width: 100%;
}
#uploadSection.sizeBig .uploadInfoRow .uploadAction > div:not(.toggle) > div:nth-child(2) {
  font-size: 1rem;
}
#uploadSection.sizeBig .uploadInfoRow .uploadAction > div:not(.toggle) > div:nth-child(2) {
  font-style: italic;
  font-size: 0.75rem;
}
#uploadSection.sizeBig .uploadInfoRow .infoText {
  padding: 1rem;
  position: relative;
  margin: 0 1rem;
  overflow: hidden;
  border-radius: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
@media only screen and (max-height: 767px) {
  #uploadSection.sizeBig .uploadInfoRow .infoText {
    padding: 0.2rem;
    font-size: 0.9rem;
  }
}
#uploadSection.sizeBig .uploadInfoRow .infoText h2 {
  margin: 0 0 0.5rem;
  font-size: 1.75rem;
}
@media only screen and (max-height: 767px) {
  #uploadSection.sizeBig .uploadInfoRow .infoText h2 {
    font-size: 1rem;
  }
}
#uploadSection.sizeMedium {
  position: fixed;
  bottom: 40px;
  right: 13px;
  width: 315px;
  height: 420px;
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  flex: 1;
}
#uploadSection.sizeMedium .uploadContent {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#uploadSection.sizeMedium .uploadContent .uploadZone {
  height: calc(100% - 1rem);
  margin: 0.5rem;
  flex-direction: column;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .dropZoneWrapper {
  flex: none;
  height: 45px;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress {
  height: 40px;
  border-radius: 6px;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress .uploadSteps {
  display: flex;
  flex-direction: row;
  max-width: none !important;
  width: 100%;
  height: 100%;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress .uploadSteps-step {
  width: 100%;
  height: 34px;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress {
  height: 100%;
  min-width: 100%;
  margin: 0;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress::before {
  width: 420px;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress div {
  display: flex;
  align-content: center;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress div .icon {
  line-height: 1rem;
  font-size: 1rem;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress div:nth-child(1) {
  padding: 0 0.5rem;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews {
  height: 185px;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews .folderCreate {
  margin: 0 0.5rem 0 0;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews .itemGap {
  min-height: 0.3rem;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews.sportPreview .item .information .remove {
  position: absolute;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div:not(.outputTitle) {
  display: none;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews.sportPreview .item .information .fileName .sportTitleChange > div.outputTitle span {
  display: none;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews .item {
  padding: 0px;
  min-height: 75px;
  margin: 0 0.5rem 0.5rem 0;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews .item .preview {
  width: 12%;
  padding: 0;
}
#uploadSection.sizeMedium .uploadContent .uploadZone .previews .item .preview i {
  font-size: 2rem;
}
#uploadSection.sizeSmall {
  position: fixed;
  height: 84px;
  bottom: 40px;
  right: 13px;
  width: 315px;
}
#uploadSection.sizeSmall .uploadHeader h2 {
  font-size: 0.875rem;
}
#uploadSection.sizeSmall .uploadZone {
  height: calc(100% - 1rem);
  flex-direction: column;
  display: flex;
  width: 100%;
  margin: 0 !important;
  height: 40px;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress {
  height: 40px;
  border-radius: 6px;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress .uploadSteps {
  display: flex;
  flex-direction: row;
  max-width: none !important;
  width: 100%;
  height: 100%;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress .uploadSteps-step {
  width: 100%;
  height: 34px;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress {
  height: 100%;
  min-width: 100%;
  margin: 0;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress::before {
  width: 420px !important;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress div {
  display: flex;
  align-content: center;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress div .icon {
  line-height: 1rem;
  font-size: 1rem;
}
#uploadSection.sizeSmall .uploadZone .UploadInProgress .uploadSteps-step .folderWorkInProgress div:nth-child(1) {
  padding: 0 0.5rem;
}
#uploadSection.sizeSmall .uploadInfoRow,
#uploadSection.sizeSmall .previews,
#uploadSection.sizeSmall .uploadFooter {
  display: none !important;
}
#uploadSection.sizeSmall .uploadFooter {
  height: 40px;
}
#uploadSection.sizeSmall .uploadFooter .uploadButton {
  display: none;
}
#uploadSection #uploadProject,
#uploadSection #uploadKeyword {
  width: 100%;
}
#uploadSection .keywordsColumn label,
#uploadSection .projectColumn label {
  margin-bottom: 0.5rem;
  display: block;
}
#uploadSection .keywordsColumn .keywords .ui.input {
  width: calc(100% - 40px) !important;
}
#uploadSection .disabledForm :not(label) {
  opacity: 0.6;
}

.detectAdBlocker {
  display: flex;
  flex-direction: row;
  margin: 0.5rem;
  align-items: center;
  border-radius: 3px;
  background: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background: var(--theme-surface-200);
}
.detectAdBlocker i.icon {
  font-size: 1.5rem;
}
.detectAdBlocker.error {
  background-color: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  background-color: var(--theme-error-60);
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
  color: #380e0a;
  color: var(--theme-error-text-100);
}
.detectAdBlocker.error div:nth-child(1) {
  color: #380e0a;
  color: var(--theme-error-text-100);
}
.detectAdBlocker.warning {
  background-color: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  background-color: var(--theme-warning-60);
  border-color: #facc15;
  border-color: var(--theme-warning-100);
  color: #3f2511;
  color: var(--theme-warning-text-100);
}
.detectAdBlocker.warning div:nth-child(1) {
  color: #3f2511;
  color: var(--theme-warning-text-100);
}
.detectAdBlocker div {
  padding: 0.5rem;
}
.detectAdBlocker div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  color: #facc15;
  color: var(--theme-warning-100);
}
.detectAdBlocker div:nth-child(1) i {
  margin: 0;
}
.detectAdBlocker div span {
  display: block;
}
.detectAdBlocker div:nth-child(2) {
  padding-left: 0;
  width: auto;
}

@keyframes gradientFlow {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes spinHourglass {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  66% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.tooBigFilesModal.ui.modal {
  display: flex !important;
  overflow: hidden;
  flex-direction: column;
  max-height: calc(100% - 4rem);
}
.tooBigFilesModal.ui.modal.ui.modal > .header:not(.ui), .tooBigFilesModal.ui.modal.ui.modal > .actions {
  background: rgb(204, 31, 91);
  background: linear-gradient(270deg, rgb(204, 31, 91) 0%, rgb(135, 64, 82) 100%);
}
.tooBigFilesModal.ui.modal.ui.modal > .header:not(.ui) button, .tooBigFilesModal.ui.modal.ui.modal > .actions button {
  border-radius: 6px;
}
.tooBigFilesModal.ui.modal.ui.modal > .header:not(.ui) {
  color: #fff;
}
.tooBigFilesModal.ui.modal.ui.modal > .content {
  background: rgb(78, 15, 36);
}
.tooBigFilesModal.ui.modal > .content {
  overflow: hidden auto;
}
.tooBigFilesModal.ui.modal > .content p {
  color: rgb(252, 177, 195);
  text-align: center;
}
.tooBigFilesModal.ui.modal > .content p span {
  display: inline-flex;
  padding: 2px 5px;
  border-radius: 4px;
  color: rgb(78, 15, 36);
  font-weight: bold;
  background-color: #fff;
}
.tooBigFilesModal.ui.modal > .content > div {
  height: 100%;
  overflow: hidden;
}
.tooBigFilesModal.ui.modal > .content > div > div {
  display: flex;
  background: rgb(129, 27, 51);
  margin-bottom: 0.5rem;
  border-radius: 6px;
  overflow: hidden;
  border: 3px solid;
  border-color: rgb(110, 14, 38);
  color: #fff;
}
.tooBigFilesModal.ui.modal > .content > div > div .preview {
  width: 80px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.tooBigFilesModal.ui.modal > .content > div > div .preview .previewWrapper {
  width: 100%;
}
.tooBigFilesModal.ui.modal > .content > div > div > div:nth-child(2) {
  padding: 0.5rem;
}
.tooBigFilesModal.ui.modal > .content > div > div > div:nth-child(2) > div:nth-child(2) {
  font-size: 12px;
  color: rgb(250, 118, 149);
}

.customHeadInfo {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.customHeadInfo .logo,
.customHeadInfo .info {
  padding: 1rem;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.customHeadInfo .logo img {
  height: 100%;
  width: 100%;
  max-height: 50px;
  object-fit: contain;
}
.customHeadInfo .info b {
  font-size: 14px;
  margin-bottom: 2px;
}
.customHeadInfo .info span.small {
  font-size: 10px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.customHeadInfo .info ul {
  margin-top: 5px;
  margin-bottom: 0px;
  padding-left: 20px;
  font-size: 10px;
  max-height: 100px;
  overflow: hidden auto;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-color: rgb(50%, 50%, 50%);
  border-color: var(--theme-text-40);
}
.customHeadInfo .info ul ul {
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.customHeadInfo .info ul li {
  margin-bottom: 2px;
}
.customHeadInfo .info ul li span {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

#uploadSection.uploadBoxRequest .uploadContent {
  overflow: hidden auto;
  padding-top: 12px;
}
#uploadSection.uploadBoxRequest #uploadProject .ui.search.dropdown > input.search {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
}
#uploadSection.uploadBoxRequest #uploadProject input {
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection.uploadBoxRequest #uploadProject .message {
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection.uploadBoxRequest #uploadProject .menu > div {
  border-bottom: 1px dashed;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
#uploadSection.uploadBoxRequest #uploadProject .menu > div:last-child {
  border: none;
}
#uploadSection.uploadBoxRequest #uploadProject .menu > div > h6 {
  font-size: 14px;
}
#uploadSection.uploadBoxRequest #uploadProject .menu > div > h6 .sub.header {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  margin-top: 5px;
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection.uploadBoxRequest .uploadRequest {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 510px;
}
#uploadSection.uploadBoxRequest .uploadRequest .permisisonInfo {
  padding: 0 2rem 0 2rem;
  max-width: 900px;
  margin: auto;
}
#uploadSection.uploadBoxRequest .uploadRequest .permisisonInfo h2 {
  text-align: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection.uploadBoxRequest .uploadRequest .permisisonInfo p {
  font-size: 12px;
  text-align: justify;
  color: #ffffff;
  color: var(--theme-text-100);
}
#uploadSection.uploadBoxRequest .uploadRequest.success {
  padding: 2rem;
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 600px;
  justify-content: center;
  margin: auto;
}
#uploadSection.uploadBoxRequest .uploadRequest.success .permisisonInfo .icon {
  font-size: 4rem;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
#uploadSection.uploadBoxRequest .uploadRequest.success .permisisonInfo .icon.exclamation {
  color: #e74c3c;
  color: var(--theme-error-100);
}
#uploadSection.uploadBoxRequest .uploadRequest.success .permisisonInfo {
  text-align: center;
}
#uploadSection.uploadBoxRequest .uploadRequest .action {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#uploadSection.uploadBoxRequest .uploadRequest .action button {
  width: 400px;
  border-radius: 6px;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form {
  overflow: hidden auto;
  padding: 2rem;
  width: auto;
  margin: 1rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  grid-gap: 1rem;
  min-height: 250px;
  max-width: 900px;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .react-datepicker-wrapper {
  width: 100%;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form input {
  border-radius: 8px !important;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form > .field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form > .field > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColStyle {
  margin-bottom: 2rem;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColumn .label {
  margin-bottom: 0.5rem;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColumn .label.required:after {
  margin: -0.2em 0 0 0.2em;
  content: "*";
  color: #db2828;
  display: inline-block;
  vertical-align: top;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColumn .description {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColumn .ui.checkbox,
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColumn .ui.radio.checkbox {
  width: 50%;
  display: inline-flex;
}
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColumn .ui.checkbox label,
#uploadSection.uploadBoxRequest .uploadRequest .ui.form .customColumn .ui.radio.checkbox label {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}

.pagination a {
  cursor: pointer;
}

.statEmpty {
  text-align: center;
}
.statEmpty h3 {
  font-size: 15px;
}

.statsComponent .ui.mini.statistics .statistic > .value {
  font-size: 1.4rem !important;
}
.statsComponent .ui.statistics .statistic > .label {
  font-size: 0.8em;
}
.statsComponent .ui.fluid.card.statsAccount {
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .statsComponent .ui.fluid.card.statsAccount .ui.six.statistics .statistic {
    min-width: 48%;
  }
}

.assetComments {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 12px;
  border: 1px solid;
  padding: 0;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetComments-head {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetComments .commenstSortBy {
  display: flex;
  flex-direction: row;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetComments .commenstSortBy .comments-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-olor: #253141;
  background-olor: var(--theme-surface-100);
}
.assetComments .commenstSortBy .comments-search input {
  background: transparent;
  width: 100%;
  padding: 0.5rem;
  border: 0;
  font-size: 12px;
}
.assetComments .commenstSortBy .comments-search .icon {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.assetComments .commenstSortBy .sortLabel {
  width: 100%;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetComments .commenstSortBy .sortActions {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.assetComments .commenstSortBy .sortActions button {
  border-radius: 6px;
  margin-left: 1rem;
  background-color: transparent;
}
.assetComments .commenstSortBy .sortActions button:hover, .assetComments .commenstSortBy .sortActions button:focus, .assetComments .commenstSortBy .sortActions button:active {
  background-color: transparent;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetComments .commenstSortBy .sortActions .dropdown {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 0;
  font-size: 12px;
}
.assetComments .commenstSortBy .sortActions .dropdown > .dropdown.icon {
  top: 0;
}
.assetComments .commenstSortBy .sortActions .dropdown .active.selected.item .icon,
.assetComments .commenstSortBy .sortActions .dropdown .active.selected.item .text .icon {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetComments .commenstSortBy .sortActions .dropdown .active.selected.item,
.assetComments .commenstSortBy .sortActions .dropdown .active.selected.item .text {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetComments.assetActionPanel .assetActionContent {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.assetComments.assetActionPanel .assetActionContent .comments-list {
  height: 100%;
  overflow: hidden auto;
  margin: 0;
  padding: 1rem;
}
.assetComments.assetActionPanel .assetActionContent .comment-list-empty {
  height: 100%;
}
.assetComments.assetActionPanel .assetActionContent .comment-list-empty > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  row-gap: 1rem;
  font-size: 13px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetComments.assetActionPanel .assetActionContent .comment-list-empty > div svg path {
  fill: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  fill: var(--theme-surface-400);
}
.assetComments .assetCommentTypeTab {
  overflow: auto hidden;
}
.assetComments .assetCommentTypeTab .tab {
  column-gap: 5px;
}
.assetComments .assetCommentTypeTab div span {
  position: relative;
  display: inline-flex;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  font-size: 10px;
  height: 18px;
  min-width: 15px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 3px;
  margin-left: 4px;
  opacity: 0.5;
}
.assetComments .ocBoxHeader {
  height: auto;
}
.assetComments .commentBlock-replyTo {
  margin-top: 0;
  padding: 2px 5px;
  border-width: 1px 0 0;
  border-style: solid;
  border-radius: 6px;
  font-style: italic;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetComments .commentBlock-replyTo span {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  font-style: normal;
}
.assetComments .commentBlock {
  padding: 1rem;
  border-top: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetComments .commentBlock > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0.5rem;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-radius: 12px;
  column-gap: 1rem;
}
.assetComments .commentBlock > div .commentBlock-textbox {
  width: calc(100% - 10px);
}
.assetComments .commentBlock > div .commentBlock-textbox .textarea {
  background-color: transparent;
  border: 0px solid transparent;
  width: calc(100% - 10px);
  height: 37px;
  resize: none;
}
.assetComments .commentBlock > div .commentBlock-actions .actionButtons {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.assetComments .commentBlock > div .commentBlock-actions .actionButtons > div {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.assetComments .commentBlock > div .commentBlock-actions .actionButtons > div:hover svg path {
  stroke: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  stroke: var(--theme-primary-60);
}
.assetComments .commentBlock > div .commentBlock-actions .actionButtons button {
  margin-bottom: 0;
}
.assetComments .commentBlock > div .commentBlock-actions .actionButtons .commentButton {
  border-radius: 6px;
}
.assetComments .commentBlock > div .modalOpenButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 3px;
  width: 10px;
  align-items: center;
  line-height: 8px;
}
.assetComments .commentBlock > div .modalOpenButton span {
  display: flex;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
}
@media only screen and (max-width: 765px) {
  .assetComments .commentBlock > div {
    flex-direction: row;
    align-items: center;
  }
  .assetComments .commentBlock > div .commentBlock-textbox {
    width: 100%;
  }
  .assetComments .commentBlock > div .commentBlock-actions .actionButtons {
    padding: 5px;
  }
  .assetComments .commentBlock > div .commentBlock-actions .actionButtons .commentButton {
    width: 100%;
  }
}
.assetComments .commentBlock .textarea:focus {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetComments .commentBlock .textarea {
  height: 50px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetComments .ui.comments {
  max-width: 100%;
}
.assetComments .ui.comments .comment {
  padding: 0.5em;
  border-radius: 8px;
  margin: 0;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.assetComments .ui.comments .comment .commentEdit {
  cursor: pointer;
}
.assetComments .ui.comments .comment .commentEdit.active svg path, .assetComments .ui.comments .comment .commentEdit:hover svg path {
  stroke: #34c6e5;
  stroke: var(--theme-primary-100);
}
.assetComments .ui.comments .comment .commentEdit svg path {
  stroke: rgb(50%, 50%, 50%);
  stroke: var(--theme-text-40);
}
.assetComments .ui.comments .comment .commentEditInput {
  display: flex;
  flex-direction: row;
  position: relative;
}
.assetComments .ui.comments .comment .commentEditInput button {
  position: absolute;
  right: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.assetComments .ui.comments .comment .commentEditInput button svg path {
  stroke: #6bf2a7;
  stroke: var(--theme-success-100);
}
.assetComments .ui.comments .comment .commentEditInput input {
  font-size: 14px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0.5rem 40px 0.5rem 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetComments .ui.comments .comment .commentEditInput input:focus, .assetComments .ui.comments .comment .commentEditInput input:active {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.assetComments .ui.comments .comment:first-child, .assetComments .ui.comments .comment:nth-child(1) {
  margin-top: 0 !important;
}
.assetComments .ui.comments .comment.comment-single {
  margin-top: 1rem;
}
.assetComments .ui.comments .comment.comment-parent {
  margin-top: 1rem;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
}
.assetComments .ui.comments .comment.subComment-close {
  border-top: none;
  border-bottom: 1px solid !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  border-radius: 0 0 8px 8px !important;
}
.assetComments .ui.comments .comment.subComment {
  border-top: none;
  border-bottom: none;
  border-radius: 0px;
}
.assetComments .ui.comments .comment-content-top {
  min-height: 25px;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.assetComments .ui.comments .comment-content-top span.separator {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  opacity: 0.3;
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
}
.assetComments .ui.comments .comment .avatar {
  margin-top: 0;
  padding: 0 1rem;
}
.assetComments .ui.comments .comment.non-reg-user {
  background: rgba(15, 15, 15, 0.3);
}
.assetComments .ui.comments .comment.non-reg-user .non-reg-info {
  display: inline-flex;
  flex-direction: column;
}
.assetComments .ui.comments .comment.non-reg-user .non-reg-info > span:nth-child(2) {
  font-size: 10px;
  font-weight: normal;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}
.assetComments .ui.comments .comment .typeIndicator {
  margin: 0 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 100%;
}
.assetComments .ui.comments .comment .commentDelete {
  cursor: pointer;
  opacity: 1;
}
.assetComments .ui.comments .comment .commentDelete svg {
  width: 20px;
  height: 20px;
}
.assetComments .ui.comments .comment .commentDelete svg path {
  stroke: #e74c3c;
  stroke: var(--theme-error-100);
}
.assetComments .ui.comments .comment .commentDelete:hover {
  opacity: 1;
}
.assetComments .ui.comments .comment .commentDelete:hover svg path {
  stroke: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  stroke: var(--theme-error-40);
}
.assetComments .ui.comments .comment.highlighted {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetComments .ui.comments .comment.annotation-highlight {
  background-color: rgb(3.4283757171%, 22.6800239747%, 26.7677027143%);
  background-color: var(--theme-primary-20);
  border-color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  border-color: var(--theme-primary-60);
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.assetComments .ui.comments .author {
  font-weight: normal;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetComments .ui.comments .metadata {
  margin: 0;
  color: var(--theme-text-70);
}
.assetComments .ui.comments .text {
  font-size: 12px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetComments .ui.comments .actions a {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetComments .ui.comments .actions a:active, .assetComments .ui.comments .actions a:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetComments .labelApproved,
.assetComments .labelRejected {
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.assetComments .postedAt {
  cursor: pointer;
}
.assetComments .postedAt span {
  margin-left: 5px;
  font-weight: 500;
  color: #6bf2a7;
  color: var(--theme-success-100);
  text-decoration: none;
}
.assetComments .postedAt:hover span {
  color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  color: var(--theme-success-80);
}
.assetComments .modalOpenButton {
  font-weight: bold;
  font-size: 1rem;
  cursor: pointer;
  user-select: none;
}
.assetComments .buttonApprove {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 425px) {
  .assetComments .commentButton {
    margin-top: -1rem;
  }
  .assetComments .modalOpenButton {
    text-align: center;
    margin-top: -1rem;
  }
}

.AssetCommentsDownload-btn {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

.AssetCommentsDownload-modal-item {
  margin-bottom: 1rem;
}
.AssetCommentsDownload-modal-item .label {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
  margin-bottom: 0.5rem;
}
.AssetCommentsDownload-modal-item .ui.checkbox {
  margin-right: 1rem;
}
.AssetCommentsDownload-modal-item.filename {
  margin-right: 1rem;
}
.AssetCommentsDownload-modal-item.filename .ui.input {
  width: 100%;
}
.AssetCommentsDownload-modal-item.filename .ui.input input {
  width: 100%;
}
.AssetCommentsDownload-modal .actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.assetSubclipForm button.moveTimeLeft {
  padding-left: 0.8em;
  padding-right: 0.4em;
  border-radius: 8px !important;
  background: transparent !important;
}
.assetSubclipForm button.moveTimeLeft:hover {
  background: transparent !important;
}
.assetSubclipForm button.moveTimeLeft i {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.assetSubclipForm button.moveTimeRight {
  padding-left: 0.4em;
  padding-right: 0.8em;
  border-radius: 8px !important;
  background: transparent !important;
}
.assetSubclipForm button.moveTimeRight:hover {
  background: transparent !important;
}
.assetSubclipForm button.moveTimeRight i {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.assetSubclipForm .cutArea {
  border-bottom: 1px dashed;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
}
.assetSubclipForm .cutArea .sportCutTime {
  padding: 0.5rem;
  display: flex;
  margin: auto;
  justify-content: center;
}

.assetDownload {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.assetDownload-actions {
  border-top: 1px solid;
  display: flex;
  justify-content: flex-end;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetDownload-actions .messages {
  padding: 1rem;
}
.assetDownload-actions .messages .customMessage {
  margin-bottom: 0px;
  border-radius: 6px;
  overflow: hidden;
}
.assetDownload-actions .messages .customMessage .messageContent h4 {
  text-align: center;
}
.assetDownload-actions .messages a.labeled.button,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox a.labeled.button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages a.labeled.button, .assetDownload-actions .messages .imageUploadFormElement-actions a.labeled.action-btn.add, .imageUploadFormElement-actions .assetDownload-actions .messages a.labeled.action-btn.add,
.assetDownload-actions .messages button.labeled.button,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox button.labeled,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages button.labeled,
.assetDownload-actions .messages .imageUploadFormElement-actions button.labeled.action-btn.add,
.imageUploadFormElement-actions .assetDownload-actions .messages button.labeled.action-btn.add {
  padding: 0.5rem;
  border-radius: 6px;
}
.assetDownload-actions .messages a.labeled.button > span,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox a.labeled.button > span,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages a.labeled.button > span, .assetDownload-actions .messages .imageUploadFormElement-actions a.labeled.action-btn.add > span, .imageUploadFormElement-actions .assetDownload-actions .messages a.labeled.action-btn.add > span,
.assetDownload-actions .messages button.labeled.button > span,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox button.labeled > span,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages button.labeled > span,
.assetDownload-actions .messages .imageUploadFormElement-actions button.labeled.action-btn.add > span,
.imageUploadFormElement-actions .assetDownload-actions .messages button.labeled.action-btn.add > span {
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.assetDownload-actions .messages a.labeled.button span.label, .assetDownload-actions .messages .imageUploadFormElement-actions a.labeled.action-btn.add span.label, .imageUploadFormElement-actions .assetDownload-actions .messages a.labeled.action-btn.add span.label,
.assetDownload-actions .messages button.labeled.button span.label,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox button.labeled span.label,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages button.labeled span.label,
.assetDownload-actions .messages .imageUploadFormElement-actions button.labeled.action-btn.add span.label,
.imageUploadFormElement-actions .assetDownload-actions .messages button.labeled.action-btn.add span.label {
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-items: center;
  text-align: center;
}
.assetDownload-actions .messages a.labeled.button span.info, .assetDownload-actions .messages .imageUploadFormElement-actions a.labeled.action-btn.add span.info, .imageUploadFormElement-actions .assetDownload-actions .messages a.labeled.action-btn.add span.info,
.assetDownload-actions .messages button.labeled.button span.info,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox button.labeled span.info,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages button.labeled span.info,
.assetDownload-actions .messages .imageUploadFormElement-actions button.labeled.action-btn.add span.info,
.imageUploadFormElement-actions .assetDownload-actions .messages button.labeled.action-btn.add span.info {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  font-weight: normal;
  margin-top: 0.3rem;
  font-style: italic;
  opacity: 0.6;
  width: 100%;
  justify-content: center;
}
.assetDownload-actions .messages a.labeled.button span.info span.preset, .assetDownload-actions .messages .imageUploadFormElement-actions a.labeled.action-btn.add span.info span.preset, .imageUploadFormElement-actions .assetDownload-actions .messages a.labeled.action-btn.add span.info span.preset,
.assetDownload-actions .messages button.labeled.button span.info span.preset,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox button.labeled span.info span.preset,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages button.labeled span.info span.preset,
.assetDownload-actions .messages .imageUploadFormElement-actions button.labeled.action-btn.add span.info span.preset,
.imageUploadFormElement-actions .assetDownload-actions .messages button.labeled.action-btn.add span.info span.preset {
  margin-right: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assetDownload-actions .messages a.labeled.button span.info span.sub, .assetDownload-actions .messages .imageUploadFormElement-actions a.labeled.action-btn.add span.info span.sub, .imageUploadFormElement-actions .assetDownload-actions .messages a.labeled.action-btn.add span.info span.sub,
.assetDownload-actions .messages button.labeled.button span.info span.sub,
.assetDownload-actions .messages .loginView .loginBoxWrapper .loginBoxContent .loginBox button.labeled span.info span.sub,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .assetDownload-actions .messages button.labeled span.info span.sub,
.assetDownload-actions .messages .imageUploadFormElement-actions button.labeled.action-btn.add span.info span.sub,
.imageUploadFormElement-actions .assetDownload-actions .messages button.labeled.action-btn.add span.info span.sub {
  min-width: 80px;
}
.assetDownload-recentlyViewed {
  padding: 1rem 1rem 0 1rem;
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton .visibilityBtn {
  position: relative;
  transform-origin: center;
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton .visibilityBtn i {
  margin: 0;
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton .visibilityBtn:hover {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton .visibilityBtn.visible {
  transform: rotate(0deg);
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton .visibilityBtn.hidden {
  transform: rotate(180deg);
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton button {
  border: none;
  background-color: transparent;
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton button.clearBtn.hidden {
  display: none;
}
.assetDownload-recentlyViewed fieldset legend.headerWithButton button:hover {
  transition: all 0.2s ease-in-out;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.assetDownload-recentlyViewed .noPrevPresets {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-items: center;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetDownload-recentlyViewed .prevItems {
  flex-direction: row;
}
.assetDownload-recentlyViewed .prevItems.visible {
  display: flex;
}
.assetDownload-recentlyViewed .prevItems.hidden {
  display: none;
}
.assetDownload-recentlyViewed .prevItems .flexColumns-column {
  margin-bottom: 0;
  padding: 0.5rem;
}
.assetDownload-recentlyViewed .prevItems-item {
  display: inline-flex;
  flex-direction: column;
  margin: 0.3rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-radius: 6px;
  padding: 0.3rem 0.8rem;
  font-size: 12px;
  cursor: pointer;
  justify-content: center;
  border: 1px solid transparent;
  height: 100%;
  overflow: hidden;
}
.assetDownload-recentlyViewed .prevItems-item .group {
  color: var(--themetheme-surface-400);
}
.assetDownload-recentlyViewed .prevItems-item .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assetDownload-recentlyViewed .prevItems-item:hover {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.assetDownload-recentlyViewed .prevItems-item.active {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.assetDownload-tabs {
  display: inline-flex;
  flex-direction: row;
  border-radius: 6px 6px 0 0;
  position: relative;
  bottom: 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetDownload-tabs-tab {
  border-radius: 6px 6px 0 0;
  padding: 1rem;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 0;
  border-left: 1px solid;
  border-color: transparent;
  cursor: pointer;
}
.assetDownload-tabs-tab.active {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetDownload-content {
  height: 100%;
  overflow: hidden auto;
}
.assetDownload-content .tabPage {
  display: none;
  min-height: 460px;
  overflow: hidden auto;
}
.assetDownload-content .tabPage.active {
  display: flex;
  flex-direction: column;
}
.assetDownload .ui.toggle.checkbox {
  margin-bottom: 1.2rem;
}
.assetDownload .ui.toggle.checkbox input:checked ~ label {
  color: #6bf2a7;
  color: var(--theme-success-100) !important;
}
.assetDownload .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
}
.assetDownload fieldset {
  padding: 1rem;
  border-width: 0;
  width: 100%;
}
.assetDownload fieldset .item {
  display: flex;
  border-radius: 12px;
  padding: 0.3rem 0.8rem;
  margin-bottom: 0.4rem;
  font-size: 12px;
  cursor: pointer;
  justify-content: center;
  border: 1px solid;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetDownload fieldset .item-label {
  width: 100%;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetDownload fieldset .item-status {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  line-height: 13px;
  border-radius: 20px;
}
.assetDownload fieldset .item-status .icon {
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.assetDownload fieldset .item-status .infoIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15px;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  line-height: 10px;
  border-radius: 15px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetDownload fieldset .item-status .infoIcon i {
  font-size: 16px;
}
.assetDownload fieldset .item-status .infoIcon.color-orange {
  color: #facc15;
  color: var(--theme-warning-100);
}
.assetDownload fieldset .item-status .infoIcon.color-green {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetDownload fieldset .item-status .infoIcon.color-red {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.assetDownload fieldset .item.disabled {
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
  color: #ffffff;
  color: var(--theme-text-100);
  cursor: not-allowed;
  opacity: 0.3;
}
.assetDownload fieldset .item.disabled:hover {
  background-color: transparent;
}
.assetDownload fieldset .item:hover {
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetDownload fieldset .item.checked.available {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100) !important;
}
.assetDownload fieldset .item.checked.encode {
  border-color: #facc15;
  border-color: var(--theme-warning-100) !important;
}
.assetDownload fieldset legend {
  margin-bottom: 0.4rem;
  padding: 0;
  height: 30px;
  color: var(--themetheme-surface-400);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
}

.themeLight .assetDownload-tabs {
  bottom: -1px;
}
.themeLight .assetDownload-tabs-tab.active {
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}

.uploadMetaContent .help {
  margin-bottom: 30px;
}
.uploadMetaContent .help ul {
  margin-top: 0;
}
.uploadMetaContent .uploadMetaForm {
  margin-bottom: 30px;
}
.uploadMetaContent .uploadMetaForm .input {
  width: 230px !important;
}
.uploadMetaContent .imported {
  padding: 5px 10px;
}
.uploadMetaContent h3 {
  text-align: center;
}
.uploadMetaContent .no {
  font-weight: bold;
  color: red;
}
.uploadMetaContent .assetLink {
  display: block;
  margin-bottom: 10px;
}

.assetActionContent .ui.selection.dropdown {
  width: 100% !important;
}
.assetActionContent .ui.selection.dropdown > .dropdown.icon {
  top: 0;
}
.assetActionContent .metaLabels {
  min-height: 200px;
}
.assetActionContent .metaLabels .labelsTags {
  padding: 1rem;
}
.assetActionContent .metaLabels .labelsTags .ui.tag.label {
  margin-left: 2rem;
  margin-bottom: 0.5rem;
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.assetActionContent .metaLabels .labelsTags .ui.tag.label i.icon {
  color: #e74c3c;
  color: var(--theme-error-100) !important;
}
.assetActionContent .metaLabels .labelsTags .ui.tag.label:after {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.assetActionContent .metaLabels .labelsTags .ui.tag.label {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}

.metaTab h3 {
  text-transform: capitalize;
}
.metaTab .metaTitle {
  text-transform: capitalize;
}
.metaTab .action {
  float: right;
  margin-bottom: 5px;
}
.metaTab .action i {
  float: right;
  margin: 0 0 0 5px;
  cursor: pointer;
}
.metaTab .metaLabels {
  min-height: 200px;
}
.metaTab .metaLabels .ui.selection.dropdown {
  width: 100% !important;
}
.metaTab .metaLabels .labels {
  margin-bottom: 1.5rem;
}
.metaTab .metaLabels .ui.disabled.dropdown,
.metaTab .metaLabels .ui.dropdown .menu > .disabled.item {
  opacity: 0.3;
}
.metaTab .metaLabels .labelsTags {
  margin-bottom: 2rem;
}
.metaTab .metaLabels .labelsTags h5 {
  margin-bottom: 0.5rem;
}
.metaTab .metaLabels .labelsTags .label {
  margin-right: 1rem;
  margin-bottom: 0.6rem;
}

.assetMetadataFormModal .dropdownWithLabel {
  display: flex;
}
.assetMetadataFormModal .dropdownWithLabel > div {
  padding: 0.6rem 0.9rem;
}
.assetMetadataFormModal .dropdownWithLabel > div:nth-child(1) {
  font-weight: bold;
  width: 175px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetMetadataFormModal .dropdownWithLabel > div:nth-child(2) {
  width: 100%;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetMetadataFormModal .dropdownWithLabel > div:nth-child(2) .dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.assetMetadataFormModal .dropdownWithLabel > div:nth-child(2) .dropdown .text {
  width: 100%;
}
.assetMetadataFormModal .dropdownWithLabel .menu {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: 1px solid;
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
  width: calc(100% + 19px);
  top: 28px;
  left: -9px;
}
.assetMetadataFormModal .dropdownWithLabel .menu .item {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetMetadataFormModal .dropdownWithLabel .menu .item.selected {
  color: #253141;
  color: var(--theme-surface-100);
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.assetMetadataFormModal .ui.form .field .ui.input input,
.assetMetadataFormModal .ui.form .fields .field .ui.input input {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}

.scene-item {
  margin-top: 5px;
  border-radius: 10px;
  border: 1px solid;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.scene-item .semantic-item-header {
  padding: 3px;
  margin-bottom: 2px;
  padding-right: 16px;
  padding-left: 16px;
}
.scene-item .semantic-item-header .story-content {
  line-height: 18px;
  padding-bottom: 6px;
  padding-top: 6px;
  color: #ffffff;
  color: var(--theme-text-100);
}

.semantic-data-container {
  margin-bottom: 50px;
}

.semantic-content .semantic-section {
  border-bottom: 1px solid;
  border-color: #253141;
  border-color: var(--theme-surface-100);
  background-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  background-color: var(--theme-surface-border);
}
.semantic-content .semantic-section .semantic-section-header {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.semantic-content .semantic-section .semantic-section-content {
  line-height: 15px;
}
.semantic-content .semantic-section .semantic-section-content .semantic-scene-item {
  padding: 2px;
  line-height: 16px;
  font-size: 14px;
}
.semantic-content .semantic-section .semantic-section-content .entity-item {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  padding: 8px 10px;
  margin-bottom: 8px;
  border: 1px solid transparent;
}
.semantic-content .semantic-section .semantic-section-content .entity-item .entity-title {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 6px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.semantic-content .semantic-section .semantic-section-content .entity-item .entity-attributes {
  display: flex;
  line-height: 18px;
  font-size: 12px;
  padding-bottom: 6px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.semantic-content .semantic-section .semantic-section-content .entity-item .entity-timestamps {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
}
.semantic-content .semantic-section .semantic-section-content .entity-item .entity-timestamps .timecode {
  margin-right: 6px;
  margin-bottom: 6px;
}

.timecode-pill {
  font-size: 12px;
  color: #203d2d;
  color: var(--theme-success-text-100);
  display: inline-block;
  padding: 6px 12px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}
.timecode-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  background-color: rgb(6.2063086104%, 70.6564364876%, 34.8508098892%);
  background-color: var(--theme-success-40);
  opacity: 0.7;
  z-index: -1;
}

.AssetMetaList {
  width: 100%;
}
.AssetMetaList-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.AssetMetaList-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-bottom: 1px solid;
  padding: 0.7rem 1rem;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.AssetMetaList-item:nth-child(even) {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.AssetMetaList-item:last-child {
  border: none;
}
.AssetMetaList-item:hover {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.AssetMetaList-itemTitle {
  width: 40%;
  color: #ffffff;
  color: var(--theme-text-100);
}
.AssetMetaList-itemValue {
  color: #ffffff;
  color: var(--theme-text-100);
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.taxonomy-edit-modal {
  min-height: calc(100vh - 4rem);
  min-width: calc(100vw - 5rem);
  height: calc(100% - 4rem);
}
.taxonomy-edit-modal.inline-content {
  height: auto;
  width: 100%;
  min-width: 100%;
  min-height: auto;
}
.taxonomy-edit-modal.inline-content .taxonomyEdit-content {
  padding: 0;
  width: 100%;
}
.taxonomy-edit-modal.inline-content .taxonomyEdit-content .taxonomyOptions {
  margin: 0;
  border-radius: 0;
  border: 0px solid;
  width: 100%;
}
.taxonomy-edit-modal.inline-content .taxonomyEdit-content .taxonomyOptions .input {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
}
.taxonomy-edit-modal.inline-content .taxonomyEdit-content .taxonomyOptions .textarea {
  min-width: 100%;
  margin: 0;
  height: 100%;
}
@media (max-width: 467px) {
  .taxonomy-edit-modal.inline-content .taxonomyEdit-content .taxonomyOptions .input {
    width: 130px !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
  }
  .taxonomy-edit-modal.inline-content .taxonomyEdit-content .taxonomyOptions textarea {
    min-width: 130px !important;
    width: 130px !important;
    margin: 0;
    height: 100%;
  }
}
.taxonomy-edit-modal.inline-content .option-select.radio {
  position: relative;
}
.taxonomy-edit-modal.inline-content .option-select.radio:after {
  position: absolute !important;
  top: 0;
}
.taxonomy-edit-modal.inline-content.asset-page-item {
  min-width: 60%;
  max-width: 60%;
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content-value-save-btn {
  border-radius: 6px;
  padding: 0.2rem 0.5rem;
  margin-right: 0.5rem;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div {
  align-items: center;
  column-gap: 0.5rem;
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .button, .taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div button, .taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .action-btn.add {
  margin-right: 10px;
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .taxonomyOptions {
  font-size: 12px;
  background-color: transparent;
  box-shadow: none;
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .taxonomyOptions .ui input {
  margin: 1rem;
  border-radius: 6px;
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .taxonomyOptions .ui input::placeholder {
  opacity: 0.5;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .taxonomyOptions .ui input {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .taxonomyOptions textarea {
  margin: 1rem;
  min-width: calc(100% - 2rem);
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .taxonomyOptions textarea::placeholder {
  opacity: 0.5;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomy-edit-modal.inline-content.asset-page-item .taxonomyEdit-wrapper .taxonomyEdit-content > div .taxonomyOptions textarea {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
}
.taxonomy-edit-modal .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.taxonomy-edit-modal.ui.modal > .content {
  padding: 0;
  height: calc(100% - 9rem);
  overflow-y: scroll;
}
.taxonomy-edit-modal.ui.modal > .content .description {
  height: 100%;
}
.taxonomy-edit-modal .taxonomyEdit {
  position: relative;
}
.taxonomy-edit-modal .taxonomyEdit-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.taxonomy-edit-modal .taxonomyEdit-head {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-bottom: 1px solid;
  width: 100%;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.taxonomy-edit-modal .taxonomyEdit-head .taxonomyEdit-info {
  margin-left: 0.5rem;
  margin-bottom: 5px;
}
.taxonomy-edit-modal .taxonomyEdit-head .taxonomyEdit-info span {
  font-size: 12px;
}
.taxonomy-edit-modal .taxonomyEdit-head .taxonomyEdit-info span:nth-child(1) {
  margin-right: 5px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomy-edit-modal .taxonomyEdit-head .labels {
  min-height: 35px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item {
  padding: 5px 10px 5px 25px;
  margin: 0rem 0 0.5rem 0.5rem;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  word-break: break-all;
  max-width: 300px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  z-index: 2;
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item.draggable {
  cursor: grab;
  display: flex;
  flex-direction: row;
  padding-left: 6px;
  align-items: center;
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item.draggable::before {
  display: none;
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item.draggable .grab {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  column-gap: 3px;
  row-gap: 3px;
  width: 10px;
  height: 100%;
  margin-right: 6px;
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item.draggable .grab span {
  display: inline-flex;
  width: 3px;
  height: 3px;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
  opacity: 0.2;
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item.draggable:hover .grab span {
  opacity: 1;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item.grabbing {
  cursor: grabbing;
}
.taxonomy-edit-modal .taxonomyEdit-head .labels-item:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: rotate(45deg) translate(0, -50%);
  z-index: -1;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-content {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: 100%;
}
.taxonomy-edit-modal .taxonomyEdit-content > div {
  display: flex;
}
.taxonomy-edit-modal .taxonomyEdit-content > div:nth-child(1) {
  flex-direction: row;
  align-items: baseline;
}
.taxonomy-edit-modal .taxonomyEdit-content > div:nth-child(2) {
  width: 100%;
  flex-direction: row;
  align-items: baseline;
}
.taxonomy-edit-modal .taxonomyEdit-content .ui.dropdown {
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  margin: 0 0.5rem 0.5rem 0;
  border: 2px dashed;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions {
  margin-right: 1rem;
  border-radius: 12px;
  border: 1px solid;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  transition: all ease-in-out 0.3s;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .searchTaxonomyList {
  position: relative;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .searchTaxonomyList input {
  border: 0;
  padding: 0.5rem 0.5rem 0.5rem 25px;
  font-size: 13px;
  border-bottom: 1px solid transparent;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  opacity: 0.7;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .searchTaxonomyList input:focus, .taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .searchTaxonomyList input:hover {
  opacity: 1;
  cursor: pointer;
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .searchTaxonomyList .icon {
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0.3;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .searchTaxonomyList .noResult {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  min-height: 50px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .formatError {
  max-width: 300px;
  padding: 0 1rem 1rem 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .formatError span {
  font-size: 12px;
  display: inline-block;
  padding: 2px;
  margin: 0 5px;
  border: 1px solid;
  border-radius: 4px;
  font-style: italic;
  opacity: 0.7;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions textarea,
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .ui.input {
  margin: 0.5rem;
  border-radius: 6px;
  padding: 0.5rem;
  min-width: 300px;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions textarea input,
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .ui.input input {
  background-color: transparent !important;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .react-datepicker-wrapper {
  width: 100%;
  padding: 1rem;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .react-datepicker-wrapper input {
  border: 1px solid;
  border-radius: 8px;
  padding: 0.5rem;
  width: 100%;
  display: flex;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .react-datepicker-wrapper input:focus, .taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions .react-datepicker-wrapper input:hover {
  cursor: pointer;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions.selected {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
  border-radius: 12px 12px 0 0;
  position: relative;
  overflow: hidden;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-header.marginBottom {
  margin-bottom: 1rem;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-header-icon {
  font-size: 60px;
  opacity: 0.2;
  position: absolute;
  right: -25px;
  transform: rotate(15deg);
  color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  color: var(--theme-surface-450);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option {
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  display: flex;
  align-items: center;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option.hidden {
  display: none;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-select {
  min-height: 17px;
  min-width: 17px;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-select:after {
  content: "";
  position: relative;
  top: 1px;
  left: 1px;
  display: none;
  width: 13px;
  height: 13px;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-select.checkbox {
  border-radius: 2px;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-select.checkbox .icon {
  display: flex;
  height: 15px;
  width: 15px;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-select.checkbox .icon:before {
  font-size: 10px;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-select.radio, .taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-select.radio:after {
  font-size: 0;
  border-radius: 15px;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option .option-value {
  width: 100%;
  font-size: 13px;
  color: #cccccc;
  color: var(--theme-text-80);
  overflow: hidden;
  word-break: break-all;
  max-width: 200px;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option.selected .option-select {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option.selected .option-select.checkbox:after {
  display: none;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option.selected .option-select:after {
  display: block;
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option.selected .option-value {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-content .taxonomyOptions-option.selected {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.taxonomy-edit-modal .taxonomyEdit-content > div {
  display: flex;
  flex-direction: column;
}

.assetTaxonomy h2 {
  display: flex;
  justify-content: space-between;
}
.assetTaxonomy.uploadTaxonomy {
  overflow: hidden;
  height: 100%;
  padding: 0.5rem;
}
.assetTaxonomy.uploadTaxonomy.hideOnUpload {
  opacity: 0.4;
}
.assetTaxonomy.uploadTaxonomy.hideOnUpload * {
  pointer-events: none !important;
}
.assetTaxonomy.uploadTaxonomy .ocBoxHeader {
  background-color: transparent;
}
.assetTaxonomy.uploadTaxonomy .ocBoxHeader h2 {
  font-size: 14px;
}
.assetTaxonomy.uploadTaxonomy .assetActionContent {
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
  overflow: hidden auto;
  row-gap: 5px;
  padding-top: 5px;
  padding-right: 0.7rem;
}
.assetTaxonomy.uploadTaxonomy .assetActionContent .taxonomyItem {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  border: 1px solid;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.assetTaxonomy.uploadTaxonomy .assetActionContent .taxonomyItem-label {
  border: none;
  padding: 3px 10px 5px 10px;
  width: 100%;
}
.assetTaxonomy.uploadTaxonomy .assetActionContent .taxonomyItem-value {
  position: initial;
  margin-top: 0;
  padding: 5px;
  border: none;
  width: 100%;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetTaxonomy.uploadTaxonomy .assetActionContent .taxonomyItem .actions {
  position: absolute;
  top: 0px;
  right: 0px;
}
.assetTaxonomy .taxonomyItem {
  display: flex;
  width: 100%;
  justify-content: space-between;
  transition: background-color 0.2s ease-in-out;
}
.assetTaxonomy .taxonomyItem.bulk-resetField {
  position: relative;
  border: 1px dashed;
  border-color: var(--theme-error-color-1);
}
.assetTaxonomy .taxonomyItem.bulk-resetField:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  pointer-events: none;
  background-color: var(--theme-error-color-1) !important;
}
.assetTaxonomy .taxonomyItem:nth-child(odd) {
  position: relative;
}
.assetTaxonomy .taxonomyItem:nth-child(odd):after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.2;
  pointer-events: none;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetTaxonomy .taxonomyItem:nth-child(odd) > div {
  position: relative;
}
.assetTaxonomy .taxonomyItem:nth-child(odd):hover {
  transition: background-color 0.2s ease-in-out;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetTaxonomy .taxonomyItem:hover {
  transition: background-color 0.2s ease-in-out;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetTaxonomy .taxonomyItem-label {
  width: 40%;
}
.assetTaxonomy .taxonomyItem-value {
  width: 60%;
  overflow: hidden;
  word-break: break-all;
}
.assetTaxonomy .taxonomyItem-label {
  border-bottom: 1px solid;
  border-right: 1px solid;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  align-content: space-between;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetTaxonomy .taxonomyItem-label span {
  word-wrap: break-word;
  hyphens: auto;
  overflow: hidden;
  width: 100%;
}
.assetTaxonomy .taxonomyItem-label > span.required {
  font-size: 10px;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.assetTaxonomy .taxonomyItem-label {
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetTaxonomy .taxonomyItem-label:last-child {
  border: none;
}
.assetTaxonomy .taxonomyItem-label.item {
  background-color: green;
}
.assetTaxonomy .taxonomyItem-value {
  border-bottom: 1px solid;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetTaxonomy .taxonomyItem-value p {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 4px;
  margin: 0 5px 5px 0;
  overflow: hidden;
  max-width: 100%;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetTaxonomy .taxonomyItem-value .copyBtn {
  cursor: pointer;
  margin: 0 0 0 0.5rem;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetTaxonomy .taxonomyItem-value .copyBtn:hover {
  color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  color: var(--theme-primary-40);
}
.assetTaxonomy .taxonomyItem-value .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  min-width: 45px;
}
.assetTaxonomy .taxonomyItem-value .actions .editBtn {
  cursor: pointer;
  margin: 0 0 0 0.5rem;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetTaxonomy .taxonomyItem-value .actions .editBtn:hover {
  color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  color: var(--theme-primary-40);
}
.assetTaxonomy .taxonomyItem-value .actions .resetBtn {
  cursor: pointer;
  margin: 0 0 0 0.5rem;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.assetTaxonomy .taxonomyItem-value .actions .resetBtn:hover {
  color: var(--theme-error-color-40);
}
.assetTaxonomy .taxonomyItem-value .actions .deleteBtn {
  cursor: pointer;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.assetTaxonomy .taxonomyItem-value .actions .deleteBtn:hover {
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
}
.assetTaxonomy .taxonomyItem-value .value {
  width: 100%;
  overflow: hidden;
  padding-right: 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetTaxonomy .taxonomyItem-submenu {
  position: relative;
}
.assetTaxonomy .taxonomyItem-submenu .list {
  position: absolute;
  z-index: 11;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  right: 0;
  left: 0;
  top: 0;
}
.assetTaxonomy .taxonomyItem-submenu .list.visible {
  display: block;
}
.assetTaxonomy .taxonomyItem-submenu .list.hidden {
  display: none;
}

.assetNext {
  overflow: hidden;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .assetNext {
    display: none;
  }
}
.assetNext * ::selection {
  background: transparent;
}
.assetNext * ::-moz-selection {
  background: transparent;
}
.assetNext-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.assetNext .assetNext-content {
  position: relative;
  overflow: hidden;
  grid-template-rows: 185px auto;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-radius: 12px;
}
.assetNext .assetNext-content > div:first-child {
  display: grid;
  grid-template-columns: 30px 1fr 30px;
}
.assetNext .assetNext-content.opened {
  height: 210px;
  margin-bottom: 10px;
  padding: 16px 0;
}
.assetNext .assetNext-content .assetNext-group {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.5rem;
  display: none;
}
.assetNext .assetNext-content .assetNext-group.active {
  display: grid;
}
.assetNext .assetNext-content .assetNext-group.column-2 {
  grid-template-columns: 1fr 1fr;
}
.assetNext .assetNext-content .assetNext-group.column-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.assetNext .assetNext-content .assetNext-group.column-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.assetNext .assetNext-content .assetNext-group.column-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.assetNext .assetNext-content .assetNext-group.column-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.assetNext .assetNext-content .assetNext-group.column-7 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.assetNext-box {
  min-height: 160px;
  height: 150px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid transparent;
  cursor: pointer;
  margin-bottom: 10px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  transition: transform 0.3s ease;
}
.assetNext-box.p7s1 {
  min-height: 160px;
  height: 160px;
}
.assetNext-box:hover {
  transform: scale(1.1);
}
.assetNext-box:active {
  transform: scale(0.95);
}
.assetNext-box .assetInfo {
  height: 85px;
  display: flex;
  flex-direction: column;
  padding: 7px;
}
.assetNext-box .assetInfo-additional {
  font-size: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden auto;
  height: 90px;
  padding-bottom: 10px;
}
.assetNext-box .assetInfo-additional > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  border-bottom: 1px solid var(--theme-surface-border);
  padding: 2px 4px;
}
.assetNext-box .assetInfo-additional > div:last-child {
  border-bottom: none;
}
.assetNext-box .assetInfo-additional span {
  display: inline-flex;
  line-height: 12px;
}
.assetNext-box .assetInfo-additional span:nth-child(2) {
  color: #ffffff;
  color: var(--theme-text-100);
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.assetNext-box .assetInfo h4 {
  height: 60px;
  margin: 0 0 5px 0;
  overflow: hidden;
  font-size: 0.8125rem;
  height: 100%;
  max-width: 115px;
  overflow-wrap: break-word;
  font-weight: normal;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetNext-box .assetInfo .details {
  font-size: 0.75rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetNext-box.active {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.assetNext-preview {
  position: relative;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetNext-preview > div {
  padding-top: 56.25%;
  width: 100%;
  overflow: hidden;
}
.assetNext-preview > div .preview {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}
.assetNext-preview > div .preview img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.assetNext-preview > div .preview .prproj {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
  background: rgb(47, 34, 66);
}
.assetNext-preview > div .preview .prproj svg {
  height: 50px;
  width: 100%;
  fill: rgb(158, 131, 198);
}
.assetNext-actions {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  border-radius: 12px;
  padding: 0.5rem;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetNext-actions.toCenter {
  justify-content: center;
}
.assetNext-actions.opened .nextCardIcon i {
  transition: all ease-in-out 0.2s;
}
.assetNext-actions.opened .nextCardIcon i:nth-child(1) {
  opacity: 0;
  transform: translate(50%, 0%);
}
.assetNext-actions.opened .nextCardIcon i:nth-child(2) {
  position: relative;
  transform: rotate(90deg) translate(0%, 70%);
}
.assetNext-actions.opened .nextCardIcon {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetNext-actions .nextCardIcon {
  display: flex;
  cursor: pointer;
  column-gap: 0.5rem;
}
.assetNext-actions .nextCardIcon i {
  transition: all ease-in-out 0.2s;
}
.assetNext-actions .nextCardIcon:hover {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetNext-actions .nextCardIcon div {
  height: 15px;
  width: 10px;
}
.assetNext-actions .nextCardIcon div:first-child {
  border-right: 10px solid;
  border-right-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-right-color: var(--theme-surface-300);
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  margin: 3px;
  height: 6px;
  width: 10px;
}
.assetNext-actions .nextCardIcon div:last-child {
  border-left: 10px solid;
  border-left-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-left-color: var(--theme-surface-300);
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  margin: 3px;
  height: 6px;
  width: 10px;
}
.assetNext-dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.assetNext-dots .assetNext-dots-group {
  display: none;
}
.assetNext-dots .assetNext-dots-group.active {
  display: flex;
}
.assetNext-dots .dot {
  transition: ease-in-out 0.2s all;
  display: block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  border: 1px solid;
  margin: 2px;
  border-color: rgb(65%, 65%, 65%);
  border-color: var(--theme-text-60);
  border-radius: 10px;
  cursor: pointer;
}
.assetNext-dots .dot:hover {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.assetNext-dots .dot.active {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
@media (max-width: 768px) {
  .assetNext-dots .dot {
    width: 7px;
    min-width: 7px;
    height: 7px;
    min-height: 7px;
  }
}
.assetNext .ocNextArrows {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 6;
}
.assetNext .ocNextArrows:hover {
  cursor: pointer;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetNext .ocNextArrows.arrowLeft {
  left: 0;
}
.assetNext .ocNextArrows.arrowRigth {
  right: 0;
}

.assetListFolders {
  padding: 1rem;
}
.assetListFolders-actions {
  border-radius: 0.375rem;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetListFolders-actions.opened {
  border-radius: 0.375rem 0.375rem 0 0;
}
.assetListFolders-actions > div {
  display: flex;
  flex-direction: row;
}
.assetListFolders-actions > div > div {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
}
.assetListFolders-actions > div > div.folderLength span.label {
  color: #cccccc;
  color: var(--theme-text-80);
  font-size: 0.9rem;
}
.assetListFolders-actions > div > div.folderLength span.infos {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 0.9rem;
}
.assetListFolders-actions > div > div.folderLength span:not(.label) {
  margin: 0 0.5rem;
}
.assetListFolders-actions > div > div.visibilityBtn {
  cursor: pointer;
}
.assetListFolders-actions > div > div.visibilityBtn.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetListFolders-actions > div > div.sizes span {
  width: 20px;
  cursor: pointer;
  font-size: 1rem;
}
.assetListFolders-actions > div > div.sizes span:hover, .assetListFolders-actions > div > div.sizes span.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetListFolders-actions > div > div.sizes span.size-small {
  font-size: 0.7rem;
}
.assetListFolders-list {
  padding: 1rem 1rem 0rem 1rem;
  border: 1px solid;
  border-radius: 0 0 0.375rem 0.375rem;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  flex-basis: 192px;
  border-color: #253141;
  border-color: var(--theme-surface-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetListFolders-list .backBtn {
  margin: 0 0.9rem 1.3rem;
  border: 2px dashed;
  width: 195px;
  max-width: 100%;
  height: 195px;
  flex-direction: column;
  max-height: 195px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: transparent;
  cursor: pointer;
  color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  color: var(--theme-surface-500);
  border-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  border-color: var(--theme-surface-500);
}
.assetListFolders-list .backBtn:hover {
  color: #6bf2a7;
  color: var(--theme-success-100);
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.assetListFolders-list .folderPreview {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  margin: 0 0.9rem 1.3rem;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  overflow: hidden;
  border-radius: 0.375rem;
  transition: ease-in-out all 0.2s;
  cursor: pointer;
  border: 1px solid transparent;
  width: 195px;
  max-width: 100%;
  height: 195px;
  max-height: 195px;
  align-items: center;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.assetListFolders-list .folderPreview.folderPreviewVisible {
  opacity: 1;
  transform: scale(1);
}
.assetListFolders-list .folderPreview.folderPreviewHidden {
  transform: scale(0.85);
  opacity: 0.1;
}
.assetListFolders-list .folderPreview .OcLoading {
  width: 100%;
  height: 150px;
}
.assetListFolders-list .folderPreview-img img, .assetListFolders-list .folderPreview-imgs img {
  width: 100% !important;
}
.assetListFolders-list .folderPreview-img .loader, .assetListFolders-list .folderPreview-imgs .loader {
  z-index: 6;
  background: transparent;
}
.assetListFolders-list .folderPreview-img {
  height: 120px;
  width: 175px;
  margin: 0.8rem;
  border-radius: 5px;
  overflow: hidden;
}
.assetListFolders-list .folderPreview-img img {
  width: 40px;
  height: 100%;
  object-fit: cover;
}
.assetListFolders-list .folderPreview-img div {
  width: 79px;
  height: 79px;
  border-radius: 4px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetListFolders-list .folderPreview-img div.empty {
  width: auto;
  height: 110px;
  opacity: 0.3;
}
.assetListFolders-list .folderPreview-imgs {
  display: flex;
  flex-wrap: wrap;
  padding: 6px;
  height: 150px;
}
.assetListFolders-list .folderPreview-imgs.layout-1 .preview {
  width: 175px;
  height: 120px;
}
.assetListFolders-list .folderPreview-imgs.layout-2 .preview {
  width: 175px;
  height: 55px;
}
.assetListFolders-list .folderPreview-imgs.layout-3, .assetListFolders-list .folderPreview-imgs.layout-0 {
  display: block;
}
.assetListFolders-list .folderPreview-imgs.layout-3 .preview:nth-child(1), .assetListFolders-list .folderPreview-imgs.layout-0 .preview:nth-child(1) {
  float: left;
  height: 120px;
}
.assetListFolders-list .folderPreview-imgs.layout-3 .preview:nth-child(2), .assetListFolders-list .folderPreview-imgs.layout-3 .preview:nth-child(3), .assetListFolders-list .folderPreview-imgs.layout-0 .preview:nth-child(2), .assetListFolders-list .folderPreview-imgs.layout-0 .preview:nth-child(3) {
  height: 55px;
  float: right;
}
.assetListFolders-list .folderPreview-imgs div {
  width: 79px;
  height: 79px;
  border-radius: 4px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetListFolders-list .folderPreview-imgs div.preview {
  position: relative;
  overflow: hidden;
}
.assetListFolders-list .folderPreview-imgs div.preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.assetListFolders-list .folderPreview-imgs div.empty {
  width: auto;
  height: 110px;
  opacity: 0.3;
}
.assetListFolders-list .folderPreview-label {
  text-align: left;
  overflow-wrap: break-word;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 5px 0px 11px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetListFolders-list .folderPreview-label > div {
  display: flex;
  flex-direction: column;
}
.assetListFolders-list .folderPreview-label > div > div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assetListFolders-list .folderPreview-label > div > div:nth-child(1) {
  font-size: 1rem;
}
.assetListFolders-list .folderPreview-label > div > div:nth-child(2) {
  font-size: 12px;
  opacity: 0.5;
}
.assetListFolders-list .folderPreview-label > div > div:nth-child(3) {
  font-size: 12px;
}
.assetListFolders-list .folderPreview-label span {
  font-size: 12px;
  padding: 0 10px;
  opacity: 0.3;
}
.assetListFolders-list .folderPreview {
  transition: all 0.2s ease-in-out;
}
.assetListFolders-list .folderPreview:hover {
  transform: scale(1.05);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.assetListFolders-list > div .label,
.assetListFolders-list > div .infos {
  width: 180px;
  height: 18px;
  font-size: 1rem;
  line-height: 1rem;
  display: block;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.assetListFolders-list > div .infos {
  font-size: 0.8rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetListFolders-list > div .infos span.empty {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
  opacity: 0.2;
}
.assetListFolders-list > div .infos span:nth-child(1) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetListFolders-list > div .infos span:nth-child(2) {
  margin: auto 6px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetListFolders-list > div .infos span:nth-child(3) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetListFolders-list .emptyFolder {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2rem;
}
.assetListFolders-list .emptyFolder:hover .icon,
.assetListFolders-list .emptyFolder:hover .label {
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetListFolders-list .emptyFolder .icon {
  font-size: 2rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetListFolders-list .emptyFolder .label {
  font-size: 1rem;
  display: flex;
  justify-content: flex-start;
  width: auto;
  height: auto;
  padding: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetListFolders-list.list-small .folderPreview-imgs,
.assetListFolders-list.list-small .folderPreview-img,
.assetListFolders-list.list-small .infos {
  display: none;
}
.assetListFolders-list.list-small > div {
  width: 135px;
  max-width: 100%;
  height: 30px;
  max-height: 30px;
  margin: 0 0.25rem 1rem;
  flex-direction: row;
  align-items: center;
}
.assetListFolders-list.list-small > div.empty {
  width: calc(100% - 150px);
  margin-bottom: 1rem;
}
.assetListFolders-list.list-small > div.empty .label {
  width: auto;
  text-align: left;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.assetListFolders-list.list-small > div .label {
  width: 90px;
  text-align: left;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.assetListFolders-list.list-small > div .icon {
  font-size: 1rem;
  padding: 0;
  margin: 0 0.32rem;
  line-height: 1rem;
}
@media (max-width: 767px) {
  .assetListFolders .assetListFolders-list {
    padding: 0.5rem 0.5rem 0rem 0.5rem;
  }
  .assetListFolders .assetListFolders-list .folderPreview {
    width: 160px;
    margin: 0 0.25rem 0.5rem;
  }
  .assetListFolders .assetListFolders-list .folderPreview .folderPreview-imgs div {
    width: 62px;
  }
  .assetListFolders .assetListFolders-list .folderPreview .folderPreview-imgs.layout-1 div {
    width: 140px;
  }
  .assetListFolders .assetListFolders-list .folderPreview .folderPreview-imgs.layout-2 div {
    height: 120px;
  }
}

.annotationOverlayImage {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  font-size: 10px;
  line-height: 1.2em;
  user-select: none;
}
.annotationOverlayImage.hidden {
  display: none;
}

.annotationCursorPin {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
}
.annotationCursorPin .pin {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header);
  border-radius: 90% 50% 90% 10px;
  transform: rotate(-45deg);
  position: relative;
}
.annotationCursorPin .pin .icon {
  font-size: 1.7rem;
  transform: rotate(45deg);
  position: relative;
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.annotationCursorPin .pin {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}

.annotationOverlayVideo {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.2em;
  cursor: pointer;
}
.annotationOverlayVideo.hidden {
  display: none;
}

.annotationItem {
  position: absolute;
  cursor: default;
}
.annotationItem:hover .annotationCursorPin {
  display: none;
}
.annotationItem .annotationCommentOverlay {
  position: relative;
  top: -15px;
  left: -8px;
  display: flex;
  opacity: 1;
}
.annotationItem .annotationCommentOverlay:hover {
  z-index: 999;
}
.annotationItem .annotationCommentOverlay:hover .annotationCommentOverlayContent:not(.visible) {
  display: flex;
}
.annotationItem .annotationCommentOverlay:hover .annotationCommentOverlayContent:not(.visible) .Annotation-user .Annotation-user-email {
  display: none;
}
.annotationItem .annotationCommentOverlay .pin {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header);
  border-radius: 90% 50% 90% 10px;
  transform: rotate(-45deg);
  position: relative;
}
.annotationItem .annotationCommentOverlay .pin .icon {
  font-size: 1.7rem;
  transform: rotate(45deg);
  position: relative;
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.annotationItem .annotationCommentOverlay .pin {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent {
  display: none;
  justify-content: flex-start;
  flex-direction: column;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  opacity: 1;
  width: 200px;
  height: 100%;
  max-height: 100px;
  border-radius: 8px;
  position: relative;
  padding: 5px;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent.visible {
  display: flex;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .Annotation-user {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .Annotation-user-name {
  font-weight: 500;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .Annotation-user-email {
  opacity: 0.7;
  font-size: 11px;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .Annotation-user .annotationAvatarWrapper {
  flex-shrink: 0;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .Annotation-user .Annotation-user-info {
  display: flex;
  flex-direction: column;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .annotationClose {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .annotationClose .icon {
  font-size: 0.8rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .annotationClose:hover {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .annotationClose:hover .icon {
  color: #ffffff;
  color: var(--theme-text-100);
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .annotationAvatarWrapper {
  margin: 5px;
  text-align: center;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .annotationContentWrapper {
  height: 100%;
  flex: 1;
  overflow-y: auto;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .annotationContentWrapper .annotationTime {
  padding-top: 3px;
  font-weight: bold;
}
.annotationItem .annotationCommentOverlay .annotationCommentOverlayContent .text {
  max-width: 180px;
}
.annotationItem.active .annotationCommentOverlay .annotationCommentOverlayContent {
  display: none;
}
.annotationItem.active .annotationCommentOverlay .pin {
  background-color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  background-color: var(--theme-primary-60);
}
.annotationItem.invert .annotationCommentOverlay {
  position: absolute;
  left: auto;
  right: -8px;
  flex-direction: row-reverse;
}
.annotationItem.transformTop .annotationCommentOverlay {
  top: 0;
}
.annotationItem.transformBottom {
  position: relative;
}
.annotationItem.transformBottom .annotationCommentOverlay {
  top: auto;
  bottom: 50px;
}
.annotationItem.transformBottom .annotationCommentOverlay .pin {
  position: relative;
}
.annotationItem.transformBottom .annotationCommentOverlay .pin img {
  position: absolute;
  bottom: 0;
}

.annotationFormContent {
  display: flex;
  justify-content: space-around;
}
@media only screen and (max-width: 400px) {
  .annotationFormContent {
    flex-direction: column;
  }
}
.annotationFormContent .columnLeft {
  width: 100%;
}
.annotationFormContent .columnLeft textarea {
  min-height: 85px;
  width: 100%;
}

.annotationFormPin {
  position: absolute;
}
.annotationFormPin .annotationCommentOverlay {
  position: relative;
  top: -15px;
  left: -8px;
}
.annotationFormPin .annotationCommentOverlay .pin {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header);
  border-radius: 90% 50% 90% 10px;
  transform: rotate(-45deg);
  position: relative;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
}
.annotationFormPin .annotationCommentOverlay .pin .icon {
  font-size: 1.7rem;
  transform: rotate(45deg);
  position: relative;
  color: #97dceb;
  color: var(--theme-secondary-100);
}

.annotationButtonsImage {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.annotationButtonsImage .annotationIcon {
  width: 30px;
  padding: 5px 5px;
  text-align: center;
  cursor: pointer;
  font-family: icons;
}
.annotationButtonsImage .annotationIcon.active {
  background: #16ab39;
  border-radius: 5px;
}
.annotationButtonsImage .annotationIcon.disabled {
  opacity: 0.1;
  pointer-events: none;
}
.annotationButtonsImage .annotationState:before {
  content: "\f3c5";
}
.annotationButtonsImage .annotationState.active {
  background: #16ab39;
}
.annotationButtonsImage .annotationShow:before {
  content: "\f075";
}
.annotationButtonsImage .annotationShow.hidden {
  color: #ffffff;
  color: var(--theme-text-100);
}
.annotationButtonsImage .annotationFullscreen {
  font-family: VideoJS;
  font-size: 1.5em;
}
.annotationButtonsImage .annotationFullscreen:before {
  content: "\f108";
}

.annotationPagination {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 10;
  margin: 0 auto;
  padding: 5px;
  margin-top: 5px;
  line-height: 1.2em;
  font-size: 1em;
  border-radius: 15px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.annotationPagination i {
  font-size: 1.5em;
}
.annotationPagination i.disabled {
  cursor: not-allowed;
}
.annotationPagination i.enabled {
  cursor: pointer;
}

.AnnotationCommentsList {
  width: 300px;
  height: 100%;
  overflow-y: auto;
  border-left: 1px solid;
  z-index: 99999;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.AnnotationCommentsList-header {
  display: flex;
  flex-direction: row;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 0.5rem;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.AnnotationCommentsList-content {
  padding: 1rem;
}
.AnnotationCommentsList .ui.comments {
  max-width: 100%;
  margin: 0;
}
.AnnotationCommentsList .comment {
  padding: 0.5em;
  border-radius: 8px;
  margin: 0;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.AnnotationCommentsList .comment .commentEdit {
  cursor: pointer;
}
.AnnotationCommentsList .comment .commentEdit.active svg path, .AnnotationCommentsList .comment .commentEdit:hover svg path {
  stroke: #34c6e5;
  stroke: var(--theme-primary-100);
}
.AnnotationCommentsList .comment .commentEdit svg path {
  stroke: rgb(50%, 50%, 50%);
  stroke: var(--theme-text-40);
}
.AnnotationCommentsList .comment .commentReplyInput {
  margin-top: 0.5rem;
}
.AnnotationCommentsList .comment .commentReplyInput-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.25rem;
}
.AnnotationCommentsList .comment .commentReplyInput-close {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.AnnotationCommentsList .comment .commentReplyInput-close:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AnnotationCommentsList .comment .commentEditInput {
  display: flex;
  flex-direction: row;
  position: relative;
}
.AnnotationCommentsList .comment .commentEditInput button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
}
.AnnotationCommentsList .comment .commentEditInput button svg path {
  stroke: #6bf2a7;
  stroke: var(--theme-success-100);
}
.AnnotationCommentsList .comment .commentEditInput input {
  font-size: 14px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0.5rem 40px 0.5rem 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.AnnotationCommentsList .comment .commentEditInput input:focus, .AnnotationCommentsList .comment .commentEditInput input:active {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.AnnotationCommentsList .comment:first-child, .AnnotationCommentsList .comment:nth-child(1) {
  margin-top: 0 !important;
}
.AnnotationCommentsList .comment.comment-single {
  margin-top: 1rem;
}
.AnnotationCommentsList .comment.comment-parent {
  margin-top: 1rem;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
}
.AnnotationCommentsList .comment.subComment-close {
  border-top: none;
  border-bottom: 1px solid !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  border-radius: 0 0 8px 8px !important;
}
.AnnotationCommentsList .comment.subComment {
  border-top: none;
  border-bottom: none;
  border-radius: 0px;
}
.AnnotationCommentsList .comment .content {
  row-gap: 0.5rem;
  display: flex;
  flex-direction: column;
}
.AnnotationCommentsList .comment-content-top {
  min-height: 25px;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.AnnotationCommentsList .comment-content-top span.separator {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  opacity: 0.3;
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
}
.AnnotationCommentsList .comment .avatar {
  margin-top: 0;
  padding: 0;
}
.AnnotationCommentsList .comment.non-reg-user {
  background: rgba(15, 15, 15, 0.3);
}
.AnnotationCommentsList .comment.non-reg-user .non-reg-info {
  display: inline-flex;
  flex-direction: column;
}
.AnnotationCommentsList .comment.non-reg-user .non-reg-info > span:nth-child(2) {
  font-size: 10px;
  font-weight: normal;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}
.AnnotationCommentsList .comment .typeIndicator {
  margin: 0 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 100%;
}
.AnnotationCommentsList .comment .commentDelete {
  cursor: pointer;
  opacity: 1;
}
.AnnotationCommentsList .comment .commentDelete svg {
  width: 20px;
  height: 20px;
}
.AnnotationCommentsList .comment .commentDelete svg path {
  stroke: #e74c3c;
  stroke: var(--theme-error-100);
}
.AnnotationCommentsList .comment .commentDelete:hover {
  opacity: 1;
}
.AnnotationCommentsList .comment .commentDelete:hover svg path {
  stroke: rgb(48.1869460113%, 9.8845017459%, 5.9307010475%);
  stroke: var(--theme-error-40);
}
.AnnotationCommentsList .comment.annotation-highlight {
  border-color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  border-color: var(--theme-primary-60) !important;
}
.AnnotationCommentsList .comment.highlighted {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.AnnotationCommentsList .author {
  font-weight: normal;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AnnotationCommentsList .metadata {
  margin: 0;
  color: var(--theme-text-70);
}
.AnnotationCommentsList .text {
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AnnotationCommentsList .actions a {
  font-size: 12px;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.AnnotationCommentsList .actions a:active, .AnnotationCommentsList .actions a:hover {
  color: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  color: var(--theme-primary-60);
}

.annotation-connection-lines .connection-line {
  opacity: 0;
  animation: fadeInLine 0.3s ease-out forwards;
}
.annotation-connection-lines .connection-dot {
  opacity: 0;
  animation: fadeInDot 0.3s ease-out 0.1s forwards;
}

@keyframes fadeInLine {
  from {
    opacity: 0;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
  }
  to {
    opacity: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
  }
}
@keyframes fadeInDot {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.redactionAnnotationRect {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#ocBlurElements {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}

.redactionBlureShape {
  position: absolute;
  pointer-events: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(6px);
  z-index: 1;
  border-radius: 0px;
}
.redactionBlureShape.ellipse {
  border-radius: 100%;
}
.redactionBlureShape.rectangle {
  border-radius: 0%;
}

.svgDraw {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: crosshair;
}
.svgDraw #svg {
  border: 1px solid #43e729;
  cursor: crosshair;
}
.svgDraw .rectangle {
  fill: rgb(0, 0, 0);
}
.svgDraw .shapeBlur {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
}

#AssetRedactionBox {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#AssetRedactionBox .noRedaction {
  display: flex;
  padding: 2rem 1rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0.4;
  width: 100%;
  min-width: 300px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#AssetRedactionBox .noRedaction span {
  display: block;
  width: 100%;
  max-width: 600px;
  line-height: normal;
}
#AssetRedactionBox .noRedaction span:first-child {
  font-size: 40px;
}
#AssetRedactionBox .AssetRedactionBoxContent {
  display: flex;
  flex-direction: row;
  width: 100vw;
  height: calc(100vh - 60px);
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar {
  min-width: 180px;
  max-width: 180px;
  padding: 1rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item {
  border-bottom: 1px dashed;
  padding: 1rem 0;
  border-color: #253141;
  border-color: var(--theme-surface-100);
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours svg {
  margin: 0 0.5rem 0.5rem 0;
  opacity: 0.3;
  cursor: pointer;
  border: 1px solid;
  border-radius: 6px;
  border-color: #253141;
  border-color: var(--theme-surface-100);
  transform: scale(0.8);
  transition: all 0.2s ease-in-out;
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours svg.disabled {
  cursor: not-allowed;
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours svg.disabled:hover {
  opacity: 0.3;
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours svg.active, #AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours svg:hover {
  opacity: 1;
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours svg:hover {
  transform: scale(0.9);
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item .redactionColours svg.active {
  transform: scale(1);
}
#AssetRedactionBox .AssetRedactionBoxContent-toolbar .redactionTools-item h3 {
  font-size: 14px;
  color: #cccccc;
  color: var(--theme-text-80);
}
#AssetRedactionBox .AssetRedactionBoxContent-video {
  width: 100%;
  max-width: 1200px;
  padding: 1rem;
}
#AssetRedactionBox .AssetRedactionBoxContent-video .arWrapper {
  max-height: none;
}
#AssetRedactionBox .AssetRedactionBoxContent-video .proxyVideoContent .ratio-16-9 {
  width: auto;
  max-width: 1200px;
}
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .ocp-settings {
  bottom: 10px;
}
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .vjs-control-bar {
  position: relative;
  top: 0;
  padding-top: 20px;
  opacity: 1 !important;
  pointer-events: all !important;
  background: #253141;
  background: var(--theme-surface-100);
}
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .vjs-control-bar .vjs-progress-control {
  width: calc(100% - 20px);
  left: 10px;
}
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder.vjs-slider,
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress,
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .vjs-control-bar .vjs-progress-control .vjs-mouse-display,
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress {
  border-radius: 30px !important;
}
#AssetRedactionBox .AssetRedactionBoxContent-video .video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress {
  overflow: hidden;
}
#AssetRedactionBox .AssetRedactionBoxContent-items {
  padding: 1rem;
  display: flex;
  width: auto;
  height: 100%;
  flex: 1;
}
#AssetRedactionBox .Actions {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-radius: 6px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  height: 60px;
}
#AssetRedactionBox .Actions-title {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#AssetRedactionBox .Actions-title div {
  opacity: 0.3;
}
#AssetRedactionBox .Actions-title h2 {
  margin: 0;
  font-size: 16px;
}
#AssetRedactionBox .Actions-buttons {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}
#AssetRedactionBox .Actions-buttons .notify {
  padding: 0 10px;
  text-align: center;
}
#AssetRedactionBox .redactionDictionary {
  overflow: hidden auto;
  width: 100%;
  min-width: 300px;
  padding: 0 1rem 0 0;
}
#AssetRedactionBox .redactionDictionary .redactionItem {
  position: relative;
  border: 1px solid transparent;
  transition: ease-in-out 0.2s all;
  border-radius: 6px;
  margin-bottom: 1rem;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  transition: ease-in-out all 0.2s, width 0s;
  top: 0;
  z-index: 1;
}
#AssetRedactionBox .redactionDictionary .redactionItem.active {
  overflow: hidden;
}
#AssetRedactionBox .redactionDictionary .redactionItem.active .redactionItem-head:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  z-index: 0;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
#AssetRedactionBox .redactionDictionary .redactionItem.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  z-index: 0;
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
#AssetRedactionBox .redactionDictionary .redactionItem.active .redactionItem-content .redactionKeyframes div .timeJumpBtn {
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
#AssetRedactionBox .redactionDictionary .redactionItem.active .redactionItem-content .redactionKeyframes div .timeJumpBtn:hover {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
#AssetRedactionBox .redactionDictionary .redactionItem-head {
  display: flex;
  position: relative;
  z-index: 1;
  padding: 0.5rem 0.3rem 0.5rem 1rem;
  height: 35px;
  border-radius: 5px 5px 0 0;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 5px 5px 0 0;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadInfo {
  font-size: 12px;
  display: inline-flex;
  z-index: 1;
  position: relative;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadInfo > span {
  position: relative;
  z-index: 1;
  color: #cccccc;
  color: var(--theme-text-80);
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadInfo .rowHead-icon {
  opacity: 0.3;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadInfo .rowHead-rowId {
  font-weight: bold;
  padding: 0 1rem 0 0;
  opacity: 0.2;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadInfo .rowHead-arrow {
  opacity: 0.4;
  padding: 0 0.5rem;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadActions {
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadActions button {
  margin-left: 0.5rem;
  border: 1px solid transparent;
  border-radius: 3px !important;
  padding: 4px;
  white-space: nowrap;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadActions-addButton {
  min-width: 70px;
  display: flex;
  justify-content: flex-end;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadActions-deleteButton {
  display: inline-flex;
  justify-content: flex-end;
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadActions-deleteButton button {
  color: #fff;
  opacity: 1;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadActions-deleteButton button:hover {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
#AssetRedactionBox .redactionDictionary .redactionItem-head .redactionHeadActions:hover button {
  opacity: 1;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content {
  align-items: center;
  padding: 1rem;
  position: relative;
  z-index: 1;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes .noKeyframes {
  opacity: 0.5;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div {
  position: relative;
  display: flex;
  margin: 0rem 0.5rem 0.5rem 0;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div .timeJumpBtn {
  position: relative;
  padding: 0.5rem;
  border-radius: 4px;
  font-size: 12px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: #253141;
  background-color: var(--theme-surface-100);
  cursor: pointer;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div .timeJumpBtn:hover {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div:hover .removeBtn {
  position: absolute;
  top: -15px;
  opacity: 1;
  z-index: 1;
  border-radius: 4px 4px 0 0;
  transition: ease-in-out all 0.2s;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div:hover .timeJumpBtn {
  border-radius: 0 0 4px 4px;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div .removeBtn {
  margin: 0;
  padding: 0px;
  border-radius: 4px;
  height: 15px;
  width: 100%;
  font-size: 8px;
  display: flex;
  position: absolute;
  color: #fff;
  align-items: center;
  justify-content: center;
  top: -28px;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: ease-in-out all 0.2s;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  cursor: pointer;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div .removeBtn .icon {
  margin: 0;
  line-height: 12px;
  width: 10px;
  height: 10px;
  display: block;
}
#AssetRedactionBox .redactionDictionary .redactionItem-content .redactionKeyframes div .removeBtn:hover {
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
}

.redactionDictionary-item {
  padding: 1rem;
  border-bottom: 1px dashed;
}
.redactionDictionary-item:last-child {
  border: none;
}

.AssetRedactionModal {
  height: calc(100% - 4rem);
}
.AssetRedactionModal.ui.active.modal {
  display: flex !important;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}
.AssetRedactionModal .redactionProgress {
  position: relative;
  width: 400px;
  height: 30px;
  border-radius: 50px;
  border: 2px solid;
  overflow: hidden;
  border-color: #cccccc;
  border-color: var(--theme-text-80);
}
.AssetRedactionModal .redactionProgress-label {
  padding: 0.5rem;
}
.AssetRedactionModal .redactionProgress:after {
  content: "";
  position: absolute;
  display: block;
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  background-color: transparent;
  border: 6px solid;
  border-radius: 50px;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.AssetRedactionModal .redactionProgress * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.AssetRedactionModal .redactionProgress-bar {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50px;
  background: linear-gradient(45deg, #0cdd7f, #0fbadd);
  border: 2px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: #cccccc;
  background-color: var(--theme-text-80);
  left: -100%;
  animation: redactionLoad 2s linear infinite;
}
.AssetRedactionModal .actions {
  display: flex;
  width: 100%;
}
.AssetRedactionModal .actions div {
  width: 100%;
}
.AssetRedactionModal .actions div:first-child {
  display: flex;
  justify-content: flex-start;
}
.AssetRedactionModal .content {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden scroll;
}
.AssetRedactionModal .content-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.AssetRedactionModal .content .videoPreview {
  margin: auto;
  height: 100%;
  width: 100%;
}
.AssetRedactionModal .content .videoPreview .vjs-subs-caps-button,
.AssetRedactionModal .content .videoPreview .vjs-picture-in-picture-control {
  display: none;
}

@keyframes redactionLoad {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.assetApprove .ui.checkbox.users,
.assetReview .ui.checkbox.users {
  display: block;
  margin-bottom: 0.8rem;
}
.assetApprove .checkAll,
.assetReview .checkAll {
  margin-bottom: 0.3rem;
  cursor: pointer;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetApprove .userListScroll,
.assetReview .userListScroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.assetApprove.marginTop,
.assetReview.marginTop {
  margin-top: 0.9375rem;
}

.assetReview .ui.checkbox.users {
  display: block;
  margin-bottom: 0.8rem;
}
.assetReview .checkAll {
  margin-bottom: 0.3rem;
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
}

.Share {
  height: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.Share-successSubModal {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 3;
}
.Share-successSubModal.fixed {
  position: fixed !important;
}
.Share-successSubModal-content {
  position: relative;
  height: 320px;
  width: 100%;
  max-width: 500px;
}
.Share-action-buttons {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.Share-action-buttons > div {
  align-items: center;
  display: flex;
  column-gap: 0.5rem;
}
.Share-action-buttons > div > div {
  align-items: center;
  display: flex;
}
.Share-action-buttons > div > div > div {
  align-items: center;
  display: flex;
}
.Share-action-buttons .Share-manage-links-btn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  text-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  border: 1px solid;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.Share-action-buttons .Share-manage-links-btn svg path {
  fill: #ffffff;
  fill: var(--theme-text-100);
}
.Share-action-buttons .Share-manage-links-btn:hover {
  fill: #ffffff;
  fill: var(--theme-text-100);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-color: rgb(65%, 65%, 65%);
  border-color: var(--theme-text-60);
}
.Share-action-buttons .Share-manage-links-btn:hover svg path {
  fill: rgb(65%, 65%, 65%);
  fill: var(--theme-text-60);
}
.Share-modal-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  background-color: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  background-color: var(--theme-secondary-60);
  transition: all 0.2s ease-in-out;
}
.Share-modal-btn:hover {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
.Share-modal-btn > div:nth-child(1) {
  color: rgb(120, 183, 255);
}
.Share-modal-btn > div:nth-child(2) {
  color: rgb(255, 255, 255);
}
.Share-tabs {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 35px;
  padding: 0.3rem 0.3rem 0 0.3rem;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.Share-tabs:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  border-bottom: 1px solid;
  bottom: 0;
  left: 0;
  right: 0;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
  opacity: 0.1;
}
.Share-tabs .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  opacity: 0.5;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.Share-tabs .tab.disabled {
  opacity: 0.3;
}
.Share-tabs .tab:hover:not(.active) {
  border-color: #ffffff;
  border-color: var(--theme-text-100);
  opacity: 0.3;
}
.Share-tabs .tab.active {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
  opacity: 1;
}
.Share .action-row {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  justify-content: flex-end;
}
.Share .action-row .submitBtn,
.Share .action-row .closeBtn {
  margin-top: 1rem;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
}
.Share .action-row .submitBtn.disabled,
.Share .action-row .closeBtn.disabled {
  border-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  border-color: var(--theme-error-80);
  background-color: #cccccc;
  background-color: var(--theme-text-80) !important;
}
.Share .action-row .submitBtn {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
}
.Share .action-row .closeBtn {
  color: #ffffff;
  color: var(--theme-text-100) !important;
  border-color: #ffffff;
  border-color: var(--theme-text-100) !important;
  background-color: transparent;
}
.Share-settings {
  position: relative;
}
.Share-settings:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  border-bottom: 1px solid;
  top: 0;
  left: 0;
  right: 0;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
  opacity: 0.4;
}
.Share-settings h2 {
  font-size: 16px;
  padding: 1rem 0 0 0;
  font-weight: normal;
  color: #ffffff;
  color: var(--theme-text-100);
}
.Share-settings .item-columns {
  position: relative;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}
.Share-settings .item-columns .Share-item:after {
  display: none;
}
.Share-content {
  height: 100%;
  display: flex;
  overflow: hidden auto;
}
.Share-content .wrapper {
  padding: 1rem;
  height: 100%;
  display: none;
  width: 100%;
}
.Share-content .wrapper form.ui.form {
  width: 100%;
}
.Share-content .wrapper.linksTab {
  padding: 0;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.Share-content .wrapper.active {
  display: flex;
  overflow: hidden;
  height: 100%;
}
.Share-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0 1rem 0;
}
.Share-item h2 {
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
}
.Share-item .ui.fitted.toggle.checkbox.smallToggle.checked.disabled {
  opacity: 1 !important;
}
.Share-item .ui.fitted.toggle.checkbox.smallToggle.checked label:before {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
}
.Share-item input,
.Share-item textarea {
  border-radius: 8px !important;
}
.Share-item .expirationOption {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Share-item .expirationOption .sub-option {
  padding-left: 1.5rem;
  margin: 0.5rem auto 0 auto;
}
.Share-item .expirationOption .sub-option-warning {
  padding-left: 1.5rem;
  margin: 0.25rem auto 0 auto;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
}
.Share-item .expirationOption .sub-option-warning .icon {
  margin: 0;
}
.Share-item .expirationOption .expiration-date-field-wrapper > div {
  width: 100%;
}
.Share-item .expirationOption .expiration-date-field-wrapper > div > div {
  width: 100%;
}
.Share-item .expirationOption > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-top: 0.5rem;
}
.Share-item .expirationOption > div > div:first-child {
  width: 100%;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Share-item .expirationOption .ui.checkbox {
  display: flex;
  align-items: center;
  min-width: 35px;
  font-size: 12px;
}
.Share-item .expirationOption .expiration-date-field-wrapper {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.Share-item .expirationOption .expiration-date-field-input {
  padding: 0.5rem;
  width: 100%;
}
.Share-item-label {
  width: 150px;
}
.Share-item-label h3 {
  padding: 0.5rem;
  font-size: 12px;
  font-weight: normal;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Share-item-label h3 span.required {
  font-size: 14px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.Share-item-content {
  width: 100%;
}
.Share-item-content.checkboxes {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Share-item-content.checkboxes > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.Share-item-content.checkboxes > div > div:first-child {
  width: 100%;
  font-size: 12px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Share-item-content.checkboxes .ui.checkbox {
  min-width: 35px;
  font-size: 12px;
}
.Share-item-content.checkboxes .ui.checkbox label {
  font-size: 13px;
}
.Share-item-content.checkboxes .ui.checkbox label:before {
  border-radius: 5px;
}
.Share-item-content.checkboxes .ui.checkbox label:after {
  font-size: 12px;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.Share .addedUserListForReview {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.Share .addedUserListForReview-selected-info {
  font-weight: normal;
  font-size: 12px;
  margin: 0 0 1rem 0;
  color: var(--theme-text-70);
}
.Share .addedUserListForReview-selected, .Share .addedUserListForReview-top {
  position: relative;
  display: flex;
  flex-direction: column;
}
.Share .addedUserListForReview-dropdown {
  position: relative;
}
.Share .addedUserListForReview-dropdown > div {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  z-index: 6;
  overflow: hidden auto;
  border-radius: 6px;
  max-height: 130px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.Share .addedUserListForReview-dropdown > div > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid;
  padding: 0.5rem;
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.Share .addedUserListForReview-dropdown > div > div:hover {
  cursor: pointer;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.Share .addedUserListForReview-dropdown > div > div:last-child {
  border: none;
}
.Share .addedUserListForReview-dropdown > div > div .userItem-info div:nth-child(2) {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.Share .addedUserListForReview-dropdown .newUserInv {
  display: flex;
  flex-direction: row;
}
.Share .addedUserListForReview-dropdown .newUserInv > div:nth-child(1) {
  padding: 0 1rem;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.Share .addedUserListForReview-dropdown .newUserInv .infos {
  padding: 0.5rem 0;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.Share .addedUserListForReview-selected {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  font-size: 13px;
  max-height: 100px;
  overflow: hidden scroll;
}
.Share .addedUserListForReview-selected > div:not(.empty) {
  display: inline-flex;
  flex-direction: row;
  border-radius: 30px;
  padding: 3px;
  column-gap: 5px;
  align-items: center;
  justify-content: center;
  background-color: rgb(42, 173, 81);
}
.Share .addedUserListForReview-selected > div:not(.empty) div {
  color: #000;
}
.Share .addedUserListForReview-selected > div:not(.empty).new {
  background-color: rgb(37, 95, 204);
}
.Share .addedUserListForReview-selected > div:not(.empty).new div {
  color: #ffffff;
}
.Share .addedUserListForReview-selected > div:not(.empty) > div {
  padding: 0 17px 0 0;
  display: flex;
  flex-direction: row;
  position: relative;
}
.Share .addedUserListForReview-selected > div:not(.empty) > div .remove {
  right: 0;
  display: flex;
  font-size: 20px;
  top: -4px;
  position: absolute;
  cursor: pointer;
  transform: rotate(45deg);
}
.Share .addedUserListForReview-selected > div.empty {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Share .accessTypeDropdown {
  cursor: pointer;
}
.Share .accessTypeDropdown-selected {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  padding: 0 1rem;
  border-radius: 8px;
  margin: 0 0 1px 0;
  height: 38px;
  column-gap: 0.5rem;
}
.Share .accessTypeDropdown-selected .icon {
  opacity: 0.8;
  color: #ffffff;
  color: var(--theme-text-100);
}
.Share .accessTypeDropdown-selected > div:nth-child(3) {
  margin: 0 0 0 auto;
}
.Share .accessTypeDropdown > div:nth-child(1) {
  position: relative;
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown {
  position: absolute;
  bottom: 2px;
  z-index: 10;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid;
  border-color: #253141;
  border-color: var(--theme-surface-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown .icon {
  opacity: 0.8;
  color: #ffffff;
  color: var(--theme-text-100);
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div {
  display: flex;
  flex-direction: column;
  padding: 0.8rem;
  row-gap: 0.3rem;
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div:hover {
  cursor: pointer;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div > div:nth-child(1) i.icon {
  margin: 0;
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div > div:nth-child(2) {
  font-size: 11px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div > div:nth-child(2) > div {
  display: flex;
  flex-direction: column;
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 5px;
}
.Share .accessTypeDropdown > div:nth-child(1) .accessTypeDropdown-dropdown > div > div:nth-child(2) > div:nth-child(2) {
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}

.ShareLinkList {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.ShareLinkList .breadcrumb {
  padding-bottom: 1rem;
}
.ShareLinkList .breadcrumb a {
  color: #6bf2a7;
  color: var(--theme-success-100) !important;
}
.ShareLinkList .breadcrumb a:hover {
  color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  color: var(--theme-success-80) !important;
}
.ShareLinkList .gridTable {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
  border-color: var(--theme-theme-surface-500) !important;
}
.ShareLinkList .gridTable .ui.fitted.toggle.checkbox.smallToggle.checked.disabled {
  opacity: 1 !important;
}
.ShareLinkList .gridTable .ui.fitted.toggle.checkbox.smallToggle.checked label:before {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100) !important;
}
.ShareLinkList .gridTable-pagination {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ShareLinkList .gridTable-pagination:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  border-bottom: 1px solid;
  top: 0;
  left: 0;
  right: 0;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
  opacity: 0.1;
}
.ShareLinkList .gridTable-head {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  position: relative;
  display: grid;
  grid-template-columns: 40px clamp(30px, 20%, 150px) clamp(30px, 20%, 150px) clamp(30px, 20%, 150px) clamp(30px, 15%, 80px) auto 1fr;
  width: 100%;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.ShareLinkList .gridTable-head:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  border-bottom: 1px solid;
  bottom: 0;
  left: 0;
  right: 0;
  border-color: var(--theme-theme-surface-500) !important;
  opacity: 1;
}
.ShareLinkList .gridTable-head .gridTable-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  font-weight: bold;
  text-align: left;
  font-size: 12px;
}
.ShareLinkList .gridTable-head .gridTable-cell.c-option {
  display: flex;
  justify-content: flex-end;
}
.ShareLinkList .gridTable .c-viewCount {
  display: flex;
  align-items: center;
  justify-content: center !important;
}
.ShareLinkList .gridTable .c-viewCount i {
  margin: 0;
}
.ShareLinkList .gridTable-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
}
.ShareLinkList .gridTable-body .empty-list {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  height: 100%;
  font-size: 1.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ShareLinkList .gridTable-body .gridTable-row {
  padding: 0.5rem;
  position: relative;
  display: grid;
  grid-template-columns: 40px clamp(30px, 20%, 150px) clamp(30px, 20%, 150px) clamp(30px, 20%, 150px) clamp(30px, 15%, 80px) 1fr;
  width: 100%;
}
.ShareLinkList .gridTable-body .gridTable-row:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.5;
}
.ShareLinkList .gridTable-body .gridTable-row:nth-child(even):after {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ShareLinkList .gridTable-body .gridTable-row:nth-child(odd):after {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.ShareLinkList .gridTable-body .gridTable-row.deleted {
  position: relative;
}
.ShareLinkList .gridTable-body .gridTable-row.deleted:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: rgb(83, 20, 58);
  background: linear-gradient(90deg, rgb(83, 20, 58) 0%, rgb(227, 0, 75) 100%);
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  font-size: 12px;
  position: relative;
  z-index: 1;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit {
  color: #ffffff;
  color: var(--theme-text-100);
  cursor: pointer;
  font-size: 1.4rem;
  display: flex;
  padding: 0.5rem 0.2rem;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit i {
  margin: 0;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit:hover {
  opacity: 1;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu {
  right: 30px;
  left: auto;
  top: -13px;
  border-radius: 6px;
  border: none;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.1);
  z-index: 9999;
  opacity: 1;
  border: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu:before {
  content: "";
  position: absolute;
  top: 15px;
  height: 0.625rem;
  width: 0.625rem;
  right: -0.625rem;
  border-bottom: 0.625rem solid transparent;
  border-left: 0.625rem solid;
  border-top: 0.625rem solid transparent;
  border-left-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-left-color: var(--theme-surface-450);
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item {
  font-size: 12px;
  border-bottom: 0.0625rem solid;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-color: #253141;
  border-color: var(--theme-surface-100);
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  padding: 0 !important;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item a {
  display: block !important;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item:first-child {
  border-radius: 6px 6px 0 0;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item:last-child {
  border: none;
  border-radius: 0 0 6px 6px;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item > div {
  padding: 1rem;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item > i {
  padding: 1rem 0 1rem 1rem;
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item:hover a,
.ShareLinkList .gridTable-body .gridTable-row .gridTable-cell .edit .ui.dropdown .menu .item:hover div {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.ShareLinkList .gridTable .ocEmbedCode {
  width: 100%;
}
.ShareLinkList .gridTable .ocEmbedCode > div {
  bottom: 0;
  right: 0;
}
.ShareLinkList .gridTable .ocEmbedCode .embedCode {
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 480px) {
  .ShareLinkList .gridTable .ocEmbedCode .embedCode input {
    width: 48px;
  }
}
.ShareLinkList .gridTable .ocEmbedCode .embedCode:hover {
  background-color: transparent !important;
}
.ShareLinkList .gridTable .ocEmbedCode .embedCode > i {
  background-color: transparent;
}
.ShareLinkList .gridTable .ocEmbedCode div.CopyToClipboard {
  top: 0px;
  display: flex;
  background-color: transparent;
  align-items: center;
  font-size: 12px;
  height: auto;
  right: 3px;
  bottom: 3px;
  top: 3px;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.ShareLinkList .gridTable .ocEmbedCode div.CopyToClipboard:hover {
  color: #fff;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ShareLinkList .gridTable .ocEmbedCode div.CopyToClipboard i {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  height: 100%;
  font-size: 1rem;
  background-color: transparent;
  margin: 0;
}
.ShareLinkList .gridTable .ocEmbedCode input {
  font-size: 12px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450) !important;
  color: #ffffff;
  color: var(--theme-text-100);
}
@media (max-width: 890px) {
  .ShareLinkList .gridTable .gridTable-head {
    display: none;
  }
  .ShareLinkList .gridTable .gridTable-body {
    padding: 1rem;
    row-gap: 1rem;
    width: calc(100% - 1rem);
  }
  .ShareLinkList .gridTable .gridTable-body .gridTable-row {
    display: flex;
    border-radius: 12px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  }
  .ShareLinkList .gridTable .gridTable-body .gridTable-row:after {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 0;
    opacity: 1;
    z-index: 1;
    border-radius: 12px;
  }
  .ShareLinkList .gridTable .gridTable-body .gridTable-row > div {
    position: relative;
    z-index: 2;
    width: 100%;
  }
  .ShareLinkList .gridTable .gridTable-body .gridTable-row .c-createdAt {
    display: none;
  }
  .ShareLinkList .gridTable .gridTable-body .gridTable-row .c-createdBy .avatarOc {
    display: none;
  }
}
.ShareLinkList .smallPopModal {
  position: fixed;
  z-index: 19;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.ShareLinkList .smallPopModal.edit > div {
  width: 100%;
  height: 100%;
  width: calc(100% - 2rem);
  max-width: 485px;
  height: auto;
  margin: auto;
  max-height: calc(100% - 2rem);
}
.ShareLinkList .smallPopModal.edit > div > div:nth-child(2) {
  height: calc(100% - 105px);
  overflow: hidden auto;
}
.ShareLinkList .smallPopModal > div {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.ShareLinkList .smallPopModal > div > div {
  padding: 1rem;
}
.ShareLinkList .smallPopModal > div > div:nth-child(1) {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ShareLinkList .smallPopModal > div > div:nth-child(2) {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ShareLinkList .smallPopModal > div > div:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 1rem;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ShareLinkList .smallPopModal > div > div:nth-child(3) button {
  border-radius: 12px;
}

.ShareModal > i.close.icon {
  display: none;
}
.ShareModal .warningUserMsg {
  padding: 0.5rem 0;
  font-size: 12px;
  color: #facc15;
  color: var(--theme-warning-100);
}
.ShareModal .editable-container {
  background-color: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  background-color: var(--theme-form-bg-default) !important;
  padding: 0.5rem;
  border-radius: 8px;
  width: 100%;
  display: flex;
  width: 100%;
  border: 1px solid transparent;
}
.ShareModal .editable-container.warning {
  border-color: #facc15;
  border-color: var(--theme-warning-100);
}
.ShareModal .editable-container:focus {
  border: 1px solid red;
}
.ShareModal .editable-container > div:nth-child(1) {
  width: 100%;
}
.ShareModal .editable-container > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ShareModal .editable-container .avatarOc.avatarSmall {
  min-width: 20px !important;
  min-height: 20px !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 10px !important;
  margin: 0 !important;
}
.ShareModal .editable-container .avatarOc.avatarSmall .avatarInitial {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ShareModal .editable-container .userListWithBadge {
  min-height: 16px;
  display: flex;
  align-items: center;
  padding: 0.3rem;
}
.ShareModal .editable-container .userListWithBadge[aria-placeholder]:empty::before {
  content: attr(aria-placeholder);
  color: #ffffff;
  color: var(--theme-text-100);
}
.ShareModal.ui.large.modal.visible.active.globalModal {
  width: calc(100% - 2rem);
  max-width: 485px;
  height: auto;
  margin: auto;
  max-height: calc(100% - 2rem);
  overflow: hidden;
  border-radius: 10px;
  display: flex !important;
  flex-direction: column;
}
.ShareModal.ui.large.modal.visible.active.globalModal .header {
  font-size: 1.3rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
}
.ShareModal.ui.large.modal.visible.active.globalModal .header > div:nth-child(1) {
  width: 100%;
}

.shareOptionDropdown > div.menu > div.item {
  display: flex;
  width: 100%;
}
.shareOptionDropdown > div.menu > div.item .labelInfo {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 5px;
}
.shareOptionDropdown > div.menu > div.item .labelInfo > div:nth-child(1) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.shareOptionDropdown > div.menu > div.item .labelInfo > div:nth-child(2) {
  color: #ffffff;
  color: var(--theme-text-100);
}
.shareOptionDropdown > div.menu > div.item i {
  padding: 0 !important;
}
.shareOptionDropdown > div.menu > div.item > div:not(.labelInfo) {
  display: flex;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  flex-direction: row-reverse;
}
.shareOptionDropdown > div.menu > div.item > div:not(.labelInfo) .menu .item .i {
  padding: 0 !important;
}
.shareOptionDropdown > div.menu > div.item > div:not(.labelInfo) .menu .item.active {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.shareOptionDropdown.ui.dropdown .menu {
  right: 30px;
  left: auto;
  top: 0;
  border-radius: 6px;
  border: none;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.1);
  z-index: 9999;
  opacity: 1;
  border: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.shareOptionDropdown.ui.dropdown .menu:before {
  content: "";
  position: absolute;
  top: 0;
  height: 0.625rem;
  width: 0.625rem;
  right: -0.625rem;
  border-bottom: 0.625rem solid transparent;
  border-left: 0.625rem solid;
  border-top: 0.625rem solid transparent;
  border-left-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-left-color: var(--theme-surface-450);
}
.shareOptionDropdown.ui.dropdown .menu .item {
  font-size: 12px;
  border-bottom: 0.0625rem solid;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  padding: 0 !important;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-color: #253141;
  border-color: var(--theme-surface-100);
}
.shareOptionDropdown.ui.dropdown .menu .item > .ui.dropdown {
  position: relative;
}
.shareOptionDropdown.ui.dropdown .menu .item > .ui.dropdown .menu {
  right: calc(100% + 15px);
  left: auto;
}
.shareOptionDropdown.ui.dropdown .menu .item > .ui.dropdown .menu > div {
  padding: 1rem !important;
}
.shareOptionDropdown.ui.dropdown .menu .item a {
  display: block !important;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.shareOptionDropdown.ui.dropdown .menu .item:first-child {
  border-radius: 6px 6px 0 0;
}
.shareOptionDropdown.ui.dropdown .menu .item:last-child {
  border: none;
  border-radius: 0 0 6px 6px;
}
.shareOptionDropdown.ui.dropdown .menu .item > div {
  padding: 1rem;
}
.shareOptionDropdown.ui.dropdown .menu .item > i {
  padding: 1rem 0 1rem 1rem;
}
.shareOptionDropdown.ui.dropdown .menu .item:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.shareOptionDropdown.ui.dropdown .menu .item:hover a,
.shareOptionDropdown.ui.dropdown .menu .item:hover div {
  color: #6bf2a7;
  color: var(--theme-success-100);
}

.errorPopUp {
  position: fixed;
  z-index: 9999;
  top: 1rem;
  left: 1rem;
  background: linear-gradient(45deg, rgb(143, 5, 51) 0%, rgb(234, 60, 60) 100%);
  right: 1rem;
  padding: 1rem;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
}
.errorPopUp .closeBtn {
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  color: rgb(143, 5, 51);
}

.assetPublish .ui.checkbox.platform {
  display: block;
  margin-bottom: 0.8rem;
}
.assetPublish .embedCode {
  height: auto;
}

.publishEmbed {
  padding: 1rem;
}

.assetActionPanel.evidenceLink {
  margin-top: 1rem;
}
.assetActionPanel.evidenceLink p {
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.inputPhone .PhoneInputCountry {
  margin-right: 0;
  padding-left: 0.35em;
  padding-right: 0.35em;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
}

.snapshotModal .snapshotFilename input {
  width: 100%;
}
.snapshotModal.ui.modal .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.snapshotModal.ui.modal .header .ui.button, .snapshotModal.ui.modal .header .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui, .loginView .loginBoxWrapper .loginBoxContent .loginBox .snapshotModal.ui.modal .header button.ui, .snapshotModal.ui.modal .header .imageUploadFormElement-actions .ui.action-btn.add, .imageUploadFormElement-actions .snapshotModal.ui.modal .header .ui.action-btn.add {
  background-color: transparent;
}
.snapshotModal .description {
  position: relative;
  text-align: center;
  padding: 1rem;
  min-height: 320px;
}
.snapshotModal .description img {
  width: 100%;
}
.snapshotModal .description .assetVieBtn {
  padding: 0.5rem;
  border-radius: 6px;
  display: inline-flex;
  margin: 0.5rem auto auto auto;
  cursor: pointer;
  color: #fff;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.snapshotModal .description .assetVieBtn:hover {
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
.snapshotModal .description .errorMsg {
  border: 1px solid;
  border-radius: 6px;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  color: #fff;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  border-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  border-color: var(--theme-error-80);
}
.snapshotModal .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}

video {
  width: 100%;
  margin: 0 auto;
}

audio {
  width: 100%;
  margin: 0 auto;
}

.audioPlayer {
  padding-top: 56.25%;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}

.video-js .vjs-time-control {
  display: block;
}

.video-js .vjs-remaining-time {
  display: none !important;
}

.arWrapper .vjs-fluid video {
  object-fit: contain !important;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
}

.ocPlayerV2-scrub-preview {
  position: absolute;
  bottom: 45px;
  border: 3px solid;
  border-radius: 12px;
  width: 160px;
  height: 90px; /* 16:9 aspect ratio */
  display: none;
  overflow: hidden;
  z-index: 2;
  box-shadow: 0 5px 6px -2px rgba(0, 0, 0, 0.5);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500) !important;
}
.ocPlayerV2-scrub-preview img {
  border-radius: 10px;
}
.ocPlayerV2-scrub-preview {
  border-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  border-color: var(--theme-surface-500) !important;
}

.v2playerSkin .video-js .vjs-control-bar {
  z-index: 30;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.v2playerSkin .video-js .vjs-time-control {
  display: flex;
  align-items: center;
}
.v2playerSkin .video-js .vjs-time-control.vjs-current-time {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  padding-right: 5px;
}
.v2playerSkin .video-js .vjs-time-control.vjs-duration {
  padding-left: 5px;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}
.v2playerSkin .video-js .vjs-time-control.vjs-time-divider {
  margin: 0;
  padding: 0;
  max-width: 5px;
  min-width: 5px;
  line-height: 3em;
  height: 100%;
}
.v2playerSkin .video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  position: absolute;
  display: flex;
  align-items: center;
  touch-action: none;
  width: 100%;
  top: -9px;
  height: 20px;
  left: 0px;
}
.v2playerSkin .video-js .vjs-progress-control .vjs-mouse-display {
  z-index: 999;
}
.v2playerSkin .video-js .vjs-progress-control .vjs-marker {
  width: 2px !important;
  transition: 0.2s all ease-in-out;
  background-color: #e74c3c;
  background-color: var(--theme-error-100) !important;
}
.v2playerSkin .video-js .vjs-progress-control .vjs-marker:after {
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 8px;
  left: 0px;
  top: -3px;
  background-color: #e74c3c;
  background-color: var(--theme-error-100) !important;
  border: none;
  transition: 0.2s all ease-in-out;
}
.v2playerSkin .video-js .vjs-progress-control .vjs-play-progress:before {
  transition: 0.1s all ease-in-out;
  content: "";
  width: 2px;
  height: 7px;
  top: -3px;
  right: 0px;
  background-color: #ffffff;
  background-color: var(--theme-text-100) !important;
}
.v2playerSkin .video-js .vjs-progress-control:hover .vjs-marker {
  z-index: 99999999;
  transition: 0.2s all ease-in-out;
}
.v2playerSkin .video-js .vjs-progress-control:hover .vjs-marker:hover {
  width: 2px !important;
  border-radius: 0 !important;
}
.v2playerSkin .video-js .vjs-progress-control:hover .vjs-marker:hover:after {
  border-radius: 0;
  display: block;
  width: 2px;
  height: 16px;
  left: 0px;
  top: -3px;
  background-color: transparent;
  transition: 0.2s all ease-in-out;
}
.v2playerSkin .video-js .vjs-progress-control:hover .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
  height: 14px;
  border-radius: 6px;
}
.v2playerSkin .video-js .vjs-progress-control:hover .vjs-play-progress:before {
  transition: 0.1s all ease-in-out;
  content: "";
  width: 2px;
  height: 25px;
  top: -6px;
  right: 0px;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
}
.v2playerSkin .video-js .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
  height: 2px;
  background-color: rgba(128, 128, 128, 0.8);
  margin: 0;
}
.v2playerSkin .video-js .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal .vjs-load-progress {
  overflow: hidden;
  border-radius: 0;
}
.v2playerSkin .video-js .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal .vjs-load-progress div {
  background-color: #ffffff;
  background-color: var(--theme-text-100);
}
.v2playerSkin .video-js .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal .vjs-play-progress {
  border-radius: 0;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.v2playerSkin .video-js .vjs-button.oc-go-settings,
.v2playerSkin .video-js .vjs-button.oc-go-back,
.v2playerSkin .video-js .vjs-button.vjs-vol-0,
.v2playerSkin .video-js .vjs-button.vjs-vol-1,
.v2playerSkin .video-js .vjs-button.vjs-vol-2,
.v2playerSkin .video-js .vjs-button.vjs-vol-3,
.v2playerSkin .video-js .vjs-button.oc-go-forward,
.v2playerSkin .video-js .vjs-button.oc-annotation,
.v2playerSkin .video-js .vjs-button.oc-take-snapshot,
.v2playerSkin .video-js .vjs-button.oc-draw-annotation,
.v2playerSkin .video-js .vjs-button.oc-go-settings,
.v2playerSkin .video-js .vjs-subs-caps-button {
  cursor: pointer;
  font-family: "overcast-iconpack-v2";
}
.v2playerSkin .video-js .vjs-button.oc-go-settings:before,
.v2playerSkin .video-js .vjs-button.oc-go-back:before,
.v2playerSkin .video-js .vjs-button.vjs-vol-0:before,
.v2playerSkin .video-js .vjs-button.vjs-vol-1:before,
.v2playerSkin .video-js .vjs-button.vjs-vol-2:before,
.v2playerSkin .video-js .vjs-button.vjs-vol-3:before,
.v2playerSkin .video-js .vjs-button.oc-go-forward:before,
.v2playerSkin .video-js .vjs-button.oc-annotation:before,
.v2playerSkin .video-js .vjs-button.oc-take-snapshot:before,
.v2playerSkin .video-js .vjs-button.oc-draw-annotation:before,
.v2playerSkin .video-js .vjs-button.oc-go-settings:before,
.v2playerSkin .video-js .vjs-subs-caps-button:before {
  display: block;
  font-size: 1.6em;
  line-height: 1.9;
  opacity: 1;
  height: 100%;
}
.v2playerSkin .video-js .vjs-button {
  font-family: "overcast-iconpack-v2" !important;
}
.v2playerSkin .video-js .vjs-button:before {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.v2playerSkin .video-js .vjs-button .vjs-icon-placeholder:before {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2playerSkin .video-js .vjs-button.vjs-picture-in-picture-control {
  display: none;
}
.v2playerSkin .video-js .vjs-button.oc-annotation {
  cursor: pointer;
}
.v2playerSkin .video-js .vjs-button.oc-annotation:before:before {
  content: "\eb1e";
}
.v2playerSkin .video-js .vjs-button.oc-annotation.hidden {
  opacity: 0;
  cursor: not-allowed;
  pointer-events: none;
}
.v2playerSkin .video-js .vjs-button.oc-annotation.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.v2playerSkin .video-js .vjs-button.oc-annotation:before {
  content: "\eb1e";
}
.v2playerSkin .video-js .vjs-button.vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\eb39";
}
.v2playerSkin .video-js .vjs-button.vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\ec7a";
}
.v2playerSkin .video-js .vjs-button.oc-showhide-pin {
  cursor: pointer;
  font-family: Icons;
}
.v2playerSkin .video-js .vjs-button.oc-showhide-pin.hidden {
  color: #cccccc;
  color: var(--theme-text-80);
}
.v2playerSkin .video-js .vjs-button.oc-showhide-pin:before {
  content: "\f075";
}
.v2playerSkin .video-js .vjs-button.oc-go-back .vjs-icon-placeholder:before {
  content: "\e950";
}
.v2playerSkin .video-js .vjs-button.oc-go-forward .vjs-icon-placeholder:before {
  content: "\ea8a";
}
.v2playerSkin .video-js .vjs-button .vjs-icon-placeholder {
  font-family: "overcast-iconpack-v2" !important;
}
.v2playerSkin .video-js .vjs-button .vjs-icon-placeholder:behore {
  display: flex;
  align-items: center;
}
.v2playerSkin .video-js .vjs-button.vjs-play-control .vjs-icon-placeholder:before {
  content: "\ebc6" !important;
}
.v2playerSkin .video-js .vjs-button.vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
  content: "\ebc6" !important;
}
.v2playerSkin .video-js .vjs-button.vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\ebaf" !important;
}
.v2playerSkin .video-js .vjs-button.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\ecda" !important;
}
.v2playerSkin .video-js .vjs-button.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\ecd9" !important;
}
.v2playerSkin .video-js .vjs-button.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\ecd7" !important;
}
.v2playerSkin .video-js .vjs-button.vjs-vol-3 .vjs-icon-placeholder:before {
  content: "\ecd6" !important;
}
.v2playerSkin .video-js .vjs-button.oc-go-settings:before {
  content: "\ec34";
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2playerSkin .video-js .vjs-button.oc-take-snapshot:before {
  content: "\e9ac";
}
.v2playerSkin .video-js .vjs-button.oc-draw-annotation:before {
  content: "\e989";
}
.v2playerSkin .video-js .vjs-button.oc-draw-annotation.active {
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.v2playerSkin .video-js .vjs-button.oc-draw-annotation.hidden {
  opacity: 0;
  cursor: not-allowed;
  pointer-events: none;
  display: none;
}
@media only screen and (max-width: 768px) {
  .v2playerSkin .video-js .vjs-control-bar {
    font-size: 8px;
  }
}
@media only screen and (max-width: 425px) {
  .v2playerSkin .video-js .vjs-control-bar {
    font-size: 7px;
  }
}
@media only screen and (max-width: 375px) {
  .v2playerSkin .video-js .vjs-control-bar {
    font-size: 6px;
  }
}
.v2playerSkin.size-small .video-js .vjs-button.vjs-play-control {
  border: none !important;
  width: 30px;
  height: 30px;
  border-radius: 0;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2playerSkin.size-small .video-js .vjs-button.vjs-play-control .vjs-icon-placeholder:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\ebc6" !important;
}
.v2playerSkin.size-small .video-js .vjs-button.vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
  content: "\ebc6" !important;
}
.v2playerSkin.size-small .video-js .vjs-button.vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\ebaf" !important;
}
.v2playerSkin.size-small .video-js .vjs-control-bar {
  position: absolute !important;
  border-radius: 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 45px !important;
  padding-top: 7px;
  padding-bottom: 3px !important;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
}
.v2playerSkin.size-big {
  margin-bottom: 120px;
}
.v2playerSkin.size-big .video-js .vjs-time-control {
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.v2playerSkin.size-big .video-js .vjs-button {
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.v2playerSkin.size-big .video-js .vjs-button.vjs-play-control {
  border: 1px solid;
  width: 60px;
  height: 60px;
  border-radius: 40px;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  font-size: 14px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v2playerSkin.size-big .video-js .vjs-button.vjs-play-control .vjs-icon-placeholder:before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\ebc6" !important;
}
.v2playerSkin.size-big .video-js .vjs-button.vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
  content: "\ebc6" !important;
}
.v2playerSkin.size-big .video-js .vjs-button.vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\ebaf" !important;
}
.v2playerSkin.size-big .video-js .vjs-control-bar {
  position: relative !important;
  border-radius: 0 0 12px 12px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 85px;
  padding-top: 10px;
  padding-bottom: 10px !important;
  align-items: center;
  background: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background: var(--theme-surface-500) !important;
}
.v2playerSkin.size-big .video-js:not(.v2playerSkin.size-big .video-js.vjs-fullscreen) .vjs-control-bar {
  opacity: 1 !important;
}
.v2playerSkin.size-big .video-js.vjs-fullscreen .vjs-control-bar {
  border-radius: 0 !important;
  position: absolute !important;
  padding-top: 6px !important;
  border-radius: 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 40px !important;
  padding-top: 7px;
  padding-bottom: 3px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
}
.v2playerSkin.size-big .video-js.vjs-fullscreen .vjs-control-bar .vjs-button.vjs-play-control {
  border: none !important;
  width: 20px;
  height: 20px;
}
.v2playerSkin.size-big .video-js.vjs-fullscreen .vjs-control-bar .vjs-button.vjs-play-control .vjs-icon-placeholder:before {
  font-size: 15px !important;
}
.v2playerSkin.size-big .video-js.vjs-fullscreen .vjs-control-bar .vjs-time-control.vjs-current-time {
  flex: none !important;
}
.v2playerSkin.previewWrapper .video-js {
  padding-top: 56.25%;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar {
  height: 17px !important;
  padding-top: 2px;
  padding-bottom: 22px;
  z-index: 101;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-time-control.vjs-current-time,
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider,
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-subs-caps-button,
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-picture-in-picture-control,
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-fullscreen-control,
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-volume-panel {
  display: none !important;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar button.vjs-button:not(.vjs-play-control, .vjs-volume-panel) {
  display: none !important;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar button.vjs-button.vjs-play-control {
  width: 15px;
  height: 15px;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar button.vjs-button.vjs-play-control .vjs-icon-placeholder:before {
  font-size: 10px;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-progress-control {
  top: 17px;
  bottom: 0px;
  height: 5px;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
  height: 5px;
}
.v2playerSkin.previewWrapper .video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress.vjs-slider-bar::before {
  display: none;
}

.video-js {
  width: 300px;
  height: 150px;
  overflow-x: clip;
}
.video-js .frameAccuracy {
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.video-js .frameAccuracy-top-left {
  top: 6px;
  left: 6px;
  align-items: flex-start;
}
.video-js .frameAccuracy-top-right {
  top: 6px;
  right: 6px;
  align-items: flex-end;
}
.video-js .frameAccuracy-bottom-left {
  bottom: 6px;
  left: 6px;
  align-items: flex-start;
}
.video-js .frameAccuracy-bottom-right {
  bottom: 6px;
  right: 6px;
  align-items: flex-end;
}
.video-js .frameAccuracy-smpte, .video-js .frameAccuracy-frames {
  position: relative;
  margin-bottom: 6px;
  display: flex;
  width: 100%;
  border-radius: 5px;
}
.video-js .frameAccuracy-smpte span:nth-child(1), .video-js .frameAccuracy-frames span:nth-child(1) {
  width: auto;
  font-size: 12px;
  padding: 10px 5px 10px 10px;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
  background: rgb(19, 26, 32);
  z-index: 1;
  color: #ffffff;
  color: var(--theme-text-100);
}
.video-js .frameAccuracy-smpte span:nth-child(2), .video-js .frameAccuracy-frames span:nth-child(2) {
  z-index: 1;
  padding: 10px 10px 10px 5px;
  font-size: 1rem;
  min-width: 85px;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
}
.video-js .frameAccuracy-smpte:after, .video-js .frameAccuracy-frames:after {
  top: 0;
  left: 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-radius: 6px;
  height: 100%;
  z-index: 0;
  opacity: 0.8;
  background: rgb(19, 26, 32);
}
.video-js .frameAccuracy-frames {
  width: auto;
}
.video-js .frameAccuracy-frames span:nth-child(1) {
  width: auto;
  font-size: 12px;
  padding: 10px;
  display: flex;
  align-items: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.video-js .frameAccuracy-frames span:nth-child(2) {
  font-size: 1rem;
  letter-spacing: 1px;
  width: auto;
}
.video-js .vjs-text-track-settings {
  z-index: 999;
}
.video-js .ocPlayer-controlLayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-js .skipOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8em;
}
.video-js .skipOverlay > div {
  position: absolute;
  font-size: 0.2em;
  padding-top: 1rem;
}
.video-js .skipOverlay.hidden {
  animation: hideSkipWithAnim 0.5s linear forwards;
}
.video-js .skipOverlay.visible {
  animation: showSkipWithAnim 0.3s linear forwards;
}
.video-js .ocp-settings {
  font-size: 12px;
  opacity: 0;
  display: block;
  width: 210px;
  background: rgba(15, 15, 15, 0.9);
  position: absolute;
  bottom: 50px;
  top: auto;
  right: 10px;
  left: auto;
  border-radius: 6px;
  z-index: -1;
  transition: all 0.2s ease-in-out;
}
.video-js .ocp-settings.visible {
  z-index: 100;
  opacity: 1;
}
.video-js .ocp-settings-title {
  cursor: pointer;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid rgba(200, 200, 200, 0.3);
}
.video-js .ocp-settings-title div {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.video-js .ocp-settings-title div:first-child() {
  display: flex;
  width: 100%;
}
.video-js .ocp-settings-item {
  display: flex;
  padding: 1rem;
  cursor: pointer;
}
.video-js .ocp-settings-item:hover {
  background-color: rgba(150, 150, 150, 0.3);
}
.video-js .ocp-settings-item.active {
  background-color: rgba(150, 150, 150, 0.5);
}
.video-js .ocp-settings-item .item-label {
  width: 100%;
}
.video-js .ocp-settings-item .item-value .ui.input {
  width: 150px;
}
.video-js .ocp-settings-item .item-value .ui.input input {
  border-radius: 4px 0 0 4px;
  background-color: rgba(150, 150, 150, 0.5);
}
.video-js .ocp-settings-item .item-value .ui.input button.ui.button, .video-js .ocp-settings-item .item-value .ui.input .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui, .loginView .loginBoxWrapper .loginBoxContent .loginBox .video-js .ocp-settings-item .item-value .ui.input button.ui, .video-js .ocp-settings-item .item-value .ui.input .imageUploadFormElement-actions button.ui.action-btn.add, .imageUploadFormElement-actions .video-js .ocp-settings-item .item-value .ui.input button.ui.action-btn.add {
  border-radius: 0 4px 4px 0;
  padding: 0.5rem 0.5rem;
}
.video-js .ocp-settings-item .item-value-toggle {
  width: 50px;
  height: 12px;
}
.video-js .ocp-settings-item .item-value.greyish {
  margin: 0 5px;
  opacity: 0.5;
}

.versionStackRow .video-js .vjs-control-bar {
  height: 40px;
  padding-top: 0;
  padding-bottom: 27px;
}

.previewVideo {
  height: 135px;
  overflow: hidden;
}
.previewVideo .video-js .vjs-control-bar {
  height: 35px;
  padding-top: 0px;
}
.previewVideo .video-js .vjs-control-bar .vjs-time-control,
.previewVideo .video-js .vjs-control-bar .vjs-subs-caps-button,
.previewVideo .video-js .vjs-control-bar .vjs-picture-in-picture-control {
  display: none;
}

.arWrapper {
  position: relative;
  margin: 0 auto;
  max-height: 500px;
  display: flex;
}
.arWrapper.ratio {
  width: auto;
  max-width: auto;
}
.arWrapper.ratio .vjs-fluid {
  padding-top: 56.25%;
}
.arWrapper.ratio .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-1-1 {
  width: 100%;
  max-width: 490px;
}
.arWrapper.ratio-1-1 .vjs-fluid {
  padding-top: 100%;
}
.arWrapper.ratio-1-1 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-1-1 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-1-1 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-3-4 {
  width: 100%;
  max-width: 370px;
}
.arWrapper.ratio-3-4 .vjs-fluid {
  padding-top: 133.33%;
}
.arWrapper.ratio-3-4 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-3-4 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-3-4 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-4-3 {
  width: auto;
  max-width: 650px;
}
.arWrapper.ratio-4-3 .vjs-fluid {
  padding-top: 75%;
}
.arWrapper.ratio-4-3 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-4-3 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-4-3 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-4-5 {
  width: auto;
  max-width: 390px;
}
.arWrapper.ratio-4-5 .vjs-fluid {
  padding-top: 125%;
}
.arWrapper.ratio-4-5 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-4-5 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-4-5 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-5-4 {
  width: auto;
  max-width: 620px;
}
.arWrapper.ratio-5-4 .vjs-fluid {
  padding-top: 80%;
}
.arWrapper.ratio-5-4 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-5-4 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-5-4 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-9-16 {
  width: 100%;
  max-width: 280px;
}
.arWrapper.ratio-9-16 .vjs-fluid {
  padding-top: 177.77%;
}
.arWrapper.ratio-9-16 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-9-16 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-9-16 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-16-9 {
  width: auto;
  max-width: 860px;
}
.arWrapper.ratio-16-9 .vjs-fluid {
  padding-top: 56.25%;
}
.arWrapper.ratio-16-9 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-16-9 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-16-9 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-16-10 {
  width: auto;
  max-width: 800px;
}
.arWrapper.ratio-16-10 .vjs-fluid {
  padding-top: 62.5%;
}
.arWrapper.ratio-16-10 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-16-10 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-16-10 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.ratio-custom {
  width: auto;
  max-width: 800px;
}
.arWrapper.ratio-custom .vjs-fluid {
  padding-top: 56.25%;
}
.arWrapper.ratio-custom .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.ratio-custom .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.ratio-custom .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.narrow .vjs-control-bar {
  font-size: 10px;
}
.arWrapper.narrow .vjs-control-bar .vjs-progress-control {
  width: calc(100% - 40px) !important;
  left: 8px;
  bottom: 27px;
}
.arWrapper.narrow .vjs-control-bar .vjs-progress-control .vjs-play-progress {
  border-radius: 10px;
}
.arWrapper.narrow .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  border-radius: 10px;
}
.arWrapper.narrow .vjs-control-bar .vjs-progress-control .vjs-load-progress {
  border-radius: 10px;
}
.arWrapper.narrow .vjs-control-bar .vjs-progress-control .vjs-load-progress > div {
  border-radius: 10px;
}
.arWrapper.narrow .vjs-control-bar .vjs-control {
  width: 3em;
}
.arWrapper.narrow .vjs-control-bar .vjs-control.oc-go-back, .arWrapper.narrow .vjs-control-bar .vjs-control.oc-go-forward, .arWrapper.narrow .vjs-control-bar .vjs-control.vjs-play-control {
  width: 2em;
}
.arWrapper.narrow .vjs-control-bar .vjs-control.oc-annotation, .arWrapper.narrow .vjs-control-bar .vjs-control.oc-draw-annotation, .arWrapper.narrow .vjs-control-bar .vjs-control.oc-take-snapshot, .arWrapper.narrow .vjs-control-bar .vjs-control.vjs-picture-in-picture-control {
  position: absolute;
  right: 0;
}
.arWrapper.narrow .vjs-control-bar .vjs-control.oc-annotation {
  bottom: 42px;
  z-index: 2;
}
.arWrapper.narrow .vjs-control-bar .vjs-control.vjs-picture-in-picture-control {
  bottom: -12px;
  z-index: 3;
}
.arWrapper.narrow .vjs-control-bar .vjs-control.oc-take-snapshot {
  bottom: 16px;
}
.arWrapper.narrow .vjs-control-bar .vjs-control.oc-draw-annotation {
  bottom: 68px;
  z-index: 1;
}
.arWrapper.listView {
  align-items: center;
  height: 100%;
  justify-content: center;
}
.arWrapper.listView.ratio .duration {
  right: 0;
}
.arWrapper.listView.ratio-1-1 {
  width: 100%;
  max-width: auto;
}
.arWrapper.listView.ratio-1-1 .vjs-fluid {
  padding-top: 100%;
}
.arWrapper.listView.ratio-1-1 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-1-1 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-1-1 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-1-1 .duration {
  right: -40px;
}
.arWrapper.listView.ratio-3-4 {
  width: 100%;
  max-width: 80px;
}
.arWrapper.listView.ratio-3-4 .vjs-fluid {
  padding-top: 133.33%;
}
.arWrapper.listView.ratio-3-4 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-3-4 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-3-4 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-3-4 .duration {
  right: -55px;
}
.arWrapper.listView.ratio-4-3 {
  width: 100%;
  max-width: 142px;
}
.arWrapper.listView.ratio-4-3 .vjs-fluid {
  padding-top: 75%;
}
.arWrapper.listView.ratio-4-3 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-4-3 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-4-3 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-4-3 .duration {
  right: -24px;
}
.arWrapper.listView.ratio-4-5 {
  width: 100%;
  max-width: 86px;
}
.arWrapper.listView.ratio-4-5 .vjs-fluid {
  padding-top: 125%;
}
.arWrapper.listView.ratio-4-5 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-4-5 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-4-5 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-4-5 .duration {
  right: -52px;
}
.arWrapper.listView.ratio-5-4 {
  width: 100%;
  max-width: 135px;
}
.arWrapper.listView.ratio-5-4 .vjs-fluid {
  padding-top: 80%;
}
.arWrapper.listView.ratio-5-4 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-5-4 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-5-4 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-5-4 .duration {
  right: -27px;
}
.arWrapper.listView.ratio-9-16 {
  width: 100%;
  max-width: auto;
}
.arWrapper.listView.ratio-9-16 .vjs-fluid {
  padding-top: 177.77%;
}
.arWrapper.listView.ratio-9-16 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-9-16 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-9-16 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-9-16 .duration {
  right: -65px;
}
.arWrapper.listView.ratio-16-9 {
  width: auto;
  max-width: auto;
}
.arWrapper.listView.ratio-16-9 .vjs-fluid {
  padding-top: 56.25%;
}
.arWrapper.listView.ratio-16-9 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-16-9 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-16-9 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-16-9 .duration {
  right: 0px;
}
.arWrapper.listView.ratio-16-10 {
  width: 100%;
  max-width: auto;
}
.arWrapper.listView.ratio-16-10 .vjs-fluid {
  padding-top: 62.5%;
}
.arWrapper.listView.ratio-16-10 .vjs-fluid.vjs-fullscreen {
  padding-top: 0;
}
.arWrapper.listView.ratio-16-10 .vjs-fluid.vjs-fullscreen video {
  object-fit: contain;
}
.arWrapper.listView.ratio-16-10 .vjs-fluid.vjs-fullscreen .vjs-poster {
  background-size: contain;
}
.arWrapper.listView.ratio-16-10 .duration {
  right: 0px;
}
.arWrapper.listView.ratio-custom.wide img {
  object-fit: cover;
  width: 100%;
}
.arWrapper.listView.ratio-custom.narrow img {
  object-fit: cover;
  height: 100%;
}
.arWrapper.listView.ratio-custom .duration {
  right: 0;
}
.arWrapper.listView.thumbnail {
  position: relative;
  height: 170px;
  right: 0;
  left: 0;
}
.arWrapper.listView.thumbnail .preview img {
  max-width: none;
  top: 0;
  bottom: 0;
  height: 100%;
}
.arWrapper .duration {
  border-radius: 3px;
  right: 5px !important;
  bottom: 5px;
  position: absolute;
  padding: 0 3px;
  background-color: rgba(0, 0, 0, 0.8);
  color: rgb(255, 255, 255);
  font-size: 11px;
  z-index: 5;
}
.arWrapper .vjs-fluid video {
  object-fit: cover;
}
.arWrapper .vjs-fluid .vjs-poster {
  background-size: cover;
}
.arWrapper .vjs-fluid .vjs-poster picture img {
  object-fit: contain;
}

.videoAspectRation {
  text-align: center;
}
.videoAspectRation > div {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin: 10px auto;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
@media only screen and (max-width: 560px) {
  .videoAspectRation > div {
    flex-wrap: wrap;
    display: flex;
  }
  .videoAspectRation > div div {
    width: 25%;
  }
  .videoAspectRation > div div.label {
    width: 100%;
  }
  .videoAspectRation > div div:nth-child(10) {
    width: 100%;
  }
  .videoAspectRation > div div.default span {
    top: 0 !important;
    font-size: 0 !important;
    height: 0 !important;
  }
}
.videoAspectRation > div div {
  position: relative;
  padding: 0.3125rem 0.625rem;
  cursor: default;
  transition: ease-in-out 0.2s all;
  border-left: 1px solid;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.videoAspectRation > div div.label {
  min-width: 150px;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.videoAspectRation > div div:hover:not(.active):not(.label) {
  transition: ease-in-out 0.2s all;
  cursor: pointer;
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.videoAspectRation > div div.active {
  transition: ease-in-out 0.2s all;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.videoAspectRation > div div.active:hover {
  color: #fff;
}
.videoAspectRation > div div.default {
  transition: ease-in-out 0.2s all;
  position: relative;
}
.videoAspectRation > div div.default.active {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #fff;
}
.videoAspectRation > div div.default span {
  position: absolute;
  top: -19px;
  left: 0;
  font-size: 10px;
  width: 100%;
  border-bottom: 1px solid;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: #ffffff;
  border-color: var(--theme-text-100) !important;
}
.videoAspectRation > div div.default span:before {
  content: "";
  position: absolute;
  left: calc(50% - 5px);
  width: 5px;
  height: 5px;
  bottom: -5px;
  background: transparent;
  font-size: 10px;
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  border-top-color: #ffffff;
  border-top-color: var(--theme-text-100) !important;
}
.videoAspectRation > div div.custom {
  padding-top: 56.25%;
  color: #facc15;
  color: var(--theme-warning-100);
}
.videoAspectRation > div div.custom span {
  border-color: #facc15;
  border-color: var(--theme-warning-100) !important;
}
.videoAspectRation > div div.custom span:before {
  border-top-color: #facc15;
  border-top-color: var(--theme-warning-100) !important;
}

.ocVideo-live .video-js {
  padding-top: 56.25%;
  width: 100%;
}

.liveChannelEmbedContent {
  height: 100% !important;
}
.liveChannelEmbedContent .video-js {
  padding-top: 56.25%;
}

.videoPlayerEmbedContent .errorMessage {
  text-align: center;
  padding-top: 20%;
  font-size: 1.2rem;
}
.videoPlayerEmbedContent .embedWrapper {
  margin: 0 auto;
  overflow: hidden;
  height: 100vh;
}
.videoPlayerEmbedContent .embedWrapper video {
  height: 100vh;
  object-fit: contain;
}
.videoPlayerEmbedContent .embedWrapper .vjs-fullscreen video {
  object-fit: contain;
}
.videoPlayerEmbedContent .embedWrapper .vjs-poster {
  background-size: cover;
}
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-settings,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-back,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-forward,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-annotation,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-take-snapshot,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-settings {
  cursor: pointer;
  font-family: "overcast-iconpack-v2";
}
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-settings:before,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-back:before,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-forward:before,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-annotation:before,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-take-snapshot:before,
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-settings:before {
  display: block;
  font-size: 1.6em;
  line-height: 1.9;
  opacity: 1;
  height: 100%;
}
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-back:before {
  content: "\f100";
}
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-forward:before {
  content: "\f101";
}
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-go-settings:before {
  content: "\ec34";
}
.videoPlayerEmbedContent .embedWrapper .vjs-button.oc-take-snapshot:before {
  content: "\f030";
}

.vjs-error .vjs-error-display:before {
  content: "";
}

@keyframes hideSkipWithAnim {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes showSkipWithAnim {
  0% {
    opacity: 1;
    transform: scale(0.9);
  }
  90% {
    transform: scale(1.1);
    z-index: 1;
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    z-index: 1;
    opacity: 0.9;
  }
}
.layerBtn {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(63, 63, 63, 0.8);
  padding: 6px;
  border-radius: 6px;
  font-size: 1rem;
  z-index: 1000000;
}
.layerBtn.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
}

.publicAssetDownloadModal.ui.modal > .content > .description {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.publicAssetDownloadModal.ui.modal > .content > .description a {
  border-radius: 6px;
}

.customOverlayCanvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 8;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.2em;
}
.customOverlayCanvas:not(.drawing) {
  pointer-events: none;
}
.customOverlayCanvas.drawing {
  cursor: none !important;
}

.vjs-marker {
  position: absolute;
  left: 0;
  bottom: 0em;
  opacity: 1;
  height: 100%;
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  z-index: 200;
}
.vjs-marker:hover {
  cursor: pointer;
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.vjs-tip {
  visibility: hidden;
  display: block;
  opacity: 0.8;
  padding: 5px;
  font-size: 10px;
  position: absolute;
  bottom: 14px;
  z-index: 100000;
}
.vjs-tip .vjs-tip-arrow {
  background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
  position: absolute;
  width: 9px;
  height: 5px;
}
.vjs-tip .vjs-tip-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}

.vjs-break-overlay {
  visibility: hidden;
  position: absolute;
  z-index: 100000;
  top: 0;
}
.vjs-break-overlay .vjs-break-overlay-text {
  padding: 9px;
  text-align: center;
}

#assetSubtitle .action {
  display: inline-block;
  width: 33%;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1rem;
}
#assetSubtitle .action .checkbox {
  margin-right: 0.5rem;
}
#assetSubtitle #rows {
  padding-right: 5px;
  height: 68vh;
  overflow-y: auto;
}
#assetSubtitle .subtitleRow {
  margin-bottom: 1rem;
  padding: 0.2rem 0.5rem 0 0.5rem;
}
#assetSubtitle .actual {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
#assetSubtitle .rowTime {
  font-size: 0.8rem;
  font-style: italic;
}
#assetSubtitle .rowDropZone {
  z-index: 99;
  padding: 0.5rem 0.5rem 0;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border: 1px solid;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
}
#assetSubtitle .rowDropBanned {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#assetSubtitle .rowDropAccept {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
#assetSubtitle .word {
  z-index: 0;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#assetSubtitle .word .icon {
  margin-left: 0.5rem;
  margin-right: 0;
}
#assetSubtitle .draggable:hover {
  cursor: move;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
#assetSubtitle .draggable:hover .wordText {
  cursor: grab;
}
#assetSubtitle .wordText {
  cursor: pointer;
}
#assetSubtitle .wordInput {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
#assetSubtitle .wordInput button {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
#assetSubtitle .startTime {
  display: none;
}
@media (max-width: 767px) {
  #assetSubtitle #rows {
    height: 60vh;
  }
}

#assetSubtitleNew {
  height: calc(100vh - (151px + 1rem));
  overflow: hidden;
  padding: 0 0.5rem;
}
#assetSubtitleNew .notAvailable {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
#assetSubtitleNew .Actions {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-radius: 6px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
#assetSubtitleNew .Actions-title {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
#assetSubtitleNew .Actions-title h2 {
  width: 100%;
  margin: 0;
  color: #ffffff;
  color: var(--theme-text-100);
}
#assetSubtitleNew .Actions-buttons {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 35px;
  justify-content: space-around;
}
#assetSubtitleNew .assetSubtitleRows {
  height: calc(100% - 65px);
  overflow: hidden auto;
  margin-top: 1rem;
  padding: 1rem 1rem 65% 0;
  position: relative;
}
#assetSubtitleNew .assetSubtitleRows .rowHeadWarning .icon {
  color: #facc15;
  color: var(--theme-warning-100);
}
#assetSubtitleNew .assetSubtitleRows .mergeRowsButton {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 9;
}
#assetSubtitleNew .assetSubtitleRows .mergeRowsButton button {
  position: relative;
  font-size: 12px;
  padding: 5px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
#assetSubtitleNew .assetSubtitleRows .mergeRowsButton button i {
  margin: 0;
}
#assetSubtitleNew .assetSubtitleRows .mergeRowsButton button:hover {
  background: rgb(30, 80, 155);
  color: #fff;
}
#assetSubtitleNew .SubtitleRow {
  position: relative;
  border: 1px solid transparent;
  transition: ease-in-out 0.2s all;
  border-radius: 6px;
  margin-bottom: 1rem;
  transition: ease-in-out all 0.2s, width 0s;
  top: 0;
  max-height: 400px;
  z-index: 1;
  min-height: 100px;
  border: 1px solid;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#assetSubtitleNew .SubtitleRow .actionMessage {
  color: #fff;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
}
#assetSubtitleNew .SubtitleRow .actionMessage .mergeAnimation {
  position: relative;
  display: flex;
  flex-direction: column;
}
#assetSubtitleNew .SubtitleRow .actionMessage .mergeAnimation span {
  position: relative;
  width: 75px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid #fff;
  opacity: 0;
  animation-delay: 0.5s;
}
#assetSubtitleNew .SubtitleRow .actionMessage .mergeAnimation span:nth-child(1) {
  animation: mergeSpanTop 0.9s linear forwards;
}
#assetSubtitleNew .SubtitleRow .actionMessage .mergeAnimation span:nth-child(2) {
  animation: mergeSpanBottom 0.9s linear forwards;
}
#assetSubtitleNew .SubtitleRow .actionMessage div {
  display: flex;
  z-index: 1;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#assetSubtitleNew .SubtitleRow .actionMessage div:nth-child(2) {
  font-size: 1.5rem;
}
#assetSubtitleNew .SubtitleRow .actionMessage div:nth-child(1) {
  max-width: 100px;
}
#assetSubtitleNew .SubtitleRow .actionMessage div:nth-child(1) .icon {
  transform: translateY(-50%);
  opacity: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 2rem;
}
#assetSubtitleNew .SubtitleRow .actionMessage div:nth-child(1) .icon.arrow {
  animation: moveArrow 0.7s linear forwards;
}
#assetSubtitleNew .SubtitleRow .actionMessage div:nth-child(1) .icon.check {
  animation: successChecked 0.7s linear forwards;
}
#assetSubtitleNew .SubtitleRow .actionMessage.actionOn {
  animation: showActionMessage 0.2s linear forwards;
  z-index: 999;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid transparent !important;
}
#assetSubtitleNew .SubtitleRow .actionMessage.actionOn.moveSec:nth-child(1) .icon {
  animation-delay: 0.7s;
}
#assetSubtitleNew .SubtitleRow .actionMessage.actionOn.actionOff {
  animation: hideActionMessage 0.2s linear forwards;
}
#assetSubtitleNew .SubtitleRow .actionMessage:after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 6px;
  opacity: 1;
  height: 100%;
  width: 100%;
  background: linear-gradient(45deg, var(--theme-primary-100) 0%, var(--theme-success-100) 100%);
}
#assetSubtitleNew .SubtitleRow.merging-top {
  transition: ease-in-out all 0.2s;
  border-radius: 6px;
}
#assetSubtitleNew .SubtitleRow.merging-top:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 6px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5 !important;
  background: linear-gradient(90deg, var(--theme-secondary-100) 0%, var(--theme-success-100) 100%);
  z-index: 10;
  transition: ease-in-out all 0.2s;
}
#assetSubtitleNew .SubtitleRow.merging-top .rowHead {
  z-index: 11;
}
#assetSubtitleNew .SubtitleRow.merging-top .rowHead:after {
  opacity: 0.2;
}
#assetSubtitleNew .SubtitleRow.merging-top .textarea {
  z-index: 11;
}
#assetSubtitleNew .SubtitleRow.merging-bottom {
  opacity: 0;
  top: -100px;
  overflow: hidden;
  z-index: 0;
}
#assetSubtitleNew .SubtitleRow .counter {
  opacity: 0.2;
  position: relative;
  height: 1px;
  width: 0%;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  transition: width 0.1s linear;
}
#assetSubtitleNew .SubtitleRow .rowHead {
  display: flex;
  position: relative;
  z-index: 1;
  padding: 0.5rem 0.3rem 0.5rem 1rem;
  height: 35px;
  border-radius: 5px 5px 0 0;
}
#assetSubtitleNew .SubtitleRow .rowHead:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
#assetSubtitleNew .SubtitleRow .rowHead .rowInfos {
  font-size: 12px;
  display: inline-flex;
  z-index: 1;
  position: relative;
  align-items: center;
  column-gap: 5px;
}
#assetSubtitleNew .SubtitleRow .rowHead .rowInfos > span {
  position: relative;
  z-index: 1;
  color: #ffffff;
  color: var(--theme-text-100);
}
#assetSubtitleNew .SubtitleRow .rowHead .rowInfos .rowHead-icon {
  opacity: 0.3;
}
#assetSubtitleNew .SubtitleRow .rowHead .rowInfos .rowHead-rowId {
  font-weight: bold;
  padding: 0 1rem 0 0;
  opacity: 0.2;
}
#assetSubtitleNew .SubtitleRow .rowHead .rowInfos .rowHead-arrow {
  opacity: 0.4;
  padding: 0 0.5rem;
}
#assetSubtitleNew .SubtitleRow .rowHead .rowActions {
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
#assetSubtitleNew .SubtitleRow .rowHead .rowActions button {
  margin-left: 0.5rem;
  border: 1px solid transparent;
  border-radius: 3px !important;
  padding: 4px !important;
  opacity: 0.4;
  color: #ffffff;
  color: var(--theme-text-100);
}
#assetSubtitleNew .SubtitleRow .rowHead .rowActions-playButtons {
  width: 100%;
  align-items: center;
}
#assetSubtitleNew .SubtitleRow .rowHead .rowActions-editButtons {
  align-items: center;
  display: inline-flex;
}
#assetSubtitleNew .SubtitleRow .rowHead .rowActions:hover button {
  opacity: 1;
}
#assetSubtitleNew .SubtitleRow:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  border-radius: 5px;
  background-color: transparent;
}
#assetSubtitleNew .SubtitleRow .textarea {
  position: relative;
  z-index: 1;
  margin: 1rem;
  font-size: 1.1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#assetSubtitleNew .SubtitleRow .textarea.editable span.rowWord {
  cursor: text;
}
#assetSubtitleNew .SubtitleRow .textarea span.hiddenWordBase {
  font: inherit;
  margin: 0;
  padding: 0;
  opacity: 0;
  position: absolute;
  white-space: pre;
  z-index: -1;
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  padding: 3px !important;
  margin: 0 1px 0 0;
  transition: ease-in-out 0.2s all, width 0s;
  border-radius: 4px;
  border: 1px solid transparent !important;
  background: transparent !important;
  text-align: center;
  font-size: 14px !important;
  color: #cccccc;
  color: var(--theme-text-80);
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord.mergePreviewWord {
  opacity: 0.3;
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord:focus {
  outline: none;
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord.highlighted {
  border: 1px solid;
  background: transparent;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  color: #34c6e5;
  color: var(--theme-primary-100);
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord.active {
  transition: ease-in-out 0.2s all, width 0s;
  color: #fff;
  background-color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  background-color: var(--theme-primary-40) !important;
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord.editable {
  cursor: text;
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord.static {
  caret-color: transparent;
  cursor: pointer;
}
#assetSubtitleNew .SubtitleRow .textarea input.rowWord.inSearch {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 5px;
  border-color: var(--theme-warning-100) !important;
  background-color: var(--theme-warning-20) !important;
}
#assetSubtitleNew .SubtitleRow.active {
  transition: ease-in-out 0.2s all;
  border: 1px solid;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
#assetSubtitleNew .SubtitleRow.active:after {
  opacity: 0.2;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
#assetSubtitleNew .SubtitleRow.active .counter {
  opacity: 1;
  background: rgb(61, 216, 255);
  background: linear-gradient(90deg, var(--theme-primary-100) 0%, var(--theme-success-100) 100%);
}
#assetSubtitleNew .SubtitleRow.active .rowHead:after {
  content: "";
  opacity: 0.3;
}
#assetSubtitleNew .SubtitleRow.active .rowHead .rowActions button {
  opacity: 1;
}
#assetSubtitleNew .SubtitleRow.warningLength.active {
  border-color: var(--theme-warning-60);
}
#assetSubtitleNew .SubtitleRow.warningLength .rowHead {
  z-index: 11;
}
#assetSubtitleNew .SubtitleRow.warningLength .rowHead:after {
  opacity: 0.2;
}
#assetSubtitleNew .SubtitleRow.warningLength:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.5;
  top: 0;
  right: 0;
  width: 100%;
  border-radius: 5px;
  background: rgb(94, 135, 140);
  background: linear-gradient(90deg, var(--theme-error-60) 0%, var(--theme-warning-60) 100%);
}
#assetSubtitleNew .SubtitleRow.warningLength .textarea {
  position: relative;
  z-index: 1;
  margin: 1rem;
  font-size: 1.1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#assetSubtitleNew .SubtitleRow.warningLength .textarea input.rowWord.highlighted {
  border: 1px solid var(--theme-warning-100);
  color: var(--theme-warning-100);
  background: transparent;
}
#assetSubtitleNew .SubtitleRow.warningLength .textarea input.rowWord.active {
  transition: ease-in-out 0.2s all;
  background-color: var(--theme-warning-60);
  color: #fff;
}
#assetSubtitleNew .SubtitleRow.warningLength .textarea input.rowWord.editable {
  cursor: text;
}
#assetSubtitleNew .SubtitleRow.warningLength .textarea input.rowWord.static {
  cursor: default;
}
#assetSubtitleNew .SubtitleRow.highlight {
  transition: ease-in-out 0.2s all;
}
#assetSubtitleNew .SubtitleRow.highlight:after {
  border: 1px solid;
  left: 1px;
  opacity: 0.1;
  color: #fff;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
#assetSubtitleNew .SubtitleRow.highlight .counter {
  opacity: 1;
  background: rgb(61, 216, 255);
  background: linear-gradient(90deg, var(--theme-primary-100) 0%, var(--theme-success-100) 100%);
}
#assetSubtitleNew .SubtitleRow.highlight .rowHead:after {
  content: "";
  opacity: 0.3;
}
#assetSubtitleNew .SubtitleRow.highlight .rowHead .rowActions button {
  opacity: 1;
  border-radius: 6px;
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.subtitleSearchBtn,
.subtitlePdfBtn {
  cursor: pointer;
  cursor: pointer;
  padding: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #ffffff;
  color: var(--theme-text-100);
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
  line-height: 14px;
}
.subtitleSearchBtn .icon,
.subtitlePdfBtn .icon {
  margin: 0;
}
.subtitleSearchBtn.active,
.subtitlePdfBtn.active {
  color: #fff;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}

.subtitlePdfBtn {
  margin-left: 0.5rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.subtitlePdfBtn:hover {
  opacity: 0.9;
}

.assetSubtitleSearch-input {
  padding: 1rem 1rem 1rem 0;
}
.assetSubtitleSearch-input input {
  width: 100%;
  border: 1px solid;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-color: #253141;
  border-color: var(--theme-surface-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetSubtitleSearch-input input:focus {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.assetSubtitleSearch-input input:focus:hover {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.assetSubtitleSearch-input input:hover {
  border-color: var(--theme-success-200);
}
.assetSubtitleSearch-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.assetSubtitleSearch-list > div {
  cursor: pointer;
  position: relative;
  display: flex;
  overflow: hidden;
  border: 1px solid;
  border-radius: 6px;
  padding: 4px 8px;
  border-color: var(--theme-warning-100);
  background-color: var(--theme-warning-20);
  color: var(--theme-text-100);
}
.assetSubtitleSearch-list > div .icon {
  margin: 0;
}
.assetSubtitleSearch .clearAll {
  position: relative;
  display: flex;
  overflow: hidden;
  border: 1px solid;
  border-radius: 6px;
  padding: 4px 8px;
  background-color: rgba(120, 0, 22, 0.2);
  box-shadow: 0 0 6px rgba(171, 29, 19, 0.4);
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
  color: var(--theme-error-200);
}

@keyframes moveArrow {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(50%);
  }
}
@keyframes successChecked {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  80% {
    opacity: 1;
    transform: scale(1.2);
  }
  90% {
    opacity: 1;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes showActionMessage {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hideActionMessage {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes mergeSpanTop {
  0% {
    opacity: 0;
    transform: translateY(-5px);
    background-color: transparent;
  }
  50% {
    opacity: 0.5;
    transform: translateY(10px);
    background-color: transparent;
  }
  90% {
    opacity: 0.5;
    transform: translateY(10px);
    background-color: #fff;
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
    background-color: #fff;
  }
}
@keyframes mergeSpanBottom {
  0% {
    opacity: 0;
    transform: translateY(10px);
    background-color: transparent;
  }
  50% {
    opacity: 0.5;
    transform: translateY(-10px);
    background-color: transparent;
  }
  90% {
    opacity: 0.5;
    transform: translateY(-10px);
    background-color: #fff;
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
    background-color: #fff;
  }
}
.playlistManageItem .manageOrder {
  cursor: pointer;
}
.playlistManageItem .thumbnail img {
  max-width: 96px;
  max-height: 54px;
  border: 1px solid;
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}

.assetPlaylist .playlistItem h5 {
  margin-bottom: 5px;
}
.assetPlaylist .playlistItem {
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
}

.ui.grid > .column.playlistImportItemColumn {
  padding-top: 0;
}

.playlistImportItem {
  position: relative;
  display: inline-block;
  width: 192px;
  max-width: 192px;
  height: 200px;
  max-height: 200px;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  justify-content: center;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  overflow: hidden;
}
.playlistImportItem .preview {
  align-items: center;
  position: relative;
  width: 100%;
  height: 108px;
  max-height: 108px;
  border-width: 0;
  border-style: solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  overflow: hidden;
}
.playlistImportItem .preview .previewImage {
  justify-content: center;
}
.playlistImportItem .preview img {
  max-width: 100%;
  max-height: 100%;
}
.playlistImportItem .preview i {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.playlistImportItem .preview .duration {
  position: absolute;
  right: 0;
  bottom: 5px;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 12px;
  z-index: 5;
}
.playlistImportItem .previewVideo {
  max-height: 108px;
  margin-bottom: 0;
  overflow: hidden;
}
.playlistImportItem .previewVideo img {
  max-width: 100%;
  max-height: 100%;
}
.playlistImportItem .assetInfo {
  position: absolute;
  bottom: 30px;
}
.playlistImportItem .assetInfo .title {
  height: 38px;
  padding: 0 5px;
  font-size: 13px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  line-height: 19px;
  overflow: hidden;
  text-align: left;
}
.playlistImportItem .assetInfo .fileInfo1 {
  float: left;
  text-align: left;
  margin-left: 5px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 12px;
}
.playlistImportItem .playlistInfo {
  position: absolute;
  bottom: 2px;
  right: 2px;
  left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playlistImportItem .playlistInfo button {
  border-radius: 5px;
  width: 100%;
  margin: 0;
  padding: 8px 0.5rem;
}

.archiveInfoBox {
  margin: 1rem;
  border-radius: 6px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.archiveInfoBox > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.archiveInfoBox > div:nth-child(1) > div:nth-child(1) {
  width: 60px;
  display: inline-flex;
  padding: 1rem;
  font-size: 3rem;
}
.archiveInfoBox > div:nth-child(1) > div:nth-child(1) .icon {
  line-height: 3rem;
}
.archiveInfoBox > div:nth-child(1) > div:nth-child(2) {
  width: calc(100% - 60px);
  display: inline-flex;
  padding: 1rem;
}
.archiveInfoBox > div:nth-child(2) {
  width: 100%;
  border-top: 1px dashed;
  display: block;
}
.archiveInfoBox.archive {
  /* Archive specific styles will go here */
}
.archiveInfoBox.retrieval {
  /* Retrieval specific styles will go here */
}

.labelManageSport {
  margin: 2rem 0 0 0;
}
.labelManageSport-input {
  padding: 1rem;
}
.labelManageSport-input .errorMsg {
  color: #e74c3c;
  color: var(--theme-error-100);
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.labelManageSport-content {
  position: relative;
}
.labelManageSport-labelsContent {
  padding: 1rem;
}
.labelManageSport-labelsContent.withBorderTop {
  border-top: 1px dashed;
  border-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  border-color: var(--theme-surface-200);
}
.labelManageSport-labels .noLabels {
  font-style: italic;
  color: #ffffff;
  color: var(--theme-text-100);
}
.labelManageSport-labels .label {
  display: inline-flex;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.labelManageSport-labels .label.choosen div:nth-child(2) {
  padding: 0 0 0 0.5rem;
  cursor: pointer;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.labelManageSport-labels .label.choosen div:nth-child(2) .icon {
  margin: 0;
}
.labelManageSport-labels .label.available:hover:not(.added) {
  cursor: pointer;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #ffffff;
  color: var(--theme-text-100);
}
.labelManageSport-labels .label.available.added {
  cursor: default;
  opacity: 0.3;
}

.customMessage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-height: 100px;
  margin-bottom: 1rem;
}
.customMessage .messageIcon {
  width: 50px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
}
.customMessage .messageContent {
  display: flex;
  flex: 1 0 50%;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.customMessage .messageContent h4 {
  margin-bottom: 0.5rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.customMessage .messageContent .message {
  flex: 1 0 50%;
  max-height: 40px;
  overflow: auto;
  word-break: break-all;
  font-style: italic;
}
.customMessage .autoclose {
  flex: 0 1 100%;
  padding-right: 0.3rem;
  text-align: right;
  font-size: 80%;
  color: #cccccc;
  color: var(--theme-text-80);
}
.customMessage.info .messageIcon {
  background: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background: var(--theme-surface-300);
}
.customMessage.info .messageContent {
  background: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background: var(--theme-surface-200);
}
.customMessage.success .messageIcon {
  background: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background: var(--theme-success-80);
}
.customMessage.success .messageContent {
  background: #6bf2a7;
  background: var(--theme-success-100);
}
.customMessage.error .messageIcon {
  background: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background: var(--theme-error-80);
}
.customMessage.error .messageContent {
  background: #e74c3c;
  background: var(--theme-error-100);
}

.activitiesMainBlock {
  flex: 33%;
  overflow: hidden;
  margin: 0px 0px 0px 2px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .activitiesMainBlock {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .activitiesMainBlock {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .activitiesMainBlock {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .activitiesMainBlock {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .activitiesMainBlock {
    width: 50%;
    margin-left: 0px;
    order: 2;
  }
}
@media (min-width: 1024px) {
  .activitiesMainBlock {
    order: 3;
    flex: 1;
  }
}

.assetMain {
  width: 33%;
  overflow: hidden;
  margin: 0px 2px 0px 2px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .assetMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .assetMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .assetMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .assetMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .assetMain {
    width: 50%;
    margin-left: 0px;
  }
}

.downloadMain {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: 2px 0px 2px 2px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .downloadMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .downloadMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .downloadMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .downloadMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .downloadMain {
    margin: 0px 2px 0px 2px;
    width: 50%;
    margin-left: 0px;
  }
}

.projectMain {
  width: 33%;
}
@media (min-width: 320px) and (max-width: 374px) {
  .projectMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .projectMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .projectMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .projectMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .projectMain {
    flex: 1;
    margin: 0px 0px 2px 2px;
  }
}

.statsMopi .tableFilterResults th {
  text-transform: capitalize;
}
.statsMopi .statsTotal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.statsMopi .statsTotal div {
  flex: 1;
  text-align: center;
  margin: 1rem 0 1rem;
}
.statsMopi .statsTotal div h2 {
  margin-bottom: 1rem;
  text-transform: capitalize;
}
.statsMopi .statsTotal div h4 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.4rem;
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.storageMain {
  width: 33%;
  overflow: hidden;
}
.storageMain .innerContent {
  width: 100%;
}
.storageMain .innerContent .storageDataItems {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.storageMain .innerContent .storageDataItems-item {
  position: relative;
  border-radius: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  overflow: hidden;
  padding: 0.5rem;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.storageMain .innerContent .storageDataItems-item:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 6px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  z-index: 10;
}
.storageMain .innerContent .storageDataItems-item > div {
  align-items: center;
  justify-content: center;
  display: flex;
}
.storageMain .innerContent .storageDataItems-item > div span {
  font-weight: bold;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.storageMain .innerContent .storageDataItems-item > div span:nth-child(2) {
  display: inline-flex;
  padding: 0 0 0 5px;
  opacity: 0.4;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 100;
  font-size: 0.875rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.storageMain .innerContent .storageDataItems-item > div:nth-child(1) {
  font-size: 1rem;
}
.storageMain .innerContent .storageDataItems-item > div:nth-child(1) {
  color: #ffffff;
  color: var(--theme-text-100);
}
@media (max-width: 1444px) {
  .storageMain .innerContent .storageDataItems-item > div:nth-child(1) {
    font-size: 1rem;
  }
  .storageMain .innerContent .storageDataItems-item > div:nth-child(2) {
    font-size: 0.75rem;
  }
}
.storageMain .innerContent .storagePercent {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  color: #ffffff;
  color: var(--theme-text-100);
}
.storageMain .innerContent .storagePercent.usedInfo {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.storageMain .innerContent .storagePercent.usedWarning {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.storageMain .innerContent .storagePercent.usedError {
  color: #e74c3c;
  color: var(--theme-error-100);
}
@media (min-width: 320px) and (max-width: 374px) {
  .storageMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .storageMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .storageMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .storageMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .storageMain {
    width: 100%;
    order: 3;
    margin-top: 4px;
  }
}

.transcodeMain {
  width: 33%;
}
@media (min-width: 320px) and (max-width: 374px) {
  .transcodeMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .transcodeMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .transcodeMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .transcodeMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .transcodeMain {
    width: 100%;
  }
}

.uploadMain {
  display: flex;
  width: 50%;
  flex-direction: column;
  margin: 2px 0px 2px 2px;
}
@media (min-width: 320px) and (max-width: 374px) {
  .uploadMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .uploadMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .uploadMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .uploadMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .uploadMain {
    margin: 0px 0px 0px 2px;
    width: 50%;
    margin-left: 0px;
  }
}

.userMain {
  display: flex;
  flex-direction: column;
  margin: 0 0 2px 2px;
  width: 33%;
}
@media (min-width: 320px) and (max-width: 374px) {
  .userMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .userMain {
    width: 96vw;
    margin: 2px 2px;
  }
}
@media (min-width: 425px) and (max-width: 650px) {
  .userMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  .userMain {
    width: 97vw;
    margin: 2px 2px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .userMain {
    margin: 0px 0px 2px 0px;
    flex: 1;
    margin-right: 2px;
  }
}
@media (min-width: 1024px) {
  .userMain {
    flex: 1;
    margin-bottom: 0;
  }
}

#UsersInvites .pageHeading {
  display: flex;
  align-items: center;
}
#UsersInvites .pageHeading span {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: #ffffff;
  color: var(--theme-text-100);
  padding: 0.5rem;
  margin-right: 6px;
  border-radius: 6px;
  font-size: 1rem;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#UsersInvites tr {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.userInviteResend {
  border-radius: 6px;
  display: flex;
  column-gap: 5px;
  overflow: hidden;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 6px !important;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  transition: background-color ease-in-out 0.2s;
}
.userInviteResend.error {
  background-color: #e74c3c;
  background-color: var(--theme-error-100) !important;
  transition: background-color ease-in-out 0.2s;
}
.userInviteResend.done {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  transition: background-color ease-in-out 0.2s;
}
.userInviteResend.sending {
  background-color: #0dd477;
  transition: background-color ease-in-out 0.2s;
}
.userInviteResend span {
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
}
.userInviteResend span.spin {
  position: relative;
  -webkit-animation: spinHourglass 2s linear infinite;
  -moz-animation: spinHourglass 2s linear infinite;
  animation: spinHourglass 2s linear infinite;
}
.userInviteResend span:nth-child(2) {
  width: 100%;
  padding: 0.25rem 0;
  justify-content: flex-start;
}
.userInviteResend span:nth-child(3) {
  min-width: 20px;
  min-height: 20px;
  display: flex;
  align-items: center;
}
.userInviteResend span:nth-child(3):after {
  content: "";
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  z-index: 0;
  border-radius: 50px;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.userInviteResend:hover span:nth-child(1):not(.spin) {
  position: relative;
  -webkit-animation: spinHourglass 1s linear infinite;
  -moz-animation: spinHourglass 1s linear infinite;
  animation: spinHourglass 1s linear infinite;
}

@keyframes flashing {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.themeLight .liveChannelState .stateVisual ul li.active.Idle span {
  opacity: 1;
  color: #9c9c9c;
}
.themeLight .liveChannelState .stateVisual ul li.active.Idle .indicator {
  background-color: #9c9c9c;
  box-shadow: 0 0 8px 2px #d3d3d3;
  animation: none 0.6s ease-in-out;
  animation-iteration-count: infinite;
}

.liveChannelState {
  overflow: hidden;
}
.liveChannelState .offlineWrapper {
  position: relative;
  padding-top: 56.25%;
  background-color: #000;
}
.liveChannelState .stateVisual {
  display: flex;
  padding: 0px 20px 0 10px;
  width: auto;
  min-height: 160px;
}
.liveChannelState .stateVisual div {
  line-height: 1.875rem;
  font-size: 0.8125rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.liveChannelState .stateVisual ul {
  position: relative;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.liveChannelState .stateVisual ul:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.375rem;
  height: 100%;
  background-color: #677992;
  opacity: 0.2;
  border-radius: 3px;
  left: 0;
}
.liveChannelState .stateVisual ul li {
  position: relative;
  padding: 2px 10px 2px 30px;
  text-transform: uppercase;
}
.liveChannelState .stateVisual ul li .indicator {
  display: block;
  width: 0.375rem;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  position: absolute;
}
.liveChannelState .stateVisual ul li span {
  opacity: 0.2;
}
.liveChannelState .stateVisual ul li.active {
  z-index: 10;
}
.liveChannelState .stateVisual ul li.active.CREATING span {
  opacity: 1;
  color: #e6e6e6;
}
.liveChannelState .stateVisual ul li.active.CREATING .indicator {
  background-color: #e6e6e6;
  box-shadow: 0 0 8px 2px #ffffff;
  animation: none 0.6s ease-in-out;
  animation-iteration-count: infinite;
}
.liveChannelState .stateVisual ul li.active.IDLE span {
  opacity: 1;
  color: #e6e6e6;
}
.liveChannelState .stateVisual ul li.active.IDLE .indicator {
  background-color: #e6e6e6;
  box-shadow: 0 0 8px 2px #ffffff;
  animation: none 0.6s ease-in-out;
  animation-iteration-count: infinite;
}
.liveChannelState .stateVisual ul li.active.STARTING span {
  opacity: 1;
  color: #ffb24e;
}
.liveChannelState .stateVisual ul li.active.STARTING .indicator {
  background-color: #ffb24e;
  box-shadow: 0 0 8px 2px #ffa500;
  animation: flashing 0.6s ease-in-out;
  animation-iteration-count: infinite;
}
.liveChannelState .stateVisual ul li.active.RUNNING span {
  opacity: 1;
  color: #a4ff4e;
}
.liveChannelState .stateVisual ul li.active.RUNNING .indicator {
  background-color: #a4ff4e;
  box-shadow: 0 0 8px 2px #00b600;
  animation: none 0.6s ease-in-out;
  animation-iteration-count: infinite;
}
.liveChannelState .stateVisual ul li.active.STOPPING span {
  opacity: 1;
  color: #ff4e4e;
}
.liveChannelState .stateVisual ul li.active.STOPPING .indicator {
  background-color: #ff4e4e;
  box-shadow: 0 0 8px 2px #ff0000;
  animation: flashing 0.6s ease-in-out;
  animation-iteration-count: infinite;
}
.liveChannelState .stateVisual ul li.active span {
  opacity: 1;
}
.liveChannelState .stateVisual ul li.active .indicator {
  border-radius: 3px;
}
.liveChannelState .typeOf div:first-child {
  color: #ffffff;
  color: var(--theme-text-100);
}
.liveChannelState .typeOf div:last-child {
  padding: 0.9375rem 0;
  text-align: center;
  font-size: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.liveChannelState-actions {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.liveChannelState-actions > div {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-left: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.liveChannelState-actions > div .extra {
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.liveChannelState-actions > div .extrabutton {
  margin: 20px auto;
  width: 110px;
}
.liveChannelState-actions > div .extrabutton .icon {
  animation: spin 1s infinite linear;
}
.liveChannelState-actions > div .infos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  justify-content: center;
  overflow: hidden;
  padding: 0.9375rem;
  margin: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.liveChannelState-actions > div .infos div {
  font-style: italic;
  font-size: 0.875rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.liveChannelState-actions .extra button {
  margin: 20px auto;
  width: 110px;
}
.liveChannelState-actions .extra button .icon {
  animation: spin 1s infinite linear;
}
.liveChannelState-actions .infoIcon {
  right: -40px;
  bottom: -80px;
  font-size: 7.8125rem;
  opacity: 0.05;
  color: #ffffff;
  color: var(--theme-text-100);
  position: absolute;
}

.liveChannelNewStart h1 {
  text-align: center;
}
.liveChannelNewStart ul {
  width: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.liveChannelNewStart ul * {
  transition: ease-in-out 0.3s all;
}
.liveChannelNewStart ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 35vw;
  height: 35vw;
  max-width: 400px;
  max-height: 400px;
  min-width: 200px;
  min-height: 200px;
  margin: 1rem;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.liveChannelNewStart ul li > div {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.liveChannelNewStart ul li div:nth-child(1) {
  font-size: 1.625rem;
}
.liveChannelNewStart ul li div:nth-child(2) {
  font-size: 0.875rem;
  margin: 1rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.liveChannelNewStart ul li button {
  position: absolute !important;
  bottom: 15px;
  right: 10px;
}
.liveChannelNewStart ul li:hover {
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
  color: #ffffff;
  color: var(--theme-text-100);
  transform: scale(1.1);
}
.liveChannelNewStart ul li:hover div:nth-child(2) {
  color: #ffffff;
  color: var(--theme-text-100);
}
@media (max-width: 767px) {
  .liveChannelNewStart ul {
    flex-direction: column;
  }
  .liveChannelNewStart ul li div:nth-child(1) {
    font-size: 1.125rem;
  }
  .liveChannelNewStart ul li div:nth-child(2) {
    font-size: 0.75rem;
  }
}

.emptyAssets {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #cccccc;
  color: var(--theme-text-80);
}

.tableFilterResults th.nameDescCell {
  text-align: left !important;
}
.tableFilterResults th.cumulativeCell {
  line-height: 10px !important;
  vertical-align: middle !important;
}
.tableFilterResults td.thumbnailCell {
  display: flex;
  align-items: center;
  padding: 0 !important;
  border: none !important;
  max-width: 115px;
}
.tableFilterResults td.thumbnailCell span {
  padding: 0.3rem;
  min-width: 20px;
  display: inline-block;
}
.tableFilterResults td.nameDescCell {
  text-align: left !important;
}

.deleteAssetBtn.ui.button, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.deleteAssetBtn.ui,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .deleteAssetBtn.ui.button, .imageUploadFormElement-actions .deleteAssetBtn.ui.action-btn.add {
  text-align: center;
  background-color: transparent !important;
  border: none;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.deleteAssetBtn.ui.button .icon, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.deleteAssetBtn.ui .icon,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .deleteAssetBtn.ui.button .icon, .imageUploadFormElement-actions .deleteAssetBtn.ui.action-btn.add .icon {
  margin: 0 !important;
}
.deleteAssetBtn.ui.button:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.deleteAssetBtn.ui:hover,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .deleteAssetBtn.ui.button:hover, .imageUploadFormElement-actions .deleteAssetBtn.ui.action-btn.add:hover {
  transform: scale(1.5);
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
}

.ocImportModal.ui.fullscreen.modal {
  display: flex !important;
  flex-direction: column;
  width: calc(100% - 60px) !important;
  height: calc(100vh - 60px) !important;
  top: 30px;
  overflow: hidden;
  left: auto !important;
  margin: auto !important;
}
.ocImportModal.ui.fullscreen.modal .content {
  padding: 0;
  overflow: hidden;
  display: flex;
  height: 100%;
}
.ocImportModal.ui.fullscreen.modal .content .importModal {
  padding: 0;
  height: 100%;
  width: 100%;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-side {
  max-width: 285px;
  width: 100%;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-content {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-filters {
  width: calc(100% - 25px);
  border-bottom: 1px solid;
  border-bottom-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-bottom-color: var(--theme-surface-450);
  margin: auto;
  padding-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-filters .filterKeyword {
  display: inline-flex;
  margin-bottom: 0;
  margin-left: 20px;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-filters .filterKeyword input {
  width: 100% !important;
  padding: 6px 10px;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-items {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  padding: 30px 0px;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-items .assetsList {
  display: grid;
  height: auto;
  padding: 0 2rem 1rem 1rem;
  grid-template-columns: repeat(auto-fit, minmax(192px, 1fr));
  column-gap: 1rem;
  row-gap: 1rem;
}
.ocImportModal.ui.fullscreen.modal .content .importModal-pagiantion {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ocImportModal.ui.fullscreen.modal .content .importModal-pagiantion br {
  display: none;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .projectsList {
  padding-bottom: 0;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 15px;
  text-transform: capitalize;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems .counter {
  display: flex;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems .counter span {
  padding: 0 10px;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems .counter span:first-child {
  color: #fff;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems:hover {
  cursor: pointer;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems:hover .importedItems-list {
  z-index: 60;
  top: 35px;
  transition: ease-in-out 0.3s all;
  opacity: 1;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems-list {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 10px;
  right: 0;
  max-height: 230px;
  overflow-y: scroll;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  transition: ease-in-out 0.3s all;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems-list > div {
  max-width: 250px;
  width: 100%;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems-list > div div {
  padding: 3px 10px;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems-list > div div:nth-child(1) {
  max-width: 35px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  color: #ffffff;
  color: var(--theme-text-100);
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems-list > div div:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocImportModal.ui.fullscreen.modal .content .importModal .importedItems-list > div:nth-child(even) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ocImportModal.ui.fullscreen.modal .projectSidebarBtn {
  display: none;
}
@media (max-width: 1100px) {
  .ocImportModal.ui.fullscreen.modal {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
  }
  .ocImportModal.ui.fullscreen.modal .projectSidebarBtn {
    display: inline-flex;
  }
  .ocImportModal.ui.fullscreen.modal .content {
    padding: 0 !important;
  }
  .ocImportModal.ui.fullscreen.modal .content .importModal-filters > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-evenly;
  }
  .ocImportModal.ui.fullscreen.modal .content .importModal-side {
    background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
    background-color: var(--theme-surface-450);
    position: absolute;
    z-index: 1003;
    left: -100%;
    top: 0;
    max-width: 100%;
    right: 0;
    bottom: 0;
    transition: ease-in-out 0.23s all;
  }
  .ocImportModal.ui.fullscreen.modal .content .importModal-side.active {
    transition: ease-in-out 0.3s all;
    left: 0;
  }
}
.ocImportModal .assetsList .grid {
  width: 100%;
}

.editDisabledBox {
  text-align: center;
  padding: 30px;
}

.tableScrollableWrapper {
  width: calc(100% + 30px);
  padding-right: 20px;
  position: absolute;
  overflow: hidden scroll;
  top: 0;
  bottom: 0;
  height: 100%;
}
.tableScrollableWrapper.edit {
  height: calc(100% - 32px);
}
@media (max-width: 992px) {
  .tableScrollableWrapper {
    position: relative;
  }
}
@media (max-width: 767px) {
  .tableScrollableWrapper {
    max-height: 100%;
    overflow: auto;
  }
}

.importAssetArea {
  display: flex;
  border-bottom: 1px dashed;
  border-top: 1px dashed;
  height: 32px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.importAssetArea div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
  font-size: 0.8125rem;
  font-style: italic;
  color: #ffffff;
  color: var(--theme-text-100);
}
.importAssetArea button {
  min-width: 110px !important;
  margin: 0 !important;
}

@media (max-width: 992px) {
  .marginBottomMobile {
    margin-bottom: 30px !important;
  }
  .reversColumOnMobile {
    flex-direction: column-reverse !important;
  }
}
.floating-button-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  font-size: 0.875rem;
  padding: 0 !important;
  align-items: center;
  max-height: 35px;
}
@media only screen and (max-width: 992px) {
  .floating-button-group {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 10;
  }
}
.floating-button-group > div {
  margin: 0.5rem 0.4rem;
  max-height: 35px;
  width: auto;
}
.floating-button-group > div button {
  box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.25) !important;
  cursor: pointer;
}
@media only screen and (min-width: 993px) {
  .floating-button-group > div:first-child {
    margin-left: 0;
    width: 100%;
  }
}

.archiveStoreBox.ocCard.ui.card > .content {
  padding: 0;
}
.archiveStoreBox.ocCard.ui.card > .content > div {
  display: flex;
  width: 100%;
  border-bottom: 1px dashed;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.archiveStoreBox.ocCard.ui.card > .content > div:last-child {
  border: none;
}
.archiveStoreBox.ocCard.ui.card > .content > div .field {
  position: relative;
}
.archiveStoreBox.ocCard.ui.card > .content > div .field .label.red {
  position: absolute;
  left: 0;
  top: 100%;
}
.archiveStoreBox.ocCard.ui.card > .content > div > div {
  display: flex;
  flex-direction: column;
  border: none;
}
.archiveStoreBox.ocCard.ui.card > .content > div > div .ui.dropdown > .dropdown.icon:before {
  right: 10px;
  position: absolute;
}
.archiveStoreBox.ocCard.ui.card > .content > div > div:first-child {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
.archiveStoreBox.ocCard.ui.card > .content > div > div:nth-child(2) {
  width: 100%;
}
.archiveStoreBox.ocCard.ui.card > .content > div > div:nth-child(3) {
  width: 180px;
}
.archiveStoreBox.ocCard.ui.card > .content > div > div .w-100 .dropdown {
  width: 100%;
}
.archiveStoreBox.ocCard.ui.card > .content > div.w-100 {
  width: 100%;
}
.archiveStoreBox.ocCard.ui.card > .content > div.w-100 > div:first-child {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.liveChannelView .manageBox {
  min-height: 420px;
}
.liveChannelView .ocListB-text {
  position: relative;
  min-height: 40px;
}
.liveChannelView .inputDeviceItem {
  padding: 5px 7px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.liveChannelView .inputDeviceItem .deviceDetails {
  padding-left: 25px;
}
.liveChannelView .inputDeviceItem .deviceDetails .deviceDetail {
  display: inline-block;
  padding-right: 20px;
}
.liveChannelView .inputDeviceItem .deviceDetails .deviceDetail strong {
  margin-right: 5px;
}
.liveChannelView .inputSdiItem {
  padding: 5px 7px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.liveChannelView .inputSdiItem .sdiDetails {
  padding-left: 25px;
}
.liveChannelView .inputSdiItem .sdiDetails .sdiDetail {
  display: inline-block;
  padding-right: 20px;
}
.liveChannelView .inputSdiItem .sdiDetails .sdiDetail strong {
  margin-right: 5px;
}

.LiveScheduleBox .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.LiveScheduleBox .header button {
  max-width: 70px;
  border-radius: 4px;
  padding: 5px;
}
.LiveScheduleBox .content {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .LiveScheduleBox .content {
    flex-direction: column;
  }
}
.LiveScheduleBox .content > div {
  width: 100%;
}
.LiveScheduleBox .content > div .ocListB-item {
  border-bottom: 1px dashed;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.LiveScheduleBox .content > div .ocListB-item.date-item {
  width: 50%;
  display: inline-flex;
  flex-direction: column;
}
.LiveScheduleBox .content > div:nth-child(1) {
  border-right: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.LiveScheduleBox .days-wrapper span {
  display: inline-flex;
  padding: 0 5px;
  border: 1px solid;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  color: #ffffff;
  color: var(--theme-text-100);
}
.LiveScheduleBox .days-wrapper .checkbox {
  margin-right: 1rem;
  min-width: 90px;
}
.LiveScheduleBox .LiveScheduleDatepicker {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.LiveScheduleBox .LiveScheduleDatepicker .react-datepicker-popper {
  z-index: 2 !important;
}
.LiveScheduleBox .LiveScheduleDatepicker .react-datepicker-wrapper {
  width: auto;
}
.LiveScheduleBox .LiveScheduleDatepicker .react-datepicker-wrapper input {
  padding: 0.5rem;
  border: 1px solid;
  border-radius: 6px;
  margin-right: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.LiveScheduleBox .LiveScheduleDatepicker .react-datepicker-wrapper input:disabled {
  background-color: transparent;
  border: 1px dashed;
  opacity: 0.5;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.LiveScheduleBox .LiveScheduleDatepicker .react-datepicker-wrapper:nth-child(2) input, .LiveScheduleBox .LiveScheduleDatepicker .react-datepicker-wrapper:nth-child(3) input {
  width: 80px;
}
.LiveScheduleBox .LiveScheduleDatepicker .react-datepicker-wrapper > div {
  width: auto;
}

.TaxonomyBulkEdit {
  width: calc(100% - 1rem);
  margin: 0.5rem 2.5rem 0.5rem 0.5rem;
  border-radius: 6px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.TaxonomyBulkEdit .warningInfo {
  padding: 1rem;
  display: flex;
  align-items: center;
}
.TaxonomyBulkEdit .warningInfo div:nth-child(1) {
  color: #facc15;
  color: var(--theme-warning-100);
  font-size: 2rem;
}
.TaxonomyBulkEdit .warningInfo div:nth-child(2) {
  padding-left: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.TaxonomyBulkEdit .successInfo {
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.TaxonomyBulkEdit .successInfo div:nth-child(1) {
  color: #6bf2a7;
  color: var(--theme-success-100);
  font-size: 5rem;
}
.TaxonomyBulkEdit .successInfo div:nth-child(2) {
  padding-left: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.TaxonomyBulkEdit-head {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TaxonomyBulkEdit-head > div {
  background-color: red;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  opacity: 0.3;
}
.TaxonomyBulkEdit-head > div.active {
  opacity: 1;
  background-color: green;
}
.TaxonomyBulkEdit-content {
  height: 100%;
}
.TaxonomyBulkEdit-action > div {
  background-color: rgb(0, 76, 255);
  padding: 0.5rem 1rem;
  border-radius: 6px;
}
.TaxonomyBulkEdit-contentItem {
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  min-height: 40px;
  border-bottom: 1px dashed red;
}
.TaxonomyBulkEdit-contentItem:last-child {
  border: none;
}

.permissionDetailsContent {
  display: flex;
  flex-direction: column;
}
.permissionDetailsContent-segment {
  width: 100%;
}
.permissionDetailsContent-segment.scrollList {
  border-bottom: 1px dashed;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400) !important;
}
.permissionDetailsContent-segment.scrollList .permissionDetailsContent-head span {
  margin-right: 2px;
}
.permissionDetailsContent-scrollableContent {
  overflow: hidden auto;
  height: 100%;
  max-height: 180px;
}
.permissionDetailsContent-head {
  margin-bottom: 0.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.permissionDetailsContent-head span {
  display: inline-flex;
  margin-right: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
  font-weight: bold;
}
.permissionDetailsContent-scrollTable {
  height: calc(100% - 1rem);
  max-height: 430px;
  overflow: hidden auto;
  border-radius: 6px;
  border-top: 1px solid;
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-right: 2px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400) !important;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400) !important;
}
.permissionDetailsContent-scrollTable table {
  position: relative;
}
.permissionDetailsContent-scrollTable table thead {
  position: sticky;
  top: 0;
}

.userView .adobePanelGenerateSso {
  border-top: 1px dashed;
  padding: 1rem 0 0 0;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  display: flex;
  flex-direction: column;
  font-weight: normal;
  margin-bottom: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.userView .adobePanelGenerateSso > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.userView .adobePanelGenerateSso > div:nth-child(1) div {
  display: flex;
  flex-direction: row;
}
.userView .adobePanelGenerateSso > div:nth-child(1) div h4 {
  margin: 0;
}
.userView .adobePanelGenerateSso > div:nth-child(1) div p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.userView .adobePanelGenerateSso > div:nth-child(1) div:nth-child(1) {
  line-height: 100%;
  font-size: 2rem;
}
.userView .adobePanelGenerateSso > div:nth-child(1) div:nth-child(1) svg {
  width: 45px;
  height: 45px;
  background-color: #030658;
  border-radius: 10px;
}
.userView .adobePanelGenerateSso > div:nth-child(1) div:nth-child(1) svg path {
  fill: #9495f8;
}
.userView .adobePanelGenerateSso > div:nth-child(1) div:nth-child(2) {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 0 0 0 0.5rem;
  line-height: 16px;
}
.userView .adobePanelGenerateSso button {
  width: 100%;
  border-radius: 6px;
}
.userView .adobePanelGenerateSso textarea {
  margin-top: 1rem;
  border-radius: 6px;
  overflow: auto;
  resize: none;
  font-size: 12px;
  height: 100%;
  color: #ffffff;
  color: var(--theme-text-100);
}

.userPage .description,
.projectPage .description {
  height: calc(100% - 3rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.userPage .ui.form,
.projectPage .ui.form {
  width: 100%;
}
.userPage .actionRow,
.projectPage .actionRow {
  display: flex;
  flex-direction: row;
  padding: 1rem 0 0 0;
}
.userPage .actionRow-left,
.projectPage .actionRow-left {
  align-content: flex-start;
  width: 100%;
}
.userPage .actionRow-right,
.projectPage .actionRow-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  column-gap: 1rem;
  padding: 1rem 0;
}

.playlistPublic {
  flex: 1;
  max-height: 100vh;
  overflow: hidden;
  display: flex;
  width: 100%;
}
.playlistPublic .playListContent {
  flex: 1;
  padding: 1.5rem 1.5rem 0;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
@media (min-width: 960px) {
  .playlistPublic .playListContent {
    flex-direction: row;
  }
}
@media (min-width: 1700px) {
  .playlistPublic .playListContent {
    max-width: 1700px;
    margin: 0 auto;
  }
}
.playlistPublic .playItem {
  margin-bottom: 1.5rem;
}
@media (min-width: 960px) {
  .playlistPublic .playItem {
    flex: 1;
    margin-bottom: 0;
    padding-right: 1.5rem;
  }
}
.playlistPublic .playItem .playerWrapper .video-js {
  padding-top: 56.25%;
}
.playlistPublic .playItem .playDetails {
  padding: 0.5rem;
}
@media (min-width: 960px) {
  .playlistPublic .playItem .playDetails {
    padding: 1rem;
  }
}
.playlistPublic .playItem .playDetails {
  background: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background: var(--theme-surface-400);
}
.playlistPublic .playItem .playDetails h2 {
  font-size: 1.2rem;
  font-weight: 100;
}
.playlistPublic .playItem .playDetails .description {
  font-size: 1rem;
  line-height: 1.3rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.playlistPublic .playItem .playDetails .date {
  font-size: 0.9rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.playlistPublic .playlist {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  border-width: 1px;
  border-style: solid;
}
@media (min-width: 960px) {
  .playlistPublic .playlist {
    max-width: 400px;
  }
}
.playlistPublic .playlist .details {
  padding: 0.5rem;
}
@media (min-width: 960px) {
  .playlistPublic .playlist .details {
    padding: 1rem;
  }
}
.playlistPublic .playlist .details h1 {
  margin: 0 0 0.2rem;
  padding: 0;
  font-size: 1.3rem;
  font-weight: 100;
}
@media (min-width: 960px) {
  .playlistPublic .playlist .details h1 {
    font-size: 1.2rem;
  }
}
.playlistPublic .playlist .details .numbers {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.playlistPublic .playlist .details .numbers span {
  font-weight: bold;
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.playlistPublic .playlist .details .actions {
  display: flex;
}
.playlistPublic .playlist .details .actions .icon {
  cursor: pointer;
  margin: 0 0.5rem;
  font-size: 1.1rem;
}
.playlistPublic .playlist .details .actions .icon.active {
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.playlistPublic .playlist .details .actions .icon.pmove:hover {
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.playlistPublic .playlist .details .actions div {
  flex: 1;
}
.playlistPublic .playlist .details .actions div:nth-child(2) {
  text-align: right;
}
.playlistPublic .playlist .items {
  flex: 1;
  overflow-y: auto;
  background: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background: var(--theme-surface-450);
}
.playlistPublic .playlist .items .item {
  display: flex;
  padding: 0.7rem 0.2rem 0.7rem 0;
}
@media (min-width: 960px) {
  .playlistPublic .playlist .items .item {
    padding: 0.4rem 0.5rem 0.4rem 0;
  }
}
.playlistPublic .playlist .items .item {
  cursor: pointer;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.playlistPublic .playlist .items .item.active {
  background: #253141;
  background: var(--theme-surface-100);
}
.playlistPublic .playlist .items .item:hover {
  background: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background: var(--theme-surface-200);
}
.playlistPublic .playlist .items .item .itemOrder {
  min-width: 24px;
  text-align: center;
  font-size: 0.8rem;
}
.playlistPublic .playlist .items .item .itemOrder i {
  margin: 0;
  font-size: 0.7rem;
}
.playlistPublic .playlist .items .item .itemImg {
  flex: 1;
  max-width: 168px;
  min-height: 95px;
  margin-right: 8px;
  text-align: center;
}
@media (min-width: 960px) {
  .playlistPublic .playlist .items .item .itemImg {
    max-width: 100px;
    min-height: 56px;
  }
}
.playlistPublic .playlist .items .item .itemImg .imgError {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.playlistPublic .playlist .items .item .itemImg .imgError .ban {
  margin: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 2rem;
}
.playlistPublic .playlist .items .item .itemImg .preview {
  display: block;
  position: relative;
}
.playlistPublic .playlist .items .item .itemImg .preview img {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-width: 0;
}
.playlistPublic .playlist .items .item .itemImg .duration {
  position: absolute;
  bottom: 5px;
  right: 1px;
  padding: 0 2px;
  background-color: black;
  color: #fff;
  letter-spacing: 0.02rem;
  font-size: 0.8rem;
  line-height: 1.1rem;
}
.playlistPublic .playlist .items .item .itemDetails {
  flex: 1;
}
.playlistPublic .playlist .items .item .itemDetails .title {
  margin-bottom: 0.2rem;
  font-weight: 100;
}
.playlistPublic .playlist .items .item .itemDetails .description {
  display: none;
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
@media only screen and (min-width: 500px) and (max-width: 959px) {
  .playlistPublic .playlist .items .item .itemDetails .description {
    display: block;
  }
}
.playlistPublic .playlist .items .item .itemDetails .date {
  font-size: 0.85rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.liveChannelViewContent {
  flex: 1;
  align-self: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 25px;
}
.liveChannelViewContent .playerContent {
  position: relative;
  background-color: #000;
}
.liveChannelViewContent .playerContent .offlineWrapper {
  padding-top: 56.25%;
}
.liveChannelViewContent .playerContent .errorMessage {
  position: absolute;
  top: 40%;
  width: 80%;
  margin: 0 10%;
  text-align: center;
  font-size: 1.2rem;
  line-height: 2rem;
}
.liveChannelViewContent .viewInfo {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  padding: 0 1rem 1rem;
}
.liveChannelViewContent .viewInfo h1 {
  margin: 1rem 0;
  font-size: 1rem;
}
.liveChannelViewContent .viewInfo p {
  color: #cccccc;
  color: var(--theme-text-80);
}
@media (min-width: 1200px) {
  .liveChannelViewContent {
    max-width: 1200px;
  }
}

.liveChannelEmbedContent {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: #000;
}
.liveChannelEmbedContent .embedWrapper {
  margin: auto;
}
.liveChannelEmbedContent .errorMessage {
  position: absolute;
  top: 40%;
  width: 80%;
  margin: 0 10%;
  text-align: center;
  font-size: 1.2rem;
  line-height: 2rem;
}

.liveChannelOffline {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.liveChannelOffline > div {
  display: flex;
  flex-direction: row;
}
.liveChannelOffline > div * {
  color: #fff;
}
.liveChannelOffline > div div:nth-child(1) {
  font-size: 5vw;
  line-height: 5vw;
  border-right: 1px solid;
  display: flex;
}
.liveChannelOffline > div div:nth-child(2) {
  font-size: 2vw;
  line-height: 2.4vw;
  align-items: center;
  display: flex;
  padding: 0.5rem 1rem;
}
@media (max-width: 530px) {
  .liveChannelOffline > div {
    flex-direction: column;
  }
  .liveChannelOffline > div div:nth-child(1) {
    font-size: 1.875rem;
    line-height: 1.875rem;
    border: none;
    justify-content: center;
  }
  .liveChannelOffline > div div:nth-child(2) {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    display: flex;
    padding: 1rem;
    text-align: center;
  }
}
@media (min-width: 1100px) {
  .liveChannelOffline > div div:nth-child(1) {
    font-size: 3.75rem;
    line-height: 3.75rem;
    justify-content: center;
  }
  .liveChannelOffline > div div:nth-child(2) {
    font-size: 1.5625rem;
    line-height: 1.5625rem;
    padding: 1rem;
    text-align: center;
  }
}

.customThemeSetup {
  position: relative;
}
.customThemeSetup i.icon {
  cursor: pointer;
}
.customThemeSetup .sample {
  display: inline-block;
  width: 2em;
  margin-right: 1em;
  border: 1px solid #ccc;
}
.customThemeSetup .colorSelect {
  position: absolute;
  z-index: 99;
  top: 15px;
  right: 15px;
  border-radius: 10px;
  overflow: hidden;
}
.customThemeSetup table tbody tr td {
  position: relative;
}

.themeList {
  position: relative;
  display: inline-block;
}
.themeList .ui.primary.button, .themeList .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.primary, .loginView .loginBoxWrapper .loginBoxContent .loginBox .themeList button.ui.primary,
.themeList .loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.primary.button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .themeList .ui.primary.button, .themeList .imageUploadFormElement-actions .ui.primary.action-btn.add, .imageUploadFormElement-actions .themeList .ui.primary.action-btn.add {
  background: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.themeList .items {
  position: absolute;
  left: 5px;
  bottom: 30px;
  width: 100px;
  padding: 10px;
  border-radius: 12px;
  background: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background: var(--theme-surface-500);
  color: #1a1f28;
  color: var(--theme-primary-text-100);
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  z-index: 999999;
}
.themeList .items .ui.mini.button, .themeList .items .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.mini, .loginView .loginBoxWrapper .loginBoxContent .loginBox .themeList .items button.ui.mini, .themeList .items .imageUploadFormElement-actions .ui.mini.action-btn.add, .imageUploadFormElement-actions .themeList .items .ui.mini.action-btn.add {
  display: block;
  border-radius: 12px;
  width: 100%;
  margin: 5px 0;
  background: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.CopyToClipboard {
  float: right;
  margin-bottom: 1rem;
  padding: 0.2rem 1rem 0.25rem;
  cursor: pointer;
  text-align: right;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.folderList {
  position: relative;
  overflow: hidden auto;
  padding-right: 0px;
  height: 100%;
}
.folderList .item {
  display: flex;
  flex-direction: row;
  padding: 0.5rem 0.3rem;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  box-shadow: 0 0 0px transparent;
  transition: all 0.2s ease-in-out;
}
.folderList .item.dragOver {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-in-out;
  margin: auto 10px;
  border-radius: 6px;
}
.folderList .item.dragOver .icon.folder {
  color: #fff !important;
}
.folderList .item .item-wrapper {
  display: flex;
}
.folderList .item .item-wrapper.open .item-indicator .icon {
  opacity: 1;
}
.folderList .item .item-wrapper .icon {
  margin: 0;
  line-height: 100%;
}
.folderList .item .item-wrapper .item-indicator {
  border-radius: 0.375rem 0 0 0.375rem;
}
.folderList .item .item-wrapper .item-indicator .icon {
  font-size: 16px;
  opacity: 0.3;
}
.folderList .item .item-wrapper-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  min-width: 20px;
  font-size: 12px;
}
.folderList .item .item-wrapper-chevron .icon {
  position: relative;
  margin: 0;
}
.folderList .item .item-wrapper-label {
  width: 100%;
  display: flex;
  word-break: break-word;
  align-items: center;
}
.folderList .item .item-wrapper-label > div {
  display: flex;
  padding: 0 0 0 3px;
  height: 100%;
  align-items: center;
}
.folderList .item .item-wrapper-label > div div.label {
  font-size: 0.875rem;
}
.folderList .item .item-wrapper-label > div div.counter {
  position: relative;
  font-style: italic;
  font-size: 0.8125rem;
  padding: 0;
  border-radius: 5px;
  opacity: 0.6;
  white-space: pre;
  height: 20px;
  padding: 0 6px;
  margin-left: 5px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.folderList .item .item-wrapper-options {
  width: auto;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  display: flex;
}
.folderList .item .item-wrapper-options .item-archiving {
  border-radius: 3px;
  min-width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 12px;
  border: 1px solid;
  color: #34c6e5;
  color: var(--theme-primary-100);
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.folderList .item .item-wrapper-options .ui.dropdown .menu {
  border: 1px solid;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.1);
  top: -5px;
  right: 0px !important;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.folderList .item .item-wrapper-options .ui.dropdown .menu .item {
  padding: 0.6rem 1rem !important;
  font-size: 0.875rem !important;
  border-bottom: none;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.folderList .item .item-wrapper-options .ui.dropdown .menu .item:first-child {
  border-radius: 6px 6px 0 0;
}
.folderList .item .item-wrapper-options .ui.dropdown .menu .item:last-child {
  border: none;
  border-radius: 0 0 6px 6px;
}
.folderList .item .item-wrapper-options .ui.dropdown .menu .item:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.folderList .item .item-wrapper-options .ui.dropdown .menu .item.delete {
  border-top: 1px solid;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.folderList .item > div:not(.collapsButton) {
  display: flex;
  justify-content: space-between;
  width: 100%;
  column-gap: 5px;
}
.folderList .item:first-child {
  border-top: none;
}
.folderList .item:last-child {
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
}
.folderList .item.selected .icon.folder {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.folderList .item.selected .item-wrapper-label .item-indicator {
  color: #fff;
  border-radius: 0.375rem 0 0 0.375rem;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.folderList .item.selected .item-wrapper-label .item-indicator i.icon {
  color: #1a1f28;
  color: var(--theme-primary-text-100) !important;
}
.folderList .item.selected .item-wrapper-label .item-label {
  color: #1a1f28;
  color: var(--theme-primary-text-100);
  border-radius: 0 0.375rem 0.375rem 0;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}
.folderList .item.selected .item-wrapper-label .icon.folder,
.folderList .item.selected .item-wrapper-label span {
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}
.folderList .item.parent-item {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.folderList .item.parent-item:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.folderList .item.parent-item .icon:not(.chevron):not(.ellipsis) {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.folderList .item.child-item {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.folderList .item.child-item:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300) !important;
}
.folderList .item.child-item:last-child {
  border: none !important;
}
.folderList .item.child-item .icon:not(.chevron):not(.folder) {
  color: var(--themetheme-surface-400) !important;
}

.noFolder {
  margin: 2rem 0.5rem;
  text-align: center;
  color: var(--themetheme-surface-400) !important;
}

.userListForReview-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 1rem;
}
.userListForReview-top > .field {
  width: 100%;
  margin: 0 0.5rem 0 0 !important;
}
.userListForReview-top input.input {
  width: 100%;
}
.userListForReview .checkAllBtn {
  display: inline-flex;
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
  font-size: 12px;
  width: 120px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.userListForReview .checkAllBtn ::selection {
  background: transparent;
}
.userListForReview .checkAllBtn {
  background-color: #cccccc;
  background-color: var(--theme-text-80) !important;
}
.userListForReview-wrapper {
  display: flex;
  width: 100%;
  max-height: 260px;
  overflow: hidden auto;
  padding-right: 1rem;
}
.userListForReview-item {
  position: relative;
  width: 100%;
  margin: 0.3rem;
  padding: 0.5rem;
}
.userListForReview-item:hover:after {
  opacity: 1;
}
.userListForReview-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  border-radius: 4px;
  opacity: 0.3;
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
}
.userListForReview-item.ui.checkbox label {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
}
.userListForReview-item.ui.checkbox label:before, .userListForReview-item.ui.checkbox label:after {
  top: 50%;
  transform: translate(0, -50%);
}
.userListForReview-item.ui.checkbox label div span {
  font-size: 12px;
  border-radius: 5px;
  padding: 0.1rem 0.3rem;
  margin-left: 0.5rem;
  background-color: #253141;
  background-color: var(--theme-surface-100) !important;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.userListForReview-item.ui.checkbox label div:nth-child(1) {
  margin-right: 1rem;
}
.userListForReview-item.ui.checkbox label div:nth-child(2) {
  font-size: 12px;
  font-style: italic;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}
.userListForReview-item.visible {
  display: flex;
}
.userListForReview-item.hidden {
  display: none;
}

.labelList .newLabelDiv {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.labelList .item {
  padding: 0.2rem 0.3rem;
  cursor: pointer;
  border-width: 0;
  border-style: solid;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.labelList .item .dropdown {
  float: right;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
}
.labelList .item .dropdown .icon {
  opacity: 0;
  width: 1rem;
  margin-right: 0;
  text-align: right;
}
.labelList .item .dropdown .menu {
  left: auto;
  right: 0;
}
.labelList .item .dropdown.active .menu {
  left: auto;
  top: 0px;
  right: 0;
  border: none;
}
.labelList .item .dropdown.active .menu:before {
  content: "";
  position: absolute;
  top: 0;
  height: 0.625rem;
  width: 0.625rem;
  right: -0.625rem;
  border-bottom: 0.625rem solid transparent;
  border-left: 0.625rem solid;
  border-top: 0.625rem solid transparent;
  border-left-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-left-color: var(--theme-surface-400);
}
.labelList .item .dropdown.active .menu .item {
  padding: 0.625rem !important;
  font-size: 1rem !important;
  border-bottom: 0.0625rem solid;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  color: #ffffff;
  color: var(--theme-text-100);
}
.labelList .item .dropdown.active .menu .item:last-child {
  border: none;
}
.labelList .item .dropdown.active .menu .item:hover {
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.labelList .item .dropdown.active .icon {
  opacity: 1;
}
.labelList .item:hover {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  color: #ffffff;
  color: var(--theme-text-100);
}
.labelList .item:hover .dropdown {
  display: inline-block;
}
.labelList .item:hover .dropdown .icon {
  opacity: 1;
}
.labelList .item:focus {
  outline: none;
}
.labelList .item.selected {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.labelList .item.dragOver {
  border: 2px solid #16ab39;
}
.labelList .noLabel {
  padding-left: 1rem;
}

#assetsMenu {
  flex: 1;
  height: 100%;
  display: flex;
  max-height: 100%;
  flex-direction: column;
  border-right: 1px solid;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#assetsMenu .ui.dropdown .menu {
  right: 25px;
  left: auto;
  bottom: auto;
}
#assetsMenu .segment {
  height: 100%;
  padding: 0.5rem 0 0;
  border-radius: 0;
  border-width: 0;
  overflow: hidden;
}
#assetsMenu .assetsMenuLabels {
  overflow: hidden auto;
  height: 100%;
}
#assetsMenu .assetsMenuLabels .labelList {
  margin-bottom: 3rem;
}
#assetsMenu .assetsMenuFilters {
  overflow-x: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 767px) {
  #assetsMenu .assetsMenuFilters {
    height: 100%;
    padding-bottom: 1rem;
  }
}
#assetsMenu .assetsMenuFilters .menuFilterDate {
  display: flex;
}
#assetsMenu .assetsMenuFilters .menuFilterDate .filterDate {
  flex: 1;
  width: 49%;
}
#assetsMenu .assetsMenuFilters .menuFilterDate .filterDate.end_date {
  margin-left: 1px;
}
#assetsMenu .assetsMenuFilters .menuFilterDate .end_date .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
#assetsMenu > div.h-100 {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.folderTreeOpt {
  min-width: 50px;
}
.folderTreeOpt i.icon {
  font-size: 1.5rem;
}

.assetsMenuProjects {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.assetsMenuProjects-top {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
}
.assetsMenuProjects-top > div:nth-child(1) {
  width: 100%;
}
.assetsMenuProjects-top button {
  border: none;
  cursor: pointer;
}
.assetsMenuProjects-top button.folderTreeOpt {
  min-width: auto !important;
}
.assetsMenuProjects-top button.folderTreeOpt i.icon {
  font-size: 12px;
}
.assetsMenuProjects-top button.projectsAll {
  background-color: transparent;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsMenuProjects .smallBtn {
  position: relative;
  border-radius: 4px;
  padding: 0.2rem 0.5rem;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetsMenuProjects .smallBtn .icon {
  margin: 0 0.2rem 0 0;
  align-items: center;
  display: flex;
  justify-content: center;
}
.assetsMenuProjects .smallBtn.accent {
  color: #fff;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.assetsMenuProjects .smallBtn:hover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.2;
}
.assetsMenuProjects .newProjectDiv {
  padding: 1rem;
  border-bottom: 1px solid;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetsMenuProjects .projectsLatest {
  width: 100%;
}
.assetsMenuProjects .projectsLatest-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetsMenuProjects .projectsLatest-head button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsMenuProjects .projectsLatest-head button:hover {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetsMenuProjects .newFolderDiv {
  margin: 0.5rem 0 0 0;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.assetsMenuProjects .folderHome {
  margin: 1rem 0.5rem 0rem 0.5rem;
  border-radius: 6px;
  color: #ffffff;
  padding: 0.3rem 0.4rem;
  font-weight: bold;
  cursor: pointer;
}
.assetsMenuProjects .folderHome > div {
  display: flex;
  flex-direction: row;
}
.assetsMenuProjects .folderHome > div > div:nth-child(2) {
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-wrap: break-word;
}
.assetsMenuProjects .folderHome > div > div:nth-child(2) .total {
  border-radius: 4px;
  padding: 1px 3px;
  font-size: 10px;
  font-weight: normal;
  display: inline-flex;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetsMenuProjects .folderHome:focus {
  outline: none;
}
.assetsMenuProjects .folderHome.selected {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #ffffff;
}
.assetsMenuProjects .folderHome.selected .total {
  border-color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  border-color: var(--theme-primary-40) !important;
  background-color: rgb(5.6991180752%, 37.7018580358%, 44.4969603562%);
  background-color: var(--theme-primary-40) !important;
}
.assetsMenuProjects .folderHome .total {
  margin-left: 0.2rem;
  font-size: 0.9rem;
  color: #1a1f28;
  color: var(--theme-primary-text-100);
}
.assetsMenuProjects .folderHome .info {
  padding-left: 1.5rem;
  font-size: 0.9rem;
  font-weight: normal;
}
.assetsMenuProjects .projectsList * {
  transition: ease-in-out 0.1s all;
}
.assetsMenuProjects .projectsList {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetsMenuProjects .projectsList .projectFilter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetsMenuProjects .projectsList .projectFilter .titleSearch {
  display: flex;
  align-items: center;
  width: 100%;
  border-right: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetsMenuProjects .projectsList .projectFilter .titleSearch input {
  border: none !important;
}
.assetsMenuProjects .projectsList .projectFilter .titleSearch .icon {
  font-size: 14px;
}
.assetsMenuProjects .projectsList .projectFilter .options {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.5rem;
  padding-right: 0.5rem;
}
.assetsMenuProjects .projectsList .projectFilter .options .listOrderBy {
  width: 100%;
  height: 100%;
  border-right: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.assetsMenuProjects .projectsList .projectFilter .options .listOrderBy > div {
  width: 100%;
  height: 100%;
}
.assetsMenuProjects .projectsList .projectFilter .options .listOrderBy .dropdown {
  width: 100%;
  height: 100%;
  border-radius: 0;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding: 0.5em;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.assetsMenuProjects .projectsList .projectFilter .options .listOrderBy .dropdown .dropdown.icon {
  position: relative;
  width: 15px;
}
.assetsMenuProjects .projectsList .allProjectsWrapper {
  display: block;
  height: 100%;
  width: 100%;
  padding-right: 0;
  overflow-y: auto;
}
.assetsMenuProjects .projectsList .allProjectsWrapper .search-btn {
  cursor: pointer;
  display: flex;
  min-width: 30px;
  height: 30px;
}
.assetsMenuProjects .projectsList .allProjectsWrapper .search-btn:hover {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetsMenuProjects .projectsList .allProjectsWrapper .search-btn.active {
  position: relative;
  color: #34c6e5;
  color: var(--theme-primary-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetsMenuProjects .projectsList .allProjectsWrapper .search-btn.active:after {
  content: "";
  display: block;
  background-color: transparent;
  position: absolute;
  height: 100%;
  width: 100%;
}
.assetsMenuProjects .projectsList .allProjectsWrapper .search-btn i {
  display: flex;
  margin: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.assetsMenuProjects .projectsList .search-input .ui.input.focus > input,
.assetsMenuProjects .projectsList .search-input .ui.input > input:focus {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.assetsMenuProjects .projectsList .search-input .input {
  width: 100%;
  z-index: 3;
}
.assetsMenuProjects .projectsList .item {
  padding: 0.3rem 0 0.3rem 0.5rem;
  cursor: pointer;
  display: flex;
  border: none !important;
  flex-direction: row;
}
.assetsMenuProjects .projectsList .item.recentListItem {
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}
.assetsMenuProjects .projectsList .item {
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsMenuProjects .projectsList .item.pinned i.icon.icon-star-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  height: 100%;
  color: #facc15;
  color: var(--theme-warning-100);
}
.assetsMenuProjects .projectsList .item.pinned .item-label {
  font-weight: bold;
}
.assetsMenuProjects .projectsList .item .icon {
  min-width: 20px;
}
.assetsMenuProjects .projectsList .item-label {
  width: 100%;
}
.assetsMenuProjects .projectsList .item-label {
  display: flex;
  flex-direction: row;
}
.assetsMenuProjects .projectsList .item-label > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.assetsMenuProjects .projectsList .item-label > div span {
  width: auto !important;
  white-space: wrap;
}
.assetsMenuProjects .projectsList .item-label span:nth-child(1) {
  width: 100%;
  display: flex;
}
.assetsMenuProjects .projectsList .item-label span:nth-child(2) {
  width: auto;
  display: flex;
}
.assetsMenuProjects .projectsList .item .total {
  margin-left: 0.2rem;
  font-size: 10px;
  padding: 2px 6px;
  text-wrap: nowrap;
  height: 20px;
  flex: 1;
  border-radius: 6px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.assetsMenuProjects .projectsList .item .menu {
  border: none;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.1);
  top: 0;
}
.assetsMenuProjects .projectsList .item .menu.active .icon {
  opacity: 1;
}
.assetsMenuProjects .projectsList .item .menu:before {
  content: "";
  position: absolute;
  top: 0;
  height: 0.625rem;
  width: 0.625rem;
  right: -0.625rem;
  border-bottom: 0.625rem solid transparent;
  border-left: 0.625rem solid;
  border-top: 0.625rem solid transparent;
  border-left-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-left-color: var(--theme-surface-400);
}
.assetsMenuProjects .projectsList .item .menu .item {
  font-size: 1rem !important;
  padding: 0px !important;
  border-bottom: 0.0625rem solid;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.assetsMenuProjects .projectsList .item .menu .item a {
  padding: 0.625rem !important;
  display: block !important;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsMenuProjects .projectsList .item .menu .item div {
  padding: 0.625rem !important;
}
.assetsMenuProjects .projectsList .item .menu .item:last-child {
  border: none;
}
.assetsMenuProjects .projectsList .item .menu .item:hover a,
.assetsMenuProjects .projectsList .item .menu .item:hover div {
  color: #97dceb;
  color: var(--theme-secondary-100);
}
.assetsMenuProjects .projectsList .item .menu .icon {
  opacity: 0;
  width: 1rem;
  margin-right: 0;
}
.assetsMenuProjects .projectsList .item:hover {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsMenuProjects .projectsList .item:hover .dropdown .icon {
  opacity: 1;
}
.assetsMenuProjects .projectsList .item:focus {
  outline: none;
}
.assetsMenuProjects .projectsList .item.selected {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.assetsMenuProjects .projectsList .item.dragOver {
  border: 2px solid #16ab39;
}
.assetsMenuProjects .latest-projects .ocBoxHeader {
  display: flex;
  justify-content: space-between;
}
.assetsMenuProjects .latest-projects .ocBoxHeader button {
  background: transparent;
  border: 0;
  display: block;
  color: #fff;
  padding: 0;
  font-size: 12px;
  cursor: pointer;
  opacity: 0.5;
  transition: ease-in-out 0.2s all;
}
.assetsMenuProjects .latest-projects .ocBoxHeader button:hover {
  color: #e74c3c;
  color: var(--theme-error-100);
  transition: ease-in-out 0.2s all;
  opacity: 1;
}
.assetsMenuProjects .latest-projects .projectsList .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 0.3;
}

.projectOptionsModal-list {
  max-height: 400px;
  overflow: hidden auto;
}
.projectOptionsModal-item {
  display: flex;
  flex-direction: row;
  position: relative;
}
.projectOptionsModal-item:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0px;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed;
  opacity: 0.3;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.projectOptionsModal-item:last-child:after {
  display: none;
}
.projectOptionsModal-item > div {
  padding: 1rem;
  display: flex;
}
.projectOptionsModal-item > div:nth-child(1) {
  padding-top: 2rem;
  justify-content: center;
  width: 70px;
  align-items: center;
}
.projectOptionsModal-item > div:nth-child(1) > div {
  width: auto !important;
}
.projectOptionsModal-item > div:nth-child(2) {
  width: 100%;
  flex-direction: column;
}
.projectOptionsModal-item > div:nth-child(2) > div:nth-child(1) {
  font-weight: bold;
  font-size: 0.875rem;
}
.projectOptionsModal-item > div:nth-child(2) > div:nth-child(2) {
  font-style: italic;
  font-size: 0.8125rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.projectOptionsModal-itemInfo {
  width: 100%;
}
.projectOptionsModal .actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.breadcrumb-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid;
  width: 100%;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.breadcrumb-wrapper.active {
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.breadcrumb-wrapper .actions {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}
.breadcrumb-wrapper a {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}
.breadcrumb-wrapper .titleAndTreeWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.breadcrumb-wrapper .titleAndTreeWrapper > .ui.horizontal.list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.breadcrumb-wrapper .titleAndTreeWrapper > .ui.horizontal.list .item {
  display: flex;
  align-items: center;
  margin: 0 !important;
  column-gap: 0.5rem !important;
}
.breadcrumb-wrapper .titleAndTreeWrapper > .ui.horizontal.list .item .icon-arrow-right-1 {
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.breadcrumb-wrapper .titleAndTreeWrapper > .ui.horizontal.list .item.project {
  column-gap: 5px !important;
}
.breadcrumb-wrapper .titleAndTreeWrapper > .ui.horizontal.list .item.project .icon-video-play {
  font-size: 20px !important;
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.breadcrumb-wrapper .titleAndTreeWrapper .breadcrumbButtons {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  align-items: center;
}
.breadcrumb-wrapper .breadcrumb-dropdown {
  border: 1px solid;
  padding: 4px 8px;
  border-radius: 8px;
}
.breadcrumb-wrapper .breadcrumb-dropdown .folderNumber {
  font-size: 12px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.breadcrumb-wrapper .breadcrumb-dropdown {
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.breadcrumb-wrapper .breadcrumb-dropdown > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.breadcrumb-wrapper .breadcrumb-dropdown .breadcrumb-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.5rem;
}
.breadcrumb-wrapper .breadcrumb-dropdown .dropdown.icon {
  display: none;
}

#breadcrumb {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid;
  padding: 0 1rem;
  height: 50px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#breadcrumb .titleAndTreeWrapper {
  display: flex;
}
#breadcrumb .titleAndTreeWrapper .title {
  display: flex;
  align-items: center;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  font-size: 1rem;
  line-height: 2.15rem;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #253141;
  color: var(--theme-surface-100);
}
@media only screen and (max-width: 425px) {
  #breadcrumb .titleAndTreeWrapper .title {
    margin: 0 auto;
  }
}
#breadcrumb .titleAndTreeWrapper .tree {
  margin-right: 10px;
}
@media (max-width: 767px) {
  #breadcrumb .titleAndTreeWrapper .tree {
    max-height: 47px;
    overflow: hidden auto;
  }
}
#breadcrumb .titleAndTreeWrapper .tree .item {
  line-height: 2.15rem;
  margin-left: 0em;
  padding-top: 0;
  padding-bottom: 0;
}
#breadcrumb .titleAndTreeWrapper .tree .icon {
  display: inline-block;
  vertical-align: top;
  line-height: 2.3rem;
  font-size: 0.9rem;
  padding-top: 0;
  padding-bottom: 0;
}
#breadcrumb .titleAndTreeWrapper .tree .project {
  padding-left: 4px !important;
  padding-right: 4px;
  font-size: 1rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  cursor: pointer;
}
#breadcrumb .titleAndTreeWrapper .tree .folder {
  color: #cccccc;
  color: var(--theme-text-80);
}
#breadcrumb .titleAndTreeWrapper .tree .folder:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#breadcrumb .titleAndTreeWrapper .tree .folder-dropdown {
  display: flex;
  align-items: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#breadcrumb .titleAndTreeWrapper .tree .folder-dropdown .breadcrumb-dropdown {
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  padding: 0 8px;
  color: #cccccc;
  color: var(--theme-text-80);
}
#breadcrumb .titleAndTreeWrapper .tree .folder-dropdown .breadcrumb-dropdown:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#breadcrumb .titleAndTreeWrapper .tree .folder-dropdown .breadcrumb-dropdown .menu {
  max-height: 300px;
  overflow-y: auto;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#breadcrumb .titleAndTreeWrapper .tree .folder-dropdown .breadcrumb-dropdown .menu .item {
  color: #cccccc;
  color: var(--theme-text-80);
}
#breadcrumb .titleAndTreeWrapper .tree .folder-dropdown .breadcrumb-dropdown .menu .item:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #ffffff;
  color: var(--theme-text-100);
}
#breadcrumb .titleAndTreeWrapper .tree .folderCurrent span {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
#breadcrumb .titleAndTreeWrapper .tree .breadcrumb-text {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
#breadcrumb .titleAndTreeWrapper .ui.list > a.item i.icon {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#breadcrumb .listFilterWithPagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  flex-flow: wrap;
  margin: 0 0 0 auto;
}
#breadcrumb .listFilterWithPagination-mobileOpt {
  display: none;
}
#breadcrumb .listFilterWithPagination .hide-on-desktop {
  display: none;
}
#breadcrumb .listFilterWithPagination-mobileOptContent {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
#breadcrumb .listFilterWithPagination-mobileOptContent > div:after {
  content: "";
  height: 17px;
  width: 1px;
  display: block;
  margin-left: 0.5rem;
  opacity: 0.7;
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
#breadcrumb .listFilterWithPagination-mobileOptContent > div:last-child:after {
  display: none;
}
#breadcrumb .listFilterWithPagination .filterOptions-button {
  font-size: 20px;
  display: none !important;
}
#breadcrumb .listFilterWithPagination .filterOptions-button:hover, #breadcrumb .listFilterWithPagination .filterOptions-button.active {
  cursor: pointer;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #breadcrumb .listFilterWithPagination .filterOptions-button {
    display: flex !important;
  }
  #breadcrumb .listFilterWithPagination .filterOptions-button:after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #breadcrumb .listFilterWithPagination .filterOptions-dropdown {
    position: absolute;
    display: none !important;
  }
  #breadcrumb .listFilterWithPagination .filterOptions-dropdown.visible {
    border: 1px solid;
    display: flex !important;
    top: 45px;
    right: 5px;
    z-index: 999;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: flex-end;
    row-gap: 0.5rem;
    background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
    background-color: var(--theme-surface-500);
    border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
    border-color: var(--theme-surface-border);
  }
  #breadcrumb .listFilterWithPagination .filterOptions-dropdown.visible .hide-on-desktop {
    display: flex;
  }
  #breadcrumb .listFilterWithPagination .filterOptions-dropdown.visible > div {
    width: 100%;
  }
  #breadcrumb .listFilterWithPagination .filterOptions-dropdown.visible > div > div {
    width: 100%;
  }
}
#breadcrumb .listFilterWithPagination .filterOptions-dropdown,
#breadcrumb .listFilterWithPagination .filterOptions-button {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #breadcrumb .listFilterWithPagination {
    justify-content: center;
    align-self: center;
    margin: 0 auto;
    position: fixed;
    left: 50px;
    z-index: 10;
    bottom: 14px;
    height: 40px;
    border-radius: 3px;
    padding-right: 0;
    background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
    background-color: var(--theme-surface-300);
  }
  #breadcrumb .listFilterWithPagination-mobileOptBtn {
    display: block !important;
    font-size: 20px;
    padding: 0 1rem;
  }
  #breadcrumb .listFilterWithPagination-mobileOptBtn .icon {
    margin: 0;
    line-height: 25px;
  }
  #breadcrumb .listFilterWithPagination-mobileOptBtn.visible {
    height: 40px;
    line-height: 40px;
    border-radius: 6px 0 0 6px;
    display: flex;
    align-items: center;
    background-color: #34c6e5;
    background-color: var(--theme-primary-100);
    color: #ffffff;
    color: var(--theme-text-100);
  }
  #breadcrumb .listFilterWithPagination .PaginationSmall {
    border: 0;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent .listAssetsView {
    border: 0;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 45px;
    left: 0px;
    width: 170px;
    border: 1px solid;
    z-index: 999999999;
    border-radius: 6px;
    border-color: #253141;
    border-color: var(--theme-surface-100);
    background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
    background-color: var(--theme-surface-200);
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible .hide-on-desktop {
    display: flex;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible .PaginationSmall {
    justify-content: center;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible > div {
    width: 100%;
    border-bottom: 1px dashed;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
    border-color: var(--theme-surface-300);
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible > div > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible > div > div > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible > div > div.flex-end {
    justify-content: flex-end;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible > div:last-child {
    border: none;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent.visible .filterOptions-dropdown {
    flex-direction: column;
  }
  #breadcrumb .listFilterWithPagination-mobileOptContent {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  #breadcrumb .listFilterWithPagination {
    text-align: center;
  }
}
#breadcrumb .listFilterWithPagination .listLimitBy #listLimitBy {
  width: 40px;
  padding-left: 5px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#breadcrumb .listFilterWithPagination .listLimitBy #listLimitBy .dropdown {
  padding-right: 1px;
  top: 0;
}
#breadcrumb .listFilterWithPagination #listOrderBy {
  width: 75px;
  padding-left: 5px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#breadcrumb .listFilterWithPagination #listOrderBy .dropdown {
  padding-right: 1px;
  right: 5px;
}
#breadcrumb .listFilterWithPagination .listAssetsView {
  padding-left: 5px;
}
#breadcrumb .listFilterWithPagination .listAssetsView .list {
  padding-right: 5px;
}
#breadcrumb .listFilterWithPagination .listOrderDirection {
  margin-right: 0;
}
#breadcrumb .listFilterWithPagination label {
  margin-right: 0;
  padding-right: 5px;
  color: var(--theme-text-70);
}

.ocBreadcrumb {
  position: relative;
  display: flex;
  flex-direction: row;
  width: calc(100% - 30px);
  margin: 20px 15px;
}
.ocBreadcrumb:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: var(--theme-breadcrumb-border);
  z-index: 0;
}
.ocBreadcrumb div {
  display: flex;
  align-items: center;
}
.ocBreadcrumb div .crumb {
  display: flex;
  position: relative;
  z-index: 1;
  padding: 0.3125rem 0.9375rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-breadcrumb-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.ocBreadcrumb div .crumb.clickable {
  cursor: pointer;
  transition: ease-in-out 0.2s all;
}
.ocBreadcrumb div .crumb.clickable:hover {
  transition: ease-in-out 0.2s all;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.ocBreadcrumb div .crumb.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.ocBreadcrumb div .crumb.chevron {
  display: flex;
  padding: 0.3125rem;
  margin: 0 1.25rem;
  height: 15px;
  width: 15px;
  font-size: 0.625rem;
  align-items: center;
  line-height: 0.625rem;
  color: var(--theme-breadcrumb-border);
}
.ocBreadcrumb div .crumb.chevron i {
  margin: 0;
}
.ocBreadcrumb div.switchButtons {
  display: flex;
  flex-direction: row;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  align-items: center;
  padding: 0.3125rem 0;
}
.ocBreadcrumb div.switchButtons span {
  position: relative;
  cursor: pointer;
  transition: ease-in-out 0.3s all;
  padding: 0.2rem 0.9375rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-breadcrumb-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.ocBreadcrumb div.switchButtons span:hover {
  transition: ease-in-out 0.3s all;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.ocBreadcrumb div.switchButtons span.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
@media (max-width: 767px) {
  .ocBreadcrumb {
    flex-direction: column;
  }
  .ocBreadcrumb::before {
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
  }
  .ocBreadcrumb div {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .ocBreadcrumb div .crumb {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .ocBreadcrumb div .crumb.chevron {
    position: relative;
    transform: rotate(90deg);
    margin: 10px auto;
  }
}

.PaginationSmall {
  display: inline-flex;
  flex-direction: row;
  column-gap: 0.3rem;
  color: #cccccc;
  color: var(--theme-text-80);
  border-color: #253141;
  border-color: var(--theme-surface-100);
  align-items: center;
}
.PaginationSmall .icon {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.PaginationSmall .icon.left {
  margin-right: 0;
}
.PaginationSmall .resultFrom {
  margin-right: 0.2rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.PaginationSmall .resultTo {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.PaginationSmall .resultOf {
  margin-left: 0.2rem;
  font-weight: bold;
  color: #34c6e5;
  color: var(--theme-primary-100);
}

.assetsHead {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.assetsHead-banner {
  z-index: 1;
  margin: 0 0.9rem 1rem 0;
  border-radius: 6px;
  transition: ease-in-out 0.2s all;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  max-height: 150px;
  overflow: hidden;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetsHead-banner span {
  opacity: 0.5;
}
.assetsHead-banner img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 150px;
}
.assetsHead .head {
  width: calc(100% - 1rem);
  display: flex;
  flex-direction: row;
  margin-right: 1rem;
}
.assetsHead .head.opened {
  margin-bottom: 0rem !important;
  border-radius: 0.375rem 0.375rem 0 0;
}
.assetsHead .head > div {
  display: flex;
  flex-direction: row;
}
.assetsHead .head > div.visibilityBtn {
  cursor: pointer;
  padding: 0.5rem;
  font-size: 12px !important;
  align-items: center;
}
.assetsHead .head > div.visibilityBtn.active {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.assetsHead .head > div > div {
  display: flex;
  flex-direction: row;
  padding: 0;
  align-items: center;
}
.assetsHead .head > div > div.folderLength span.label {
  color: #cccccc;
  color: var(--theme-text-80);
  font-size: 0.9rem;
}
.assetsHead .head > div > div.folderLength span.infos {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 0.9rem;
}
.assetsHead .head > div > div.folderLength span:not(.label) {
  margin: 0 0.5rem;
  padding: 6px;
  display: flex;
  font-size: 12px;
  border-radius: 50px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.assetsHead .head > div > div.sizes span {
  width: 20px;
  cursor: pointer;
  font-size: 1rem;
}
.assetsHead .head > div > div.sizes span:hover, .assetsHead .head > div > div.sizes span.active {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.assetsHead .head > div > div.sizes span.size-small {
  font-size: 0.7rem;
}
.assetsHead-projectsPreview {
  width: calc(100% - 1rem);
  position: relative;
  position: relative;
  row-gap: 16px;
  column-gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
}
.assetsHead-projectsPreview > div {
  margin: auto;
}
.assetsHead-projectsPreview.hidden {
  display: none;
}
.assetsHead-projectsPreview:after {
  content: "";
  flex: auto;
  flex-basis: 192px;
}
.assetsHead-projectsPreview.List {
  grid-template-columns: 1fr;
  row-gap: 8px;
}
.assetsHead-projectsPreview.List .projectFolderPreview {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  min-height: 50px;
  max-height: 50px;
}
.assetsHead-projectsPreview.List .projectFolderPreview:nth-child(even) {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetsHead-projectsPreview.List .projectFolderPreview div.empty {
  font-size: 12px;
}
.assetsHead-projectsPreview.List .projectFolderPreview-img {
  height: 40px;
  margin: 5px;
}
.assetsHead-projectsPreview.List .projectFolderPreview-img img {
  width: 40px;
  object-fit: cover;
}
.assetsHead-projectsPreview.List .projectFolderPreview-img .empty {
  height: 40px;
  font-size: 1rem;
  width: 185px;
  margin: 0px;
}
.assetsHead-projectsPreview.List .projectFolderPreview-imgs {
  width: 185px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 0;
}
.assetsHead-projectsPreview.List .projectFolderPreview-imgs img {
  object-fit: cover;
  width: 40px;
}
.assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-0, .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-1, .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-2, .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-3 {
  display: flex;
  flex-direction: row;
}
.assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-0 .preview:nth-child(1), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-0 .preview:nth-child(2), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-0 .preview:nth-child(3), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-1 .preview:nth-child(1), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-1 .preview:nth-child(2), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-1 .preview:nth-child(3), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-2 .preview:nth-child(1), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-2 .preview:nth-child(2), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-2 .preview:nth-child(3), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-3 .preview:nth-child(1), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-3 .preview:nth-child(2), .assetsHead-projectsPreview.List .projectFolderPreview-imgs.layout-3 .preview:nth-child(3) {
  float: none;
  height: 40px;
  width: 40px;
}
.assetsHead-projectsPreview.List .projectFolderPreview-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  column-gap: 5px;
}
.assetsHead-projectsPreview.List .projectFolderPreview-label > div {
  display: flex;
  flex-direction: row;
}
.assetsHead-projectsPreview.List .projectFolderPreview-label > div div {
  margin-right: 15px;
  overflow: visible;
  text-overflow: unset;
}
.assetsHead-projectsPreview.List .projectFolderPreview:hover {
  transform: scale(1);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.assetsHead-projectsPreview .projectFolderPreview {
  position: relative;
  width: 262px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 187px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.assetsHead-projectsPreview .projectFolderPreview.projectFolderPreviewVisible {
  opacity: 1;
  transform: scale(1);
}
.assetsHead-projectsPreview .projectFolderPreview.projectFolderPreviewHidden {
  transform: scale(0.9);
  opacity: 0.1;
}
.assetsHead-projectsPreview .projectFolderPreview .OcLoading {
  width: 100%;
  height: 135px;
}
.assetsHead-projectsPreview .projectFolderPreview-img .loader, .assetsHead-projectsPreview .projectFolderPreview-imgs .loader {
  z-index: 6;
  background: transparent;
}
.assetsHead-projectsPreview .projectFolderPreview-img {
  height: 120px;
  margin: 0.8rem;
  border-radius: 5px;
  overflow: hidden;
}
.assetsHead-projectsPreview .projectFolderPreview-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.assetsHead-projectsPreview .projectFolderPreview-img div {
  width: 79px;
  height: 55px;
  border-radius: 4px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetsHead-projectsPreview .projectFolderPreview-img div.empty {
  width: 100%;
  height: 110px;
  opacity: 0.3;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs {
  padding: 5px;
  gap: 5px;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-0 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  height: 140px;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-0 .preview {
  display: flex;
  align-items: center;
  justify-content: center;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-1 .preview {
  width: 100%;
  height: 120px;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-2 .preview {
  width: 100%;
  height: 120px;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-3 .preview:nth-child(1) {
  grid-row: 1/span 2;
  grid-column: 1;
  height: 120px;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-3 .preview:nth-child(2) {
  grid-row: 1;
  grid-column: 2;
  height: 58px;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs.layout-3 .preview:nth-child(3) {
  height: 58px;
  grid-row: 2;
  grid-column: 2;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs div {
  border-radius: 8px;
  font-size: 1.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.assetsHead-projectsPreview .projectFolderPreview-imgs div.preview {
  position: relative;
  overflow: hidden;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs div.preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.assetsHead-projectsPreview .projectFolderPreview-imgs div.empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 110px;
  opacity: 0.3;
}
.assetsHead-projectsPreview .projectFolderPreview-label {
  text-align: left;
  overflow-wrap: break-word;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 5px 0px 11px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.assetsHead-projectsPreview .projectFolderPreview-label > div {
  display: flex;
  flex-direction: column;
}
.assetsHead-projectsPreview .projectFolderPreview-label > div > div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assetsHead-projectsPreview .projectFolderPreview-label > div > div:nth-child(1) {
  font-size: 1rem;
}
.assetsHead-projectsPreview .projectFolderPreview-label > div > div:nth-child(2) {
  font-size: 12px;
  opacity: 0.5;
}
.assetsHead-projectsPreview .projectFolderPreview-label > div > div:nth-child(3) {
  font-size: 12px;
}
.assetsHead-projectsPreview .projectFolderPreview-label span {
  font-size: 12px;
  padding: 0 10px;
  opacity: 0.3;
}
.assetsHead-projectsPreview .projectFolderPreview {
  transition: all 0.2s ease-in-out;
}
.assetsHead-projectsPreview .projectFolderPreview:hover {
  transform: scale(1.05);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
@media (max-width: 767px) {
  .assetsHead-projectsPreview {
    padding: 0.5rem 0.5rem 0rem 0.5rem;
  }
  .assetsHead-projectsPreview .projectFolderPreview {
    width: 155px;
    margin: 0 0.25rem 0.5rem;
  }
  .assetsHead-projectsPreview .projectFolderPreview-imgs div {
    width: 60px;
  }
}

.versionStack {
  display: inline-block;
  margin-right: 1rem;
}

.versionStackModal .itemsNr {
  font-size: 0.7em;
  text-color: rgb(65%, 65%, 65%);
  text-color: var(--theme-text-60);
}
.versionStackModal ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.versionStackModal ul li {
  margin: 0 0 1rem;
  padding: 0;
}
.versionStackModal .versionStackRow {
  position: relative;
  display: flex;
  padding: 0.5rem;
  cursor: grab;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.versionStackModal .versionStackRow .version {
  width: 3rem;
  text-align: right;
  padding-right: 1rem;
}
.versionStackModal .versionStackRow .versionPreview {
  width: 240px;
  max-width: 240px;
  justify-content: center;
}
.versionStackModal .versionStackRow .versionPreview .preview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 108px;
  max-height: 108px;
  margin-bottom: 3px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  overflow: hidden;
}
.versionStackModal .versionStackRow .versionPreview .preview img {
  max-width: 100%;
  max-height: 100%;
}
.versionStackModal .versionStackRow .versionPreview .preview i {
  color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  color: var(--theme-surface-400);
}
.versionStackModal .versionStackRow .versionPreview .preview .duration {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
  color: #253141;
  color: var(--theme-surface-100);
  font-size: 12px;
  z-index: 5;
}
.versionStackModal .versionStackRow .versionPreview .previewVideo {
  max-height: 130px;
  margin-bottom: 0;
  overflow: hidden;
}
.versionStackModal .versionStackRow .versionPreview .previewVideo img {
  max-width: 100%;
  max-height: 100%;
}
.versionStackModal .versionStackRow .versionData {
  width: 60%;
  padding: 0 1rem 0.5rem;
}
.versionStackModal .versionStackRow .versionData .assetName {
  margin-bottom: 0.3rem;
  font-weight: bold;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.versionStackModal .versionStackRow .versionData .assetMeta div {
  margin-bottom: 0.2rem;
}
.versionStackModal .versionStackRow .versionData .assetMeta span {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.versionStackModal .versionStackRow .versionData .assetMeta .fileInfo {
  font-size: 0.9rem;
}
.versionStackModal .versionStackRow .versionData .assetMeta .created {
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
}
.versionStackModal .versionStackRow .versionData .assetMeta .label {
  display: inline-block;
  margin-right: 0.7rem;
  margin-bottom: 0.4rem;
  padding: 0 0.2rem;
  border-width: 1px;
  border-style: solid;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.versionStackModal .versionStackRow .versionStackRowDelete {
  position: absolute;
  top: 0.5rem;
  right: 0;
  cursor: pointer;
  opacity: 0.5;
  margin-right: 0;
  padding: 0.5rem 1.5rem 2rem 1rem;
}
.versionStackModal .versionStackRow .versionStackRowDelete:hover {
  opacity: 1;
}

.versionCompare {
  display: inline-block;
  margin-right: 2rem;
}

.versionCompareModal .ui.dropdown {
  margin-bottom: 1rem;
}
.versionCompareModal .ui.dropdown .menu .selected.item {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.versionCompareModal .versionColumns {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding-bottom: 3rem;
}
@media (max-width: 767px) {
  .versionCompareModal .versionColumns {
    flex-direction: column;
  }
}
.versionCompareModal .versionColumns .sideColumn {
  flex: 1;
  width: 47%;
  padding-left: 2%;
  padding-right: 1%;
}
@media (max-width: 767px) {
  .versionCompareModal .versionColumns .sideColumn {
    width: 97%;
  }
}
.versionCompareModal .playerActions {
  text-align: center;
}
.versionCompareModal .playerActions h4 {
  margin: 0 0 0.3rem;
  font-weight: normal;
}
.versionCompareModal .playerActions > div {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
}
.versionCompareModal .actions {
  bottom: 0;
  width: 100%;
}

.oc-square-btn.button, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.oc-square-btn,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .oc-square-btn.button, .imageUploadFormElement-actions .oc-square-btn.action-btn.add {
  padding: 8px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  justify-content: center;
  position: relative;
}
.oc-square-btn.button .icon, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.oc-square-btn .icon,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .oc-square-btn.button .icon, .imageUploadFormElement-actions .oc-square-btn.action-btn.add .icon {
  margin: 0;
}
.oc-square-btn.button span, .loginView .loginBoxWrapper .loginBoxContent .loginBox button.oc-square-btn span,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .oc-square-btn.button span, .imageUploadFormElement-actions .oc-square-btn.action-btn.add span {
  position: absolute;
  bottom: -5px;
  right: -5px;
  background-color: #d21549;
  font-size: 10px;
  font-weight: normal;
  padding: 3px;
  border-radius: 30px;
  min-width: 15px;
  display: flex;
  height: 15px;
  justify-content: center;
  align-items: center;
}

.colorSelect {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  color: #222222;
}
.colorSelect .header {
  display: flex;
  height: 40px;
  align-items: center;
}
.colorSelect .header h4 {
  flex: 1;
  margin: 0;
  padding-left: 1em;
  color: #9B9B9B;
}
.colorSelect .header .pickerCloseButton {
  padding: 0.5em;
  background-color: #fff;
  color: #222222;
}
.colorSelect h5 {
  margin: 0;
  padding: 0.2em;
  text-align: center;
  color: #000;
  border-top: 1px solid #ccc;
}
.colorSelect .colorPicker {
  margin-bottom: 1px;
}

#aiRecognitionLabelsModal {
  width: 100%;
  height: 100%;
  display: flex !important;
  overflow-y: hidden;
  flex-direction: column;
}
#aiRecognitionLabelsModal.ui.scrolling.modal {
  margin-top: -1rem;
  margin-bottom: 0;
}
#aiRecognitionLabelsModal {
  background-color: var(--theme-surface-300);
}
#aiRecognitionLabelsModal > .header {
  flex: none;
  background: var(--theme-surface-100);
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
}
#aiRecognitionLabelsModal > .header .info {
  display: flex;
  justify-content: center;
  align-items: center;
}
#aiRecognitionLabelsModal > .header .info .column {
  flex: 1;
  padding-left: 3rem;
  font-size: 1.1rem;
  line-height: 1.3rem;
}
#aiRecognitionLabelsModal > .header .info .column .details {
  font-weight: normal;
  font-size: 0.85rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
#aiRecognitionLabelsModal > .header .info .column .details strong {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#aiRecognitionLabelsModal .content {
  flex: 1 1 0%;
  overflow-y: hidden;
  padding: 1rem;
  background-color: var(--theme-surface-300);
}
#aiRecognitionLabelsModal .content .two-part-layout {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 1.2rem;
}
#aiRecognitionLabelsModal .content .two-part-layout > .col:first-of-type {
  overflow-y: auto;
}
#aiRecognitionLabelsModal .content .two-part-layout > .col {
  max-height: 100%;
  flex: 1;
  overflow: hidden;
}
#aiRecognitionLabelsModal .content .assetActionPanel {
  padding: 0;
  max-height: 100%;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#aiRecognitionLabelsModal .content .assetActionPanel .ocBoxHeader {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  flex: none;
}
#aiRecognitionLabelsModal .content .assetActionPanel .ocBoxHeader {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  flex: none;
}
#aiRecognitionLabelsModal .content .assetActionPanel .commonBox-header {
  padding: 1rem;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
#aiRecognitionLabelsModal .content .assetActionPanel .assetActionContent {
  position: relative;
  flex: 1 1 0%;
  overflow-y: auto;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#aiRecognitionLabelsModal .close.icon {
  top: 1rem;
  right: 1rem;
}

@media (max-width: 768px) {
  #aiRecognitionLabelsModal {
    overflow-y: auto;
  }
  #aiRecognitionLabelsModal .content {
    overflow-y: auto;
  }
  #aiRecognitionLabelsModal .content .two-part-layout {
    flex-wrap: wrap;
    height: auto;
    overflow-y: auto;
  }
  #aiRecognitionLabelsModal .content .two-part-layout > .col {
    min-width: 350px;
  }
}
.customOverlayCanvas .boundingBox {
  text-align: left;
  position: absolute;
  border: 2px solid var(--theme-secondary-100);
  padding-top: 2px;
}
.customOverlayCanvas .boundingBox .labelName {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.3rem;
  color: white;
  font-size: 0.9rem;
}

.labels-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0.3rem 1rem;
  gap: 0.3rem;
}
.labels-container.selected {
  background: var(--theme-surface-400);
  padding: 1rem;
}
.labels-container > button {
  flex: none;
  background: var(--theme-surface-200);
  border: 2px solid var(--theme-surface-200);
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 0.3rem 0.6rem;
  color: var(--theme-text-60);
  cursor: pointer;
  font-weight: bold;
}
.labels-container > button > span {
  color: var(--theme-text-100);
  font-size: 0.9rem;
  margin-left: 0.4rem;
}
.labels-container > button:hover {
  border-width: 2px;
  border-style: solid;
  border-color: var(--theme-border-hover);
}
.labels-container > button.selected {
  border-color: var(--theme-primary-100);
}
.labels-container > button.deselect-all {
  background: var(--theme-surface-400);
  border: 0;
}
.labels-container > button.deselect-all:hover {
  color: var(--theme-primary-100);
}
.labels-container > button.deselect-all:hover i {
  color: var(--theme-primary-100) !important;
}
.labels-container > .selected-label {
  flex: none;
  background: var(--theme-surface-200);
  border: 2px solid var(--theme-surface-200);
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 0.3rem 0.6rem;
  color: var(--theme-text-60);
  font-weight: bold;
}
.labels-container > .selected-label > button {
  color: var(--theme-text-100);
  background: transparent;
  border: none;
  margin-left: 0.4rem;
  cursor: pointer;
}
.labels-container > .selected-label > button:hover {
  color: var(--theme-primary-100);
}

.selected-labels-header {
  background: var(--theme-surface-200);
  margin: 0.4rem 0 0 0;
  padding: 0.3rem 1rem;
}

.labels-popup {
  background: var(--theme-surface-500) !important;
  border-color: var(--theme-surface-500) !important;
}
.labels-popup::before, .labels-popup::after {
  background: var(--theme-surface-500) !important;
  border-color: var(--theme-surface-500) !important;
  box-shadow: none !important;
}
.labels-popup > div {
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem;
}
.labels-popup > div > button {
  flex: 0 0 0%;
  background: var(--theme-surface-400);
  border: 1px solid var(--theme-surface-400);
  padding: 0.4rem 0.5rem;
  border-radius: 0.3rem;
  box-sizing: border-box;
  color: var(--theme-text-60);
  cursor: pointer;
  font-weight: bold;
}
.labels-popup > div > button > span {
  color: var(--theme-text-100);
  font-size: 0.9rem;
  margin-left: 0.4rem;
}
.labels-popup > div > button:hover {
  background: var(--theme-surface-400);
}
.labels-popup > div > button.withBoundingBox {
  background: var(--theme-surface-300);
}
.labels-popup > div > button.withBoundingBox:hover {
  background: var(--theme-surface-500);
}

.controls-wrapper {
  padding: 0.5rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.accordion-control-box-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-y: auto;
  gap: 0.2rem;
  padding-bottom: 0.2rem;
}
.accordion-control-box-container .accordion-control-button {
  flex: none;
  background: var(--theme-surface-100);
  border: 3px solid var(--theme-surface-100);
  padding: 0.4rem 0.5rem;
  max-width: 10rem;
  height: 4rem;
  box-sizing: border-box;
  color: var(--theme-text-60);
  cursor: pointer;
}
.accordion-control-box-container .accordion-control-button.active {
  border-bottom: 3px solid var(--theme-success-100);
}
.accordion-control-box-container .accordion-control-button > span {
  color: var(--theme-text-100);
  font-size: 0.9rem;
  margin-left: 0.4rem;
}
.accordion-control-box-container .accordion-control-button:hover {
  background: var(--theme-surface-500);
}

:root {
  --label-confidence-treshold-filter-input-range-min: 0%;
}

.label-confidence-treshold-filter {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.label-confidence-treshold-filter > * {
  flex: none;
}
.label-confidence-treshold-filter > output {
  margin-right: 0.5rem;
}
.label-confidence-treshold-filter > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.label-confidence-treshold-filter > div > button {
  background: var(--theme-surface-300);
  border: 1px solid var(--theme-surface-300);
  color: var(--theme-success-100);
  width: 1.5rem;
  cursor: pointer;
}
.label-confidence-treshold-filter > div > input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: var(--theme-surface-500);
  cursor: pointer;
  width: 100%;
}
.label-confidence-treshold-filter > div > input[type=range]:before {
  display: block;
  content: "";
  width: var(--label-confidence-treshold-filter-input-range-min);
  background-image: radial-gradient(var(--theme-surface-400) 2px, transparent 0);
  background-size: 4px 4px;
  background-position: -1px -1px;
}
.label-confidence-treshold-filter > div {
  /* Removes default focus */
}
.label-confidence-treshold-filter > div > input[type=range]:focus {
  outline: none;
}
.label-confidence-treshold-filter > div {
  /***** Chrome, Safari, Opera and Edge Chromium styles *****/
  /* slider track */
}
.label-confidence-treshold-filter > div > input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--theme-surface-500);
  border-radius: 0.5rem;
  height: 0.5rem;
}
.label-confidence-treshold-filter > div {
  /* slider thumb */
}
.label-confidence-treshold-filter > div > input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  transform: translateY(-0.4rem); /* Centers thumb with track */
  /*custom styles*/
  background-color: var(--theme-secondary-100);
  height: 1.3rem;
  width: 0.6rem;
}
.label-confidence-treshold-filter > div > input[type=range]:focus::-webkit-slider-thumb {
  border: 1px solid var(--theme-text-60);
  outline: 1px solid var(--theme-text-60);
  outline-offset: 0.125rem;
}
.label-confidence-treshold-filter > div {
  /******** Firefox styles ********/
  /* slider track */
}
.label-confidence-treshold-filter > div > input[type=range]::-moz-range-track {
  background-color: var(--theme-surface-500);
  border-radius: 0.5rem;
  height: 0.5rem;
}
.label-confidence-treshold-filter > div {
  /* slider thumb */
}
.label-confidence-treshold-filter > div > input[type=range]::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0; /*Removes default border-radius that FF applies*/
  /*custom styles*/
  background-color: var(--theme-secondary-100);
  height: 1.5rem;
  width: 0.6rem;
}
.label-confidence-treshold-filter > div > input[type=range]:focus::-moz-range-thumb {
  border: 1px solid var(--theme-surface-500);
  outline: 1px solid var(--theme-surface-500);
  outline-offset: 0.125rem;
}

.clear-input-button {
  background: var(--theme-surface-200);
  border: 0;
  cursor: pointer;
}
.clear-input-button.hidden {
  display: none;
}

.ai-recognition-video-timeline {
  height: 8rem;
}
.ai-recognition-video-timeline .slider {
  display: flex;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.ai-recognition-video-timeline .slider.horizontal {
  flex-direction: column;
  width: 100%;
}
.ai-recognition-video-timeline .slider.horizontal .track-wrapper {
  border: 0.3rem solid var(--theme-surface-500);
  border-left: 0.125rem solid var(--theme-surface-500);
  border-right: 0.125rem solid var(--theme-surface-500);
  padding: 0.3rem 0;
  position: relative;
  flex: 1;
}
.ai-recognition-video-timeline .slider.horizontal .track-wrapper .track {
  height: 100%;
  width: 100%;
}
.ai-recognition-video-timeline .slider.horizontal .track-wrapper .track:before {
  content: attr(x);
  display: block;
  position: absolute;
  border-radius: 0.375rem;
  background-color: var(--theme-surface-100);
  height: 100%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.ai-recognition-video-timeline .slider.horizontal .track-wrapper .track .progress-stripe {
  background-color: var(--theme-surface-500);
  opacity: 0.5;
  height: 100%;
  border-radius: 0.375rem; /* Adjust as needed */
}
.ai-recognition-video-timeline .slider.horizontal .track-wrapper .markers-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  margin: 0.8rem 0;
}
.ai-recognition-video-timeline .slider .label-container {
  display: flex;
  flex: none;
  justify-content: space-between;
  opacity: 0.5;
}
.ai-recognition-video-timeline .slider .label-container.hidden {
  opacity: 0;
}
.ai-recognition-video-timeline .slider .thumb {
  cursor: pointer;
  background-color: var(--theme-secondary-100);
  width: 0.4rem;
  height: 100%;
  transform: translateX(-50%) translateY(-100%) !important;
  overflow: visibel;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.ai-recognition-video-timeline .slider .thumb div {
  display: flex;
  width: 1.6rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  transform: translateY(60%);
}
.ai-recognition-video-timeline .slider .thumb div #triangle {
  padding-bottom: 0.3rem;
  width: 100%;
  color: var(--theme-secondary-100);
}
.ai-recognition-video-timeline .slider.dragging, .ai-recognition-video-timeline .slider:hover {
  color: #3490dc;
}
.ai-recognition-video-timeline .slider.focus {
  color: #4a90e2;
}
.ai-recognition-video-timeline .slider .track.disabled {
  opacity: 0.4;
}
.ai-recognition-video-timeline .marker-container {
  position: absolute;
  display: inline-block;
  height: 100%;
  pointer-events: auto;
}
.ai-recognition-video-timeline .marker {
  /* Styles for the label */
  background-color: var(--theme-primary-100);
  border-radius: 0.25rem; /* Rounded corners */
  border: 0px;
  color: var(--theme-text-100);
  font-weight: bold; /* Font weight */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.ai-recognition-video-timeline .marker:focus {
  outline: none; /* Remove focus outline */
}
.ai-recognition-video-timeline .marker-content {
  /* Styles for the content */
  background-color: var(--theme-surface-300);
  color: var(--theme-surface-300);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2); /* Box shadow */
}
.ai-recognition-video-timeline .marker-content h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.marker-label-button {
  flex: 0 0 0%;
  background: var(--theme-surface-450);
  border: 1px solid var(--theme-surface-450);
  padding: 0.4rem 0.5rem;
  border-radius: 0.3rem;
  box-sizing: border-box;
  color: var(--theme-text-60);
  cursor: pointer;
  font-weight: bold;
}
.marker-label-button > span {
  color: var(--theme-text-100);
  font-size: 0.9rem;
  margin-left: 0.4rem;
}
.marker-label-button:hover {
  background: var(--theme-surface-450);
}

.accordion {
  width: 100%;
  margin: 0rem auto;
}
.accordion-title {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  justify-content: flex-start;
  cursor: pointer;
  padding: 0.5rem 1rem;
  grid-column-start: 1;
  grid-row-start: 1;
}
.accordion-title:hover {
  color: var(--theme-text-60);
}
.accordion-title:focus {
  color: var(--theme-text-60);
}
.accordion-content {
  display: grid;
  transition-property: grid-template-rows;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.9, 1);
}
.accordion-content.mounted {
  grid-template-rows: 1fr;
}
.accordion-content.unmounted {
  grid-template-rows: 0fr;
}
.accordion-content .content-wrapper {
  overflow: hidden;
}

.ImgTransformWrapper .toolbar {
  max-height: 100%;
  overflow: auto;
  min-width: 19.375rem;
  max-width: 20rem;
  padding: 0.2rem 1rem 0.2rem 0.5rem;
  font-size: 0.875rem;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.ImgTransformWrapper .toolbar .toolbar-section {
  padding: 0.3rem 0 0.5rem;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  border-color: var(--theme-surface-300);
}
.ImgTransformWrapper .toolbar .toolbar-section-label {
  color: #cccccc;
  color: var(--theme-text-80);
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
.ImgTransformWrapper .toolbar .toolbar-section-content {
  padding-left: 0.2rem;
}
.ImgTransformWrapper .scale {
  display: flex;
  align-items: center;
}
.ImgTransformWrapper .scale .value {
  margin-right: 0.3125rem;
  min-width: 2.1875rem;
  font-size: 0.625rem;
  padding: 0.1875rem 0.3125rem;
  text-align: center;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-radius: 0.1875rem;
}
.ImgTransformWrapper .rotate {
  display: flex;
  width: 100%;
}
.ImgTransformWrapper .rotate .button, .ImgTransformWrapper .rotate .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox .ImgTransformWrapper .rotate button,
.ImgTransformWrapper .rotate .loginView .loginBoxWrapper .loginBoxContent .loginBox .button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ImgTransformWrapper .rotate .button, .ImgTransformWrapper .rotate .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions .ImgTransformWrapper .rotate .action-btn.add {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ImgTransformWrapper .rotate input[type=text] {
  max-width: 2.375rem;
  text-align: center;
}
.ImgTransformWrapper .rotate .scale {
  width: 100%;
}
.ImgTransformWrapper input[type=range].slider {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 100%;
  background: transparent;
}
.ImgTransformWrapper input[type=range].slider:focus {
  outline: none;
}
.ImgTransformWrapper input[type=range].slider::-webkit-slider-runnable-track {
  height: 0.125rem;
  width: 100%;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-radius: 0.125rem;
  border: 0px solid #000101;
}
.ImgTransformWrapper input[type=range].slider::-moz-range-track {
  width: 100%;
  height: 0.125rem;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-radius: 0.125rem;
  border: 0px solid #000101;
}
.ImgTransformWrapper input[type=range].slider::-ms-track {
  width: 100%;
  height: 0.125rem;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 2.4375rem 0;
  color: transparent;
}
.ImgTransformWrapper input[type=range].slider::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0.125rem solid #21ba45;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 0.4375rem;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  margin-top: -0.225rem;
}
.ImgTransformWrapper input[type=range].slider::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0.125rem solid #21ba45;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 0.4375rem;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  cursor: pointer;
}
.ImgTransformWrapper input[type=range].slider:focus::-webkit-slider-runnable-track {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.ImgTransformWrapper input[type=range].slider::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.2);
  border: 0px solid #000101;
  border-radius: 3.125rem;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.ImgTransformWrapper input[type=range].slider::-ms-fill-upper {
  background: rgba(255, 255, 255, 0.2);
  border: 0px solid #000101;
  border-radius: 3.125rem;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.ImgTransformWrapper input[type=range].slider::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0.125rem solid #21ba45;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 0.4375rem;
  background: #1e2734;
  cursor: pointer;
}
.ImgTransformWrapper input[type=range].slider:focus::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.2);
}
.ImgTransformWrapper input[type=range].slider:focus::-ms-fill-upper {
  background: rgba(255, 255, 255, 0.2);
}
.ImgTransformWrapper {
  /* Radio button style */
}
.ImgTransformWrapper .ocButtons .ui.button, .ImgTransformWrapper .ocButtons .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui, .loginView .loginBoxWrapper .loginBoxContent .loginBox .ImgTransformWrapper .ocButtons button.ui,
.ImgTransformWrapper .ocButtons .loginView .loginBoxWrapper .loginBoxContent .loginBox .ui.button,
.loginView .loginBoxWrapper .loginBoxContent .loginBox .ImgTransformWrapper .ocButtons .ui.button, .ImgTransformWrapper .ocButtons .imageUploadFormElement-actions .ui.action-btn.add, .imageUploadFormElement-actions .ImgTransformWrapper .ocButtons .ui.action-btn.add {
  margin: 0 0.2rem 0.5rem;
  padding: 0.7rem 0.5rem;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ImgTransformWrapper .ocButtons .ui.button.active, .ImgTransformWrapper .ocButtons .loginView .loginBoxWrapper .loginBoxContent .loginBox button.ui.active, .loginView .loginBoxWrapper .loginBoxContent .loginBox .ImgTransformWrapper .ocButtons button.ui.active, .ImgTransformWrapper .ocButtons .imageUploadFormElement-actions .ui.active.action-btn.add, .imageUploadFormElement-actions .ImgTransformWrapper .ocButtons .ui.active.action-btn.add {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ImgTransformWrapper .customInputStyle, .ImgTransformWrapper .canvasOptions .widthHeight input, .ImgTransformWrapper .canvasOptions button.options, .ImgTransformWrapper .rotate input[type=text] {
  border: none;
  width: 100%;
  height: 22px;
  border-radius: 3px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: #cccccc;
  color: var(--theme-text-80);
  cursor: pointer;
  transition: ease-in-out all 0.2s;
}
.ImgTransformWrapper .canvasOptions {
  position: relative;
  width: 100%;
  display: flex;
}
.ImgTransformWrapper .canvasOptions .buttons {
  margin-right: 0.2rem;
}
.ImgTransformWrapper .canvasOptions .sizes {
  position: relative;
}
.ImgTransformWrapper .canvasOptions .sizes .sizeLabel {
  position: absolute;
  right: 0;
  top: -1.6rem;
  color: var(--theme-text-80);
  font-size: 0.875rem;
}
.ImgTransformWrapper .canvasOptions button.options {
  text-align: left;
  font-size: 0.75rem;
  line-height: 1.5625rem;
}
.ImgTransformWrapper .canvasOptions button.options:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  transition: ease-in-out all 0.2s;
}
.ImgTransformWrapper .canvasOptions button.options.active {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  color: #6bf2a7;
  color: var(--theme-success-100);
  border-radius: 0.1875rem 0.1875rem 0 0;
  transition: ease-in-out all 0.2s;
}
.ImgTransformWrapper .canvasOptions .menu {
  position: absolute;
  width: 100%;
  z-index: 5;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  font-size: 0.6875rem;
  border-radius: 0 0 0.1875rem 0.1875rem;
  overflow: hidden;
  border-top: 1px solid #e7e7e7;
  height: 0;
  opacity: 0;
  transition: ease-in-out all 0.2s;
}
.ImgTransformWrapper .canvasOptions .menu.active {
  height: 15.625rem;
  opacity: 1;
  transition: ease-in-out all 0.2s;
}
.ImgTransformWrapper .canvasOptions .menu .scrollWrapper {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  max-height: 15.625rem;
  width: calc(100% + 50px);
  overflow-y: scroll;
  overflow-x: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ImgTransformWrapper .canvasOptions .menu .scrollWrapper li {
  padding: 0.3125rem 0.1875rem;
  letter-spacing: 0.03125rem;
  transition: ease-in-out all 0.2s;
  cursor: pointer;
}
.ImgTransformWrapper .canvasOptions .menu .scrollWrapper li span {
  margin-left: 0.3125rem;
  opacity: 0.5;
}
.ImgTransformWrapper .canvasOptions .menu .scrollWrapper li:hover {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  transition: ease-in-out all 0.2s;
}
.ImgTransformWrapper .canvasOptions .menu .scrollWrapper li.warning {
  color: #facc15;
  color: var(--theme-warning-100);
}
.ImgTransformWrapper .canvasOptions .menu .scrollWrapper li.warning span {
  opacity: 0.8;
}
.ImgTransformWrapper .canvasOptions .menu .scrollWrapper li.active {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.ImgTransformWrapper .canvasOptions .widthHeight {
  display: flex;
  margin-top: 0.625rem;
}
.ImgTransformWrapper .canvasOptions .widthHeight input {
  font-size: 0.625rem;
  display: flex;
  text-align: center;
  letter-spacing: 0.5px;
  max-width: calc(50% - 22px);
}
.ImgTransformWrapper .canvasOptions .widthHeight input:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn {
  display: flex;
  min-width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 0.1875rem;
  margin: 0.3125rem 0.9375rem;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: ease-in-out all 0.2s;
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn .icon {
  margin: 0;
  line-height: 7px;
  font-size: 7px;
  width: 6px;
  display: flex;
  z-index: 1;
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn:after {
  content: "";
  position: absolute;
  box-sizing: unset;
  border-radius: 0;
  transition: all 0.1s ease-in-out;
  height: 1px;
  width: 2.8125rem;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  z-index: 0;
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn.open {
  transition: ease-in-out all 0.2s;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn.open:after {
  width: 0;
  transition: all 0.1s ease-in-out;
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn.open:hover {
  transition: ease-in-out all 0.2s;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ImgTransformWrapper .canvasOptions .widthHeight .lockBtn:hover {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ImgTransformWrapper .apiRequest {
  margin: 1rem 0;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.ImgTransformWrapper .apiRequest-actions {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
}
.ImgTransformWrapper .apiRequest .buttons {
  margin-bottom: 1rem;
}
.ImgTransformWrapper .apiRequest .apiResult .preview img {
  max-width: 100%;
  max-height: 200px;
}
.ImgTransformWrapper .apiRequest .apiResult .newAsset {
  text-align: center;
  padding-top: 1rem;
}

#imageTransformModal {
  width: 100%;
  height: 100%;
}
#imageTransformModal.ui.scrolling.modal {
  margin-top: -1rem;
  margin-bottom: 0;
}
#imageTransformModal .header {
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
}
#imageTransformModal .header .info {
  display: flex;
  justify-content: center;
  align-items: center;
}
#imageTransformModal .header .info .column {
  flex: 1;
  padding-left: 3rem;
  font-size: 1.1rem;
  line-height: 1.3rem;
}
#imageTransformModal .header .info .column .details {
  font-weight: normal;
  font-size: 0.85rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
#imageTransformModal .header .info .column .details strong {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#imageTransformModal .content {
  height: calc(100vh - 61px);
  padding: 0;
}
#imageTransformModal .close.icon {
  top: 1.0535rem;
  right: 1rem;
}

.ImgTransformWrapper {
  width: 100%;
  height: calc(100vh - 65px);
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.ImgTransformWrapper .cropper-point {
  width: 10px;
  height: 10px;
}
.ImgTransformWrapper .cropper-point:hover {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.ImgTransformWrapper .cropper-point.point-e {
  right: -5px;
}
.ImgTransformWrapper .cropper-point.point-n {
  margin-left: -5px;
  top: -5px;
}
.ImgTransformWrapper .cropper-point.point-w {
  margin-top: -5px;
  left: -5px;
}
.ImgTransformWrapper .cropper-point.point-s {
  margin-left: -5px;
  bottom: -5px;
}
.ImgTransformWrapper .cropper-point.point-ne {
  right: -5px;
  top: -5px;
}
.ImgTransformWrapper .cropper-point.point-nw {
  left: -5px;
  top: -5px;
}
.ImgTransformWrapper .cropper-point.point-sw {
  left: -5px;
  bottom: -5px;
}
.ImgTransformWrapper .cropper-point.point-se {
  right: -5px;
  bottom: -5px;
  width: 10px;
  height: 10px;
}
.ImgTransformWrapper .cropArea {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ImgTransformWrapper .cropArea img {
  display: block;
  max-width: 100%;
}
.ImgTransformWrapper .cropArea .cropper-container {
  flex: 1;
  height: 100% !important;
}
.ImgTransformWrapper .animation {
  transition: ease-in-out 0.3s all;
}
.ImgTransformWrapper .animation .cropper-view-box img {
  transition: ease-in-out 0.3s all;
}

#genAiModal {
  width: 100%;
  height: 100%;
  display: flex !important;
  overflow-y: auto;
  flex-direction: column;
}
#genAiModal.ui.scrolling.modal {
  margin-top: -1rem;
  margin-bottom: 0;
}
#genAiModal {
  background-color: var(--theme-surface-300);
}
#genAiModal > .header {
  flex: none;
  background: var(--theme-surface-100);
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
}
#genAiModal > .header .info {
  display: flex;
  justify-content: center;
  align-items: center;
}
#genAiModal > .header .info .column {
  flex: 1;
  padding-left: 3rem;
  font-size: 1.1rem;
  line-height: 1.3rem;
}
#genAiModal > .header .info .column .details {
  font-weight: normal;
  font-size: 0.85rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
#genAiModal > .header .info .column .details strong {
  color: var(--theme-text-70);
}
#genAiModal .genAi-field-list {
  flex-direction: column;
  overflow: hidden;
  display: flex;
  padding: 1rem;
}
#genAiModal .genAi-field-list h2 {
  font-size: 16px;
  font-weight: normal;
  color: var(--theme-text-70);
}
#genAiModal .genAi-field-list .systemPrompt input {
  width: 100%;
  padding: 0.6rem 1rem;
  position: relative;
  font-size: 12px;
  transition: all ease-in-out 0.2s;
  border-radius: 6px;
  border: 1px solid;
  margin-bottom: 1rem;
  margin-top: 0.4rem;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  color: var(--theme-text-70);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#genAiModal .genAi-field-list .systemPrompt input:focus {
  transition: all ease-in-out 0.2s;
  border: 1px solid #39cb71;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#genAiModal .genAi-field-list .promptFields {
  display: flex;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
}
#genAiModal .genAi-field-list .promptFields > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
#genAiModal .genAi-field-list .promptFields > div:nth-child(1) > div:nth-child(1) {
  width: 100%;
}
#genAiModal .genAi-field-list .promptFields > div:nth-child(1) > div:nth-child(2) {
  cursor: pointer;
  color: #ffffff;
  color: var(--theme-text-100);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100px;
}
#genAiModal .genAi-field-list .promptFields > div:nth-child(1) > div:nth-child(2):hover {
  color: #97dceb;
  color: var(--theme-secondary-100);
}
#genAiModal .genAi-field-list .promptFields-listWrapper {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form {
  display: flex;
  flex-wrap: wrap;
  height: max-content;
  row-gap: 0.5rem;
  column-gap: 0.5rem;
  justify-content: center;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div {
  position: relative;
  display: flex;
  border-radius: 6px;
  padding: 0.5rem 0.9rem 0.5rem 0.5rem;
  font-size: 0.7rem;
  background-color: var(--theme-table-row-bg-even);
  transition: all ease-in-out 0.2s;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div:hover {
  transition: all ease-in-out 0.2s;
  background-color: var(--theme-table-row-bg-hover);
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div.active {
  transition: all ease-in-out 0.2s;
  background: rgb(34, 195, 168);
  background: linear-gradient(55deg, rgb(34, 195, 168) 0%, rgb(37, 204, 88) 100%);
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div.active .item-left span {
  border: 1px solid rgb(188, 238, 217);
  background-color: rgb(30, 174, 112);
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div.active .item-left span .icon {
  display: block;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div.active .item-right span:nth-child(1) {
  color: #fff;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div.active .item-right span:nth-child(2) {
  color: #fff;
  opacity: 0.7;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div .item {
  display: flex;
  flex-direction: row;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div .item-left {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem 0 0;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div .item-left span {
  display: flex;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: 1px solid;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-table-row-bg-even-separator);
  border-color: var(--theme-table-row-bg-even);
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div .item-left span .icon {
  display: none;
  margin: 0;
  font-size: 8px;
  line-height: 9px;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div .item-right span {
  display: flex;
  width: 100%;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div .item-right span:nth-child(1) {
  font-size: 13px;
  text-transform: capitalize;
}
#genAiModal .genAi-field-list .promptFields-listWrapper form div .item-right span:nth-child(2) {
  font-size: 12px;
  font-style: italic;
  color: var(--themetheme-surface-400);
}
#genAiModal .genAi-inputArea {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 13px;
  min-height: 150px;
  max-height: 380px;
  margin: 0 1rem 1rem 1rem;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#genAiModal .genAi-inputArea:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 0;
}
#genAiModal .genAi-inputArea.not-valid:after {
  background: rgb(34, 195, 168);
  background: linear-gradient(158deg, rgba(34, 195, 168, 0) 66%, rgba(204, 37, 76, 0.1) 100%);
}
#genAiModal .genAi-inputArea.valid:after {
  background: rgb(34, 195, 168);
  background: linear-gradient(158deg, rgba(34, 195, 168, 0) 66%, rgba(37, 204, 88, 0.2) 100%);
}
#genAiModal .genAi-inputArea .inputArea {
  display: flex;
  width: 100%;
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 1;
}
#genAiModal .genAi-inputArea .inputArea.top {
  font-size: 14px;
  border-bottom: 1px dashed;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#genAiModal .genAi-inputArea .inputArea.top span {
  display: inline-flex;
}
#genAiModal .genAi-inputArea .inputArea.top span:nth-child(1) {
  font-weight: bold;
  margin-right: 2px;
}
#genAiModal .genAi-inputArea .inputArea.top span:nth-child(2) {
  color: #39cb71;
}
#genAiModal .genAi-inputArea .inputArea.bottom {
  justify-content: flex-end;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#genAiModal .genAi-inputArea .inputArea.bottom button {
  background-color: #39cb71;
  color: #fff;
  border-radius: 6px;
  border: none;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: row;
  transition: all ease-in-out 0.2s;
}
#genAiModal .genAi-inputArea .inputArea.bottom button .icon {
  font-size: 12px;
  line-height: 18px;
}
#genAiModal .genAi-inputArea .inputArea.bottom button:hover {
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  background-color: #21aa56;
}
#genAiModal .genAi-inputArea .inputArea.bottom button:disabled {
  transition: all ease-in-out 0.2s;
  opacity: 0.6;
  background-color: transparent;
  color: #e06771;
  border: 1px dashed #e06771;
}
#genAiModal .genAi-inputArea .inputArea.bottom button:disabled .icon {
  color: #e06771;
}
#genAiModal .genAi-inputArea textarea {
  width: 100%;
  position: relative;
  border: none;
  font-size: 12px;
  resize: none;
  padding: 1rem;
  height: auto;
  transition: all ease-in-out 0.2s;
  background-color: transparent;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  z-index: 1;
  height: 100%;
}
#genAiModal .genAi-inputArea textarea::placeholder {
  color: var(--themetheme-surface-400);
}
#genAiModal .genAi-inputArea textarea:focus {
  transition: all ease-in-out 0.2s;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#genAiModal .content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  min-height: 600px;
  overflow-y: hidden;
  padding: 1rem;
  background-color: var(--theme-surface-300);
  row-gap: 1rem;
  column-gap: 1rem;
}
#genAiModal .content-left {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
  row-gap: 1rem;
  column-gap: 1rem;
}
#genAiModal .content-left > .content-box:nth-child(1) {
  height: auto;
}
#genAiModal .content-left > .content-box:nth-child(1) .proxyVideoContent {
  margin: 0 auto !important;
  width: 60%;
}
#genAiModal .content-left > .content-box:nth-child(1) .proxyContent {
  height: 100% !important;
}
#genAiModal .content-left > .content-box:nth-child(1) .proxyContent .proxyImg {
  height: 100% !important;
  overflow: hidden;
  border-radius: 13px;
}
#genAiModal .content-left > .content-box:nth-child(1) .proxyContent .proxyImg > div {
  height: 100%;
}
#genAiModal .content-left > .content-box:nth-child(1) .proxyContent .proxyImg .preview {
  max-height: 100%;
}
#genAiModal .content-left > .content-box:nth-child(2) {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#genAiModal .content-left > .content-box {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
#genAiModal .content-left.row {
  flex-direction: row;
}
#genAiModal .content-left.row .content-box {
  flex: 1;
  align-content: center;
}
#genAiModal .content-left.row .content-box .proxyVideoContent {
  width: 100%;
}
#genAiModal .content-right {
  width: 50%;
  height: 100%;
}
#genAiModal .content-right > .content-box {
  height: 100%;
  width: 100%;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#genAiModal .content-right > .content-box #historyView {
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 13px;
}
#genAiModal .content-right > .content-box #historyView .history-scrollWrapper {
  overflow: hidden auto;
  height: 100%;
}
#genAiModal .content-right > .content-box #historyView .emptyHistory {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #cccccc;
  color: var(--theme-text-80);
  opacity: 0.4;
}
#genAiModal .content-right > .content-box .request-box {
  position: relative;
  white-space: pre-line;
  padding: 2rem 2rem 0rem 2rem;
  border-bottom: 1px dashed var(--theme-surface-500);
}
#genAiModal .content-right > .content-box .request-box:first-child .request-box-timestamp {
  top: 5px;
}
#genAiModal .content-right > .content-box .request-box-timestamp {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  font-size: 12px;
  margin-bottom: 0.5rem;
  justify-content: center;
}
#genAiModal .content-right > .content-box .request-box-timestamp div {
  padding: 0 16px;
  color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  color: var(--theme-surface-500);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#genAiModal .content-right > .content-box .request-box > .history-entry {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
#genAiModal .content-right > .content-box .request-box > .history-entry span {
  font-weight: bold;
}
#genAiModal .content-right > .content-box .request-box > .history-entry:nth-child(2) {
  margin-bottom: 2rem;
}
#genAiModal .content-right > .content-box .request-box > .history-entry:nth-child(2) .text-wrap > p {
  color: var(--themetheme-surface-400);
}
#genAiModal .content-right > .content-box .request-box .displayRawCode {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: var(--themetheme-surface-400);
  font-size: 12px;
  padding: 1px 3px;
  border-radius: 3px;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
#genAiModal .content-right > .content-box .request-box .displayRawCode:hover {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
#genAiModal .content-right > .content-box .request-box code {
  color: var(--themetheme-surface-400);
  font-size: 12px;
  position: relative;
  word-wrap: break-word;
}
#genAiModal .content-right > .content-box .request-box code pre {
  padding: 0.5rem;
  position: relative;
  z-index: 1;
  white-space: pre-wrap;
  background-color: transparent;
  tab-size: 2;
}
#genAiModal .content-right > .content-box .request-box code pre:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(16, 4, 36);
  border: 1px solid rgb(112, 104, 157);
  border-radius: 6px;
  opacity: 0.2;
  z-index: -1;
}
#genAiModal .content-right > .content-box .request-box .avatar-wrap {
  min-width: 40px;
  margin: 0 1rem 0 0;
}
#genAiModal .content-right > .content-box .request-box .response.history-entry .button-group {
  display: fled;
  visibility: hidden;
  margin-top: 0.5rem;
  padding-bottom: 1.5rem;
}
#genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .button, #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .loginView .loginBoxWrapper .loginBoxContent .loginBox button, .loginView .loginBoxWrapper .loginBoxContent .loginBox #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group button, #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .imageUploadFormElement-actions .action-btn.add, .imageUploadFormElement-actions #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .action-btn.add {
  color: white;
  border-radius: 6px;
  font-size: 0.8rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  transition: all ease-in-out 0.2s;
}
#genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .button:hover, #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .loginView .loginBoxWrapper .loginBoxContent .loginBox button:hover, .loginView .loginBoxWrapper .loginBoxContent .loginBox #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group button:hover, #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .imageUploadFormElement-actions .action-btn.add:hover, .imageUploadFormElement-actions #genAiModal .content-right > .content-box .request-box .response.history-entry .button-group .action-btn.add:hover {
  transition: all ease-in-out 0.2s;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#genAiModal .content-right > .content-box .request-box .response.history-entry:hover .button-group {
  visibility: visible;
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#genAiModal .content-right > .content-box .request-box:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 600px) {
  #genAiModal .content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 1rem;
    background-color: var(--theme-surface-300);
    row-gap: 1rem;
    column-gap: 1rem;
  }
  #genAiModal .content-left {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    row-gap: 1rem;
    column-gap: 1rem;
  }
  #genAiModal .content-right {
    width: 100%;
    height: 100%;
  }
}
#genAiModal .content-box {
  border-radius: 12px;
}
#genAiModal .close.icon {
  top: 3px;
  right: 1rem;
}

.answer-preview-panel {
  display: grid;
  padding: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(172px, 192px));
  grid-template-rows: repeat(auto-fit, minmax(172px, 192px));
  grid-gap: 1rem;
  width: 100%;
}
.answer-preview-panel img {
  width: 100%;
}

#genAiSearchModal {
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  overflow-y: hidden;
  display: flex !important;
  flex-direction: column;
}
#genAiSearchModal.ui.scrolling.modal {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 1rem;
}
#genAiSearchModal {
  background-color: var(--theme-surface-300);
}
#genAiSearchModal > .header {
  flex: none;
  background: var(--theme-surface-100);
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
}
#genAiSearchModal > .header .info {
  display: flex;
  justify-content: center;
  align-items: center;
}
#genAiSearchModal > .header .info .column {
  flex: 1;
  padding-left: 3rem;
  font-size: 1.1rem;
  line-height: 1.3rem;
}
#genAiSearchModal > .header .info .column .details {
  font-weight: normal;
  font-size: 0.85rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
#genAiSearchModal > .header .info .column .details strong {
  color: var(--theme-text-70);
}
#genAiSearchModal .content {
  height: 100%;
  overflow: hidden;
  padding: 0;
}
#genAiSearchModal .content .layoutContainer {
  display: flex;
  flex-direction: row;
  height: 100%;
}
#genAiSearchModal .content .layoutContainer > .conversationSide {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--theme-surface-500);
  border-left: none;
  border-bottom: none;
}
#genAiSearchModal .content .layoutContainer > .previewSide {
  flex: 2 1 0;
  overflow: hidden scroll;
}
#genAiSearchModal .content .layoutContainer > .previewSide .assetsList {
  height: auto !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#genAiSearchModal .content .layoutContainer > .previewSide .assetsList .moreCard {
  cursor: pointer;
  border: dashed 2px var(--theme-text-80);
  background-color: var(--theme-surface-450) !important;
  color: var(--theme-text-80);
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#genAiSearchModal .content .layoutContainer > .previewSide .assetsList .moreCard span {
  color: var(--theme-text-60);
}
#genAiSearchModal .content .layoutContainer > .previewSide .assetsList .showLess {
  color: var(--theme-text-80);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: none;
  border: none;
  color: var(--theme-text-80);
  font-size: 1.2rem;
  margin-left: 1.9rem;
}
#genAiSearchModal .content .layoutContainer > .previewSide > .title {
  color: #505c6e;
  font-size: 1.5rem;
  margin-top: 0.8rem;
  margin-left: 1.9rem;
  margin-bottom: 1rem;
}
#genAiSearchModal .content .layoutContainer > .previewSide > .title > span {
  color: var(--theme-text-80);
}
#genAiSearchModal .content .layoutContainer > .previewSide > .subtitle {
  color: white;
  font-size: 1.2rem;
  margin-left: 1.9rem;
  margin-bottom: 0rem;
}
#genAiSearchModal .content .layoutContainer > .previewSide > .subtitle > span {
  font-size: 1rem;
  color: white;
  background: #2db27a !important;
  border: 1px solid var(--theme-success-80);
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  font-weight: bold;
  padding: 0.2rem 0.4rem;
}
#genAiSearchModal .genAiSearch-inputArea {
  border-top: 1px solid var(--theme-surface-500);
}
#genAiSearchModal .genAiSearch-inputArea.not-valid:after {
  background: rgb(34, 195, 168);
  background: linear-gradient(158deg, rgba(34, 195, 168, 0) 66%, rgba(204, 37, 76, 0.1) 100%);
}
#genAiSearchModal .genAiSearch-inputArea.valid:after {
  background: rgb(34, 195, 168);
  background: linear-gradient(158deg, rgba(34, 195, 168, 0) 66%, rgba(37, 204, 88, 0.2) 100%);
}
#genAiSearchModal .genAiSearch-inputArea .inputArea {
  display: flex;
  width: 100%;
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 1;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.top {
  font-size: 14px;
  border-bottom: 1px dashed;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.top span {
  display: inline-flex;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.top span:nth-child(1) {
  font-weight: bold;
  margin-right: 2px;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.top span:nth-child(2) {
  color: #39cb71;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.bottom {
  justify-content: flex-end;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.bottom button {
  background-color: var(--theme-primary-100);
  color: #fff;
  border-radius: 6px;
  border: 1px solid var(--theme-primary-100);
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: row;
  transition: all ease-in-out 0.2s;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.bottom button .icon {
  font-size: 12px;
  line-height: 18px;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.bottom button:hover {
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  background-color: #7040b2;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.bottom button:disabled {
  transition: all ease-in-out 0.2s;
  opacity: 0.6;
  background-color: transparent;
  color: #e06771;
  border: 1px dashed #e06771;
}
#genAiSearchModal .genAiSearch-inputArea .inputArea.bottom button:disabled .icon {
  color: #e06771;
}
#genAiSearchModal .genAiSearch-inputArea textarea {
  width: 100%;
  position: relative;
  border: none;
  font-size: 12px;
  resize: none;
  padding: 1rem;
  height: auto;
  transition: all ease-in-out 0.2s;
  background-color: transparent;
  color: var(--theme-text-70);
  z-index: 1;
}
#genAiSearchModal .genAiSearch-inputArea textarea::placeholder {
  color: var(--themetheme-surface-400);
}
#genAiSearchModal .genAiSearch-inputArea textarea:focus {
  transition: all ease-in-out 0.2s;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
#genAiSearchModal #historyView {
  overflow: hidden;
  flex: 1;
  background-color: var(--theme-surface-100);
}
#genAiSearchModal #historyView .history-scrollWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden auto;
  height: 100%;
}
#genAiSearchModal #historyView .emptyHistory {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #ffffff;
  color: var(--theme-text-100);
  opacity: 0.4;
}
#genAiSearchModal .request-box {
  width: 100%;
  position: relative;
  white-space: pre-line;
  padding: 2rem;
  border-bottom: 1px dashed var(--theme-surface-500);
}
#genAiSearchModal .request-box:first-child .request-box-timestamp {
  top: 5px;
}
#genAiSearchModal .request-box.selectable {
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
#genAiSearchModal .request-box.selectable:hover {
  background-color: var(--theme-surface-300);
}
#genAiSearchModal .request-box.selected {
  background-color: var(--theme-surface-300);
}
#genAiSearchModal .request-box-timestamp {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  font-size: 12px;
  margin-bottom: 0.5rem;
  justify-content: center;
}
#genAiSearchModal .request-box-timestamp div {
  padding: 0 16px;
  color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  color: var(--theme-surface-500);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#genAiSearchModal .request-box > .history-entry {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
#genAiSearchModal .request-box > .history-entry span {
  font-weight: bold;
}
#genAiSearchModal .request-box > .history-entry:nth-child(2) {
  margin-bottom: 2rem;
}
#genAiSearchModal .request-box > .history-entry:nth-child(2) .text-wrap > p {
  color: var(--themetheme-surface-400);
}
#genAiSearchModal .request-box .avatar-wrap {
  min-width: 40px;
  margin: 0 1rem 0 0;
}
#genAiSearchModal .request-box:last-child {
  border-bottom: none;
}
#genAiSearchModal-box {
  border-radius: 12px;
}
#genAiSearchModal .close.icon {
  top: 3px;
  right: 1rem;
}

.recharts-layer line {
  stroke: rgb(65%, 65%, 65%);
  stroke: var(--theme-text-60);
  opacity: 0.5;
}
.recharts-layer text {
  fill: rgb(65%, 65%, 65%);
  fill: var(--theme-text-60);
  opacity: 0.5;
}

.recharts-tooltip-wrapper .recharts-default-tooltip {
  border-radius: 6px;
  border: none !important;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450) !important;
}
.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-list {
  stroke: none;
}
.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-list .recharts-tooltip-item .recharts-tooltip-item-name,
.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-list .recharts-tooltip-item .recharts-tooltip-item-separator {
  color: #ffffff;
  color: var(--theme-text-100) !important;
}
.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-list .recharts-tooltip-item .recharts-tooltip-item-name {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}
.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-list .recharts-tooltip-item .recharts-tooltip-item-value {
  color: #34c6e5;
  color: var(--theme-primary-100) !important;
}

.invitationModalInfo {
  padding: 0.5rem;
  border-radius: 6px;
  margin-bottom: 1rem;
}
.invitationModalInfo-head {
  padding: 0.5rem;
}
.invitationModalInfo-list span {
  display: inline-flex;
  padding: 0.3rem 0.5rem;
  border-radius: 7px;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.invitationModalInfo.success {
  background: #1c9156;
}
.invitationModalInfo.success .invitationModalInfo-list span {
  background: #197c4a;
  color: #a1e3c2;
}
.invitationModalInfo.warning {
  background: #f0862f;
}
.invitationModalInfo.warning .invitationModalInfo-list span {
  background: #ce6f22;
  color: #ffe0b7;
}
.invitationModalInfo.error {
  background: #b9185b;
}
.invitationModalInfo.error .invitationModalInfo-list > div {
  display: flex;
  flex-direction: row;
}
.invitationModalInfo.error .invitationModalInfo-list > div > div {
  padding: 0.3rem 0.5rem;
  border-radius: 7px;
  margin-top: 0.5rem;
}
.invitationModalInfo.error .invitationModalInfo-list > div > div:nth-child(1) {
  padding: 0.3rem 0.5rem;
  border-radius: 7px;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
  background: #740f39;
  color: #fabad5;
}
.invitationModalInfo.error .invitationModalInfo-list > div > div:nth-child(2) {
  width: 100%;
  display: inline-flex;
  color: #e29ab8;
}

.userInviteList {
  display: flex;
  flex-wrap: wrap;
}
.userInviteList-lead {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  color: var(--theme-text-100);
}
.userInviteList-item {
  display: flex;
  border-radius: 6px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background: var(--theme-surface-400);
}
.userInviteList-item.removeAll {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.userInviteList-item.removeAll .userInviteList-label,
.userInviteList-item.removeAll .userInviteList-remove {
  cursor: pointer;
  padding: 0;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.userInviteList-item.removeAll:hover {
  background-color: transparent;
}
.userInviteList-item.removeAll:hover .userInviteList-label,
.userInviteList-item.removeAll:hover .userInviteList-remove {
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
}
.userInviteList-item:hover {
  background: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background: var(--theme-surface-500);
}
.userInviteList-item.sent {
  background: #6bf2a7;
  background: var(--theme-success-100);
}
.userInviteList-item.sent .userInviteList-label,
.userInviteList-item.sent .userInviteList-remove {
  cursor: pointer;
  color: #fff;
}
.userInviteList-item.sent:hover {
  background: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background: var(--theme-success-80);
}
.userInviteList-label {
  cursor: default;
  padding: 0.5rem;
}
.userInviteList-remove {
  cursor: pointer;
  padding: 0.5rem 0.5rem 0.5rem 0;
  color: #e74c3c;
  color: var(--theme-error-100);
}

.projectInviteCheckboxes {
  display: flex;
}
.projectInviteCheckboxes-item {
  width: 33.3333%;
  height: 45px;
}
@media (max-width: 850px) {
  .projectInviteCheckboxes-item {
    width: 50%;
  }
}
@media (max-width: 450px) {
  .projectInviteCheckboxes-item {
    width: 100%;
  }
}

.modal .errorPop {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: #f73b6f;
}
.modal .errorPop.visible {
  transform: translate(0, 0px);
  opacity: 1;
  z-index: 2;
  transition: ease-in-out 0.3s all;
}
.modal .errorPop.hidden {
  transform: translate(0, -15px);
  opacity: 0;
  z-index: -1;
  transition: ease-in-out 0.3s all;
}
.modal .errorPop-head {
  font-size: 1rem;
  font-weight: bold;
}
.modal .errorPop-list span {
  display: inline-flex;
  padding: 0.5rem;
}

.permissionTable .userEmail {
  font-size: 12px;
  margin-top: 5px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.permissionTable .toggleBtn {
  position: relative;
}
.permissionTable .toggleBtn input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
  border: none;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.permissionTable .toggleBtn div {
  position: relative;
  height: 13px;
  width: 35px;
  border: 1px solid;
  border-radius: 20px;
  z-index: 0;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.permissionTable .toggleBtn div span {
  top: -2px;
  transform: translate(-1px, 0);
  position: absolute;
  height: 15px;
  width: 15px;
  display: block;
  border-radius: 15px;
  transition: transform ease-in-out 0.3s;
  background: #fff;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.permissionTable .toggleBtn.checked div {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.permissionTable .toggleBtn.checked div span {
  transition: transform ease-in-out 0.3s;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  transform: translate(20px, 0);
}
.permissionTable .toggleBtn.disabled {
  cursor: not-allowed;
  opacity: 0.9;
}
.permissionTable .toggleBtn.disabled div {
  border-color: var(--themetheme-surface-400);
}
.permissionTable .toggleBtn.disabled div span {
  background: transparent;
  border-color: var(--themetheme-surface-500);
  background-color: var(--themetheme-surface-500);
}

.tableClientCustomName {
  padding-top: 1rem;
}
.tableClientCustomName div:nth-child(1) {
  font-size: 12px;
  color: #cccccc;
  color: var(--theme-text-80) !important;
}

/* Input text */
/* Input label */
.themeDark {
  --theme-surface-100: #253141;
  --theme-surface-200: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  --theme-surface-300: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  --theme-surface-400: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-surface-450: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  --theme-surface-500: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-surface-border: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  --theme-surface-header: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  --theme-primary-100: #34c6e5;
  --theme-primary-80: rgb(11.5275280418%, 75.1579758541%, 88.6685503896%);
  --theme-primary-60: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  --theme-primary-40: rgb(9.1052316123%, 60.2346091275%, 71.0908468191%);
  --theme-primary-20: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  --theme-primary-text-100: #1a1f28;
  --theme-primary-text-80: rgb(12.559714795%, 14.9750445633%, 19.3226381462%);
  --theme-primary-text-60: rgb(14.9233511586%, 17.7932263815%, 22.9590017825%);
  --theme-primary-text-40: rgb(18.0748663102%, 21.550802139%, 27.807486631%);
  --theme-primary-text-20: rgb(22.0142602496%, 26.247771836%, 33.8680926916%);
  --theme-secondary-100: #97dceb;
  --theme-secondary-80: rgb(50.8285895003%, 83.4519291588%, 90.5439595193%);
  --theme-secondary-60: rgb(42.4414927261%, 80.6293485136%, 88.9310562935%);
  --theme-secondary-40: rgb(34.0543959519%, 77.8067678684%, 87.3181530677%);
  --theme-secondary-20: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  --theme-secondary-text-100: #283d42;
  --theme-secondary-text-80: rgb(17.9504254532%, 27.3743988161%, 29.6182019978%);
  --theme-secondary-text-60: rgb(20.2145763966%, 30.8272290048%, 33.3540510544%);
  --theme-secondary-text-40: rgb(23.2334443211%, 35.4310025897%, 38.3351831299%);
  --theme-secondary-text-20: rgb(27.0070292268%, 41.1857195708%, 44.5615982242%);
  --theme-success-100: #6bf2a7;
  --theme-success-80: rgb(32.7682377299%, 94.0945073682%, 60.0243575691%);
  --theme-success-60: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  --theme-success-40: rgb(14.3831445622%, 92.4796005359%, 49.0926805505%);
  --theme-success-20: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  --theme-success-text-100: #203d2d;
  --theme-success-text-80: rgb(14.6135357369%, 27.8570524984%, 20.55028463%);
  --theme-success-text-60: rgb(16.6780518659%, 31.7925363694%, 23.4535104364%);
  --theme-success-text-40: rgb(19.430740038%, 37.0398481973%, 27.3244781784%);
  --theme-success-text-20: rgb(22.871600253%, 43.5989879823%, 32.1631878558%);
  --theme-warning-100: #facc15;
  --theme-warning-80: rgb(94.2603987202%, 75.7305767495%, 2.0141110838%);
  --theme-warning-60: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  --theme-warning-40: rgb(74.678808762%, 59.9983591763%, 1.5957010419%);
  --theme-warning-20: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  --theme-warning-text-100: #3f2511;
  --theme-warning-text-80: rgb(29.4308823529%, 17.2848039216%, 7.9416666667%);
  --theme-warning-text-60: rgb(34.1558823529%, 20.0598039216%, 9.2166666667%);
  --theme-warning-text-40: rgb(40.4558823529%, 23.7598039216%, 10.9166666667%);
  --theme-warning-text-20: rgb(48.3308823529%, 28.3848039216%, 13.0416666667%);
  --theme-error-100: #e74c3c;
  --theme-error-80: rgb(89.4923448832%, 21.6304055869%, 14.6253021757%);
  --theme-error-60: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  --theme-error-40: rgb(74.8992747784%, 15.3639538007%, 9.2183722804%);
  --theme-error-20: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  --theme-error-text-100: #380e0a;
  --theme-error-text-80: rgb(27.0516934046%, 6.7629233512%, 4.8306595365%);
  --theme-error-text-60: rgb(32.1426024955%, 8.0356506239%, 5.7397504456%);
  --theme-error-text-40: rgb(38.9304812834%, 9.7326203209%, 6.9518716578%);
  --theme-error-text-20: rgb(47.4153297683%, 11.8538324421%, 8.4670231729%);
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(13.5762792922%, 44.8828311813%, 96.0315638451%);
  --theme-info-60: rgb(4.3730272597%, 38.8713534194%, 95.2348158776%);
  --theme-info-40: rgb(3.9340028694%, 34.968914395%, 85.6738402678%);
  --theme-info-20: rgb(3.4949784792%, 31.0664753706%, 76.1128646581%);
  --theme-info-text-100: #0f1c31;
  --theme-info-text-80: rgb(7.2886029412%, 13.6053921569%, 23.8094362745%);
  --theme-info-text-60: rgb(8.6948529412%, 16.2303921569%, 28.4031862745%);
  --theme-info-text-40: rgb(10.5698529412%, 19.7303921569%, 34.5281862745%);
  --theme-info-text-20: rgb(12.9136029412%, 24.1053921569%, 42.1844362745%);
  --theme-form-bg-default: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  --theme-form-bg-hover: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-form-bg-disabled: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-dropdown-border-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-border-hover: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  --theme-dropdown-form-text: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  --theme-dropdown-form-label: rgb(68.137254902%, 74.0196078431%, 81.862745098%);
  --theme-dropdown-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-disabled: black;
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #ffffff;
  --theme-text-80: #cccccc;
  --theme-text-60: rgb(65%, 65%, 65%);
  --theme-text-40: rgb(50%, 50%, 50%);
}

/* Input text */
/* Input label */
.themeLight {
  --theme-surface-100: #f8fafc;
  --theme-surface-200: #f8fafc;
  --theme-surface-300: rgb(95.8549019608%, 97.0392156863%, 98.2235294118%);
  --theme-surface-400: rgb(98.6549019608%, 99.0392156863%, 99.4235294118%);
  --theme-surface-450: rgb(90.2549019608%, 93.0392156863%, 95.8235294118%);
  --theme-surface-500: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  --theme-surface-border: rgb(86.0549019608%, 90.0392156863%, 94.0235294118%);
  --theme-surface-header: white;
  --theme-primary-100: #1c91b0;
  --theme-primary-80: rgb(9.8823529412%, 51.1764705882%, 62.1176470588%);
  --theme-primary-60: rgb(8.7843137255%, 45.4901960784%, 55.2156862745%);
  --theme-primary-40: rgb(7.6862745098%, 39.8039215686%, 48.3137254902%);
  --theme-primary-20: rgb(6.0392156863%, 31.2745098039%, 37.9607843137%);
  --theme-primary-text-100: #a2e1f3;
  --theme-primary-text-80: rgb(68.843697479%, 89.9495798319%, 95.9798319328%);
  --theme-primary-text-60: rgb(74.1579831933%, 91.6638655462%, 96.6655462185%);
  --theme-primary-text-40: rgb(81.243697479%, 93.9495798319%, 97.5798319328%);
  --theme-primary-text-20: rgb(90.1008403361%, 96.8067226891%, 98.7226890756%);
  --theme-secondary-100: #2385be;
  --theme-secondary-80: rgb(12.4810457516%, 47.4279738562%, 67.754248366%);
  --theme-secondary-60: rgb(11.2366013072%, 42.6990849673%, 60.9986928105%);
  --theme-secondary-40: rgb(9.9921568627%, 37.9701960784%, 54.2431372549%);
  --theme-secondary-20: rgb(8.1254901961%, 30.8768627451%, 44.1098039216%);
  --theme-secondary-text-100: rgb(146, 208, 223);
  --theme-secondary-text-80: rgb(61.8931998331%, 83.568627451%, 88.8126825198%);
  --theme-secondary-text-60: rgb(66.5314977055%, 85.568627451%, 90.1743846475%);
  --theme-secondary-text-40: rgb(72.7158948686%, 88.2352941176%, 91.9899874844%);
  --theme-secondary-text-20: rgb(80.4463913225%, 91.568627451%, 94.2594910305%);
  --theme-success-100: #047857;
  --theme-success-80: rgb(1.3105629349%, 39.3168880455%, 28.504743833%);
  --theme-success-60: rgb(1.0524984187%, 31.5749525617%, 22.8918406072%);
  --theme-success-40: rgb(0.7944339026%, 23.8330170778%, 17.2789373814%);
  --theme-success-20: rgb(0.4073371284%, 12.220113852%, 8.8595825427%);
  --theme-success-text-100: #c5f9dc;
  --theme-success-text-80: rgb(82.6924019608%, 98.2095588235%, 89.5557598039%);
  --theme-success-text-60: rgb(88.1299019608%, 98.7720588235%, 92.8370098039%);
  --theme-success-text-40: rgb(95.3799019608%, 99.5220588235%, 97.2120098039%);
  --theme-success-text-20: white;
  --theme-warning-100: #b45309;
  --theme-warning-80: rgb(62.9691876751%, 29.0357920946%, 3.1484593838%);
  --theme-warning-60: rgb(55.350140056%, 25.5225645814%, 2.7675070028%);
  --theme-warning-40: rgb(47.731092437%, 22.0093370682%, 2.3865546218%);
  --theme-warning-20: rgb(36.3025210084%, 16.7394957983%, 1.8151260504%);
  --theme-warning-text-100: #ffc69a;
  --theme-warning-text-80: rgb(100%, 81.0331974374%, 66.3921568627%);
  --theme-warning-text-60: rgb(100%, 84.4193360513%, 72.3921568627%);
  --theme-warning-text-40: rgb(100%, 88.9341875364%, 80.3921568627%);
  --theme-warning-text-20: rgb(100%, 94.5777518928%, 90.3921568627%);
  --theme-error-100: #b91c1c;
  --theme-error-80: rgb(65.6006628003%, 9.9287489644%, 9.9287489644%);
  --theme-error-60: rgb(58.6523059928%, 8.8771057719%, 8.8771057719%);
  --theme-error-40: rgb(51.7039491853%, 7.8254625794%, 7.8254625794%);
  --theme-error-20: rgb(41.281413974%, 6.2479977907%, 6.2479977907%);
  --theme-error-text-100: #ffc1c1;
  --theme-error-text-80: rgb(100%, 81.6862745098%, 81.6862745098%);
  --theme-error-text-60: rgb(100%, 87.6862745098%, 87.6862745098%);
  --theme-error-text-40: #fff4f4;
  --theme-error-text-20: white;
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(15.4884744142%, 46.1023433764%, 96.1193687231%);
  --theme-info-60: rgb(7.8396939264%, 41.2242945959%, 95.7681492109%);
  --theme-info-40: rgb(4.1974175036%, 37.3103778097%, 91.4104256337%);
  --theme-info-20: rgb(3.6705882353%, 32.6274509804%, 79.937254902%);
  --theme-info-text-100: #acccff;
  --theme-info-text-80: rgb(73.4509803922%, 83.686746988%, 100%);
  --theme-info-text-60: rgb(79.4509803922%, 87.3734939759%, 100%);
  --theme-info-text-40: rgb(87.4509803922%, 92.2891566265%, 100%);
  --theme-info-text-20: rgb(97.4509803922%, 98.4337349398%, 100%);
  --theme-form-bg-default: #f8fafc;
  --theme-form-bg-hover: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-form-bg-disabled: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-bg: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-hover: rgb(76.2549019608%, 83.0392156863%, 89.8235294118%);
  --theme-dropdown-form-text: rgb(10.8235294118%, 18.0392156863%, 25.2549019608%);
  --theme-dropdown-form-label: rgb(28.8235294118%, 48.0392156863%, 67.2549019608%);
  --theme-dropdown-bg: #f8fafc;
  --theme-dropdown-disabled: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #1e293a;
  --theme-text-80: rgb(18.5828877005%, 25.3966131907%, 35.926916221%);
  --theme-text-60: rgb(21.9919786096%, 30.0557040998%, 42.5178253119%);
  --theme-text-40: rgb(25.4010695187%, 34.7147950089%, 49.1087344029%);
}

.ai-compliance-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ai-compliance-page__idle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 16px;
  padding: 24px;
}
.ai-compliance-page__description {
  max-width: 380px;
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.6;
  margin: 0;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ai-compliance-page__error {
  font-size: 0.85rem;
  color: #e74c3c;
  color: var(--theme-error-100);
  margin: 0;
}
.ai-compliance-page__start-btn {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #1a1f28;
  color: var(--theme-primary-text-100);
  padding: 12px 32px;
  border-radius: 6px;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.ai-compliance-page__start-btn:hover {
  opacity: 0.85;
}
.ai-compliance-page__processing {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.ai-compliance-page__content {
  flex: 1;
  overflow-y: auto;
}

.compliance-nav-bar {
  display: flex;
  align-items: center;
  height: 48px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  padding: 0 24px;
}
.compliance-nav-bar__tabs {
  display: flex;
  height: 100%;
  gap: 24px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.compliance-nav-bar__tabs::-webkit-scrollbar {
  display: none;
}
.compliance-nav-bar__tab {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 4px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  white-space: nowrap;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  transition: color 0.2s ease;
}
.compliance-nav-bar__tab:hover {
  color: #cccccc;
  color: var(--theme-text-80);
}
.compliance-nav-bar__tab--active {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.compliance-nav-bar__tab--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}

@keyframes compliance-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes compliance-enterItem {
  0% {
    opacity: 0;
    transform: translateY(8px) translateX(-8px) scale(0.92);
    filter: blur(2px);
  }
  60% {
    opacity: 0.8;
    transform: translateY(-1px) translateX(0) scale(1.01);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
    filter: blur(0);
  }
}
@keyframes compliance-dotBreathe {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.25;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
}
.compliance-processing-checklist {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  z-index: 1;
}
.compliance-processing-checklist__steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 320px;
}
.compliance-processing-checklist__step {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  will-change: transform, opacity;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease;
  animation: compliance-enterItem 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.compliance-processing-checklist__step--active {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
  opacity: 1;
  transform: scale(1);
}
.compliance-processing-checklist__step--idle {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  opacity: 0.45;
  transform: scale(0.97);
}
.compliance-processing-checklist__step--exiting {
  opacity: 0 !important;
  transform: translateY(-4px) translateX(10px) scale(0.88) !important;
  filter: blur(1px);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1), transform 0.3s cubic-bezier(0.4, 0, 1, 1), filter 0.3s ease !important;
}
.compliance-processing-checklist__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.compliance-processing-checklist__spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: compliance-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.compliance-processing-checklist__dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
  animation: compliance-dotBreathe 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.compliance-processing-checklist__label {
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.compliance-processing-checklist__live-region {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.scrub-image-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  opacity: 0.1;
  filter: blur(8px);
}

.compliance-tab-panel {
  padding: 16px 20px;
}
.compliance-tab-panel__summary {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 0.9rem;
  margin: 0 0 16px;
}
.compliance-tab-panel__placeholder {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  font-size: 0.85rem;
  font-style: italic;
}
.compliance-tab-panel__overview {
  padding: 20px 24px;
}
.compliance-tab-panel__overall-score {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 24px;
}
.compliance-tab-panel__score-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__score-label {
  font-size: 0.85rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__regenerate-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid;
  background: none;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 500;
  transition: background-color 0.15s ease, color 0.15s ease;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__regenerate-btn:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__regenerate-btn .icon {
  font-size: 0.85rem;
  line-height: 1;
}
.compliance-tab-panel__category-summaries {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compliance-tab-panel__category-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__category-summary .icon {
  line-height: 13px;
  font-size: 1rem;
}
.compliance-tab-panel__category-summary--compliant {
  border-left: 3px solid;
  border-left-color: #6bf2a7;
  border-left-color: var(--theme-success-100);
}
.compliance-tab-panel__category-summary--non-compliant {
  border-left: 3px solid;
  border-left-color: #e74c3c;
  border-left-color: var(--theme-error-100);
}
.compliance-tab-panel__category-summary--non-compliant .icon {
  font-size: 0.7rem;
}
.compliance-tab-panel__category-name {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__category-icon {
  font-size: 1rem;
  font-weight: 700;
}
.compliance-tab-panel__category-desc {
  width: 100%;
  margin: 4px 0 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__summary-block {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__summary-text {
  font-size: 0.85rem;
  line-height: 1.5;
  color: #cccccc;
  color: var(--theme-text-80);
}
.compliance-tab-panel__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.compliance-tab-panel__item:not(:last-child) {
  border-bottom: 1px solid;
  border-bottom-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-bottom-color: var(--theme-surface-border);
}
.compliance-tab-panel__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.compliance-tab-panel__icon .icon {
  line-height: 13px;
  font-size: 1rem;
}
.compliance-tab-panel__icon--compliant {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.compliance-tab-panel__icon--non-compliant {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.compliance-tab-panel__icon--non-compliant .icon {
  font-size: 0.7rem;
}
.compliance-tab-panel__item-label {
  flex-shrink: 0;
  width: 180px;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  line-height: 1.4;
}
.compliance-tab-panel__item-value {
  flex: 1;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__date-window-info {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-top: 16px;
  border-radius: 8px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.compliance-tab-panel__badge--active {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #fff;
}
.compliance-tab-panel__badge--warning {
  background-color: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  background-color: var(--theme-warning-80);
  color: #fff;
}
.compliance-tab-panel__badge--expired {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  color: #fff;
}
.compliance-tab-panel__date-range {
  font-size: 0.8rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__actors {
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  overflow: hidden;
}
.compliance-tab-panel__actors-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: none;
  border: none;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  transition: background-color 0.15s ease;
}
.compliance-tab-panel__actors-toggle:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.compliance-tab-panel__actors-toggle .icon {
  font-size: 0.75rem;
}
.compliance-tab-panel__actors-toggle .icon:last-child {
  margin-left: auto;
}
.compliance-tab-panel__actors-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.compliance-tab-panel__actor-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-top: 1px solid;
  border-top-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-top-color: var(--theme-surface-border);
}
.compliance-tab-panel__actor-name {
  font-size: 0.8rem;
  font-weight: 500;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__actor-role {
  font-size: 0.75rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ad-compliance-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

.ad-compliance-panel__summary-cards {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.ad-compliance-panel__sections {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.claim-analysis-panel {
  padding: 24px 32px;
  max-width: 900px;
  margin: 0 auto;
}
.claim-analysis-panel__title {
  margin: 0 0 24px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--theme-text-100);
}
.claim-analysis-panel__segments {
  display: flex;
  flex-direction: column;
}

.claim-card {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 8px;
}
.claim-card__header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.claim-card__status {
  width: 10px;
  height: 10px;
  min-width: 10px;
  border-radius: 50%;
  margin-top: 6px;
}
.claim-card__status--verified-true {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.claim-card__status--verified-false {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.claim-card__status--unverified {
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.claim-card__text {
  margin: 0;
  font-size: 0.9rem;
  color: #ffffff;
  color: var(--theme-text-100);
  line-height: 1.4;
}
.claim-card__details {
  margin-top: 10px;
  padding-left: 20px;
}
.claim-card__unverified-note {
  margin: 0;
  font-size: 0.8rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-style: italic;
  line-height: 1.4;
}
.claim-card__sources {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.claim-card__source {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.claim-card__source-title {
  font-size: 0.8rem;
  color: #34c6e5;
  color: var(--theme-primary-100);
  font-weight: 500;
}
.claim-card__source-relevance {
  font-size: 0.75rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  line-height: 1.4;
}

.compliance-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid;
  cursor: pointer;
  transition: background-color 0.15s ease;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-item:hover {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.compliance-item:focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: #34c6e5;
  outline-color: var(--theme-primary-100);
}
.compliance-item__thumbnail {
  width: 64px;
  height: 40px;
  min-width: 64px;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-item__thumbnail-text {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.compliance-item__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.compliance-item__text {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-item__timecode {
  font-size: 0.75rem;
  font-family: monospace;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.compliance-section {
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-section__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: none;
  border: none;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-section__header:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.compliance-section__title {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.compliance-section__toggle {
  font-size: 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-section__content {
  padding: 0 20px 16px;
}
.compliance-section__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compliance-section__all-passed {
  padding: 12px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6bf2a7;
  color: var(--theme-success-100);
}

.detail-modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.detail-modal {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 12px;
  padding: 32px;
  max-width: 700px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}
.detail-modal__close-btn {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 1.25rem;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: color 0.2s, background-color 0.2s;
}
.detail-modal__close-btn:hover {
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.detail-modal__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.detail-modal__image-container {
  width: 100%;
}
.detail-modal__frame-image {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.detail-modal__bounding-box {
  border: 2px solid;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
  border-radius: 4px;
  padding: 8px 16px;
  position: absolute;
  bottom: 15%;
  left: 10%;
  max-width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-modal__text-label {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-modal__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.detail-modal__category {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #34c6e5;
  color: var(--theme-primary-100);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.detail-modal__timecode {
  margin: 0;
  font-size: 0.875rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.detail-modal__text-content {
  margin: 0;
  font-size: 0.875rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.detail-modal__detected-text {
  color: #ffffff;
  color: var(--theme-text-100);
  font-style: italic;
}
.detail-modal__measurements {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.detail-modal__measurement-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-modal__measurement-label {
  font-size: 0.875rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.detail-modal__measurement-value {
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--theme-text-100);
}
.detail-modal__measurement-value--failing {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.detail-modal__failure-reason {
  margin: 0;
  font-size: 0.8rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  line-height: 1.5;
  border-top: 1px solid;
  border-top-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-top-color: var(--theme-surface-border);
  padding-top: 12px;
}

.summary-card {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 8px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.summary-card__title {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.summary-card__fraction {
  font-size: 1.5rem;
  font-weight: 700;
}
.summary-card__fraction--success {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.summary-card__fraction--error {
  color: #e74c3c;
  color: var(--theme-error-100);
}

.video-segment {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.video-segment__header {
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header);
  padding: 12px 20px;
  border-bottom: 1px solid;
  border-bottom-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-bottom-color: var(--theme-surface-border);
}
.video-segment__time-range {
  font-size: 0.95rem;
  font-weight: 600;
  color: #34c6e5;
  color: var(--theme-primary-100);
  font-family: monospace;
}
.video-segment__body {
  padding: 16px 20px;
}
.video-segment__section {
  margin-bottom: 16px;
}
.video-segment__section:last-child {
  margin-bottom: 0;
}
.video-segment__label {
  margin: 0 0 6px 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  letter-spacing: 0.5px;
}
.video-segment__transcription {
  margin: 0;
  font-size: 0.85rem;
  color: #cccccc;
  color: var(--theme-text-80);
  line-height: 1.5;
}
.video-segment__on-screen-text {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.video-segment__on-screen-text li {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 0.8rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.video-segment__visual-analysis {
  margin: 0;
  font-size: 0.85rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  line-height: 1.5;
  font-style: italic;
}
.video-segment__claims {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#audioRedaction {
  height: calc(100vh - (151px + 1rem));
  overflow: hidden;
  padding: 0 0 0.5rem;
}
#audioRedaction .Actions {
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-radius: 6px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
#audioRedaction .Actions-title {
  width: 100%;
}
#audioRedaction .textarea {
  position: relative;
  z-index: 1;
  margin: 1rem;
  font-size: 1.1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#audioRedaction .assetSubtitleRows {
  height: calc(100% - 65px);
  overflow: hidden auto;
  margin-top: 1rem;
  padding: 1rem 1rem 65% 0;
  position: relative;
}
#audioRedaction .assetSubtitleRows-tooltip {
  color: #e74c3c;
  color: var(--theme-error-100);
  font-size: 13px;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#audioRedaction .SubtitleRow {
  position: relative;
  border: 1px solid transparent;
  transition: ease-in-out 0.2s all;
  border-radius: 6px;
  margin-bottom: 1rem;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  transition: ease-in-out all 0.2s, width 0s;
  top: 0;
  max-height: 400px;
  z-index: 1;
  min-height: 100px;
  color: var(--theme-text-70);
  font-size: 12px;
}
#audioRedaction .SubtitleRow .rowInfos {
  padding: 0.5rem 0.3rem 0.5rem 1rem;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
#audioRedaction .SubtitleRow .rowHead-rowId {
  font-weight: bold;
  padding: 0 1rem 0 0;
  opacity: 0.2;
}
#audioRedaction .SubtitleRow .rowHead-icon {
  opacity: 0.3;
}
#audioRedaction .SubtitleRow .rowHead-arrow {
  opacity: 0.4;
  padding: 0 0.5rem;
}
#audioRedaction input.rowWord {
  cursor: pointer;
  position: relative;
  padding: 3px;
  margin: 0 1px 0 0;
  transition: ease-in-out 0.2s all, width 0s;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
  text-align: center;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#audioRedaction input.rowWord.selected {
  border: 1px solid;
  background: transparent;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  color: #34c6e5;
  color: var(--theme-primary-100);
}
#audioRedaction input.rowWord.selected.redacted {
  text-decoration: line-through;
}
#audioRedaction button {
  position: relative;
  top: 0;
}
#audioRedaction .searchBar, #audioRedaction .finishRedaction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
  animation: showComponent 0.5s linear both;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
#audioRedaction .searchBar.tip, #audioRedaction .tip.finishRedaction {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
#audioRedaction .searchBar.tip.information, #audioRedaction .tip.information.finishRedaction {
  font-size: 13px;
}
#audioRedaction .searchBar.tip.info.circle.icon, #audioRedaction .tip.info.circle.icon.finishRedaction {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
#audioRedaction .searchBar.bar, #audioRedaction .bar.finishRedaction {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 5px 0px 5px;
}
#audioRedaction .searchBar.bar .keywords, #audioRedaction .bar.finishRedaction .keywords {
  width: calc(100% - 5px);
}
#audioRedaction .searchBar.bar .keywords .input, #audioRedaction .bar.finishRedaction .keywords .input {
  width: 100%;
  margin-bottom: 1rem;
}
#audioRedaction .searchBar.bar .keywordTags, #audioRedaction .bar.finishRedaction .keywordTags {
  margin-bottom: 1rem;
}
#audioRedaction .searchBar.bar .keywordTags .label, #audioRedaction .bar.finishRedaction .keywordTags .label {
  margin-top: 0.5rem;
  margin-right: 0.8rem;
  margin-left: 0.8rem;
}
#audioRedaction .searchBar.matches, #audioRedaction .matches.finishRedaction {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
  font-size: 12px;
  color: var(--theme-text-70);
}
#audioRedaction .finishRedaction {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
#audioRedaction .finishRedaction.types {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
#audioRedaction .finishRedaction.types .oc-radios {
  margin-top: 0.5rem;
  width: auto;
}
#audioRedaction .finishRedaction.types .redaction {
  margin-left: 1rem;
  margin-right: 1rem;
}

.AssetRedactionModal .audioPreview {
  margin: auto;
  height: 100%;
  width: 100%;
}
.AssetRedactionModal .audioPreview .vjs-subs-caps-button,
.AssetRedactionModal .audioPreview .vjs-picture-in-picture-control {
  display: none;
}
.AssetRedactionModal .audioPreview .proxyAudioContent {
  width: auto;
  max-width: 860px;
  margin: auto;
}

@keyframes showComponent {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
:root {
   --oc-range-color-1: #6bf2a7;
   --oc-range-color-1: var(--theme-success-100);
   --oc-range-color-2: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
   --oc-range-color-2: var(--theme-success-80);
}

.Watermark {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  border-top: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-overview {
  overflow: hidden auto;
  height: 100%;
}
.Watermark-overview .list {
  padding: 0.5rem;
}
.Watermark-overview .list-group {
  margin-bottom: 1.5rem;
  border-radius: 6px;
  border: 1px solid;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.Watermark-overview .list-group-head {
  font-size: 12px;
  padding: 0.5rem 1rem;
}
.Watermark-overview .list-group-empty {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cccccc;
  color: var(--theme-text-80);
}
.Watermark-overview .list-item {
  display: flex;
  overflow: hidden;
  border-bottom: 1px dashed;
  padding: 0.5rem;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-overview .list-item:last-child {
  border: none;
}
.Watermark-overview .list-item:nth-child(even) {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.Watermark-overview .list .item-preview {
  position: relative;
  height: 50px;
  min-width: 70px;
  display: flex;
  align-items: center;
}
.Watermark-overview .list .item-preview svg {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.Watermark-overview .list .item-content {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.Watermark-overview .list .item-content > div:nth-child(1) {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.Watermark-overview .list .item-content > div:nth-child(1) > div:nth-child(1) {
  padding: 0 0.5rem;
  display: flex;
}
.Watermark-overview .list .item-content > div:nth-child(1) > div:nth-child(1) span {
  display: inline-flex;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Watermark-overview .list .item-content > div:nth-child(1) > div:nth-child(1) button {
  background-color: transparent;
  border: none;
}
.Watermark-overview .list .item-content > div:nth-child(1) > div:nth-child(2) {
  padding: 0 0.5rem;
  display: flex;
  column-gap: 0.3rem;
}
.Watermark-overview .list .item-content > div:nth-child(1) > div:nth-child(2) span {
  display: inline-flex;
  border-radius: 5px;
  font-size: 0.75rem;
  padding: 0 0.3125rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: #cccccc;
  color: var(--theme-text-80);
}
.Watermark-overview .list .item-content > div:nth-child(2) {
  width: 300px;
  display: flex;
  row-gap: 2px;
  column-gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.Watermark-overview .list .item-content > div:nth-child(2) div {
  height: 30px;
  min-width: 30px;
  display: inline-flex;
}
.Watermark-overview .list .item-content > div:nth-child(2) div button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  font-size: 0.8125rem;
  border-radius: 6px;
  cursor: pointer;
  transition: ease-in-out 0.2s all;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.Watermark-overview .list .item-content > div:nth-child(2) div button .icon {
  margin: 0;
}
.Watermark-overview .list .item-content > div:nth-child(2) div button:hover {
  transition: ease-in-out 0.2s all;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
  color: #fff;
}
.Watermark-overview .list .item-content > div:nth-child(2) div button.del {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.Watermark-overview .list .item-content > div:nth-child(2) div button.del:hover {
  transition: ease-in-out 0.2s all;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  color: #fff;
}
.Watermark-noTemplates {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  row-gap: 1rem;
  font-size: 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  opacity: 0.2;
}
.Watermark-noTemplates .icon {
  margin: 0;
  font-size: 2rem;
}
.Watermark .noTemplateContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  row-gap: 1rem;
  font-size: 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  opacity: 1;
}
.Watermark button.actionBtn {
  margin: 1rem auto;
  border-radius: 6px;
  border: none;
  display: inline-flex;
  padding: 0.5rem 1rem;
  width: 170px;
  color: #fff;
}
.Watermark button.actionBtn span {
  width: 100%;
}
.Watermark button.actionBtn.addNewBtn {
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.Watermark button.actionBtn.submitBtn {
  margin: 0 auto 0 auto;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.Watermark button.actionBtn.submitBtn:disabled {
  opacity: 0.5;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.Watermark button.createTemplateBtn {
  margin: 0 auto;
  border-radius: 6px;
  border: 1px dashed;
  display: inline-flex;
  padding: 0.5rem 1rem;
  background-color: transparent;
  color: #cccccc;
  color: var(--theme-text-80);
  border-color: #cccccc;
  border-color: var(--theme-text-80);
  cursor: pointer;
}
.Watermark button.createTemplateBtn span {
  width: 100%;
  background-color: transparent;
  font-size: 0.875rem;
}
.Watermark button.createTemplateBtn:hover {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  border-color: rgb(65%, 65%, 65%);
  border-color: var(--theme-text-60);
}
.Watermark-templateListHead {
  padding: 0.5rem;
  display: flex;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.Watermark-templateListHead div {
  width: 100%;
}
.Watermark-templateListHead span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.Watermark-templateListContent {
  height: 100%;
  overflow: hidden auto;
  display: flex;
  flex-direction: column;
}
.Watermark-templateList {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-right: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-templateList.dropdown {
  overflow: visible;
  position: relative;
}
.Watermark-templateList.dropdown .Watermark-templateListHead {
  cursor: pointer;
}
.Watermark-templateList.dropdown .Watermark-templateListHead > div > div:not(.templateDropdown) {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.Watermark-templateList.dropdown .Watermark-templateListHead > div > div:not(.templateDropdown) span {
  margin-right: 0.5rem;
}
.Watermark-templateList.dropdown .Watermark-templateListHead .templateDropdown {
  display: flex;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-radius: 6px;
  width: 100%;
  padding: 0.625rem 0.5rem;
}
.Watermark-templateList.dropdown .Watermark-templateListHead .templateDropdown > div:nth-child(1) {
  width: 100%;
}
.Watermark-templateList.dropdown .Watermark-templateListHead .templateDropdown > div:nth-child(2) {
  width: auto;
}
.Watermark-templateList.dropdown .Watermark-templateListContent {
  display: none;
  position: absolute;
  z-index: 2;
}
.Watermark-templateList.dropdown .Watermark-templateListContent.active {
  display: block;
  top: 76px;
  left: 7px;
  right: 7px;
  height: 320px;
  overflow: hidden scroll;
  border-radius: 6px;
  border: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-templateList.dropdown .Watermark-templateListContent {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.Watermark-templateList.cardList .Watermark-templateListContent {
  display: grid;
  height: auto;
  grid-template-columns: repeat(auto-fit, minmax(220px, auto));
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard {
  height: max-content;
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard.isAssigned {
  background: rgb(16, 159, 97);
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard .assignedTitle {
  display: flex;
  padding: 3px 2px 3px 5px;
  font-size: 12px;
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard .assignedTitle div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard .assignedTitle div:nth-child(3) {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard .assignedTitle div:nth-child(3) button {
  cursor: pointer;
  padding: 3px 5px;
  border: none;
  border-radius: 4px;
  color: rgb(16, 159, 97);
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard-preview {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard-preview .watermarkHardcode {
  position: absolute;
  top: 0;
}
.Watermark-templateList.cardList .Watermark-templateListContent .templateItemCard.active:after {
  display: none !important;
}
.Watermark-templateList .templateItemCard {
  display: flex;
  flex-direction: column;
  margin: 0.5rem;
  cursor: pointer;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-radius: 6px;
  border: 1px solid transparent;
  position: relative;
}
.Watermark-templateList .templateItemCard.active {
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.Watermark-templateList .templateItemCard-preview {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 60px;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}
.Watermark-templateList .templateItemCard-preview .watermarkHardcode {
  position: absolute;
  top: 0;
}
.Watermark-templateList .templateItemCard-content {
  position: relative;
  z-index: 1;
  padding: 0.5rem;
  font-size: 0.875rem;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.Watermark-templateList .templateItemCard-extra {
  padding-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.Watermark-templateList .templateItemCard-extra button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.Watermark-templateList .templateItemCard-extra button:hover {
  color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  color: var(--theme-error-80);
}
.Watermark-templateList .templateItemCard-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Watermark-templateList .templateItemCard-status {
  width: 7px;
  height: 7px;
  display: inline-flex;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  border-radius: 7px;
  margin-right: 5px;
}
.Watermark-templateList .templateItemCard-status.active {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.Watermark-content {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.Watermark-content .watermarkList {
  position: relative;
  width: 200px;
  min-width: 200px;
  overflow: visible;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid;
  border-right: 1px solid;
  z-index: 1;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.Watermark-content .watermarkList-sizeBtn {
  cursor: pointer;
  position: absolute;
  right: -9px;
  border-radius: 50px;
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  top: 15px;
  justify-content: center;
  z-index: 7;
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
  color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  color: var(--theme-surface-450);
}
.Watermark-content .watermarkList-sizeBtn .icon {
  margin: 0;
  line-height: 12px;
  font-size: 12px;
}
.Watermark-content .watermarkList.small {
  width: 55px;
  min-width: 55px;
}
.Watermark-content .watermarkList.small .actionBtn {
  width: 40px;
}
.Watermark-content .watermarkList.small .removeBtn {
  top: 5px;
  right: 3px;
  font-size: 10px;
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  color: #fff !important;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  padding: 0;
}
.Watermark-content .watermarkList.small .removeBtn .icon {
  margin: 0 !important;
}
.Watermark-content .watermarkList.small .removeBtn:hover {
  color: #e74c3c;
  color: var(--theme-error-100);
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
}
.Watermark-content .watermarkList.small .watermarkList-head {
  align-items: center;
  justify-content: center;
}
.Watermark-content .watermarkList.small .watermarkList-content p {
  font-size: 1.5rem;
  margin: 0;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Watermark-content .watermarkList.small .watermarkList-content > div {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin: 0;
}
.Watermark-content .watermarkList.small .watermarkList-content > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0.5rem;
}
.Watermark-content .watermarkList.small .watermarkList-content > div > div .icon {
  margin: 0;
  line-height: 23px;
}
.Watermark-content .watermarkList.small .watermarkList-content > div > div {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-radius: 6px;
}
.Watermark-content .watermarkList-head {
  padding: 1rem;
  display: flex;
  align-items: center;
}
.Watermark-content .watermarkList-head span {
  display: inline-flex;
  padding: 0 0.4rem;
  border-radius: 6px;
  margin-right: 0.5rem;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.Watermark-content .watermarkList-content {
  height: 100%;
  overflow: hidden auto;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.Watermark-content .watermarkList-content .noItemsYet {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 210px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.Watermark-content .watermarkList-content > div {
  padding: 0.5rem;
  position: relative;
  cursor: pointer;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-bottom: 1px dashed;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-content .watermarkList-content > div:last-child {
  border: none;
}
.Watermark-content .watermarkList-content > div img {
  border-radius: 6px;
  width: 40px;
  margin-top: 0.5rem;
}
.Watermark-content .watermarkList-content > div .removeBtn {
  top: 5px;
  right: 0;
  position: absolute;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  color: #cccccc;
  color: var(--theme-text-80);
}
.Watermark-content .watermarkList-content > div .removeBtn:hover {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.Watermark-content .watermarkList-content > div > div:nth-child(1) {
  padding: 0.5rem 0.5rem 0 0.5rem;
  font-size: 11px;
  display: flex;
  align-items: center;
}
.Watermark-content .watermarkList-content > div > div:nth-child(1) p {
  opacity: 0.5;
  display: inline-block;
  margin: 0 10px 0 0;
}
.Watermark-content .watermarkList-content > div > div:nth-child(1) span {
  opacity: 1;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin: 0 2px;
}
.Watermark-content .watermarkList-content > div > div:nth-child(2) {
  padding: 0 0.5rem 0.5rem 0.5rem;
  display: flex;
  align-items: center;
}
.Watermark-content .watermarkList-content > div > div:nth-child(2) span {
  display: inline-flex;
  padding: 0 0.5rem;
}
.Watermark-content .watermarkList-content > div.active {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.Watermark-content .watermarkList-content > div.active .removeBtn {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.Watermark-right {
  width: 100%;
  overflow: hidden auto;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-preview {
  width: 100%;
  max-width: 640px;
  align-items: center;
  margin: auto;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.Watermark-preview .previewBox {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  border-radius: 8px;
  border: 1px solid;
  overflow: hidden;
  box-shadow: 0px 9px 39px -17px rgba(0, 0, 0, 0.5);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}
.Watermark-preview .previewBox svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
}
.Watermark-preview .previewBox svg.watermark-guidelines line {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.Watermark-preview .previewBox svg.watermark-guidelines line:nth-child(1), .Watermark-preview .previewBox svg.watermark-guidelines line:nth-child(2) {
  transition-delay: 0.1s;
}
.Watermark-preview .previewBox svg.watermark-guidelines line:nth-child(3), .Watermark-preview .previewBox svg.watermark-guidelines line:nth-child(4) {
  transition-delay: 0.2s;
}
.Watermark-preview .previewBox svg.watermark-guidelines line:nth-child(5), .Watermark-preview .previewBox svg.watermark-guidelines line:nth-child(6) {
  transition-delay: 0.3s;
}
.Watermark-preview .previewBox svg.watermark-guidelines line.top {
  position: relative;
  transform: translate(0px, -100%);
}
.Watermark-preview .previewBox svg.watermark-guidelines line.bottom {
  transform: translate(0px, 100%);
}
.Watermark-preview .previewBox svg.watermark-guidelines text {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.Watermark-preview .previewBox svg.watermark-guidelines.active line {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.Watermark-preview .previewBox svg.watermark-guidelines.active line:nth-child(1), .Watermark-preview .previewBox svg.watermark-guidelines.active line:nth-child(2) {
  transition-delay: 0.3s;
}
.Watermark-preview .previewBox svg.watermark-guidelines.active line:nth-child(3), .Watermark-preview .previewBox svg.watermark-guidelines.active line:nth-child(4) {
  transition-delay: 0.2s;
}
.Watermark-preview .previewBox svg.watermark-guidelines.active line:nth-child(5), .Watermark-preview .previewBox svg.watermark-guidelines.active line:nth-child(6) {
  transition-delay: 0.1s;
}
.Watermark-preview .previewBox svg.watermark-guidelines.active line.top {
  position: relative;
  transform: translate(0px, 0);
}
.Watermark-preview .previewBox svg.watermark-guidelines.active line.bottom {
  transform: translate(0px, 0);
}
.Watermark-preview .previewBox svg.watermark-guidelines.active text {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.6s;
}
.Watermark-preview .previewBox svg g rect.smallRect,
.Watermark-preview .previewBox svg g rect.boundingRect {
  opacity: 0;
}
.Watermark-preview .previewBox svg g rect.smallRect.resize,
.Watermark-preview .previewBox svg g rect.boundingRect.resize {
  cursor: nwse-resize;
}
.Watermark-preview .previewBox svg g circle {
  cursor: alias;
}
.Watermark-preview .previewBox svg g:hover rect.smallRect,
.Watermark-preview .previewBox svg g:hover rect.boundingRect, .Watermark-preview .previewBox svg g.active rect.smallRect,
.Watermark-preview .previewBox svg g.active rect.boundingRect {
  opacity: 1;
}
.Watermark-left {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-width: 250px;
  width: 100%;
}
.Watermark-main {
  position: relative;
  z-index: 2;
  padding: 1rem;
  border-bottom: 1px solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-main > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 1rem 0 0;
}
.Watermark-main > div > div {
  font-size: 12px;
  width: 110px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.Watermark-main > div input {
  border: none;
  border-radius: 6px;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Watermark-elementsAndBoard {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.Watermark-elementsAndBoard:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  opacity: 0.3;
}
.Watermark-options {
  z-index: 1;
  border-bottom: 1px solid;
  display: flex;
  flex-direction: column;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  column-gap: 0.5rem;
  position: relative;
  top: 0;
  transition: 0.2s all ease-in-out;
  overflow: hidden auto;
  height: 100%;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
}
.Watermark-options .imgUploadChange > div:nth-child(2) {
  height: 34px;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
  border-radius: 6px;
  padding: 2px;
}
.Watermark-options .imgUploadChange-preview img {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  object-fit: cover;
}
.Watermark-options .imgUploadChange-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem 0 0;
  cursor: pointer;
  width: 100%;
}
.Watermark-options .imgUploadChange-btn input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.Watermark-options .noActiveELement {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  padding: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(0, 153, 255, 0.7) 0%, rgba(132, 49, 227, 0.9) 100%);
}
.Watermark-options.disabled {
  transition: 0.2s all ease-in-out;
}
.Watermark-options.disabled > div.option .option-label {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60) !important;
}
.Watermark-options.disabled > div.option > div:not(.option-label) > div:not(.option-label),
.Watermark-options.disabled > div.option > div:not(.option-label) .optionInput, .Watermark-options.disabled > div.option > div > div:not(.option-label),
.Watermark-options.disabled > div.option > div .optionInput {
  opacity: 0.2;
}
.Watermark-options.disabled .noActiveELement {
  opacity: 1;
  z-index: 1;
}
.Watermark-options > div {
  display: flex;
  flex-direction: row;
  padding: 1rem 1rem 0 1rem;
}
.Watermark-options .option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 2rem;
}
.Watermark-options .option > div {
  width: 100%;
}
.Watermark-options .option > div:first-child {
  width: 100%;
  max-width: 270px;
  min-width: 230px;
}
.Watermark-options .option-row {
  display: flex;
  flex-direction: row;
}
.Watermark-options .option-label {
  font-size: 0.75rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.Watermark-options .option .ui.selection.dropdown {
  height: 30px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border-radius: 6px;
}
.Watermark-options .option.positioning .ui.selection.dropdown {
  width: 120px;
  height: 30px;
  padding: 0.5rem;
  min-height: 10px;
  margin: 7px 0;
}
.Watermark-options .option .optionInput {
  padding: 0.7rem;
  border-radius: 6px;
  width: 100%;
  border: none;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.Watermark-options .option .optionInput:disabled {
  opacity: 0.4;
}
.Watermark-options .option .optionDropdown {
  display: flex;
  flex-direction: row;
}
.Watermark-options .colorPickers {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}
.Watermark-options .colorPickers > div:nth-child(2) {
  width: 100%;
}
.Watermark-options .colorPickers .colorpicker-value {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
.Watermark-options .colorPickers .colorpicker-modal {
  position: absolute;
  right: -8px;
  z-index: 4;
  top: 40px;
  width: 180px;
}
.Watermark-options .colorPickers .colorpicker-modal .twitter-picker {
  width: 181px !important;
}
.Watermark-options .colorPickers .colorpicker-name {
  display: flex;
  width: 100%;
}
.Watermark-options .colorPickers .colorpicker-preview {
  position: relative;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  border-radius: 25px;
}
.Watermark-options .colorPickers .colorpicker button {
  cursor: pointer;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  border: none;
  border-radius: 6px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Watermark-options .colorPickers .colorpicker button .icon {
  margin: 0;
}
.Watermark-options .colorPickers .colorpicker button:disabled {
  opacity: 0.2;
}
.Watermark-options .optionRange {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.Watermark-options .optionRange-label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  font-size: 12px;
  align-items: center;
}
.Watermark-options .optionRange-label > div:nth-child(1) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 0.875rem;
  white-space: nowrap;
}
.Watermark-options .optionRange-label input {
  border: 1px solid;
  border-radius: 6px 0 0 6px;
  padding: 0.5rem;
  width: 40px;
  height: 30px;
  text-align: center;
  color: #cccccc;
  color: var(--theme-text-80);
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.Watermark-options .optionRange-label .value {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-left: 0.5rem;
}
.Watermark-options .optionRange-label .value .rangeBar {
  position: relative;
  border-radius: 0 6px 6px 0;
  width: 30px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.Watermark-options .optionRange-label .value .rangeBar button {
  border: none;
  background-color: transparent;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.Watermark-options .optionRange-label .value .rangeBar .icon {
  margin: 0;
  line-height: 100%;
  cursor: pointer;
}
.Watermark-options .optionRange-label .value .rangeBar-box {
  position: absolute;
  bottom: -30px;
  width: 100%;
  left: 0;
  right: 0;
  height: 19px;
  z-index: -1;
  opacity: 0;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);
}
.Watermark-options .optionRange-label .value .rangeBar-box.visible {
  bottom: -24px;
  opacity: 1;
  z-index: 4;
  transition: all 0.2s ease-in-out;
}
.Watermark-options .optionRange-label .value .rangeBar-box input {
  width: 100%;
}
.Watermark-options .optionRange-label .value .rangeBar-box input[type=range] {
  padding: 0;
  height: 20px;
  z-index: 1;
  position: relative;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 5px;
  outline: none;
  background-color: rgb(65%, 65%, 65%);
  background-color: var(--theme-text-60);
}
.Watermark-options .optionRange-label .value .rangeBar-box input[type=range]::-webkit-slider-thumb {
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 1px solid;
  -webkit-appearance: none;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.Watermark-options .optionRange-label .value .rangeBar-box input[type=range]:hover::-webkit-slider-thumb {
  border-radius: 6px;
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}
.Watermark .colorpicker > div {
  position: relative;
  padding: 10px;
}

.watermarkWrapper {
  position: relative !important;
}
.watermarkWrapper .watermarkHardcode {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.watermarkAction {
  padding: 0 0.5rem 0 0;
}
.watermarkAction button {
  border: none;
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
  color: #fff;
  border-radius: 3px;
  padding: 0.3rem 0.5rem;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}

.watermarkModal .modalHead {
  font-size: 1.6rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(90deg, rgb(0, 153, 255) 0%, rgb(132, 49, 227) 100%);
}
.watermarkModal .modalHead .sub {
  font-size: 12px;
}
.watermarkModal.ui.active.modal {
  height: calc(100% - 3rem);
  display: flex !important;
  width: calc(100% - 2rem) !important;
  padding: 0 !important;
  margin: 10px !important;
  overflow: visible;
}
.watermarkModal.ui.active.modal > .content {
  position: relative;
  z-index: 1;
}
.watermarkModal.ui.active.modal > i.close.icon {
  top: 0;
  right: 0;
  z-index: 2;
  color: #fff;
}
.watermarkModal:after {
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgb(0, 153, 255) 0%, rgb(132, 49, 227) 100%);
}
.watermarkModal-tabs {
  display: flex;
  flex-direction: row;
  background: linear-gradient(90deg, rgb(0, 153, 255) 0%, rgb(132, 49, 227) 100%);
  color: #fff;
  height: 35px;
}
.watermarkModal-tabs.settingsPage div.active {
  border-radius: 0;
}
.watermarkModal-tabs div {
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.watermarkModal-tabs div.active {
  border-radius: 6px 6px 0 0;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  color: #cccccc;
  color: var(--theme-text-80);
}
.watermarkModal-content {
  position: relative;
  height: calc(100% - 35px);
  border-radius: 6px;
  overflow: hidden;
}
.watermarkModal > .content > .description {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
}

.WatermarkAssign {
  height: 100%;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.WatermarkAssign-list {
  height: calc(100% - 58px);
  display: flex;
}
.WatermarkAssign-action {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.WatermarkAssign-action button {
  padding: 0.5rem 1rem;
  border: none;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #fff;
  border-radius: 6px;
}
.WatermarkAssign-action button:disabled {
  opacity: 0.3;
  background-color: #cccccc;
  background-color: var(--theme-text-80);
}

.tinySubmitModal {
  top: 50%;
  transform: translate(0, -50%);
}
.tinySubmitModal .preview {
  max-width: 200px;
  margin: 1rem auto;
  border: 1px solid;
  border-radius: 6px;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
}

.watermarkLayer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}
.watermarkLayer * {
  pointer-events: none;
  cursor: none !important;
}
.watermarkLayer svg {
  object-fit: contain;
  height: 100%;
  width: auto;
}

.ui.popup.watermarkElementpopup > div > div:nth-child(1) {
  font-size: 11px;
}
.ui.popup.watermarkElementpopup > div > div:nth-child(2) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.5rem;
  font-size: 14px;
}
.ui.popup.watermarkElementpopup > div > div:nth-child(2) img {
  height: 40px;
}

.DrawAnnotationToolbar {
  display: flex;
  border-radius: 6px 6px 0 0;
  opacity: 0;
  position: relative;
  bottom: -35px;
  transition: all 0.3s ease-in-out;
  height: 0;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.DrawAnnotationToolbar.visible {
  padding: 0.5rem;
  height: 40px;
  bottom: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  height: auto;
}
.DrawAnnotationToolbar-history {
  display: flex;
  column-gap: 0.5rem;
}
.DrawAnnotationToolbar-history button {
  cursor: pointer;
}
.DrawAnnotationToolbar-history button:disabled {
  opacity: 0.2;
}
.DrawAnnotationToolbar-actions {
  column-gap: 0.5rem;
  display: flex;
  flex-direction: row;
  margin: 0 0 0 auto;
}
.DrawAnnotationToolbar-actions button {
  cursor: pointer;
  border: none;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.DrawAnnotationToolbar-actions button .icon {
  margin: 0;
}
.DrawAnnotationToolbar-actions button.save {
  background-color: #97dceb;
  background-color: var(--theme-secondary-100);
}
.DrawAnnotationToolbar-actions button.save:disabled {
  opacity: 0.2;
}
.DrawAnnotationToolbar-options {
  display: flex;
  column-gap: 1rem;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  width: 100%;
}
.DrawAnnotationToolbar-options button {
  border: none;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.DrawAnnotationToolbar-options button .icon {
  margin: 0;
}
.DrawAnnotationToolbar-options button.disabled {
  opacity: 0.3;
}
.DrawAnnotationToolbar-colors {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 0 1rem;
}
.DrawAnnotationToolbar-colors .colorPopup {
  position: absolute;
  width: auto;
  top: -10px;
  height: auto;
  z-index: 99999999;
  left: 55px;
}
.DrawAnnotationToolbar-colors button {
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.DrawAnnotationToolbar-colors > div {
  width: 25px;
  height: 25px;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.DrawAnnotationToolbar-colors > div > div {
  min-width: 25px;
  min-height: 25px;
  border-radius: 3px 0 0 3px;
  opacity: 1;
}
.DrawAnnotationToolbar-sizes {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.DrawAnnotationToolbar-sizes > div {
  border-radius: 50%;
  margin: auto 3px;
  opacity: 0.4;
  background-color: #ffffff;
  background-color: var(--theme-text-100);
}
.DrawAnnotationToolbar-sizes > div.active {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.DrawAnnotationToolbar-sizes > div:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.DrawAnnotationToolbar-tools {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
}
.DrawAnnotationToolbar-tools > div {
  opacity: 0.4;
}
.DrawAnnotationToolbar-tools > div.active {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}

.ocAnnotationDraw-layer {
  position: absolute;
  z-index: -1;
  width: 100%;
  display: flex;
  top: 0;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.ocAnnotationDraw-layer.active {
  z-index: 900;
}
.ocAnnotationDraw-layer.drawings {
  z-index: 0;
}
.ocAnnotationDraw-layer.drawings img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none;
}
.ocAnnotationDraw-layer.drawings img.visible {
  display: block;
}
.ocAnnotationDraw-layer.drawings.hidden {
  display: none;
}
.ocAnnotationDraw-layer .toolbar.visible {
  display: flex;
}
.ocAnnotationDraw-layer .toolbar {
  position: absolute;
  z-index: 1000000;
  display: none;
  flex-direction: row;
  background: rgba(63, 63, 63, 0.8);
  top: 6px;
  left: 6px;
  border-radius: 5px;
  padding: 6px;
}
.ocAnnotationDraw-layer .toolbar .toolbar-tools {
  display: flex;
  flex-direction: row;
}
.ocAnnotationDraw-layer .annotation-drawing {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  margin: auto;
}
.ocAnnotationDraw-layer .annotation-drawing.visible {
  z-index: 999998;
}
.ocAnnotationDraw-layer .annotation-drawing.shapeCanvas {
  position: absolute;
}
.ocAnnotationDraw-layer .annotation-drawing.shapeCanvas.visible {
  z-index: 999999;
}

.arWrapper.drawingActive .video-js .vjs-control-bar {
  position: relative !important;
  padding-top: 13px !important;
  border-radius: 0 0 9px 9px;
  background: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background: var(--theme-surface-400) !important;
}
.arWrapper.drawingActive .video-js .vjs-control-bar .vjs-fullscreen-control,
.arWrapper.drawingActive .video-js .vjs-control-bar .vjs-picture-in-picture-control,
.arWrapper.drawingActive .video-js .vjs-control-bar .oc-take-snapshot,
.arWrapper.drawingActive .video-js .vjs-control-bar .oc-annotation,
.arWrapper.drawingActive .video-js .vjs-control-bar .oc-go-settings {
  opacity: 0.1;
  pointer-events: none;
  cursor: not-allowed;
}
.arWrapper.drawingActive .video-js.vjs-fullscreen .vjs-control-bar {
  position: absolute !important;
  padding-top: 13px !important;
}

.proxyVideoContent.drawingActive {
  margin-bottom: 85px;
}

.custom-draw-cursor {
  z-index: 99999999999;
}

.saveDrawAnnotationModal textarea {
  width: 100%;
  min-height: 100px;
  border-radius: 6px;
  padding: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.saveDrawAnnotationModal input {
  width: 100%;
}
.saveDrawAnnotationModal .secondsBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
}
.saveDrawAnnotationModal .secondsBox-number {
  display: flex;
  border-radius: 6px;
  padding: 0.5rem;
  border: 1px dashed;
  border-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  border-color: var(--theme-surface-400);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.CpsRestricted {
  padding: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(246, 43, 93);
  background: linear-gradient(212deg, rgba(246, 43, 93, 0) 0%, rgba(246, 43, 93, 0.3) 100%);
}
.CpsRestricted > div {
  display: flex;
  flex-direction: row;
  border-radius: 6px;
  padding: 1rem;
  background: rgb(246, 43, 93);
  background: linear-gradient(212deg, rgb(246, 43, 93) 0%, rgba(246, 43, 93, 0.3) 100%);
  width: 100%;
  max-width: 500px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.CpsRestricted > div > div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  opacity: 0.2;
  padding: 2rem 2rem 2rem 1rem;
  font-size: 4rem;
  line-height: 4rem;
}
.CpsRestricted > div a {
  padding: 0.5rem;
  border-radius: 6px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.semanticSearchContainer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.semanticSearchContainer-content {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: 100%;
}
.semanticSearchContainer-left {
  width: 100%;
  max-width: 300px;
  overflow: hidden auto;
}
.semanticSearchContainer-right {
  padding: 1rem;
  width: 100%;
  overflow: hidden auto;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.semanticSearchContainer-right .content {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.semanticSearchContainer .no-semantic-result {
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  color: var(--theme-text-100);
  position: relative;
  margin: 2rem 0;
}
.semanticSearchContainer .no-semantic-result:nth-child(odd):after {
  opacity: 0.05;
}
.semanticSearchContainer .no-semantic-result:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px dashed;
  border-radius: 12px;
  opacity: 0.1;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.semanticSearchContainer .semanticSearchActiveFilters {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  align-items: center;
  width: 100%;
}
.semanticSearchContainer .semanticSearchActiveFilters span {
  font-size: 12px;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border: 1px solid transparent;
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.semanticSearchContainer .semanticSearchActiveFilters span.clearBtn {
  cursor: pointer;
  background-color: transparent;
  color: #e74c3c;
  color: var(--theme-error-100);
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
}
.semanticSearchContainer .semanticSearchActiveFilters span.clearBtn:hover {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  color: #fff;
}

.semanticSearchAssets {
  border-radius: 8px;
  overflow: hidden;
}
.semanticSearchAssets-head {
  height: 40px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.semanticSearchAssets-head > div {
  display: flex;
  width: 100%;
}
.semanticSearchAssets-head > div:nth-child(1) {
  justify-content: flex-start;
  column-gap: 1rem;
}
.semanticSearchAssets-head > div:nth-child(1) span:nth-child(1) {
  padding-top: 4px;
}
.semanticSearchAssets-head > div:nth-child(1) span:nth-child(2) {
  padding-top: 3px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.semanticSearchAssets-head > div:nth-child(1) span:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  border-radius: 50px;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.semanticSearchAssets-head > div:nth-child(2) {
  justify-content: flex-end;
}
.semanticSearchAssets-content {
  position: relative;
  padding: 0.6rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(185px, 230px));
  grid-template-rows: repeat(auto-fit, minmax(auto, 1fr));
  grid-gap: 1rem;
}
.semanticSearchAssets-content:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0.4;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}

.semanticSearch-QuickFiltering {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-end !important;
  flex-direction: row;
  width: 100%;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.semanticSearch-QuickFiltering > div:nth-child(1) {
  display: flex;
  flex-direction: row;
}
.semanticSearch-QuickFiltering > div:nth-child(1) .searchInput {
  position: relative;
  display: flex;
  flex-direction: row;
}
.semanticSearch-QuickFiltering > div:nth-child(1) .searchInput.opened {
  transition: 0.3s ease-in-out all;
  left: 0;
  opacity: 1;
  pointer-events: all;
}
.semanticSearch-QuickFiltering > div:nth-child(1) .searchInput.closed {
  transition: 0.3s ease-in-out all;
  pointer-events: none;
  opacity: 0;
  left: -10px;
}
.semanticSearch-QuickFiltering > div:nth-child(1) > div:nth-child(2) {
  cursor: pointer;
}

.AssetCard {
  max-width: 240px;
  overflow: hidden !important;
  position: relative;
  border-radius: 8px !important;
  border: 1px solid !important;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border) !important;
  overflow: visible;
  border: 0;
}
.AssetCard .assetCard > div .preview {
  opacity: 0.8;
}
.AssetCard .assetCard > div {
  position: relative;
  z-index: 3;
}
.AssetCard:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgb(0, 170, 255);
  z-index: 1;
  opacity: 0.3;
  border-radius: 6px;
}
.AssetCard.assetsListItemSelected:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  display: block;
  border: 2px solid;
  border-color: rgb(0, 170, 255);
  z-index: -1;
  opacity: 1;
  border-radius: 8px;
}
.AssetCard .archiveBadge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 85px;
  left: 3px;
  width: 20px;
  height: 20px;
  z-index: 4;
  background-color: rgb(0, 170, 255);
  border-radius: 3px;
  padding: 2px 4px;
}
.AssetCard .archiveBadge .icon {
  color: rgb(166, 222, 250);
  line-height: 11px;
  font-size: 12px;
  margin: 0;
}
.AssetCard .archiveBadge span {
  display: inline-flex;
  padding: 0 3px;
  font-size: 12px;
}
.AssetCard.inProgress:after {
  background-color: rgb(46, 159, 91);
}
.AssetCard.inProgress.assetsListItemSelected:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  display: block;
  border: 2px solid;
  border-color: rgb(46, 159, 91);
  z-index: -1;
  opacity: 1;
  border-radius: 8px;
}
.AssetCard.inProgress .archiveBadge {
  background-color: rgb(46, 159, 91);
  color: rgb(159, 253, 198);
}
.AssetCard.inProgress .archiveBadge .icon {
  color: rgb(106, 219, 151);
  animation: infinite iconRotate 3s;
  animation-delay: 2s;
}
.AssetCard.archived .AssetCard-bottom:after {
  opacity: 0.5;
}
.AssetCard-content {
  position: relative;
  display: flex;
  flex-direction: column;
  opacity: 1;
  z-index: 2;
}
.AssetCard-content .arWrapper {
  height: 108px;
  width: 100%;
  overflow: hidden;
  opacity: 1;
}
.AssetCard-content .arWrapper .preview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}
.AssetCard-content .arWrapper .preview img {
  height: 108px;
  width: 100%;
  object-fit: contain;
}
.AssetCard-body {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.3rem;
}
.AssetCard-body .title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.AssetCard-body .title {
  line-height: 15px;
  padding-top: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 80%;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  flex: 1;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.AssetCard-body .story {
  font-size: 12px;
  line-height: 1.2;
  padding-top: 5px;
  height: 2.7em;
  min-height: 2.7em;
  position: relative;
  width: 80%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.AssetCard-body .story.single-line {
  height: 1.35em;
  min-height: 1.35em;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.AssetCard-body .count-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-radius: 12px;
  width: 22px;
  height: 22px;
  margin-left: 4px;
  font-size: 12px;
  white-space: nowrap;
  flex-shrink: 0;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AssetCard-body .date,
.AssetCard-body .keywords,
.AssetCard-body .keyMoments {
  font-size: 12px;
  line-height: 14px;
  color: #cccccc;
  color: var(--theme-text-80);
}
.AssetCard-body .keywords {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
}
.AssetCard-body .keywords span {
  border-right: 1px solid;
  padding-right: 5px;
}
.AssetCard-body .keywords span:last-child {
  border: none;
}
.AssetCard-body .keyMoments {
  font-size: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
}
.AssetCard-body .keyMoments span {
  color: #cccccc;
  color: var(--theme-text-80);
}
.AssetCard-body .keyMoments span.more {
  cursor: pointer;
  font-weight: bold;
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.AssetCard-body .keyMoments span.more:hover {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.AssetCard-body .keyMoments span.timecode {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  border-right: 1px solid;
  padding-right: 5px;
  border-color: #cccccc;
  border-color: var(--theme-text-80);
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.AssetCard-body .keyMoments span.timecode:nth-child(4), .AssetCard-body .keyMoments span.timecode:last-child {
  border: none;
}
.AssetCard-body .keyMoments span.timecode:hover {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.AssetCard-bottom {
  display: flex;
  position: relative;
  height: 30px;
  border-top: 1px solid;
  align-items: center;
  justify-content: flex-end;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.AssetCard-bottom > .comments,
.AssetCard-bottom .extension,
.AssetCard-bottom .size {
  position: relative;
  display: flex;
  flex-direction: row;
  column-gap: 0.2rem;
  height: 100%;
  z-index: 1;
  padding: 0 5px;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  color: var(--theme-text-100);
}
.AssetCard-bottom > .comments i,
.AssetCard-bottom .extension i,
.AssetCard-bottom .size i {
  font-size: 15px !important;
}
.AssetCard-bottom > .comments span,
.AssetCard-bottom .extension span,
.AssetCard-bottom .size span {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.AssetCard-bottom > .comments i,
.AssetCard-bottom .extension i,
.AssetCard-bottom .size i {
  color: #cccccc;
  color: var(--theme-text-80);
}
.AssetCard-bottom > .comments.noComments,
.AssetCard-bottom .extension.noComments,
.AssetCard-bottom .size.noComments {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AssetCard-bottom > .comments.noComments span,
.AssetCard-bottom .extension.noComments span,
.AssetCard-bottom .size.noComments span {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.AssetCard-bottom > .comments.noComments i,
.AssetCard-bottom .extension.noComments i,
.AssetCard-bottom .size.noComments i {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.AssetCard-bottom > .comments i,
.AssetCard-bottom .extension i,
.AssetCard-bottom .size i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.AssetCard-bottom .size {
  font-size: 10px;
  opacity: 1;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.archivedAssetsWarning {
  border: 1px solid;
  border-radius: 7px;
  padding: 0.5rem;
  margin: 1rem auto;
  color: black;
  color: var(--theme-warning-text-60);
  border-color: #facc15;
  border-color: var(--theme-warning-100);
  background-color: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  background-color: var(--theme-warning-60);
}

.archivedAssetsModal .archivedAssetsList {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.archivedAssetsModal .archivedAssetsList-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.archivedAssetsModal .archivedAssetsList-item:nth-child(even) {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.archivedAssetsModal .archivedAssetsList-item:hover {
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
}
.archivedAssetsModal .archivedAssetsList-item > div {
  display: flex;
  flex-direction: column;
  column-gap: 0.5rem;
}
.archivedAssetsModal .archivedAssetsList-item > div > div {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
.archivedAssetsModal .archivedAssetsList-item > div > div:nth-child(2) {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 10px;
}

.folder-tree-dropdown .menu .item .folder-tree-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.folder-tree-dropdown .menu .item .folder-tree-item .folder-tree-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  cursor: pointer;
  margin-right: 2px;
  border-radius: 3px;
  transition: background-color 0.15s ease;
}
.folder-tree-dropdown .menu .item .folder-tree-item .folder-tree-chevron:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.folder-tree-dropdown .menu .item .folder-tree-item .folder-tree-chevron i.icon {
  margin: 0 !important;
  font-size: 0.75em;
  opacity: 0.7;
}
.folder-tree-dropdown .menu .item .folder-tree-item .folder-tree-chevron-spacer {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  margin-right: 2px;
}
.folder-tree-dropdown .menu .item .folder-tree-item .folder-tree-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
}
.folder-tree-dropdown .menu .item .folder-tree-item .folder-tree-icon i.icon {
  margin: 0 !important;
}
.folder-tree-dropdown .menu .item .folder-tree-item .folder-tree-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}@font-face {
  font-family: "overcast-iconpack-v2";
  src: url("/assets/overcast-iconpack-v22-CpFxcWj6.ttf?cvk08t") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "overcast-iconpack-v2" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icon size classes */
.icon-size-xs {
  font-size: 12px;
}

.icon-size-sm {
  font-size: 16px !important;
}

.icon-size-md {
  font-size: 24px;
}

.icon-size-lg {
  font-size: 32px;
}

.icon-size-xl {
  font-size: 48px;
}

/* Icon color classes using theme variables */
.icon-color-primary {
  color: var(--theme-primary-100);
}

.icon-color-secondary {
  color: var(--theme-secondary-100);
}

.icon-color-success {
  color: var(--theme-success-100);
}

.icon-color-danger {
  color: var(--theme-error-100);
}

.icon-color-warning {
  color: var(--theme-warning-100);
}

.icon-color-info {
  color: var(--theme-info-100);
}

.icon-color-light {
  color: var(--theme-text-40);
}

.icon-color-dark {
  color: var(--theme-text-100);
}

.icon-color-white {
  color: #ffffff;
}

.icon-color-black {
  color: #000000;
}

.icon-color-inherit {
  color: inherit;
}

.icon-gen-ai:before {
  content: "\ecfe";
}

.icon-semantic-search:before {
  content: "\ecff";
}

.icon-trash:before {
  content: "\ecfd";
}

.icon-d-cube-scan:before {
  content: "\e900";
}

.icon-d-rotate:before {
  content: "\e901";
}

.icon-d-square:before {
  content: "\e902";
}

.icon-dcube:before {
  content: "\e903";
}

.icon-square:before {
  content: "\e904";
}

.icon-support:before {
  content: "\e905";
}

.icon-aave-aave:before {
  content: "\e906";
}

.icon-activity:before {
  content: "\e907";
}

.icon-add-circle:before {
  content: "\e908";
}

.icon-add-square:before {
  content: "\e909";
}

.icon-add:before {
  content: "\e90a";
}

.icon-additem:before {
  content: "\e90b";
}

.icon-airdrop:before {
  content: "\e90c";
}

.icon-airplane-square:before {
  content: "\e90d";
}

.icon-airplane:before {
  content: "\e90e";
}

.icon-airpod:before {
  content: "\e90f";
}

.icon-airpods:before {
  content: "\e910";
}

.icon-alarm:before {
  content: "\e911";
}

.icon-align-bottom:before {
  content: "\e912";
}

.icon-align-horizontally:before {
  content: "\e913";
}

.icon-align-left:before {
  content: "\e914";
}

.icon-align-right:before {
  content: "\e915";
}

.icon-align-vertically:before {
  content: "\e916";
}

.icon-android:before {
  content: "\e917";
}

.icon-ankr-ankr:before {
  content: "\e918";
}

.icon-apple:before {
  content: "\e919";
}

.icon-aquarius:before {
  content: "\e91a";
}

.icon-archive-1:before {
  content: "\e91b";
}

.icon-archive-add:before {
  content: "\e91c";
}

.icon-archive-book:before {
  content: "\e91d";
}

.icon-archive-minus:before {
  content: "\e91e";
}

.icon-archive-slash:before {
  content: "\e91f";
}

.icon-archive-tick:before {
  content: "\e920";
}

.icon-archive:before {
  content: "\e921";
}

.icon-arrange-circle-2:before {
  content: "\e922";
}

.icon-arrange-circle:before {
  content: "\e923";
}

.icon-arrange-square-2:before {
  content: "\e924";
}

.icon-arrange-square:before {
  content: "\e925";
}

.icon-arrow-2:before {
  content: "\e926";
}

.icon-arrow-3:before {
  content: "\e927";
}

.icon-arrow-bottom:before {
  content: "\e928";
}

.icon-arrow-circle-down:before {
  content: "\e929";
}

.icon-arrow-circle-left:before {
  content: "\e92a";
}

.icon-arrow-circle-right:before {
  content: "\e92b";
}

.icon-arrow-down-1:before {
  content: "\e92c";
}

.icon-arrow-down-2:before {
  content: "\e92d";
}

.icon-arrow-down:before {
  content: "\e92e";
}

.icon-arrow-left-1:before {
  content: "\e92f";
}

.icon-arrow-right-1:before {
  content: "\e930";
}

.icon-arrow-left-2:before {
  content: "\e931";
}

.icon-arrow-up-1:before {
  content: "\e932";
}

.icon-arrow-left-3:before {
  content: "\e933";
}

.icon-arrow-right-3:before {
  content: "\e934";
}

.icon-arrow-left:before {
  content: "\e935";
}

.icon-arrow-right:before {
  content: "\e936";
}

.icon-arrow-right-2:before {
  content: "\e937";
}

.icon-arrow-square-down:before {
  content: "\e938";
}

.icon-arrow-square-left:before {
  content: "\e939";
}

.icon-arrow-square-right:before {
  content: "\e93a";
}

.icon-arrow-square-up:before {
  content: "\e93b";
}

.icon-arrow-square:before {
  content: "\e93c";
}

.icon-arrow-swap-horizontal:before {
  content: "\e93d";
}

.icon-arrow-up-2:before {
  content: "\e93e";
}

.icon-arrow-up-3:before {
  content: "\e93f";
}

.icon-arrow-up:before {
  content: "\e940";
}

.icon-arrow:before {
  content: "\e941";
}

.icon-attach-circle:before {
  content: "\e942";
}

.icon-attach-square:before {
  content: "\e943";
}

.icon-audio-square:before {
  content: "\e944";
}

.icon-augur-rep:before {
  content: "\e945";
}

.icon-autobrightness:before {
  content: "\e946";
}

.icon-autonio-niox:before {
  content: "\e947";
}

.icon-avalanche-avax:before {
  content: "\e948";
}

.icon-award:before {
  content: "\e949";
}

.icon-back-square:before {
  content: "\e94a";
}

.icon-backward-5-seconds:before {
  content: "\e94b";
}

.icon-backward-10-seconds:before {
  content: "\e94c";
}

.icon-backward-15-seconds:before {
  content: "\e94d";
}

.icon-backward-item-1:before {
  content: "\e94e";
}

.icon-backward-item:before {
  content: "\e94f";
}

.icon-backward:before {
  content: "\e950";
}

.icon-bag-2:before {
  content: "\e951";
}

.icon-bag-cross-1:before {
  content: "\e952";
}

.icon-bag-cross:before {
  content: "\e953";
}

.icon-bag-happy:before {
  content: "\e954";
}

.icon-bag-tick-2:before {
  content: "\e955";
}

.icon-bag-tick:before {
  content: "\e956";
}

.icon-bag-timer:before {
  content: "\e957";
}

.icon-bank:before {
  content: "\e958";
}

.icon-barcode:before {
  content: "\e959";
}

.icon-battery-2:before {
  content: "\e95a";
}

.icon-battery-charging:before {
  content: "\e95b";
}

.icon-battery-disable:before {
  content: "\e95c";
}

.icon-battery-empty-1:before {
  content: "\e95d";
}

.icon-battery-empty:before {
  content: "\e95e";
}

.icon-battery-full:before {
  content: "\e95f";
}

.icon-be:before {
  content: "\e960";
}

.icon-bezier-1:before {
  content: "\e961";
}

.icon-bezier:before {
  content: "\e962";
}

.icon-bill:before {
  content: "\e963";
}

.icon-binance-coin-bnb:before {
  content: "\e964";
}

.icon-binance-usd-busd:before {
  content: "\e965";
}

.icon-bitcoin-card:before {
  content: "\e966";
}

.icon-bitcoin-convert:before {
  content: "\e967";
}

.icon-bitcoin-refresh:before {
  content: "\e968";
}

.icon-blend-2:before {
  content: "\e969";
}

.icon-blend:before {
  content: "\e96a";
}

.icon-blogger:before {
  content: "\e96b";
}

.icon-bluetooth-2:before {
  content: "\e96c";
}

.icon-bluetooth-circle:before {
  content: "\e96d";
}

.icon-bluetooth-rectangle:before {
  content: "\e96e";
}

.icon-bluetooth:before {
  content: "\e96f";
}

.icon-blur-1:before {
  content: "\e970";
}

.icon-blur:before {
  content: "\e971";
}

.icon-book-1:before {
  content: "\e972";
}

.icon-book-saved:before {
  content: "\e973";
}

.icon-book-square:before {
  content: "\e974";
}

.icon-book:before {
  content: "\e975";
}

.icon-bookmark-2:before {
  content: "\e976";
}

.icon-bookmark:before {
  content: "\e977";
}

.icon-bootsrap:before {
  content: "\e978";
}

.icon-box-1:before {
  content: "\e979";
}

.icon-box-2:before {
  content: "\e97a";
}

.icon-box-add:before {
  content: "\e97b";
}

.icon-box-remove:before {
  content: "\e97c";
}

.icon-box-search:before {
  content: "\e97d";
}

.icon-box-tick:before {
  content: "\e97e";
}

.icon-box-time:before {
  content: "\e97f";
}

.icon-box:before {
  content: "\e980";
}

.icon-briefcase:before {
  content: "\e981";
}

.icon-brifecase-cross:before {
  content: "\e982";
}

.icon-brifecase-tick:before {
  content: "\e983";
}

.icon-brifecase-timer:before {
  content: "\e984";
}

.icon-broom:before {
  content: "\e985";
}

.icon-brush-1:before {
  content: "\e986";
}

.icon-brush-2:before {
  content: "\e987";
}

.icon-brush-3:before {
  content: "\e988";
}

.icon-brush:before {
  content: "\e989";
}

.icon-bubble:before {
  content: "\e98a";
}

.icon-bucket-circle-1:before {
  content: "\e98b";
}

.icon-bucket-circle:before {
  content: "\e98c";
}

.icon-bucket-square-1:before {
  content: "\e98d";
}

.icon-bucket-square:before {
  content: "\e98e";
}

.icon-building-3:before {
  content: "\e98f";
}

.icon-building-4:before {
  content: "\e990";
}

.icon-building:before {
  content: "\e991";
}

.icon-buildings-2:before {
  content: "\e992";
}

.icon-buildings:before {
  content: "\e993";
}

.icon-buliding:before {
  content: "\e994";
}

.icon-bus:before {
  content: "\e995";
}

.icon-buy-crypto:before {
  content: "\e996";
}

.icon-cake:before {
  content: "\e997";
}

.icon-calculator:before {
  content: "\e998";
}

.icon-calendar-1:before {
  content: "\e999";
}

.icon-calendar-2:before {
  content: "\e99a";
}

.icon-calendar-add:before {
  content: "\e99b";
}

.icon-calendar-circle:before {
  content: "\e99c";
}

.icon-calendar-edit:before {
  content: "\e99d";
}

.icon-calendar-remove:before {
  content: "\e99e";
}

.icon-calendar-search:before {
  content: "\e99f";
}

.icon-calendar-tick:before {
  content: "\e9a0";
}

.icon-calendar:before {
  content: "\e9a1";
}

.icon-call-add:before {
  content: "\e9a2";
}

.icon-call-calling:before {
  content: "\e9a3";
}

.icon-call-incoming:before {
  content: "\e9a4";
}

.icon-call-minus:before {
  content: "\e9a5";
}

.icon-call-outgoing:before {
  content: "\e9a6";
}

.icon-call-received:before {
  content: "\e9a7";
}

.icon-call-remove:before {
  content: "\e9a8";
}

.icon-call-slash:before {
  content: "\e9a9";
}

.icon-call:before {
  content: "\e9aa";
}

.icon-camera-slash:before {
  content: "\e9ab";
}

.icon-camera:before {
  content: "\e9ac";
}

.icon-candle-2:before {
  content: "\e9ad";
}

.icon-candle:before {
  content: "\e9ae";
}

.icon-car:before {
  content: "\e9af";
}

.icon-card-add:before {
  content: "\e9b0";
}

.icon-card-coin:before {
  content: "\e9b1";
}

.icon-card-edit:before {
  content: "\e9b2";
}

.icon-card-pos:before {
  content: "\e9b3";
}

.icon-card-receive:before {
  content: "\e9b4";
}

.icon-card-remove-1:before {
  content: "\e9b5";
}

.icon-card-remove:before {
  content: "\e9b6";
}

.icon-card-send:before {
  content: "\e9b7";
}

.icon-card-slash:before {
  content: "\e9b8";
}

.icon-card-tick-1:before {
  content: "\e9b9";
}

.icon-card-tick:before {
  content: "\e9ba";
}

.icon-card:before {
  content: "\e9bb";
}

.icon-cardano-ada:before {
  content: "\e9bc";
}

.icon-cards:before {
  content: "\e9bd";
}

.icon-category-2:before {
  content: "\e9be";
}

.icon-category:before {
  content: "\e9bf";
}

.icon-cd:before {
  content: "\e9c0";
}

.icon-celo-celo:before {
  content: "\e9c1";
}

.icon-celsius-cel:before {
  content: "\e9c2";
}

.icon-chainlink-link:before {
  content: "\e9c3";
}

.icon-chart-1:before {
  content: "\e9c4";
}

.icon-chart-2:before {
  content: "\e9c5";
}

.icon-chart-3:before {
  content: "\e9c6";
}

.icon-chart-21:before {
  content: "\e9c7";
}

.icon-chart-square:before {
  content: "\e9c8";
}

.icon-chart-success:before {
  content: "\e9c9";
}

.icon-chart:before {
  content: "\e9ca";
}

.icon-check:before {
  content: "\e9cb";
}

.icon-chrome:before {
  content: "\e9cc";
}

.icon-civic-cvc:before {
  content: "\e9cd";
}

.icon-clipboard-close:before {
  content: "\e9ce";
}

.icon-clipboard-export:before {
  content: "\e9cf";
}

.icon-clipboard-import:before {
  content: "\e9d0";
}

.icon-clipboard-text:before {
  content: "\e9d1";
}

.icon-clipboard-tick:before {
  content: "\e9d2";
}

.icon-clipboard:before {
  content: "\e9d3";
}

.icon-clock-1:before {
  content: "\e9d4";
}

.icon-clock:before {
  content: "\e9d5";
}

.icon-close-circle:before {
  content: "\e9d6";
}

.icon-close-square:before {
  content: "\e9d7";
}

.icon-close:before {
  content: "\e9d8";
}

.icon-cloud-add:before {
  content: "\e9d9";
}

.icon-cloud-change:before {
  content: "\e9da";
}

.icon-cloud-connection:before {
  content: "\e9db";
}

.icon-cloud-cross:before {
  content: "\e9dc";
}

.icon-cloud-drizzle:before {
  content: "\e9dd";
}

.icon-cloud-fog:before {
  content: "\e9de";
}

.icon-cloud-lightning:before {
  content: "\e9df";
}

.icon-cloud-minus:before {
  content: "\e9e0";
}

.icon-cloud-notif:before {
  content: "\e9e1";
}

.icon-cloud-plus:before {
  content: "\e9e2";
}

.icon-cloud-remove:before {
  content: "\e9e3";
}

.icon-cloud-snow:before {
  content: "\e9e4";
}

.icon-cloud-sunny:before {
  content: "\e9e5";
}

.icon-cloud:before {
  content: "\e9e6";
}

.icon-code-1:before {
  content: "\e9e7";
}

.icon-code-circle:before {
  content: "\e9e8";
}

.icon-code:before {
  content: "\e9e9";
}

.icon-coffee:before {
  content: "\e9ea";
}

.icon-coin-1:before {
  content: "\e9eb";
}

.icon-coin:before {
  content: "\e9ec";
}

.icon-color-swatch:before {
  content: "\e9ed";
}

.icon-colorfilter:before {
  content: "\e9ee";
}

.icon-colors-square-1:before {
  content: "\e9ef";
}

.icon-colors-square:before {
  content: "\e9f0";
}

.icon-command-square:before {
  content: "\e9f1";
}

.icon-command:before {
  content: "\e9f2";
}

.icon-component-1:before {
  content: "\e9f3";
}

.icon-component:before {
  content: "\e9f4";
}

.icon-computing:before {
  content: "\e9f5";
}

.icon-convert-3d-cube:before {
  content: "\e9f6";
}

.icon-convert:before {
  content: "\e9f7";
}

.icon-convertshape-2:before {
  content: "\e9f8";
}

.icon-convertshape:before {
  content: "\e9f9";
}

.icon-copy-success:before {
  content: "\e9fa";
}

.icon-copy:before {
  content: "\e9fb";
}

.icon-copyright:before {
  content: "\e9fc";
}

.icon-courthouse:before {
  content: "\e9fd";
}

.icon-cpu-charge:before {
  content: "\e9fe";
}

.icon-cpu-setting:before {
  content: "\e9ff";
}

.icon-cpu:before {
  content: "\ea00";
}

.icon-creative-commons:before {
  content: "\ea01";
}

.icon-crop:before {
  content: "\ea02";
}

.icon-crown-1:before {
  content: "\ea03";
}

.icon-crown:before {
  content: "\ea04";
}

.icon-cup:before {
  content: "\ea05";
}

.icon-dai-dai:before {
  content: "\ea06";
}

.icon-danger:before {
  content: "\ea07";
}

.icon-dash-dash:before {
  content: "\ea08";
}

.icon-data-table-sort:before {
  content: "\ea09";
}

.icon-data-2:before {
  content: "\ea0a";
}

.icon-data:before {
  content: "\ea0b";
}

.icon-decred-dcr:before {
  content: "\ea0c";
}

.icon-dent-dent:before {
  content: "\ea0d";
}

.icon-designtools:before {
  content: "\ea0e";
}

.icon-device-message:before {
  content: "\ea0f";
}

.icon-devices-1:before {
  content: "\ea10";
}

.icon-devices:before {
  content: "\ea11";
}

.icon-diagram:before {
  content: "\ea12";
}

.icon-diamonds:before {
  content: "\ea13";
}

.icon-direct-down:before {
  content: "\ea14";
}

.icon-direct-inbox:before {
  content: "\ea15";
}

.icon-direct-left:before {
  content: "\ea16";
}

.icon-direct-normal:before {
  content: "\ea17";
}

.icon-direct-notification:before {
  content: "\ea18";
}

.icon-direct-right:before {
  content: "\ea19";
}

.icon-direct-send:before {
  content: "\ea1a";
}

.icon-direct-up:before {
  content: "\ea1b";
}

.icon-direct:before {
  content: "\ea1c";
}

.icon-directbox-default:before {
  content: "\ea1d";
}

.icon-directbox-notif:before {
  content: "\ea1e";
}

.icon-directbox-receive:before {
  content: "\ea1f";
}

.icon-directbox-send:before {
  content: "\ea20";
}

.icon-discount-circle:before {
  content: "\ea21";
}

.icon-discount-shape:before {
  content: "\ea22";
}

.icon-discover-1:before {
  content: "\ea23";
}

.icon-discover:before {
  content: "\ea24";
}

.icon-dislike:before {
  content: "\ea25";
}

.icon-document-1:before {
  content: "\ea26";
}

.icon-document-cloud:before {
  content: "\ea27";
}

.icon-document-code-2:before {
  content: "\ea28";
}

.icon-document-code:before {
  content: "\ea29";
}

.icon-document-copy:before {
  content: "\ea2a";
}

.icon-document-download:before {
  content: "\ea2b";
}

.icon-document-favorite:before {
  content: "\ea2c";
}

.icon-document-filter:before {
  content: "\ea2d";
}

.icon-document-forward:before {
  content: "\ea2e";
}

.icon-document-like:before {
  content: "\ea2f";
}

.icon-document-normal:before {
  content: "\ea30";
}

.icon-document-previous:before {
  content: "\ea31";
}

.icon-document-sketch:before {
  content: "\ea32";
}

.icon-document-text-1:before {
  content: "\ea33";
}

.icon-document-text:before {
  content: "\ea34";
}

.icon-document-upload:before {
  content: "\ea35";
}

.icon-document:before {
  content: "\ea36";
}

.icon-dollar-circle:before {
  content: "\ea37";
}

.icon-dollar-square:before {
  content: "\ea38";
}

.icon-dribbble:before {
  content: "\ea39";
}

.icon-driver-2:before {
  content: "\ea3a";
}

.icon-driver-refresh:before {
  content: "\ea3b";
}

.icon-driver:before {
  content: "\ea3c";
}

.icon-driving:before {
  content: "\ea3d";
}

.icon-drop:before {
  content: "\ea3e";
}

.icon-dropbox:before {
  content: "\ea3f";
}

.icon-edit-2:before {
  content: "\ea40";
}

.icon-edit:before {
  content: "\ea41";
}

.icon-educare-ekt:before {
  content: "\ea42";
}

.icon-electricity:before {
  content: "\ea43";
}

.icon-element-1:before {
  content: "\ea44";
}

.icon-element-2:before {
  content: "\ea45";
}

.icon-element-3:before {
  content: "\ea46";
}

.icon-element-4:before {
  content: "\ea47";
}

.icon-element-equal:before {
  content: "\ea48";
}

.icon-element-plus:before {
  content: "\ea49";
}

.icon-emercoin-emc:before {
  content: "\ea4a";
}

.icon-emoji-happy:before {
  content: "\ea4b";
}

.icon-emoji-normal:before {
  content: "\ea4c";
}

.icon-emoji-sad:before {
  content: "\ea4d";
}

.icon-empty-wallet-add:before {
  content: "\ea4e";
}

.icon-empty-wallet-change:before {
  content: "\ea4f";
}

.icon-empty-wallet-remove:before {
  content: "\ea50";
}

.icon-empty-wallet-tick:before {
  content: "\ea51";
}

.icon-empty-wallet-time:before {
  content: "\ea52";
}

.icon-empty-wallet:before {
  content: "\ea53";
}

.icon-enjin-coin-enj:before {
  content: "\ea54";
}

.icon-eos-eos:before {
  content: "\ea55";
}

.icon-eraser-1:before {
  content: "\ea56";
}

.icon-eraser-2:before {
  content: "\ea57";
}

.icon-eraser:before {
  content: "\ea58";
}

.icon-ethereum-eth:before {
  content: "\ea59";
}

.icon-ethereum-classic-etc:before {
  content: "\ea5a";
}

.icon-export-1:before {
  content: "\ea5b";
}

.icon-export-2:before {
  content: "\ea5c";
}

.icon-export-3:before {
  content: "\ea5d";
}

.icon-export:before {
  content: "\ea5e";
}

.icon-external-drive:before {
  content: "\ea5f";
}

.icon-eye-slash:before {
  content: "\ea60";
}

.icon-eye:before {
  content: "\ea61";
}

.icon-facebook:before {
  content: "\ea62";
}

.icon-fatrows:before {
  content: "\ea63";
}

.icon-favorite-chart:before {
  content: "\ea64";
}

.icon-figma-1:before {
  content: "\ea65";
}

.icon-figma:before {
  content: "\ea66";
}

.icon-filter-add:before {
  content: "\ea67";
}

.icon-filter-edit:before {
  content: "\ea68";
}

.icon-filter-remove:before {
  content: "\ea69";
}

.icon-filter-search:before {
  content: "\ea6a";
}

.icon-filter-square:before {
  content: "\ea6b";
}

.icon-filter-tick:before {
  content: "\ea6c";
}

.icon-filter:before {
  content: "\ea6d";
}

.icon-finger-cricle:before {
  content: "\ea6e";
}

.icon-finger-scan:before {
  content: "\ea6f";
}

.icon-firstline:before {
  content: "\ea70";
}

.icon-flag-2:before {
  content: "\ea71";
}

.icon-flag:before {
  content: "\ea72";
}

.icon-flash-1:before {
  content: "\ea73";
}

.icon-flash-circle-1:before {
  content: "\ea74";
}

.icon-flash-circle-2:before {
  content: "\ea75";
}

.icon-flash-circle:before {
  content: "\ea76";
}

.icon-flash-slash:before {
  content: "\ea77";
}

.icon-flash:before {
  content: "\ea78";
}

.icon-folder-2:before {
  content: "\ea79";
}

.icon-folder-add:before {
  content: "\ea7a";
}

.icon-folder-cloud:before {
  content: "\ea7b";
}

.icon-folder-connection:before {
  content: "\ea7c";
}

.icon-folder-cross:before {
  content: "\ea7d";
}

.icon-folder-favorite:before {
  content: "\ea7e";
}

.icon-folder-minus:before {
  content: "\ea7f";
}

.icon-folder-open:before {
  content: "\ea80";
}

.icon-folder:before {
  content: "\ea81";
}

.icon-format-circle:before {
  content: "\ea82";
}

.icon-format-square:before {
  content: "\ea83";
}

.icon-forward-5-seconds:before {
  content: "\ea84";
}

.icon-forward-10-seconds:before {
  content: "\ea85";
}

.icon-forward-15-seconds:before {
  content: "\ea86";
}

.icon-forward-item-1:before {
  content: "\ea87";
}

.icon-forward-item:before {
  content: "\ea88";
}

.icon-forward-square:before {
  content: "\ea89";
}

.icon-forward:before {
  content: "\ea8a";
}

.icon-frame-1:before {
  content: "\ea8b";
}

.icon-frame-2:before {
  content: "\ea8c";
}

.icon-frame-3:before {
  content: "\ea8d";
}

.icon-frame-4:before {
  content: "\ea8e";
}

.icon-frame-5:before {
  content: "\ea8f";
}

.icon-frame-6:before {
  content: "\ea90";
}

.icon-frame-7:before {
  content: "\ea91";
}

.icon-frame:before {
  content: "\ea92";
}

.icon-framer:before {
  content: "\ea93";
}

.icon-ftx-token-ftt:before {
  content: "\ea94";
}

.icon-gallery-add:before {
  content: "\ea95";
}

.icon-gallery-edit:before {
  content: "\ea96";
}

.icon-gallery-export:before {
  content: "\ea97";
}

.icon-gallery-favorite:before {
  content: "\ea98";
}

.icon-gallery-import:before {
  content: "\ea99";
}

.icon-gallery-remove:before {
  content: "\ea9a";
}

.icon-gallery-slash:before {
  content: "\ea9b";
}

.icon-gallery-tick:before {
  content: "\ea9c";
}

.icon-gallery:before {
  content: "\ea9d";
}

.icon-game:before {
  content: "\ea9e";
}

.icon-gameboy:before {
  content: "\ea9f";
}

.icon-gas-station:before {
  content: "\eaa0";
}

.icon-gemini-2:before {
  content: "\eaa1";
}

.icon-gemini:before {
  content: "\eaa2";
}

.icon-ghost:before {
  content: "\eaa3";
}

.icon-gift:before {
  content: "\eaa4";
}

.icon-glass-1:before {
  content: "\eaa5";
}

.icon-glass:before {
  content: "\eaa6";
}

.icon-global-edit:before {
  content: "\eaa7";
}

.icon-global-refresh:before {
  content: "\eaa8";
}

.icon-global-search:before {
  content: "\eaa9";
}

.icon-global:before {
  content: "\eaaa";
}

.icon-google-1:before {
  content: "\eaab";
}

.icon-google-play:before {
  content: "\eaac";
}

.icon-google:before {
  content: "\eaad";
}

.icon-gps-slash:before {
  content: "\eaae";
}

.icon-gps:before {
  content: "\eaaf";
}

.icon-grammerly:before {
  content: "\eab0";
}

.icon-graph:before {
  content: "\eab1";
}

.icon-grid-1:before {
  content: "\eab2";
}

.icon-grid-2:before {
  content: "\eab3";
}

.icon-grid-3:before {
  content: "\eab4";
}

.icon-grid-4:before {
  content: "\eab5";
}

.icon-grid-5:before {
  content: "\eab6";
}

.icon-grid-6:before {
  content: "\eab7";
}

.icon-grid-7:before {
  content: "\eab8";
}

.icon-grid-8:before {
  content: "\eab9";
}

.icon-grid-9:before {
  content: "\eaba";
}

.icon-grid-edit:before {
  content: "\eabb";
}

.icon-grid-eraser:before {
  content: "\eabc";
}

.icon-grid-lock:before {
  content: "\eabd";
}

.icon-group-1:before {
  content: "\eabe";
}

.icon-group-2:before {
  content: "\eabf";
}

.icon-group-3:before {
  content: "\eac0";
}

.icon-group-4:before {
  content: "\eac1";
}

.icon-group-5:before {
  content: "\eac2";
}

.icon-group-6:before {
  content: "\eac3";
}

.icon-group-7:before {
  content: "\eac4";
}

.icon-group-8:before {
  content: "\eac5";
}

.icon-group-9:before {
  content: "\eac6";
}

.icon-group-10:before {
  content: "\eac7";
}

.icon-group-11:before {
  content: "\eac8";
}

.icon-group:before {
  content: "\eac9";
}

.icon-happyemoji:before {
  content: "\eaca";
}

.icon-harmony-one:before {
  content: "\eacb";
}

.icon-hashtag-1:before {
  content: "\eacc";
}

.icon-hashtag-down:before {
  content: "\eacd";
}

.icon-hashtag-up:before {
  content: "\eace";
}

.icon-hashtag:before {
  content: "\eacf";
}

.icon-headphone:before {
  content: "\ead0";
}

.icon-headphones:before {
  content: "\ead1";
}

.icon-health:before {
  content: "\ead2";
}

.icon-heart-add:before {
  content: "\ead3";
}

.icon-heart-circle:before {
  content: "\ead4";
}

.icon-heart-edit:before {
  content: "\ead5";
}

.icon-heart-remove:before {
  content: "\ead6";
}

.icon-heart-search:before {
  content: "\ead7";
}

.icon-heart-slash:before {
  content: "\ead8";
}

.icon-heart-tick:before {
  content: "\ead9";
}

.icon-heart:before {
  content: "\eada";
}

.icon-hedera-hashgraph-hbar:before {
  content: "\eadb";
}

.icon-hex-hex:before {
  content: "\eadc";
}

.icon-hierarchy-2:before {
  content: "\eadd";
}

.icon-hierarchy-3:before {
  content: "\eade";
}

.icon-hierarchy-square-2:before {
  content: "\eadf";
}

.icon-hierarchy-square-3:before {
  content: "\eae0";
}

.icon-hierarchy-square:before {
  content: "\eae1";
}

.icon-hierarchy:before {
  content: "\eae2";
}

.icon-home-2:before {
  content: "\eae3";
}

.icon-home-hashtag:before {
  content: "\eae4";
}

.icon-home-trend-down:before {
  content: "\eae5";
}

.icon-home-trend-up:before {
  content: "\eae6";
}

.icon-home-wifi:before {
  content: "\eae7";
}

.icon-home:before {
  content: "\eae8";
}

.icon-hospital:before {
  content: "\eae9";
}

.icon-house-2:before {
  content: "\eaea";
}

.icon-house:before {
  content: "\eaeb";
}

.icon-html-3:before {
  content: "\eaec";
}

.icon-html-5:before {
  content: "\eaed";
}

.icon-huobi-token-ht:before {
  content: "\eaee";
}

.icon-icon-icx:before {
  content: "\eaef";
}

.icon-illustrator:before {
  content: "\eaf0";
}

.icon-image:before {
  content: "\eaf1";
}

.icon-import-1:before {
  content: "\eaf2";
}

.icon-import-2:before {
  content: "\eaf3";
}

.icon-import:before {
  content: "\eaf4";
}

.icon-info-circle:before {
  content: "\eaf5";
}

.icon-information:before {
  content: "\eaf6";
}

.icon-instagram:before {
  content: "\eaf7";
}

.icon-iost-iost:before {
  content: "\eaf8";
}

.icon-java-script:before {
  content: "\eaf9";
}

.icon-js:before {
  content: "\eafa";
}

.icon-judge:before {
  content: "\eafb";
}

.icon-kanban:before {
  content: "\eafc";
}

.icon-key-square:before {
  content: "\eafd";
}

.icon-key:before {
  content: "\eafe";
}

.icon-keyboard-open:before {
  content: "\eaff";
}

.icon-keyboard:before {
  content: "\eb00";
}

.icon-kyber-network-knc:before {
  content: "\eb01";
}

.icon-lamp-1:before {
  content: "\eb02";
}

.icon-lamp-charge:before {
  content: "\eb03";
}

.icon-lamp-on:before {
  content: "\eb04";
}

.icon-lamp-slash:before {
  content: "\eb05";
}

.icon-lamp:before {
  content: "\eb06";
}

.icon-language-circle:before {
  content: "\eb07";
}

.icon-language-square:before {
  content: "\eb08";
}

.icon-layer:before {
  content: "\eb09";
}

.icon-level:before {
  content: "\eb0a";
}

.icon-lifebuoy:before {
  content: "\eb0b";
}

.icon-like-1:before {
  content: "\eb0c";
}

.icon-like-dislike:before {
  content: "\eb0d";
}

.icon-like-shapes:before {
  content: "\eb0e";
}

.icon-like-tag:before {
  content: "\eb0f";
}

.icon-like:before {
  content: "\eb10";
}

.icon-link-1:before {
  content: "\eb11";
}

.icon-link-2:before {
  content: "\eb12";
}

.icon-link-21:before {
  content: "\eb13";
}

.icon-link-circle:before {
  content: "\eb14";
}

.icon-link-square:before {
  content: "\eb15";
}

.icon-link:before {
  content: "\eb16";
}

.icon-litecoinltc:before {
  content: "\eb17";
}

.icon-Live:before {
  content: "\eb18";
}

.icon-location-add:before {
  content: "\eb19";
}

.icon-location-cross:before {
  content: "\eb1a";
}

.icon-location-minus:before {
  content: "\eb1b";
}

.icon-location-slash:before {
  content: "\eb1c";
}

.icon-location-tick:before {
  content: "\eb1d";
}

.icon-location:before {
  content: "\eb1e";
}

.icon-lock-1:before {
  content: "\eb1f";
}

.icon-lock-circle:before {
  content: "\eb20";
}

.icon-lock-slash:before {
  content: "\eb21";
}

.icon-lock:before {
  content: "\eb22";
}

.icon-login-1:before {
  content: "\eb23";
}

.icon-login:before {
  content: "\eb24";
}

.icon-logout-1:before {
  content: "\eb25";
}

.icon-logout:before {
  content: "\eb26";
}

.icon-lovely:before {
  content: "\eb27";
}

.icon-magic-star:before {
  content: "\eb28";
}

.icon-magicpen:before {
  content: "\eb29";
}

.icon-main-component-1:before {
  content: "\eb2a";
}

.icon-main-component:before {
  content: "\eb2b";
}

.icon-maker-mkr:before {
  content: "\eb2c";
}

.icon-man:before {
  content: "\eb2d";
}

.icon-map-1:before {
  content: "\eb2e";
}

.icon-map:before {
  content: "\eb2f";
}

.icon-mask-1:before {
  content: "\eb30";
}

.icon-mask-2:before {
  content: "\eb31";
}

.icon-mask-3:before {
  content: "\eb32";
}

.icon-mask:before {
  content: "\eb33";
}

.icon-math:before {
  content: "\eb34";
}

.icon-maximize-1:before {
  content: "\eb35";
}

.icon-maximize-2:before {
  content: "\eb36";
}

.icon-maximize-3:before {
  content: "\eb37";
}

.icon-maximize-4:before {
  content: "\eb38";
}

.icon-maximize-21:before {
  content: "\eb39";
}

.icon-maximize-circle:before {
  content: "\eb3a";
}

.icon-maximize:before {
  content: "\eb3b";
}

.icon-medal-star:before {
  content: "\eb3c";
}

.icon-medal:before {
  content: "\eb3d";
}

.icon-menu-1:before {
  content: "\eb3e";
}

.icon-menu-board:before {
  content: "\eb3f";
}

.icon-menu:before {
  content: "\eb40";
}

.icon-message-2:before {
  content: "\eb41";
}

.icon-message-add-1:before {
  content: "\eb42";
}

.icon-message-add:before {
  content: "\eb43";
}

.icon-message-circle:before {
  content: "\eb44";
}

.icon-message-edit:before {
  content: "\eb45";
}

.icon-message-favorite:before {
  content: "\eb46";
}

.icon-message-minus:before {
  content: "\eb47";
}

.icon-message-notif:before {
  content: "\eb48";
}

.icon-message-programming:before {
  content: "\eb49";
}

.icon-message-question:before {
  content: "\eb4a";
}

.icon-message-remove:before {
  content: "\eb4b";
}

.icon-message-search:before {
  content: "\eb4c";
}

.icon-message-square:before {
  content: "\eb4d";
}

.icon-message-text-1:before {
  content: "\eb4e";
}

.icon-message-text:before {
  content: "\eb4f";
}

.icon-message-tick:before {
  content: "\eb50";
}

.icon-message-time:before {
  content: "\eb51";
}

.icon-message:before {
  content: "\eb52";
}

.icon-messages-1:before {
  content: "\eb53";
}

.icon-messages-2:before {
  content: "\eb54";
}

.icon-messages-3:before {
  content: "\eb55";
}

.icon-messages:before {
  content: "\eb56";
}

.icon-messenger:before {
  content: "\eb57";
}

.icon-microphone-2:before {
  content: "\eb58";
}

.icon-microphone-slash-1:before {
  content: "\eb59";
}

.icon-microphone-slash:before {
  content: "\eb5a";
}

.icon-microphone:before {
  content: "\eb5b";
}

.icon-microscope:before {
  content: "\eb5c";
}

.icon-milk:before {
  content: "\eb5d";
}

.icon-mini-music-sqaure:before {
  content: "\eb5e";
}

.icon-minus-cirlce:before {
  content: "\eb5f";
}

.icon-minus-square:before {
  content: "\eb60";
}

.icon-minus:before {
  content: "\eb61";
}

.icon-mirror:before {
  content: "\eb62";
}

.icon-mirroring-screen:before {
  content: "\eb63";
}

.icon-mobile-programming:before {
  content: "\eb64";
}

.icon-mobile:before {
  content: "\eb65";
}

.icon-monero-xmr:before {
  content: "\eb66";
}

.icon-money-2:before {
  content: "\eb67";
}

.icon-money-3:before {
  content: "\eb68";
}

.icon-money-4:before {
  content: "\eb69";
}

.icon-money-add:before {
  content: "\eb6a";
}

.icon-money-change:before {
  content: "\eb6b";
}

.icon-money-forbidden:before {
  content: "\eb6c";
}

.icon-money-recive:before {
  content: "\eb6d";
}

.icon-money-remove:before {
  content: "\eb6e";
}

.icon-money-send:before {
  content: "\eb6f";
}

.icon-money-tick:before {
  content: "\eb70";
}

.icon-money-time:before {
  content: "\eb71";
}

.icon-money:before {
  content: "\eb72";
}

.icon-moneys:before {
  content: "\eb73";
}

.icon-monitor-mobbile:before {
  content: "\eb74";
}

.icon-monitor-recorder:before {
  content: "\eb75";
}

.icon-monitor:before {
  content: "\eb76";
}

.icon-moon:before {
  content: "\eb77";
}

.icon-more-1:before {
  content: "\eb78";
}

.icon-more-2:before {
  content: "\eb79";
}

.icon-more-circle:before {
  content: "\eb7a";
}

.icon-more-square:before {
  content: "\eb7b";
}

.icon-more:before {
  content: "\eb7c";
}

.icon-mouse-1:before {
  content: "\eb7d";
}

.icon-mouse-circle:before {
  content: "\eb7e";
}

.icon-mouse-square:before {
  content: "\eb7f";
}

.icon-mouse:before {
  content: "\eb80";
}

.icon-music-circle:before {
  content: "\eb81";
}

.icon-music-dashboard:before {
  content: "\eb82";
}

.icon-music-filter:before {
  content: "\eb83";
}

.icon-music-library-2:before {
  content: "\eb84";
}

.icon-music-play:before {
  content: "\eb85";
}

.icon-music-playlist:before {
  content: "\eb86";
}

.icon-music-square-add:before {
  content: "\eb87";
}

.icon-music-square-remove:before {
  content: "\eb88";
}

.icon-music-square-search:before {
  content: "\eb89";
}

.icon-music-square:before {
  content: "\eb8a";
}

.icon-music:before {
  content: "\eb8b";
}

.icon-musicnote:before {
  content: "\eb8c";
}

.icon-nebulas-nas:before {
  content: "\eb8d";
}

.icon-nem-xem:before {
  content: "\eb8e";
}

.icon-nexo-nexo:before {
  content: "\eb8f";
}

.icon-next:before {
  content: "\eb90";
}

.icon-note-1:before {
  content: "\eb91";
}

.icon-note-2:before {
  content: "\eb92";
}

.icon-note-21:before {
  content: "\eb93";
}

.icon-note-add:before {
  content: "\eb94";
}

.icon-note-favorite:before {
  content: "\eb95";
}

.icon-note-remove:before {
  content: "\eb96";
}

.icon-note-square:before {
  content: "\eb97";
}

.icon-note-text:before {
  content: "\eb98";
}

.icon-note:before {
  content: "\eb99";
}

.icon-notification-1:before {
  content: "\eb9a";
}

.icon-notification-bing:before {
  content: "\eb9b";
}

.icon-notification-circle:before {
  content: "\eb9c";
}

.icon-notification-favorite:before {
  content: "\eb9d";
}

.icon-notification-status:before {
  content: "\eb9e";
}

.icon-notification:before {
  content: "\eb9f";
}

.icon-ocean-protocol-ocean:before {
  content: "\eba0";
}

.icon-okb-okb:before {
  content: "\eba1";
}

.icon-omega-circle-1:before {
  content: "\eba2";
}

.icon-omega-circle:before {
  content: "\eba3";
}

.icon-omega-square-1:before {
  content: "\eba4";
}

.icon-omega-square:before {
  content: "\eba5";
}

.icon-ontology-ont:before {
  content: "\eba6";
}

.icon-paintbucket:before {
  content: "\eba7";
}

.icon-paperclip-2:before {
  content: "\eba8";
}

.icon-paperclip:before {
  content: "\eba9";
}

.icon-password-check:before {
  content: "\ebaa";
}

.icon-path-2:before {
  content: "\ebab";
}

.icon-path-square:before {
  content: "\ebac";
}

.icon-path:before {
  content: "\ebad";
}

.icon-pause-circle:before {
  content: "\ebae";
}

.icon-pause:before {
  content: "\ebaf";
}

.icon-paypal:before {
  content: "\ebb0";
}

.icon-pen-add-1:before {
  content: "\ebb1";
}

.icon-pen-add:before {
  content: "\ebb2";
}

.icon-pen-close-1:before {
  content: "\ebb3";
}

.icon-pen-close:before {
  content: "\ebb4";
}

.icon-pen-remove-1:before {
  content: "\ebb5";
}

.icon-pen-remove:before {
  content: "\ebb6";
}

.icon-pen-tool-1:before {
  content: "\ebb7";
}

.icon-pen-tool-2-1:before {
  content: "\ebb8";
}

.icon-pen-tool-2:before {
  content: "\ebb9";
}

.icon-pen-tool:before {
  content: "\ebba";
}

.icon-people:before {
  content: "\ebbb";
}

.icon-percentage-square:before {
  content: "\ebbc";
}

.icon-personalcard:before {
  content: "\ebbd";
}

.icon-pet:before {
  content: "\ebbe";
}

.icon-pharagraphspacing:before {
  content: "\ebbf";
}

.icon-photoshop:before {
  content: "\ebc0";
}

.icon-picture-frame:before {
  content: "\ebc1";
}

.icon-play-add:before {
  content: "\ebc2";
}

.icon-play-circle:before {
  content: "\ebc3";
}

.icon-play-cricle:before {
  content: "\ebc4";
}

.icon-play-remove:before {
  content: "\ebc5";
}

.icon-play:before {
  content: "\ebc6";
}

.icon-polkadot-dot:before {
  content: "\ebc7";
}

.icon-polygon-matic:before {
  content: "\ebc8";
}

.icon-polyswarm-nct:before {
  content: "\ebc9";
}

.icon-presention-chart:before {
  content: "\ebca";
}

.icon-previous:before {
  content: "\ebcb";
}

.icon-printer-slash:before {
  content: "\ebcc";
}

.icon-printer:before {
  content: "\ebcd";
}

.icon-profile-2user:before {
  content: "\ebce";
}

.icon-profile-add:before {
  content: "\ebcf";
}

.icon-profile-circle:before {
  content: "\ebd0";
}

.icon-profile-delete:before {
  content: "\ebd1";
}

.icon-profile-remove:before {
  content: "\ebd2";
}

.icon-profile-tick:before {
  content: "\ebd3";
}

.icon-profile:before {
  content: "\ebd4";
}

.icon-programming-arrow:before {
  content: "\ebd5";
}

.icon-programming-arrows:before {
  content: "\ebd6";
}

.icon-python:before {
  content: "\ebd7";
}

.icon-quant-qnt:before {
  content: "\ebd8";
}

.icon-quote-down-circle:before {
  content: "\ebd9";
}

.icon-quote-down-square:before {
  content: "\ebda";
}

.icon-quote-down:before {
  content: "\ebdb";
}

.icon-quote-up-circle:before {
  content: "\ebdc";
}

.icon-quote-up-square:before {
  content: "\ebdd";
}

.icon-quote-up:before {
  content: "\ebde";
}

.icon-radar-1:before {
  content: "\ebdf";
}

.icon-radar-2:before {
  content: "\ebe0";
}

.icon-radar:before {
  content: "\ebe1";
}

.icon-radio:before {
  content: "\ebe2";
}

.icon-ram-2:before {
  content: "\ebe3";
}

.icon-ram:before {
  content: "\ebe4";
}

.icon-ranking-1:before {
  content: "\ebe5";
}

.icon-ranking:before {
  content: "\ebe6";
}

.icon-receipt-1:before {
  content: "\ebe7";
}

.icon-receipt-2-1:before {
  content: "\ebe8";
}

.icon-receipt-2:before {
  content: "\ebe9";
}

.icon-receipt-add:before {
  content: "\ebea";
}

.icon-receipt-discount:before {
  content: "\ebeb";
}

.icon-receipt-disscount:before {
  content: "\ebec";
}

.icon-receipt-edit:before {
  content: "\ebed";
}

.icon-receipt-item:before {
  content: "\ebee";
}

.icon-receipt-minus:before {
  content: "\ebef";
}

.icon-receipt-search:before {
  content: "\ebf0";
}

.icon-receipt-square:before {
  content: "\ebf1";
}

.icon-receipt-text:before {
  content: "\ebf2";
}

.icon-receipt:before {
  content: "\ebf3";
}

.icon-receive-square-2:before {
  content: "\ebf4";
}

.icon-receive-square:before {
  content: "\ebf5";
}

.icon-received:before {
  content: "\ebf6";
}

.icon-record-circle:before {
  content: "\ebf7";
}

.icon-record:before {
  content: "\ebf8";
}

.icon-recovery-convert:before {
  content: "\ebf9";
}

.icon-redo:before {
  content: "\ebfa";
}

.icon-refresh-2:before {
  content: "\ebfb";
}

.icon-refresh-circle:before {
  content: "\ebfc";
}

.icon-refresh-left-square:before {
  content: "\ebfd";
}

.icon-refresh-right-square:before {
  content: "\ebfe";
}

.icon-refresh-square-2:before {
  content: "\ebff";
}

.icon-refresh:before {
  content: "\ec00";
}

.icon-repeat-circle:before {
  content: "\ec01";
}

.icon-repeat:before {
  content: "\ec02";
}

.icon-repeate-music:before {
  content: "\ec03";
}

.icon-repeate-one:before {
  content: "\ec04";
}

.icon-reserve:before {
  content: "\ec05";
}

.icon-rotate-left-1:before {
  content: "\ec06";
}

.icon-rotate-left:before {
  content: "\ec07";
}

.icon-rotate-right-1:before {
  content: "\ec08";
}

.icon-rotate-right:before {
  content: "\ec09";
}

.icon-route-square:before {
  content: "\ec0a";
}

.icon-routing-2:before {
  content: "\ec0b";
}

.icon-routing:before {
  content: "\ec0c";
}

.icon-row-horizontal:before {
  content: "\ec0d";
}

.icon-row-vertical:before {
  content: "\ec0e";
}

.icon-ruler:before {
  content: "\ec0f";
}

.icon-rulerpen:before {
  content: "\ec10";
}

.icon-safe-home:before {
  content: "\ec11";
}

.icon-sagittarius:before {
  content: "\ec12";
}

.icon-save-2:before {
  content: "\ec13";
}

.icon-save-add:before {
  content: "\ec14";
}

.icon-save-minus:before {
  content: "\ec15";
}

.icon-save-remove:before {
  content: "\ec16";
}

.icon-scan-barcode:before {
  content: "\ec17";
}

.icon-scan:before {
  content: "\ec18";
}

.icon-scanner:before {
  content: "\ec19";
}

.icon-scanning:before {
  content: "\ec1a";
}

.icon-scissor-1:before {
  content: "\ec1b";
}

.icon-scissor-2:before {
  content: "\ec1c";
}

.icon-scissor:before {
  content: "\ec1d";
}

.icon-screenmirroring:before {
  content: "\ec1e";
}

.icon-scroll:before {
  content: "\ec1f";
}

.icon-search-favorite-1:before {
  content: "\ec20";
}

.icon-search-favorite:before {
  content: "\ec21";
}

.icon-search-normal-1:before {
  content: "\ec22";
}

.icon-search-normal:before {
  content: "\ec23";
}

.icon-search-status-1:before {
  content: "\ec24";
}

.icon-search-status:before {
  content: "\ec25";
}

.icon-search-zoom-in-1:before {
  content: "\ec26";
}

.icon-search-zoom-in:before {
  content: "\ec27";
}

.icon-search-zoom-out-1:before {
  content: "\ec28";
}

.icon-search-zoom-out:before {
  content: "\ec29";
}

.icon-security-card:before {
  content: "\ec2a";
}

.icon-security-safe:before {
  content: "\ec2b";
}

.icon-security-time:before {
  content: "\ec2c";
}

.icon-security-user:before {
  content: "\ec2d";
}

.icon-security:before {
  content: "\ec2e";
}

.icon-send-1:before {
  content: "\ec2f";
}

.icon-send-2:before {
  content: "\ec30";
}

.icon-send-sqaure-2:before {
  content: "\ec31";
}

.icon-send-square:before {
  content: "\ec32";
}

.icon-send:before {
  content: "\ec33";
}

.icon-setting-2:before {
  content: "\ec34";
}

.icon-setting-3:before {
  content: "\ec35";
}

.icon-setting-4:before {
  content: "\ec36";
}

.icon-setting-5:before {
  content: "\ec37";
}

.icon-setting:before {
  content: "\ec38";
}

.icon-settings:before {
  content: "\ec39";
}

.icon-shapes-1:before {
  content: "\ec3a";
}

.icon-shapes-2:before {
  content: "\ec3b";
}

.icon-shapes:before {
  content: "\ec3c";
}

.icon-share:before {
  content: "\ec3d";
}

.icon-shield-cross:before {
  content: "\ec3e";
}

.icon-shield-search:before {
  content: "\ec3f";
}

.icon-shield-security:before {
  content: "\ec40";
}

.icon-shield-slash:before {
  content: "\ec41";
}

.icon-shield-tick:before {
  content: "\ec42";
}

.icon-shield:before {
  content: "\ec43";
}

.icon-ship:before {
  content: "\ec44";
}

.icon-shop-add:before {
  content: "\ec45";
}

.icon-shop-remove:before {
  content: "\ec46";
}

.icon-shop:before {
  content: "\ec47";
}

.icon-shopping-bag:before {
  content: "\ec48";
}

.icon-shopping-cart:before {
  content: "\ec49";
}

.icon-siacoin-sc:before {
  content: "\ec4a";
}

.icon-sidebar-bottom:before {
  content: "\ec4b";
}

.icon-sidebar-left:before {
  content: "\ec4c";
}

.icon-sidebar-right:before {
  content: "\ec4d";
}

.icon-sidebar-top:before {
  content: "\ec4e";
}

.icon-signpost:before {
  content: "\ec4f";
}

.icon-simcard-1:before {
  content: "\ec50";
}

.icon-simcard-2:before {
  content: "\ec51";
}

.icon-simcard:before {
  content: "\ec52";
}

.icon-size:before {
  content: "\ec53";
}

.icon-slack:before {
  content: "\ec54";
}

.icon-slash:before {
  content: "\ec55";
}

.icon-slider-horizontal-1:before {
  content: "\ec56";
}

.icon-slider-horizontal:before {
  content: "\ec57";
}

.icon-slider-vertical-1:before {
  content: "\ec58";
}

.icon-slider-vertical:before {
  content: "\ec59";
}

.icon-slider:before {
  content: "\ec5a";
}

.icon-smallcaps:before {
  content: "\ec5b";
}

.icon-smart-car:before {
  content: "\ec5c";
}

.icon-smart-home:before {
  content: "\ec5d";
}

.icon-smileys:before {
  content: "\ec5e";
}

.icon-sms-edit:before {
  content: "\ec5f";
}

.icon-sms-notification:before {
  content: "\ec60";
}

.icon-sms-search:before {
  content: "\ec61";
}

.icon-sms-star:before {
  content: "\ec62";
}

.icon-sms-tracking:before {
  content: "\ec63";
}

.icon-sms:before {
  content: "\ec64";
}

.icon-snapchat:before {
  content: "\ec65";
}

.icon-solana-sol:before {
  content: "\ec66";
}

.icon-sort:before {
  content: "\ec67";
}

.icon-sound:before {
  content: "\ec68";
}

.icon-speaker:before {
  content: "\ec69";
}

.icon-speedometer:before {
  content: "\ec6a";
}

.icon-spotify:before {
  content: "\ec6b";
}

.icon-stacks-stx:before {
  content: "\ec6c";
}

.icon-star-1:before {
  content: "\ec6d";
}

.icon-star-slash:before {
  content: "\ec6e";
}

.icon-star:before {
  content: "\ec6f";
}

.icon-status-up:before {
  content: "\ec70";
}

.icon-status:before {
  content: "\ec71";
}

.icon-stellar-xlm:before {
  content: "\ec72";
}

.icon-sticker:before {
  content: "\ec73";
}

.icon-stickynote:before {
  content: "\ec74";
}

.icon-stop-circle:before {
  content: "\ec75";
}

.icon-stop:before {
  content: "\ec76";
}

.icon-story:before {
  content: "\ec77";
}

.icon-strongbox-2:before {
  content: "\ec78";
}

.icon-strongbox:before {
  content: "\ec79";
}

.icon-subtitle:before {
  content: "\ec7a";
}

.icon-sun-1:before {
  content: "\ec7b";
}

.icon-sun-fog:before {
  content: "\ec7c";
}

.icon-sun:before {
  content: "\ec7d";
}

.icon-tag-2:before {
  content: "\ec7e";
}

.icon-tag-cross:before {
  content: "\ec7f";
}

.icon-tag-right:before {
  content: "\ec80";
}

.icon-tag-user:before {
  content: "\ec81";
}

.icon-tag:before {
  content: "\ec82";
}

.icon-task-square:before {
  content: "\ec83";
}

.icon-task:before {
  content: "\ec84";
}

.icon-teacher:before {
  content: "\ec85";
}

.icon-tenx-pay:before {
  content: "\ec86";
}

.icon-tether-usdt:before {
  content: "\ec87";
}

.icon-text-block:before {
  content: "\ec88";
}

.icon-text-bold:before {
  content: "\ec89";
}

.icon-text-italic:before {
  content: "\ec8a";
}

.icon-text-underline:before {
  content: "\ec8b";
}

.icon-text:before {
  content: "\ec8c";
}

.icon-textalign-center:before {
  content: "\ec8d";
}

.icon-textalign-justifycenter:before {
  content: "\ec8e";
}

.icon-textalign-justifyleft:before {
  content: "\ec8f";
}

.icon-textalign-justifyright:before {
  content: "\ec90";
}

.icon-textalign-left:before {
  content: "\ec91";
}

.icon-textalign-right:before {
  content: "\ec92";
}

.icon-the-graph-grt:before {
  content: "\ec93";
}

.icon-theta-theta:before {
  content: "\ec94";
}

.icon-thorchain-rune:before {
  content: "\ec95";
}

.icon-tick-circle:before {
  content: "\ec96";
}

.icon-tick-square:before {
  content: "\ec97";
}

.icon-ticket-2:before {
  content: "\ec98";
}

.icon-ticket-discount:before {
  content: "\ec99";
}

.icon-ticket-expired:before {
  content: "\ec9a";
}

.icon-ticket-star:before {
  content: "\ec9b";
}

.icon-ticket:before {
  content: "\ec9c";
}

.icon-timer-1:before {
  content: "\ec9d";
}

.icon-timer-pause:before {
  content: "\ec9e";
}

.icon-timer-start:before {
  content: "\ec9f";
}

.icon-timer:before {
  content: "\eca0";
}

.icon-toggle-off-circle:before {
  content: "\eca1";
}

.icon-toggle-off:before {
  content: "\eca2";
}

.icon-toggle-on-circle:before {
  content: "\eca3";
}

.icon-toggle-on:before {
  content: "\eca4";
}

.icon-trade:before {
  content: "\eca5";
}

.icon-transaction-minus:before {
  content: "\eca6";
}

.icon-translate:before {
  content: "\eca7";
}

.icon-tree:before {
  content: "\eca8";
}

.icon-trello:before {
  content: "\eca9";
}

.icon-trend-down:before {
  content: "\ecaa";
}

.icon-trend-up:before {
  content: "\ecab";
}

.icon-triangle-1:before {
  content: "\ecac";
}

.icon-triangle:before {
  content: "\ecad";
}

.icon-trontron-trx:before {
  content: "\ecae";
}

.icon-truck-remove:before {
  content: "\ecaf";
}

.icon-truck-tick:before {
  content: "\ecb0";
}

.icon-truck-time:before {
  content: "\ecb1";
}

.icon-trush-square:before {
  content: "\ecb2";
}

.icon-twitch:before {
  content: "\ecb3";
}

.icon-ui8:before {
  content: "\ecb4";
}

.icon-undo:before {
  content: "\ecb5";
}

.icon-unlimited:before {
  content: "\ecb6";
}

.icon-unlock:before {
  content: "\ecb7";
}

.icon-usd-coin-usdc:before {
  content: "\ecb8";
}

.icon-user-add:before {
  content: "\ecb9";
}

.icon-user-cirlce-add:before {
  content: "\ecba";
}

.icon-user-edit:before {
  content: "\ecbb";
}

.icon-user-minus:before {
  content: "\ecbc";
}

.icon-user-octagon:before {
  content: "\ecbd";
}

.icon-user-remove:before {
  content: "\ecbe";
}

.icon-user-search:before {
  content: "\ecbf";
}

.icon-user-square:before {
  content: "\ecc0";
}

.icon-user-tag:before {
  content: "\ecc1";
}

.icon-user-tick:before {
  content: "\ecc2";
}

.icon-user:before {
  content: "\ecc3";
}

.icon-velas-vlx:before {
  content: "\ecc4";
}

.icon-verify:before {
  content: "\ecc5";
}

.icon-vibe-vibe:before {
  content: "\ecc6";
}

.icon-video-add:before {
  content: "\ecc7";
}

.icon-video-circle:before {
  content: "\ecc8";
}

.icon-video-horizontal:before {
  content: "\ecc9";
}

.icon-video-octagon:before {
  content: "\ecca";
}

.icon-video-play:before {
  content: "\eccb";
}

.icon-video-remove:before {
  content: "\eccc";
}

.icon-video-slash:before {
  content: "\eccd";
}

.icon-video-square:before {
  content: "\ecce";
}

.icon-video-tick:before {
  content: "\eccf";
}

.icon-video-time:before {
  content: "\ecd0";
}

.icon-video-vertical:before {
  content: "\ecd1";
}

.icon-video:before {
  content: "\ecd2";
}

.icon-voice-cricle:before {
  content: "\ecd3";
}

.icon-voice-square:before {
  content: "\ecd4";
}

.icon-volume-cross:before {
  content: "\ecd5";
}

.icon-volume-high:before {
  content: "\ecd6";
}

.icon-volume-low-1:before {
  content: "\ecd7";
}

.icon-volume-low:before {
  content: "\ecd8";
}

.icon-volume-mute:before {
  content: "\ecd9";
}

.icon-volume-slash:before {
  content: "\ecda";
}

.icon-volume-up:before {
  content: "\ecdb";
}

.icon-vuesax:before {
  content: "\ecdc";
}

.icon-wallet-1:before {
  content: "\ecdd";
}

.icon-wallet-2:before {
  content: "\ecde";
}

.icon-wallet-3:before {
  content: "\ecdf";
}

.icon-wallet-add-1:before {
  content: "\ece0";
}

.icon-wallet-add:before {
  content: "\ece1";
}

.icon-wallet-check:before {
  content: "\ece2";
}

.icon-wallet-minus:before {
  content: "\ece3";
}

.icon-wallet-money:before {
  content: "\ece4";
}

.icon-wallet-remove:before {
  content: "\ece5";
}

.icon-wallet-search:before {
  content: "\ece6";
}

.icon-wallet:before {
  content: "\ece7";
}

.icon-wanchain-wan-1:before {
  content: "\ece8";
}

.icon-wanchain-wan:before {
  content: "\ece9";
}

.icon-warning-2:before {
  content: "\ecea";
}

.icon-watch-status:before {
  content: "\eceb";
}

.icon-watch:before {
  content: "\ecec";
}

.icon-weight-1:before {
  content: "\eced";
}

.icon-weight:before {
  content: "\ecee";
}

.icon-whatsapp:before {
  content: "\ecef";
}

.icon-wifi-square:before {
  content: "\ecf0";
}

.icon-wifi:before {
  content: "\ecf1";
}

.icon-wind-2:before {
  content: "\ecf2";
}

.icon-wind:before {
  content: "\ecf3";
}

.icon-windows:before {
  content: "\ecf4";
}

.icon-wing-wing:before {
  content: "\ecf5";
}

.icon-woman:before {
  content: "\ecf6";
}

.icon-xd:before {
  content: "\ecf7";
}

.icon-xiaomi:before {
  content: "\ecf8";
}

.icon-xrp-xrp:before {
  content: "\ecf9";
}

.icon-youtube:before {
  content: "\ecfa";
}

.icon-zel-zel:before {
  content: "\ecfb";
}

.icon-zoom:before {
  content: "\ecfc";
}
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.375em;
  border-bottom-right-radius: 0.375em;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select, .react-datepicker__header--middle, .react-datepicker__header--bottom) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__header--middle {
  border-top: 1px solid #aeaeae;
  border-radius: 0;
  margin-top: 4px;
}
.react-datepicker__header--bottom {
  border-bottom: none;
  border-top: 1px solid #aeaeae;
  border-radius: 0 0 0.3rem 0.3rem;
}

.react-datepicker__header-wrapper {
  position: relative;
}
.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 2px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__month-select,
.react-datepicker__year-select,
.react-datepicker__month-year-select {
  background-color: transparent;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  margin-top: 5px;
  padding: 2px 5px;
}
.react-datepicker__month-select:focus-visible,
.react-datepicker__year-select:focus-visible,
.react-datepicker__month-year-select:focus-visible {
  outline: auto 1px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.5em;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.5em;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.375em;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 2.125em / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: 0.208em;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: 0.208em;
}
.react-datepicker__day-name--disabled,
.react-datepicker__day--disabled,
.react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
  color: #fff;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.625em;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__children-container {
  width: 17.25em;
  margin: 0.5em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.react-datepicker-popper-offset {
  margin-top: -0.7em;
}
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}/* Input text */
/* Input label */
.themeDark {
  --theme-surface-100: #253141;
  --theme-surface-200: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  --theme-surface-300: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  --theme-surface-400: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-surface-450: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  --theme-surface-500: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-surface-border: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  --theme-surface-header: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  --theme-primary-100: #34c6e5;
  --theme-primary-80: rgb(11.5275280418%, 75.1579758541%, 88.6685503896%);
  --theme-primary-60: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  --theme-primary-40: rgb(9.1052316123%, 60.2346091275%, 71.0908468191%);
  --theme-primary-20: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  --theme-primary-text-100: #1a1f28;
  --theme-primary-text-80: rgb(12.559714795%, 14.9750445633%, 19.3226381462%);
  --theme-primary-text-60: rgb(14.9233511586%, 17.7932263815%, 22.9590017825%);
  --theme-primary-text-40: rgb(18.0748663102%, 21.550802139%, 27.807486631%);
  --theme-primary-text-20: rgb(22.0142602496%, 26.247771836%, 33.8680926916%);
  --theme-secondary-100: #97dceb;
  --theme-secondary-80: rgb(50.8285895003%, 83.4519291588%, 90.5439595193%);
  --theme-secondary-60: rgb(42.4414927261%, 80.6293485136%, 88.9310562935%);
  --theme-secondary-40: rgb(34.0543959519%, 77.8067678684%, 87.3181530677%);
  --theme-secondary-20: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  --theme-secondary-text-100: #283d42;
  --theme-secondary-text-80: rgb(17.9504254532%, 27.3743988161%, 29.6182019978%);
  --theme-secondary-text-60: rgb(20.2145763966%, 30.8272290048%, 33.3540510544%);
  --theme-secondary-text-40: rgb(23.2334443211%, 35.4310025897%, 38.3351831299%);
  --theme-secondary-text-20: rgb(27.0070292268%, 41.1857195708%, 44.5615982242%);
  --theme-success-100: #6bf2a7;
  --theme-success-80: rgb(32.7682377299%, 94.0945073682%, 60.0243575691%);
  --theme-success-60: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  --theme-success-40: rgb(14.3831445622%, 92.4796005359%, 49.0926805505%);
  --theme-success-20: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  --theme-success-text-100: #203d2d;
  --theme-success-text-80: rgb(14.6135357369%, 27.8570524984%, 20.55028463%);
  --theme-success-text-60: rgb(16.6780518659%, 31.7925363694%, 23.4535104364%);
  --theme-success-text-40: rgb(19.430740038%, 37.0398481973%, 27.3244781784%);
  --theme-success-text-20: rgb(22.871600253%, 43.5989879823%, 32.1631878558%);
  --theme-warning-100: #facc15;
  --theme-warning-80: rgb(94.2603987202%, 75.7305767495%, 2.0141110838%);
  --theme-warning-60: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  --theme-warning-40: rgb(74.678808762%, 59.9983591763%, 1.5957010419%);
  --theme-warning-20: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  --theme-warning-text-100: #3f2511;
  --theme-warning-text-80: rgb(29.4308823529%, 17.2848039216%, 7.9416666667%);
  --theme-warning-text-60: rgb(34.1558823529%, 20.0598039216%, 9.2166666667%);
  --theme-warning-text-40: rgb(40.4558823529%, 23.7598039216%, 10.9166666667%);
  --theme-warning-text-20: rgb(48.3308823529%, 28.3848039216%, 13.0416666667%);
  --theme-error-100: #e74c3c;
  --theme-error-80: rgb(89.4923448832%, 21.6304055869%, 14.6253021757%);
  --theme-error-60: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  --theme-error-40: rgb(74.8992747784%, 15.3639538007%, 9.2183722804%);
  --theme-error-20: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  --theme-error-text-100: #380e0a;
  --theme-error-text-80: rgb(27.0516934046%, 6.7629233512%, 4.8306595365%);
  --theme-error-text-60: rgb(32.1426024955%, 8.0356506239%, 5.7397504456%);
  --theme-error-text-40: rgb(38.9304812834%, 9.7326203209%, 6.9518716578%);
  --theme-error-text-20: rgb(47.4153297683%, 11.8538324421%, 8.4670231729%);
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(13.5762792922%, 44.8828311813%, 96.0315638451%);
  --theme-info-60: rgb(4.3730272597%, 38.8713534194%, 95.2348158776%);
  --theme-info-40: rgb(3.9340028694%, 34.968914395%, 85.6738402678%);
  --theme-info-20: rgb(3.4949784792%, 31.0664753706%, 76.1128646581%);
  --theme-info-text-100: #0f1c31;
  --theme-info-text-80: rgb(7.2886029412%, 13.6053921569%, 23.8094362745%);
  --theme-info-text-60: rgb(8.6948529412%, 16.2303921569%, 28.4031862745%);
  --theme-info-text-40: rgb(10.5698529412%, 19.7303921569%, 34.5281862745%);
  --theme-info-text-20: rgb(12.9136029412%, 24.1053921569%, 42.1844362745%);
  --theme-form-bg-default: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  --theme-form-bg-hover: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-form-bg-disabled: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-dropdown-border-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-border-hover: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  --theme-dropdown-form-text: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  --theme-dropdown-form-label: rgb(68.137254902%, 74.0196078431%, 81.862745098%);
  --theme-dropdown-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-disabled: black;
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #ffffff;
  --theme-text-80: #cccccc;
  --theme-text-60: rgb(65%, 65%, 65%);
  --theme-text-40: rgb(50%, 50%, 50%);
}

/* Input text */
/* Input label */
.themeLight {
  --theme-surface-100: #f8fafc;
  --theme-surface-200: #f8fafc;
  --theme-surface-300: rgb(95.8549019608%, 97.0392156863%, 98.2235294118%);
  --theme-surface-400: rgb(98.6549019608%, 99.0392156863%, 99.4235294118%);
  --theme-surface-450: rgb(90.2549019608%, 93.0392156863%, 95.8235294118%);
  --theme-surface-500: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  --theme-surface-border: rgb(86.0549019608%, 90.0392156863%, 94.0235294118%);
  --theme-surface-header: white;
  --theme-primary-100: #1c91b0;
  --theme-primary-80: rgb(9.8823529412%, 51.1764705882%, 62.1176470588%);
  --theme-primary-60: rgb(8.7843137255%, 45.4901960784%, 55.2156862745%);
  --theme-primary-40: rgb(7.6862745098%, 39.8039215686%, 48.3137254902%);
  --theme-primary-20: rgb(6.0392156863%, 31.2745098039%, 37.9607843137%);
  --theme-primary-text-100: #a2e1f3;
  --theme-primary-text-80: rgb(68.843697479%, 89.9495798319%, 95.9798319328%);
  --theme-primary-text-60: rgb(74.1579831933%, 91.6638655462%, 96.6655462185%);
  --theme-primary-text-40: rgb(81.243697479%, 93.9495798319%, 97.5798319328%);
  --theme-primary-text-20: rgb(90.1008403361%, 96.8067226891%, 98.7226890756%);
  --theme-secondary-100: #2385be;
  --theme-secondary-80: rgb(12.4810457516%, 47.4279738562%, 67.754248366%);
  --theme-secondary-60: rgb(11.2366013072%, 42.6990849673%, 60.9986928105%);
  --theme-secondary-40: rgb(9.9921568627%, 37.9701960784%, 54.2431372549%);
  --theme-secondary-20: rgb(8.1254901961%, 30.8768627451%, 44.1098039216%);
  --theme-secondary-text-100: rgb(146, 208, 223);
  --theme-secondary-text-80: rgb(61.8931998331%, 83.568627451%, 88.8126825198%);
  --theme-secondary-text-60: rgb(66.5314977055%, 85.568627451%, 90.1743846475%);
  --theme-secondary-text-40: rgb(72.7158948686%, 88.2352941176%, 91.9899874844%);
  --theme-secondary-text-20: rgb(80.4463913225%, 91.568627451%, 94.2594910305%);
  --theme-success-100: #047857;
  --theme-success-80: rgb(1.3105629349%, 39.3168880455%, 28.504743833%);
  --theme-success-60: rgb(1.0524984187%, 31.5749525617%, 22.8918406072%);
  --theme-success-40: rgb(0.7944339026%, 23.8330170778%, 17.2789373814%);
  --theme-success-20: rgb(0.4073371284%, 12.220113852%, 8.8595825427%);
  --theme-success-text-100: #c5f9dc;
  --theme-success-text-80: rgb(82.6924019608%, 98.2095588235%, 89.5557598039%);
  --theme-success-text-60: rgb(88.1299019608%, 98.7720588235%, 92.8370098039%);
  --theme-success-text-40: rgb(95.3799019608%, 99.5220588235%, 97.2120098039%);
  --theme-success-text-20: white;
  --theme-warning-100: #b45309;
  --theme-warning-80: rgb(62.9691876751%, 29.0357920946%, 3.1484593838%);
  --theme-warning-60: rgb(55.350140056%, 25.5225645814%, 2.7675070028%);
  --theme-warning-40: rgb(47.731092437%, 22.0093370682%, 2.3865546218%);
  --theme-warning-20: rgb(36.3025210084%, 16.7394957983%, 1.8151260504%);
  --theme-warning-text-100: #ffc69a;
  --theme-warning-text-80: rgb(100%, 81.0331974374%, 66.3921568627%);
  --theme-warning-text-60: rgb(100%, 84.4193360513%, 72.3921568627%);
  --theme-warning-text-40: rgb(100%, 88.9341875364%, 80.3921568627%);
  --theme-warning-text-20: rgb(100%, 94.5777518928%, 90.3921568627%);
  --theme-error-100: #b91c1c;
  --theme-error-80: rgb(65.6006628003%, 9.9287489644%, 9.9287489644%);
  --theme-error-60: rgb(58.6523059928%, 8.8771057719%, 8.8771057719%);
  --theme-error-40: rgb(51.7039491853%, 7.8254625794%, 7.8254625794%);
  --theme-error-20: rgb(41.281413974%, 6.2479977907%, 6.2479977907%);
  --theme-error-text-100: #ffc1c1;
  --theme-error-text-80: rgb(100%, 81.6862745098%, 81.6862745098%);
  --theme-error-text-60: rgb(100%, 87.6862745098%, 87.6862745098%);
  --theme-error-text-40: #fff4f4;
  --theme-error-text-20: white;
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(15.4884744142%, 46.1023433764%, 96.1193687231%);
  --theme-info-60: rgb(7.8396939264%, 41.2242945959%, 95.7681492109%);
  --theme-info-40: rgb(4.1974175036%, 37.3103778097%, 91.4104256337%);
  --theme-info-20: rgb(3.6705882353%, 32.6274509804%, 79.937254902%);
  --theme-info-text-100: #acccff;
  --theme-info-text-80: rgb(73.4509803922%, 83.686746988%, 100%);
  --theme-info-text-60: rgb(79.4509803922%, 87.3734939759%, 100%);
  --theme-info-text-40: rgb(87.4509803922%, 92.2891566265%, 100%);
  --theme-info-text-20: rgb(97.4509803922%, 98.4337349398%, 100%);
  --theme-form-bg-default: #f8fafc;
  --theme-form-bg-hover: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-form-bg-disabled: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-bg: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-hover: rgb(76.2549019608%, 83.0392156863%, 89.8235294118%);
  --theme-dropdown-form-text: rgb(10.8235294118%, 18.0392156863%, 25.2549019608%);
  --theme-dropdown-form-label: rgb(28.8235294118%, 48.0392156863%, 67.2549019608%);
  --theme-dropdown-bg: #f8fafc;
  --theme-dropdown-disabled: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #1e293a;
  --theme-text-80: rgb(18.5828877005%, 25.3966131907%, 35.926916221%);
  --theme-text-60: rgb(21.9919786096%, 30.0557040998%, 42.5178253119%);
  --theme-text-40: rgb(25.4010695187%, 34.7147950089%, 49.1087344029%);
}

.ai-compliance-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.ai-compliance-page__idle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 16px;
  padding: 24px;
}
.ai-compliance-page__description {
  max-width: 380px;
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.6;
  margin: 0;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.ai-compliance-page__error {
  font-size: 0.85rem;
  color: #e74c3c;
  color: var(--theme-error-100);
  margin: 0;
}
.ai-compliance-page__start-btn {
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
  color: #1a1f28;
  color: var(--theme-primary-text-100);
  padding: 12px 32px;
  border-radius: 6px;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.ai-compliance-page__start-btn:hover {
  opacity: 0.85;
}
.ai-compliance-page__processing {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.ai-compliance-page__content {
  flex: 1;
  overflow-y: auto;
}

.compliance-nav-bar {
  display: flex;
  align-items: center;
  height: 48px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-bottom: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  padding: 0 24px;
}
.compliance-nav-bar__tabs {
  display: flex;
  height: 100%;
  gap: 24px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.compliance-nav-bar__tabs::-webkit-scrollbar {
  display: none;
}
.compliance-nav-bar__tab {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 4px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  white-space: nowrap;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
  transition: color 0.2s ease;
}
.compliance-nav-bar__tab:hover {
  color: #cccccc;
  color: var(--theme-text-80);
}
.compliance-nav-bar__tab--active {
  color: #34c6e5;
  color: var(--theme-primary-100);
}
.compliance-nav-bar__tab--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #34c6e5;
  background-color: var(--theme-primary-100);
}

@keyframes compliance-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes compliance-enterItem {
  0% {
    opacity: 0;
    transform: translateY(8px) translateX(-8px) scale(0.92);
    filter: blur(2px);
  }
  60% {
    opacity: 0.8;
    transform: translateY(-1px) translateX(0) scale(1.01);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
    filter: blur(0);
  }
}
@keyframes compliance-dotBreathe {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.25;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
}
.compliance-processing-checklist {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  z-index: 1;
}
.compliance-processing-checklist__steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 320px;
}
.compliance-processing-checklist__step {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  will-change: transform, opacity;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease;
  animation: compliance-enterItem 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.compliance-processing-checklist__step--active {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
  opacity: 1;
  transform: scale(1);
}
.compliance-processing-checklist__step--idle {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  opacity: 0.45;
  transform: scale(0.97);
}
.compliance-processing-checklist__step--exiting {
  opacity: 0 !important;
  transform: translateY(-4px) translateX(10px) scale(0.88) !important;
  filter: blur(1px);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1), transform 0.3s cubic-bezier(0.4, 0, 1, 1), filter 0.3s ease !important;
}
.compliance-processing-checklist__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.compliance-processing-checklist__spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: compliance-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.compliance-processing-checklist__dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
  animation: compliance-dotBreathe 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.compliance-processing-checklist__label {
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.compliance-processing-checklist__live-region {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.scrub-image-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  opacity: 0.1;
  filter: blur(8px);
}

.compliance-tab-panel {
  padding: 16px 20px;
}
.compliance-tab-panel__summary {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 0.9rem;
  margin: 0 0 16px;
}
.compliance-tab-panel__placeholder {
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  font-size: 0.85rem;
  font-style: italic;
}
.compliance-tab-panel__overview {
  padding: 20px 24px;
}
.compliance-tab-panel__overall-score {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 24px;
}
.compliance-tab-panel__score-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__score-label {
  font-size: 0.85rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__regenerate-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid;
  background: none;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 500;
  transition: background-color 0.15s ease, color 0.15s ease;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__regenerate-btn:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__regenerate-btn .icon {
  font-size: 0.85rem;
  line-height: 1;
}
.compliance-tab-panel__category-summaries {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.compliance-tab-panel__category-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__category-summary .icon {
  line-height: 13px;
  font-size: 1rem;
}
.compliance-tab-panel__category-summary--compliant {
  border-left: 3px solid;
  border-left-color: #6bf2a7;
  border-left-color: var(--theme-success-100);
}
.compliance-tab-panel__category-summary--non-compliant {
  border-left: 3px solid;
  border-left-color: #e74c3c;
  border-left-color: var(--theme-error-100);
}
.compliance-tab-panel__category-summary--non-compliant .icon {
  font-size: 0.7rem;
}
.compliance-tab-panel__category-name {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__category-icon {
  font-size: 1rem;
  font-weight: 700;
}
.compliance-tab-panel__category-desc {
  width: 100%;
  margin: 4px 0 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__summary-block {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__summary-text {
  font-size: 0.85rem;
  line-height: 1.5;
  color: #cccccc;
  color: var(--theme-text-80);
}
.compliance-tab-panel__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.compliance-tab-panel__item:not(:last-child) {
  border-bottom: 1px solid;
  border-bottom-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-bottom-color: var(--theme-surface-border);
}
.compliance-tab-panel__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.compliance-tab-panel__icon .icon {
  line-height: 13px;
  font-size: 1rem;
}
.compliance-tab-panel__icon--compliant {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.compliance-tab-panel__icon--non-compliant {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.compliance-tab-panel__icon--non-compliant .icon {
  font-size: 0.7rem;
}
.compliance-tab-panel__item-label {
  flex-shrink: 0;
  width: 180px;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  line-height: 1.4;
}
.compliance-tab-panel__item-value {
  flex: 1;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__date-window-info {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-top: 16px;
  border-radius: 8px;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-tab-panel__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.compliance-tab-panel__badge--active {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  color: #fff;
}
.compliance-tab-panel__badge--warning {
  background-color: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  background-color: var(--theme-warning-80);
  color: #fff;
}
.compliance-tab-panel__badge--expired {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
  color: #fff;
}
.compliance-tab-panel__date-range {
  font-size: 0.8rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-tab-panel__actors {
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  overflow: hidden;
}
.compliance-tab-panel__actors-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: none;
  border: none;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  color: #cccccc;
  color: var(--theme-text-80);
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  transition: background-color 0.15s ease;
}
.compliance-tab-panel__actors-toggle:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.compliance-tab-panel__actors-toggle .icon {
  font-size: 0.75rem;
}
.compliance-tab-panel__actors-toggle .icon:last-child {
  margin-left: auto;
}
.compliance-tab-panel__actors-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.compliance-tab-panel__actor-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background-color: #253141;
  background-color: var(--theme-surface-100);
  border-top: 1px solid;
  border-top-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-top-color: var(--theme-surface-border);
}
.compliance-tab-panel__actor-name {
  font-size: 0.8rem;
  font-weight: 500;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-tab-panel__actor-role {
  font-size: 0.75rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}

.ad-compliance-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

.ad-compliance-panel__summary-cards {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.ad-compliance-panel__sections {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.claim-analysis-panel {
  padding: 24px 32px;
  max-width: 900px;
  margin: 0 auto;
}
.claim-analysis-panel__title {
  margin: 0 0 24px 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--theme-text-100);
}
.claim-analysis-panel__segments {
  display: flex;
  flex-direction: column;
}

.claim-card {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 8px;
}
.claim-card__header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.claim-card__status {
  width: 10px;
  height: 10px;
  min-width: 10px;
  border-radius: 50%;
  margin-top: 6px;
}
.claim-card__status--verified-true {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
}
.claim-card__status--verified-false {
  background-color: #e74c3c;
  background-color: var(--theme-error-100);
}
.claim-card__status--unverified {
  background-color: rgb(50%, 50%, 50%);
  background-color: var(--theme-text-40);
}
.claim-card__text {
  margin: 0;
  font-size: 0.9rem;
  color: #ffffff;
  color: var(--theme-text-100);
  line-height: 1.4;
}
.claim-card__details {
  margin-top: 10px;
  padding-left: 20px;
}
.claim-card__unverified-note {
  margin: 0;
  font-size: 0.8rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-style: italic;
  line-height: 1.4;
}
.claim-card__sources {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.claim-card__source {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.claim-card__source-title {
  font-size: 0.8rem;
  color: #34c6e5;
  color: var(--theme-primary-100);
  font-weight: 500;
}
.claim-card__source-relevance {
  font-size: 0.75rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  line-height: 1.4;
}

.compliance-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid;
  cursor: pointer;
  transition: background-color 0.15s ease;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-item:hover {
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.compliance-item:focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: #34c6e5;
  outline-color: var(--theme-primary-100);
}
.compliance-item__thumbnail {
  width: 64px;
  height: 40px;
  min-width: 64px;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-item__thumbnail-text {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
}
.compliance-item__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.compliance-item__text {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-item__timecode {
  font-size: 0.75rem;
  font-family: monospace;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.compliance-section {
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.compliance-section__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: none;
  border: none;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease;
  color: #ffffff;
  color: var(--theme-text-100);
}
.compliance-section__header:hover {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.compliance-section__title {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.compliance-section__toggle {
  font-size: 1rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.compliance-section__content {
  padding: 0 20px 16px;
}
.compliance-section__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compliance-section__all-passed {
  padding: 12px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6bf2a7;
  color: var(--theme-success-100);
}

.detail-modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.detail-modal {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 12px;
  padding: 32px;
  max-width: 700px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
}
.detail-modal__close-btn {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  font-size: 1.25rem;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: color 0.2s, background-color 0.2s;
}
.detail-modal__close-btn:hover {
  color: #ffffff;
  color: var(--theme-text-100);
  background-color: #253141;
  background-color: var(--theme-surface-100);
}
.detail-modal__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.detail-modal__image-container {
  width: 100%;
}
.detail-modal__frame-image {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.detail-modal__bounding-box {
  border: 2px solid;
  border-color: #e74c3c;
  border-color: var(--theme-error-100);
  border-radius: 4px;
  padding: 8px 16px;
  position: absolute;
  bottom: 15%;
  left: 10%;
  max-width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-modal__text-label {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-modal__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.detail-modal__category {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #34c6e5;
  color: var(--theme-primary-100);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.detail-modal__timecode {
  margin: 0;
  font-size: 0.875rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.detail-modal__text-content {
  margin: 0;
  font-size: 0.875rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.detail-modal__detected-text {
  color: #ffffff;
  color: var(--theme-text-100);
  font-style: italic;
}
.detail-modal__measurements {
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.detail-modal__measurement-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-modal__measurement-label {
  font-size: 0.875rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.detail-modal__measurement-value {
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  color: var(--theme-text-100);
}
.detail-modal__measurement-value--failing {
  color: #e74c3c;
  color: var(--theme-error-100);
}
.detail-modal__failure-reason {
  margin: 0;
  font-size: 0.8rem;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  line-height: 1.5;
  border-top: 1px solid;
  border-top-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-top-color: var(--theme-surface-border);
  padding-top: 12px;
}

.summary-card {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 8px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.summary-card__title {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.summary-card__fraction {
  font-size: 1.5rem;
  font-weight: 700;
}
.summary-card__fraction--success {
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.summary-card__fraction--error {
  color: #e74c3c;
  color: var(--theme-error-100);
}

.video-segment {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.video-segment__header {
  background-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  background-color: var(--theme-surface-header);
  padding: 12px 20px;
  border-bottom: 1px solid;
  border-bottom-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-bottom-color: var(--theme-surface-border);
}
.video-segment__time-range {
  font-size: 0.95rem;
  font-weight: 600;
  color: #34c6e5;
  color: var(--theme-primary-100);
  font-family: monospace;
}
.video-segment__body {
  padding: 16px 20px;
}
.video-segment__section {
  margin-bottom: 16px;
}
.video-segment__section:last-child {
  margin-bottom: 0;
}
.video-segment__label {
  margin: 0 0 6px 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgb(50%, 50%, 50%);
  color: var(--theme-text-40);
  letter-spacing: 0.5px;
}
.video-segment__transcription {
  margin: 0;
  font-size: 0.85rem;
  color: #cccccc;
  color: var(--theme-text-80);
  line-height: 1.5;
}
.video-segment__on-screen-text {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.video-segment__on-screen-text li {
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 0.8rem;
  color: #cccccc;
  color: var(--theme-text-80);
}
.video-segment__visual-analysis {
  margin: 0;
  font-size: 0.85rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
  line-height: 1.5;
  font-style: italic;
}
.video-segment__claims {
  display: flex;
  flex-direction: column;
  gap: 8px;
}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
/* Input text */
/* Input label */
.themeDark {
  --theme-surface-100: #253141;
  --theme-surface-200: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  --theme-surface-300: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  --theme-surface-400: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-surface-450: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  --theme-surface-500: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-surface-border: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  --theme-surface-header: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  --theme-primary-100: #34c6e5;
  --theme-primary-80: rgb(11.5275280418%, 75.1579758541%, 88.6685503896%);
  --theme-primary-60: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  --theme-primary-40: rgb(9.1052316123%, 60.2346091275%, 71.0908468191%);
  --theme-primary-20: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  --theme-primary-text-100: #1a1f28;
  --theme-primary-text-80: rgb(12.559714795%, 14.9750445633%, 19.3226381462%);
  --theme-primary-text-60: rgb(14.9233511586%, 17.7932263815%, 22.9590017825%);
  --theme-primary-text-40: rgb(18.0748663102%, 21.550802139%, 27.807486631%);
  --theme-primary-text-20: rgb(22.0142602496%, 26.247771836%, 33.8680926916%);
  --theme-secondary-100: #97dceb;
  --theme-secondary-80: rgb(50.8285895003%, 83.4519291588%, 90.5439595193%);
  --theme-secondary-60: rgb(42.4414927261%, 80.6293485136%, 88.9310562935%);
  --theme-secondary-40: rgb(34.0543959519%, 77.8067678684%, 87.3181530677%);
  --theme-secondary-20: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  --theme-secondary-text-100: #283d42;
  --theme-secondary-text-80: rgb(17.9504254532%, 27.3743988161%, 29.6182019978%);
  --theme-secondary-text-60: rgb(20.2145763966%, 30.8272290048%, 33.3540510544%);
  --theme-secondary-text-40: rgb(23.2334443211%, 35.4310025897%, 38.3351831299%);
  --theme-secondary-text-20: rgb(27.0070292268%, 41.1857195708%, 44.5615982242%);
  --theme-success-100: #6bf2a7;
  --theme-success-80: rgb(32.7682377299%, 94.0945073682%, 60.0243575691%);
  --theme-success-60: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  --theme-success-40: rgb(14.3831445622%, 92.4796005359%, 49.0926805505%);
  --theme-success-20: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  --theme-success-text-100: #203d2d;
  --theme-success-text-80: rgb(14.6135357369%, 27.8570524984%, 20.55028463%);
  --theme-success-text-60: rgb(16.6780518659%, 31.7925363694%, 23.4535104364%);
  --theme-success-text-40: rgb(19.430740038%, 37.0398481973%, 27.3244781784%);
  --theme-success-text-20: rgb(22.871600253%, 43.5989879823%, 32.1631878558%);
  --theme-warning-100: #facc15;
  --theme-warning-80: rgb(94.2603987202%, 75.7305767495%, 2.0141110838%);
  --theme-warning-60: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  --theme-warning-40: rgb(74.678808762%, 59.9983591763%, 1.5957010419%);
  --theme-warning-20: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  --theme-warning-text-100: #3f2511;
  --theme-warning-text-80: rgb(29.4308823529%, 17.2848039216%, 7.9416666667%);
  --theme-warning-text-60: rgb(34.1558823529%, 20.0598039216%, 9.2166666667%);
  --theme-warning-text-40: rgb(40.4558823529%, 23.7598039216%, 10.9166666667%);
  --theme-warning-text-20: rgb(48.3308823529%, 28.3848039216%, 13.0416666667%);
  --theme-error-100: #e74c3c;
  --theme-error-80: rgb(89.4923448832%, 21.6304055869%, 14.6253021757%);
  --theme-error-60: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  --theme-error-40: rgb(74.8992747784%, 15.3639538007%, 9.2183722804%);
  --theme-error-20: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  --theme-error-text-100: #380e0a;
  --theme-error-text-80: rgb(27.0516934046%, 6.7629233512%, 4.8306595365%);
  --theme-error-text-60: rgb(32.1426024955%, 8.0356506239%, 5.7397504456%);
  --theme-error-text-40: rgb(38.9304812834%, 9.7326203209%, 6.9518716578%);
  --theme-error-text-20: rgb(47.4153297683%, 11.8538324421%, 8.4670231729%);
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(13.5762792922%, 44.8828311813%, 96.0315638451%);
  --theme-info-60: rgb(4.3730272597%, 38.8713534194%, 95.2348158776%);
  --theme-info-40: rgb(3.9340028694%, 34.968914395%, 85.6738402678%);
  --theme-info-20: rgb(3.4949784792%, 31.0664753706%, 76.1128646581%);
  --theme-info-text-100: #0f1c31;
  --theme-info-text-80: rgb(7.2886029412%, 13.6053921569%, 23.8094362745%);
  --theme-info-text-60: rgb(8.6948529412%, 16.2303921569%, 28.4031862745%);
  --theme-info-text-40: rgb(10.5698529412%, 19.7303921569%, 34.5281862745%);
  --theme-info-text-20: rgb(12.9136029412%, 24.1053921569%, 42.1844362745%);
  --theme-form-bg-default: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  --theme-form-bg-hover: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-form-bg-disabled: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-dropdown-border-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-border-hover: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  --theme-dropdown-form-text: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  --theme-dropdown-form-label: rgb(68.137254902%, 74.0196078431%, 81.862745098%);
  --theme-dropdown-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-disabled: black;
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #ffffff;
  --theme-text-80: #cccccc;
  --theme-text-60: rgb(65%, 65%, 65%);
  --theme-text-40: rgb(50%, 50%, 50%);
}

/* Input text */
/* Input label */
.themeLight {
  --theme-surface-100: #f8fafc;
  --theme-surface-200: #f8fafc;
  --theme-surface-300: rgb(95.8549019608%, 97.0392156863%, 98.2235294118%);
  --theme-surface-400: rgb(98.6549019608%, 99.0392156863%, 99.4235294118%);
  --theme-surface-450: rgb(90.2549019608%, 93.0392156863%, 95.8235294118%);
  --theme-surface-500: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  --theme-surface-border: rgb(86.0549019608%, 90.0392156863%, 94.0235294118%);
  --theme-surface-header: white;
  --theme-primary-100: #1c91b0;
  --theme-primary-80: rgb(9.8823529412%, 51.1764705882%, 62.1176470588%);
  --theme-primary-60: rgb(8.7843137255%, 45.4901960784%, 55.2156862745%);
  --theme-primary-40: rgb(7.6862745098%, 39.8039215686%, 48.3137254902%);
  --theme-primary-20: rgb(6.0392156863%, 31.2745098039%, 37.9607843137%);
  --theme-primary-text-100: #a2e1f3;
  --theme-primary-text-80: rgb(68.843697479%, 89.9495798319%, 95.9798319328%);
  --theme-primary-text-60: rgb(74.1579831933%, 91.6638655462%, 96.6655462185%);
  --theme-primary-text-40: rgb(81.243697479%, 93.9495798319%, 97.5798319328%);
  --theme-primary-text-20: rgb(90.1008403361%, 96.8067226891%, 98.7226890756%);
  --theme-secondary-100: #2385be;
  --theme-secondary-80: rgb(12.4810457516%, 47.4279738562%, 67.754248366%);
  --theme-secondary-60: rgb(11.2366013072%, 42.6990849673%, 60.9986928105%);
  --theme-secondary-40: rgb(9.9921568627%, 37.9701960784%, 54.2431372549%);
  --theme-secondary-20: rgb(8.1254901961%, 30.8768627451%, 44.1098039216%);
  --theme-secondary-text-100: rgb(146, 208, 223);
  --theme-secondary-text-80: rgb(61.8931998331%, 83.568627451%, 88.8126825198%);
  --theme-secondary-text-60: rgb(66.5314977055%, 85.568627451%, 90.1743846475%);
  --theme-secondary-text-40: rgb(72.7158948686%, 88.2352941176%, 91.9899874844%);
  --theme-secondary-text-20: rgb(80.4463913225%, 91.568627451%, 94.2594910305%);
  --theme-success-100: #047857;
  --theme-success-80: rgb(1.3105629349%, 39.3168880455%, 28.504743833%);
  --theme-success-60: rgb(1.0524984187%, 31.5749525617%, 22.8918406072%);
  --theme-success-40: rgb(0.7944339026%, 23.8330170778%, 17.2789373814%);
  --theme-success-20: rgb(0.4073371284%, 12.220113852%, 8.8595825427%);
  --theme-success-text-100: #c5f9dc;
  --theme-success-text-80: rgb(82.6924019608%, 98.2095588235%, 89.5557598039%);
  --theme-success-text-60: rgb(88.1299019608%, 98.7720588235%, 92.8370098039%);
  --theme-success-text-40: rgb(95.3799019608%, 99.5220588235%, 97.2120098039%);
  --theme-success-text-20: white;
  --theme-warning-100: #b45309;
  --theme-warning-80: rgb(62.9691876751%, 29.0357920946%, 3.1484593838%);
  --theme-warning-60: rgb(55.350140056%, 25.5225645814%, 2.7675070028%);
  --theme-warning-40: rgb(47.731092437%, 22.0093370682%, 2.3865546218%);
  --theme-warning-20: rgb(36.3025210084%, 16.7394957983%, 1.8151260504%);
  --theme-warning-text-100: #ffc69a;
  --theme-warning-text-80: rgb(100%, 81.0331974374%, 66.3921568627%);
  --theme-warning-text-60: rgb(100%, 84.4193360513%, 72.3921568627%);
  --theme-warning-text-40: rgb(100%, 88.9341875364%, 80.3921568627%);
  --theme-warning-text-20: rgb(100%, 94.5777518928%, 90.3921568627%);
  --theme-error-100: #b91c1c;
  --theme-error-80: rgb(65.6006628003%, 9.9287489644%, 9.9287489644%);
  --theme-error-60: rgb(58.6523059928%, 8.8771057719%, 8.8771057719%);
  --theme-error-40: rgb(51.7039491853%, 7.8254625794%, 7.8254625794%);
  --theme-error-20: rgb(41.281413974%, 6.2479977907%, 6.2479977907%);
  --theme-error-text-100: #ffc1c1;
  --theme-error-text-80: rgb(100%, 81.6862745098%, 81.6862745098%);
  --theme-error-text-60: rgb(100%, 87.6862745098%, 87.6862745098%);
  --theme-error-text-40: #fff4f4;
  --theme-error-text-20: white;
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(15.4884744142%, 46.1023433764%, 96.1193687231%);
  --theme-info-60: rgb(7.8396939264%, 41.2242945959%, 95.7681492109%);
  --theme-info-40: rgb(4.1974175036%, 37.3103778097%, 91.4104256337%);
  --theme-info-20: rgb(3.6705882353%, 32.6274509804%, 79.937254902%);
  --theme-info-text-100: #acccff;
  --theme-info-text-80: rgb(73.4509803922%, 83.686746988%, 100%);
  --theme-info-text-60: rgb(79.4509803922%, 87.3734939759%, 100%);
  --theme-info-text-40: rgb(87.4509803922%, 92.2891566265%, 100%);
  --theme-info-text-20: rgb(97.4509803922%, 98.4337349398%, 100%);
  --theme-form-bg-default: #f8fafc;
  --theme-form-bg-hover: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-form-bg-disabled: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-bg: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-hover: rgb(76.2549019608%, 83.0392156863%, 89.8235294118%);
  --theme-dropdown-form-text: rgb(10.8235294118%, 18.0392156863%, 25.2549019608%);
  --theme-dropdown-form-label: rgb(28.8235294118%, 48.0392156863%, 67.2549019608%);
  --theme-dropdown-bg: #f8fafc;
  --theme-dropdown-disabled: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #1e293a;
  --theme-text-80: rgb(18.5828877005%, 25.3966131907%, 35.926916221%);
  --theme-text-60: rgb(21.9919786096%, 30.0557040998%, 42.5178253119%);
  --theme-text-40: rgb(25.4010695187%, 34.7147950089%, 49.1087344029%);
}

.leave-search-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.leave-search-modal {
  width: 384px;
  height: 174px;
  border-radius: 16px;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  box-shadow: 0px 4px 10px;
  box-shadow: var(--theme-surface-20);
  padding: 0px;
  margin: 0px;
  position: relative;
}
.leave-search-modal .leave-search-modal-header {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  margin: 0px;
  padding: 0px;
  height: 50px;
  border-radius: 16px 16px 0px 0px;
}
.leave-search-modal .leave-search-modal-header h2 {
  padding: 16px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.leave-search-modal .leave-search-modal-header .leave-search-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  color: #ffffff;
  color: var(--theme-text-100);
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.leave-search-modal .leave-search-modal-header .leave-search-modal-close:hover {
  opacity: 0.8;
}
.leave-search-modal p {
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--theme-text-color-1);
}
.leave-search-modal .leave-search-modal-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding-right: 16px;
}
.leave-search-modal .leave-search-modal-actions .ui.button.cancel-button {
  box-sizing: border-box;
  min-width: 72px;
  height: 32px;
  padding: 0 16px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 4px;
  background-color: transparent;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-transform: none;
  background: transparent;
  color: #e74c3c;
  color: var(--theme-error-100);
}
.leave-search-modal .leave-search-modal-actions .ui.button.cancel-button:hover {
  color: var(--theme-text-color-1);
  background-color: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  background-color: var(--theme-error-80);
}
.leave-search-modal .leave-search-modal-actions .ui.button.leave-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  min-width: 102px;
  height: 32px;
  border: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  border-radius: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-transform: none;
  background: transparent;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.leave-search-modal .leave-search-modal-actions .ui.button.leave-button:hover {
  color: var(--theme-text-color-1);
  background-color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  background-color: var(--theme-success-80);
}/* Input text */
/* Input label */
.themeDark {
  --theme-surface-100: #253141;
  --theme-surface-200: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  --theme-surface-300: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  --theme-surface-400: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-surface-450: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  --theme-surface-500: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-surface-border: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  --theme-surface-header: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  --theme-primary-100: #34c6e5;
  --theme-primary-80: rgb(11.5275280418%, 75.1579758541%, 88.6685503896%);
  --theme-primary-60: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  --theme-primary-40: rgb(9.1052316123%, 60.2346091275%, 71.0908468191%);
  --theme-primary-20: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  --theme-primary-text-100: #1a1f28;
  --theme-primary-text-80: rgb(12.559714795%, 14.9750445633%, 19.3226381462%);
  --theme-primary-text-60: rgb(14.9233511586%, 17.7932263815%, 22.9590017825%);
  --theme-primary-text-40: rgb(18.0748663102%, 21.550802139%, 27.807486631%);
  --theme-primary-text-20: rgb(22.0142602496%, 26.247771836%, 33.8680926916%);
  --theme-secondary-100: #97dceb;
  --theme-secondary-80: rgb(50.8285895003%, 83.4519291588%, 90.5439595193%);
  --theme-secondary-60: rgb(42.4414927261%, 80.6293485136%, 88.9310562935%);
  --theme-secondary-40: rgb(34.0543959519%, 77.8067678684%, 87.3181530677%);
  --theme-secondary-20: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  --theme-secondary-text-100: #283d42;
  --theme-secondary-text-80: rgb(17.9504254532%, 27.3743988161%, 29.6182019978%);
  --theme-secondary-text-60: rgb(20.2145763966%, 30.8272290048%, 33.3540510544%);
  --theme-secondary-text-40: rgb(23.2334443211%, 35.4310025897%, 38.3351831299%);
  --theme-secondary-text-20: rgb(27.0070292268%, 41.1857195708%, 44.5615982242%);
  --theme-success-100: #6bf2a7;
  --theme-success-80: rgb(32.7682377299%, 94.0945073682%, 60.0243575691%);
  --theme-success-60: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  --theme-success-40: rgb(14.3831445622%, 92.4796005359%, 49.0926805505%);
  --theme-success-20: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  --theme-success-text-100: #203d2d;
  --theme-success-text-80: rgb(14.6135357369%, 27.8570524984%, 20.55028463%);
  --theme-success-text-60: rgb(16.6780518659%, 31.7925363694%, 23.4535104364%);
  --theme-success-text-40: rgb(19.430740038%, 37.0398481973%, 27.3244781784%);
  --theme-success-text-20: rgb(22.871600253%, 43.5989879823%, 32.1631878558%);
  --theme-warning-100: #facc15;
  --theme-warning-80: rgb(94.2603987202%, 75.7305767495%, 2.0141110838%);
  --theme-warning-60: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  --theme-warning-40: rgb(74.678808762%, 59.9983591763%, 1.5957010419%);
  --theme-warning-20: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  --theme-warning-text-100: #3f2511;
  --theme-warning-text-80: rgb(29.4308823529%, 17.2848039216%, 7.9416666667%);
  --theme-warning-text-60: rgb(34.1558823529%, 20.0598039216%, 9.2166666667%);
  --theme-warning-text-40: rgb(40.4558823529%, 23.7598039216%, 10.9166666667%);
  --theme-warning-text-20: rgb(48.3308823529%, 28.3848039216%, 13.0416666667%);
  --theme-error-100: #e74c3c;
  --theme-error-80: rgb(89.4923448832%, 21.6304055869%, 14.6253021757%);
  --theme-error-60: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  --theme-error-40: rgb(74.8992747784%, 15.3639538007%, 9.2183722804%);
  --theme-error-20: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  --theme-error-text-100: #380e0a;
  --theme-error-text-80: rgb(27.0516934046%, 6.7629233512%, 4.8306595365%);
  --theme-error-text-60: rgb(32.1426024955%, 8.0356506239%, 5.7397504456%);
  --theme-error-text-40: rgb(38.9304812834%, 9.7326203209%, 6.9518716578%);
  --theme-error-text-20: rgb(47.4153297683%, 11.8538324421%, 8.4670231729%);
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(13.5762792922%, 44.8828311813%, 96.0315638451%);
  --theme-info-60: rgb(4.3730272597%, 38.8713534194%, 95.2348158776%);
  --theme-info-40: rgb(3.9340028694%, 34.968914395%, 85.6738402678%);
  --theme-info-20: rgb(3.4949784792%, 31.0664753706%, 76.1128646581%);
  --theme-info-text-100: #0f1c31;
  --theme-info-text-80: rgb(7.2886029412%, 13.6053921569%, 23.8094362745%);
  --theme-info-text-60: rgb(8.6948529412%, 16.2303921569%, 28.4031862745%);
  --theme-info-text-40: rgb(10.5698529412%, 19.7303921569%, 34.5281862745%);
  --theme-info-text-20: rgb(12.9136029412%, 24.1053921569%, 42.1844362745%);
  --theme-form-bg-default: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  --theme-form-bg-hover: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-form-bg-disabled: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-dropdown-border-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-border-hover: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  --theme-dropdown-form-text: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  --theme-dropdown-form-label: rgb(68.137254902%, 74.0196078431%, 81.862745098%);
  --theme-dropdown-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-disabled: black;
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #ffffff;
  --theme-text-80: #cccccc;
  --theme-text-60: rgb(65%, 65%, 65%);
  --theme-text-40: rgb(50%, 50%, 50%);
}

/* Input text */
/* Input label */
.themeLight {
  --theme-surface-100: #f8fafc;
  --theme-surface-200: #f8fafc;
  --theme-surface-300: rgb(95.8549019608%, 97.0392156863%, 98.2235294118%);
  --theme-surface-400: rgb(98.6549019608%, 99.0392156863%, 99.4235294118%);
  --theme-surface-450: rgb(90.2549019608%, 93.0392156863%, 95.8235294118%);
  --theme-surface-500: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  --theme-surface-border: rgb(86.0549019608%, 90.0392156863%, 94.0235294118%);
  --theme-surface-header: white;
  --theme-primary-100: #1c91b0;
  --theme-primary-80: rgb(9.8823529412%, 51.1764705882%, 62.1176470588%);
  --theme-primary-60: rgb(8.7843137255%, 45.4901960784%, 55.2156862745%);
  --theme-primary-40: rgb(7.6862745098%, 39.8039215686%, 48.3137254902%);
  --theme-primary-20: rgb(6.0392156863%, 31.2745098039%, 37.9607843137%);
  --theme-primary-text-100: #a2e1f3;
  --theme-primary-text-80: rgb(68.843697479%, 89.9495798319%, 95.9798319328%);
  --theme-primary-text-60: rgb(74.1579831933%, 91.6638655462%, 96.6655462185%);
  --theme-primary-text-40: rgb(81.243697479%, 93.9495798319%, 97.5798319328%);
  --theme-primary-text-20: rgb(90.1008403361%, 96.8067226891%, 98.7226890756%);
  --theme-secondary-100: #2385be;
  --theme-secondary-80: rgb(12.4810457516%, 47.4279738562%, 67.754248366%);
  --theme-secondary-60: rgb(11.2366013072%, 42.6990849673%, 60.9986928105%);
  --theme-secondary-40: rgb(9.9921568627%, 37.9701960784%, 54.2431372549%);
  --theme-secondary-20: rgb(8.1254901961%, 30.8768627451%, 44.1098039216%);
  --theme-secondary-text-100: rgb(146, 208, 223);
  --theme-secondary-text-80: rgb(61.8931998331%, 83.568627451%, 88.8126825198%);
  --theme-secondary-text-60: rgb(66.5314977055%, 85.568627451%, 90.1743846475%);
  --theme-secondary-text-40: rgb(72.7158948686%, 88.2352941176%, 91.9899874844%);
  --theme-secondary-text-20: rgb(80.4463913225%, 91.568627451%, 94.2594910305%);
  --theme-success-100: #047857;
  --theme-success-80: rgb(1.3105629349%, 39.3168880455%, 28.504743833%);
  --theme-success-60: rgb(1.0524984187%, 31.5749525617%, 22.8918406072%);
  --theme-success-40: rgb(0.7944339026%, 23.8330170778%, 17.2789373814%);
  --theme-success-20: rgb(0.4073371284%, 12.220113852%, 8.8595825427%);
  --theme-success-text-100: #c5f9dc;
  --theme-success-text-80: rgb(82.6924019608%, 98.2095588235%, 89.5557598039%);
  --theme-success-text-60: rgb(88.1299019608%, 98.7720588235%, 92.8370098039%);
  --theme-success-text-40: rgb(95.3799019608%, 99.5220588235%, 97.2120098039%);
  --theme-success-text-20: white;
  --theme-warning-100: #b45309;
  --theme-warning-80: rgb(62.9691876751%, 29.0357920946%, 3.1484593838%);
  --theme-warning-60: rgb(55.350140056%, 25.5225645814%, 2.7675070028%);
  --theme-warning-40: rgb(47.731092437%, 22.0093370682%, 2.3865546218%);
  --theme-warning-20: rgb(36.3025210084%, 16.7394957983%, 1.8151260504%);
  --theme-warning-text-100: #ffc69a;
  --theme-warning-text-80: rgb(100%, 81.0331974374%, 66.3921568627%);
  --theme-warning-text-60: rgb(100%, 84.4193360513%, 72.3921568627%);
  --theme-warning-text-40: rgb(100%, 88.9341875364%, 80.3921568627%);
  --theme-warning-text-20: rgb(100%, 94.5777518928%, 90.3921568627%);
  --theme-error-100: #b91c1c;
  --theme-error-80: rgb(65.6006628003%, 9.9287489644%, 9.9287489644%);
  --theme-error-60: rgb(58.6523059928%, 8.8771057719%, 8.8771057719%);
  --theme-error-40: rgb(51.7039491853%, 7.8254625794%, 7.8254625794%);
  --theme-error-20: rgb(41.281413974%, 6.2479977907%, 6.2479977907%);
  --theme-error-text-100: #ffc1c1;
  --theme-error-text-80: rgb(100%, 81.6862745098%, 81.6862745098%);
  --theme-error-text-60: rgb(100%, 87.6862745098%, 87.6862745098%);
  --theme-error-text-40: #fff4f4;
  --theme-error-text-20: white;
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(15.4884744142%, 46.1023433764%, 96.1193687231%);
  --theme-info-60: rgb(7.8396939264%, 41.2242945959%, 95.7681492109%);
  --theme-info-40: rgb(4.1974175036%, 37.3103778097%, 91.4104256337%);
  --theme-info-20: rgb(3.6705882353%, 32.6274509804%, 79.937254902%);
  --theme-info-text-100: #acccff;
  --theme-info-text-80: rgb(73.4509803922%, 83.686746988%, 100%);
  --theme-info-text-60: rgb(79.4509803922%, 87.3734939759%, 100%);
  --theme-info-text-40: rgb(87.4509803922%, 92.2891566265%, 100%);
  --theme-info-text-20: rgb(97.4509803922%, 98.4337349398%, 100%);
  --theme-form-bg-default: #f8fafc;
  --theme-form-bg-hover: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-form-bg-disabled: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-bg: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-hover: rgb(76.2549019608%, 83.0392156863%, 89.8235294118%);
  --theme-dropdown-form-text: rgb(10.8235294118%, 18.0392156863%, 25.2549019608%);
  --theme-dropdown-form-label: rgb(28.8235294118%, 48.0392156863%, 67.2549019608%);
  --theme-dropdown-bg: #f8fafc;
  --theme-dropdown-disabled: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #1e293a;
  --theme-text-80: rgb(18.5828877005%, 25.3966131907%, 35.926916221%);
  --theme-text-60: rgb(21.9919786096%, 30.0557040998%, 42.5178253119%);
  --theme-text-40: rgb(25.4010695187%, 34.7147950089%, 49.1087344029%);
}

.semantic-modal.ui.modal .metadata-column {
  max-height: 80vh;
  overflow-y: auto;
}
.semantic-modal.ui.modal .back-button {
  background: transparent;
  color: #ffffff;
  color: var(--theme-text-100);
  padding: 0;
}
.semantic-modal.ui.modal .back-button-icon {
  color: #ffffff;
  color: var(--theme-text-100);
}
.semantic-modal.ui.modal .timeline-wrapper {
  width: 100%;
  margin-top: 50px;
  border-top: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.semantic-modal.ui.modal .timestamp-link {
  cursor: pointer;
  color: rgb(4.5914017781%, 52.2713433199%, 25.7824869078%);
  color: var(--theme-success-20);
}
.semantic-modal.ui.modal .timestamp-link:hover {
  color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  color: var(--theme-success-80);
}
.semantic-modal.ui.modal .range-separator {
  margin: 0 4px;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.semantic-modal.ui.modal .timeline-label-row svg {
  margin-right: 6px;
}
.semantic-modal.ui.modal {
  width: 90% !important;
  max-width: 1400px;
  margin: 0 auto;
  height: 85vh;
}
.semantic-modal.ui.modal .header-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.semantic-modal.ui.modal .header-content .asset-name {
  font-size: 16px;
  font-weight: bold;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.semantic-modal.ui.modal .content {
  padding-bottom: 1em;
}
.semantic-modal.ui.modal .video-column .player-wrapper {
  width: 100%;
  height: auto;
}
.semantic-modal.ui.modal .video-column .player-wrapper .oc-player {
  width: 100%;
  min-height: 400px;
}
.semantic-modal.ui.modal .video-column .timeline-container {
  margin-top: 10px;
  width: 100%;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  padding: 10px 0;
}
.semantic-modal.ui.modal .metadata-column {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  margin: 0px;
  margin-top: 8px;
  padding: 0px;
}
.semantic-modal.ui.modal .metadata-column .metadata-placeholder {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ccc;
  min-height: 400px;
}
.semantic-modal.ui.modal .metadata-column .metadata-panel .top-header {
  font-size: 16px;
  margin-top: 0;
  font-weight: bold;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  padding: 10px;
}
.semantic-modal.ui.modal .metadata-column .metadata-panel .story-summary {
  font-size: 12px;
  margin: 0px;
  padding: 10px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.semantic-modal.ui.modal .metadata-column .metadata-panel .section-header {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  height: 49px;
  display: flex;
  align-items: center;
  padding: 10px;
}
.semantic-modal.ui.modal .metadata-column .metadata-panel .section-header .section-title {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 14px;
  margin-left: 6px;
}
.semantic-modal.ui.modal .metadata-column .metadata-panel .collapsible-section {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.semantic-modal.ui.modal .metadata-column .metadata-panel .collapsible-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;
  height: 40px;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.semantic-modal.ui.modal .metadata-column .metadata-panel .section-content {
  padding: 8px;
  padding-left: 16px;
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  font-size: 10px;
  line-height: 16px;
}
.semantic-modal.ui.modal .timeline-label-row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  margin-top: 10px;
  padding-left: 10px;
}
.semantic-modal.ui.modal .timeline-label-text {
  color: #ffffff;
  color: var(--theme-text-100);
  margin-left: 6px;
}
.semantic-modal.ui.modal .timeline-rails {
  margin-top: 10px;
  margin-bottom: 20px;
}
.semantic-modal.ui.modal .timeline-rails .timeline-label {
  display: flex;
  align-items: center;
  width: 80px;
  color: #ffffff;
  color: var(--theme-text-100);
}
.semantic-modal.ui.modal .timeline-rails .timeline-label span {
  margin-left: 6px;
}
.semantic-modal.ui.modal .timeline-rails .timeline-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 10px;
}
.semantic-modal.ui.modal .timeline-container {
  margin-top: 1em;
  width: 60%;
}
.semantic-modal.ui.modal .timeline-container .timeline-placeholder {
  padding: 1em;
  border: 1px dashed #ccc;
  text-align: center;
}/* Input text */
/* Input label */
.themeDark {
  --theme-surface-100: #253141;
  --theme-surface-200: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  --theme-surface-300: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  --theme-surface-400: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-surface-450: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  --theme-surface-500: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-surface-border: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  --theme-surface-header: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  --theme-primary-100: #34c6e5;
  --theme-primary-80: rgb(11.5275280418%, 75.1579758541%, 88.6685503896%);
  --theme-primary-60: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  --theme-primary-40: rgb(9.1052316123%, 60.2346091275%, 71.0908468191%);
  --theme-primary-20: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  --theme-primary-text-100: #1a1f28;
  --theme-primary-text-80: rgb(12.559714795%, 14.9750445633%, 19.3226381462%);
  --theme-primary-text-60: rgb(14.9233511586%, 17.7932263815%, 22.9590017825%);
  --theme-primary-text-40: rgb(18.0748663102%, 21.550802139%, 27.807486631%);
  --theme-primary-text-20: rgb(22.0142602496%, 26.247771836%, 33.8680926916%);
  --theme-secondary-100: #97dceb;
  --theme-secondary-80: rgb(50.8285895003%, 83.4519291588%, 90.5439595193%);
  --theme-secondary-60: rgb(42.4414927261%, 80.6293485136%, 88.9310562935%);
  --theme-secondary-40: rgb(34.0543959519%, 77.8067678684%, 87.3181530677%);
  --theme-secondary-20: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  --theme-secondary-text-100: #283d42;
  --theme-secondary-text-80: rgb(17.9504254532%, 27.3743988161%, 29.6182019978%);
  --theme-secondary-text-60: rgb(20.2145763966%, 30.8272290048%, 33.3540510544%);
  --theme-secondary-text-40: rgb(23.2334443211%, 35.4310025897%, 38.3351831299%);
  --theme-secondary-text-20: rgb(27.0070292268%, 41.1857195708%, 44.5615982242%);
  --theme-success-100: #6bf2a7;
  --theme-success-80: rgb(32.7682377299%, 94.0945073682%, 60.0243575691%);
  --theme-success-60: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  --theme-success-40: rgb(14.3831445622%, 92.4796005359%, 49.0926805505%);
  --theme-success-20: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  --theme-success-text-100: #203d2d;
  --theme-success-text-80: rgb(14.6135357369%, 27.8570524984%, 20.55028463%);
  --theme-success-text-60: rgb(16.6780518659%, 31.7925363694%, 23.4535104364%);
  --theme-success-text-40: rgb(19.430740038%, 37.0398481973%, 27.3244781784%);
  --theme-success-text-20: rgb(22.871600253%, 43.5989879823%, 32.1631878558%);
  --theme-warning-100: #facc15;
  --theme-warning-80: rgb(94.2603987202%, 75.7305767495%, 2.0141110838%);
  --theme-warning-60: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  --theme-warning-40: rgb(74.678808762%, 59.9983591763%, 1.5957010419%);
  --theme-warning-20: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  --theme-warning-text-100: #3f2511;
  --theme-warning-text-80: rgb(29.4308823529%, 17.2848039216%, 7.9416666667%);
  --theme-warning-text-60: rgb(34.1558823529%, 20.0598039216%, 9.2166666667%);
  --theme-warning-text-40: rgb(40.4558823529%, 23.7598039216%, 10.9166666667%);
  --theme-warning-text-20: rgb(48.3308823529%, 28.3848039216%, 13.0416666667%);
  --theme-error-100: #e74c3c;
  --theme-error-80: rgb(89.4923448832%, 21.6304055869%, 14.6253021757%);
  --theme-error-60: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  --theme-error-40: rgb(74.8992747784%, 15.3639538007%, 9.2183722804%);
  --theme-error-20: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  --theme-error-text-100: #380e0a;
  --theme-error-text-80: rgb(27.0516934046%, 6.7629233512%, 4.8306595365%);
  --theme-error-text-60: rgb(32.1426024955%, 8.0356506239%, 5.7397504456%);
  --theme-error-text-40: rgb(38.9304812834%, 9.7326203209%, 6.9518716578%);
  --theme-error-text-20: rgb(47.4153297683%, 11.8538324421%, 8.4670231729%);
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(13.5762792922%, 44.8828311813%, 96.0315638451%);
  --theme-info-60: rgb(4.3730272597%, 38.8713534194%, 95.2348158776%);
  --theme-info-40: rgb(3.9340028694%, 34.968914395%, 85.6738402678%);
  --theme-info-20: rgb(3.4949784792%, 31.0664753706%, 76.1128646581%);
  --theme-info-text-100: #0f1c31;
  --theme-info-text-80: rgb(7.2886029412%, 13.6053921569%, 23.8094362745%);
  --theme-info-text-60: rgb(8.6948529412%, 16.2303921569%, 28.4031862745%);
  --theme-info-text-40: rgb(10.5698529412%, 19.7303921569%, 34.5281862745%);
  --theme-info-text-20: rgb(12.9136029412%, 24.1053921569%, 42.1844362745%);
  --theme-form-bg-default: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  --theme-form-bg-hover: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-form-bg-disabled: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-dropdown-border-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-border-hover: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  --theme-dropdown-form-text: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  --theme-dropdown-form-label: rgb(68.137254902%, 74.0196078431%, 81.862745098%);
  --theme-dropdown-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-disabled: black;
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #ffffff;
  --theme-text-80: #cccccc;
  --theme-text-60: rgb(65%, 65%, 65%);
  --theme-text-40: rgb(50%, 50%, 50%);
}

/* Input text */
/* Input label */
.themeLight {
  --theme-surface-100: #f8fafc;
  --theme-surface-200: #f8fafc;
  --theme-surface-300: rgb(95.8549019608%, 97.0392156863%, 98.2235294118%);
  --theme-surface-400: rgb(98.6549019608%, 99.0392156863%, 99.4235294118%);
  --theme-surface-450: rgb(90.2549019608%, 93.0392156863%, 95.8235294118%);
  --theme-surface-500: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  --theme-surface-border: rgb(86.0549019608%, 90.0392156863%, 94.0235294118%);
  --theme-surface-header: white;
  --theme-primary-100: #1c91b0;
  --theme-primary-80: rgb(9.8823529412%, 51.1764705882%, 62.1176470588%);
  --theme-primary-60: rgb(8.7843137255%, 45.4901960784%, 55.2156862745%);
  --theme-primary-40: rgb(7.6862745098%, 39.8039215686%, 48.3137254902%);
  --theme-primary-20: rgb(6.0392156863%, 31.2745098039%, 37.9607843137%);
  --theme-primary-text-100: #a2e1f3;
  --theme-primary-text-80: rgb(68.843697479%, 89.9495798319%, 95.9798319328%);
  --theme-primary-text-60: rgb(74.1579831933%, 91.6638655462%, 96.6655462185%);
  --theme-primary-text-40: rgb(81.243697479%, 93.9495798319%, 97.5798319328%);
  --theme-primary-text-20: rgb(90.1008403361%, 96.8067226891%, 98.7226890756%);
  --theme-secondary-100: #2385be;
  --theme-secondary-80: rgb(12.4810457516%, 47.4279738562%, 67.754248366%);
  --theme-secondary-60: rgb(11.2366013072%, 42.6990849673%, 60.9986928105%);
  --theme-secondary-40: rgb(9.9921568627%, 37.9701960784%, 54.2431372549%);
  --theme-secondary-20: rgb(8.1254901961%, 30.8768627451%, 44.1098039216%);
  --theme-secondary-text-100: rgb(146, 208, 223);
  --theme-secondary-text-80: rgb(61.8931998331%, 83.568627451%, 88.8126825198%);
  --theme-secondary-text-60: rgb(66.5314977055%, 85.568627451%, 90.1743846475%);
  --theme-secondary-text-40: rgb(72.7158948686%, 88.2352941176%, 91.9899874844%);
  --theme-secondary-text-20: rgb(80.4463913225%, 91.568627451%, 94.2594910305%);
  --theme-success-100: #047857;
  --theme-success-80: rgb(1.3105629349%, 39.3168880455%, 28.504743833%);
  --theme-success-60: rgb(1.0524984187%, 31.5749525617%, 22.8918406072%);
  --theme-success-40: rgb(0.7944339026%, 23.8330170778%, 17.2789373814%);
  --theme-success-20: rgb(0.4073371284%, 12.220113852%, 8.8595825427%);
  --theme-success-text-100: #c5f9dc;
  --theme-success-text-80: rgb(82.6924019608%, 98.2095588235%, 89.5557598039%);
  --theme-success-text-60: rgb(88.1299019608%, 98.7720588235%, 92.8370098039%);
  --theme-success-text-40: rgb(95.3799019608%, 99.5220588235%, 97.2120098039%);
  --theme-success-text-20: white;
  --theme-warning-100: #b45309;
  --theme-warning-80: rgb(62.9691876751%, 29.0357920946%, 3.1484593838%);
  --theme-warning-60: rgb(55.350140056%, 25.5225645814%, 2.7675070028%);
  --theme-warning-40: rgb(47.731092437%, 22.0093370682%, 2.3865546218%);
  --theme-warning-20: rgb(36.3025210084%, 16.7394957983%, 1.8151260504%);
  --theme-warning-text-100: #ffc69a;
  --theme-warning-text-80: rgb(100%, 81.0331974374%, 66.3921568627%);
  --theme-warning-text-60: rgb(100%, 84.4193360513%, 72.3921568627%);
  --theme-warning-text-40: rgb(100%, 88.9341875364%, 80.3921568627%);
  --theme-warning-text-20: rgb(100%, 94.5777518928%, 90.3921568627%);
  --theme-error-100: #b91c1c;
  --theme-error-80: rgb(65.6006628003%, 9.9287489644%, 9.9287489644%);
  --theme-error-60: rgb(58.6523059928%, 8.8771057719%, 8.8771057719%);
  --theme-error-40: rgb(51.7039491853%, 7.8254625794%, 7.8254625794%);
  --theme-error-20: rgb(41.281413974%, 6.2479977907%, 6.2479977907%);
  --theme-error-text-100: #ffc1c1;
  --theme-error-text-80: rgb(100%, 81.6862745098%, 81.6862745098%);
  --theme-error-text-60: rgb(100%, 87.6862745098%, 87.6862745098%);
  --theme-error-text-40: #fff4f4;
  --theme-error-text-20: white;
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(15.4884744142%, 46.1023433764%, 96.1193687231%);
  --theme-info-60: rgb(7.8396939264%, 41.2242945959%, 95.7681492109%);
  --theme-info-40: rgb(4.1974175036%, 37.3103778097%, 91.4104256337%);
  --theme-info-20: rgb(3.6705882353%, 32.6274509804%, 79.937254902%);
  --theme-info-text-100: #acccff;
  --theme-info-text-80: rgb(73.4509803922%, 83.686746988%, 100%);
  --theme-info-text-60: rgb(79.4509803922%, 87.3734939759%, 100%);
  --theme-info-text-40: rgb(87.4509803922%, 92.2891566265%, 100%);
  --theme-info-text-20: rgb(97.4509803922%, 98.4337349398%, 100%);
  --theme-form-bg-default: #f8fafc;
  --theme-form-bg-hover: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-form-bg-disabled: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-bg: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-hover: rgb(76.2549019608%, 83.0392156863%, 89.8235294118%);
  --theme-dropdown-form-text: rgb(10.8235294118%, 18.0392156863%, 25.2549019608%);
  --theme-dropdown-form-label: rgb(28.8235294118%, 48.0392156863%, 67.2549019608%);
  --theme-dropdown-bg: #f8fafc;
  --theme-dropdown-disabled: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #1e293a;
  --theme-text-80: rgb(18.5828877005%, 25.3966131907%, 35.926916221%);
  --theme-text-60: rgb(21.9919786096%, 30.0557040998%, 42.5178253119%);
  --theme-text-40: rgb(25.4010695187%, 34.7147950089%, 49.1087344029%);
}

.ui.popup.labels-popup .marker-label-button {
  display: flex;
  align-items: center;
  width: 100%;
  background: var(--theme-surface-450);
  border: 1px solid var(--theme-surface-450);
  padding: 0.4rem 0.5rem;
  border-radius: 0.3rem;
  box-sizing: border-box;
  color: var(--theme-text-60);
  cursor: pointer;
  font-weight: bold;
}
.ui.popup.labels-popup .marker-label-button + .marker-label-button {
  margin-top: 0.3rem;
}
.ui.popup.labels-popup .marker-label-button > span {
  color: var(--theme-text-100);
  font-size: 0.9rem;
  margin-left: 0.4rem;
}
.ui.popup.labels-popup .marker-label-button:hover {
  background: var(--theme-surface-450);
}

.vector-search-modal.ui.modal {
  width: 90% !important;
  max-width: 1400px;
  margin: 2vh auto !important;
  top: 0;
  height: 96vh;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
}
.vector-search-modal.ui.modal .content {
  flex: 1 1 0%;
  overflow-y: hidden;
  padding-bottom: 1em;
}
.vector-search-modal.ui.modal .content .two-col-layout {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.vector-search-modal.ui.modal .metadata-column {
  flex: 0 0 37.5%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  margin: 0px;
  margin-top: 8px;
  padding: 0px;
}
.vector-search-modal.ui.modal .back-button {
  background: transparent;
  color: #ffffff;
  color: var(--theme-text-100);
  padding: 0;
}
.vector-search-modal.ui.modal .back-button-icon {
  color: #ffffff;
  color: var(--theme-text-100);
}
.vector-search-modal.ui.modal .timeline-wrapper {
  width: 100%;
  margin-top: 12px;
  padding-bottom: 8px;
  border-top: 1px solid;
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
}
.vector-search-modal.ui.modal .timestamp-link {
  cursor: pointer;
  color: rgb(4.5914017781%, 52.2713433199%, 25.7824869078%);
  color: var(--theme-success-20);
}
.vector-search-modal.ui.modal .timestamp-link:hover {
  color: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  color: var(--theme-success-80);
}
.vector-search-modal.ui.modal .timeline-label-row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  margin-top: 10px;
  padding-left: 10px;
}
.vector-search-modal.ui.modal .timeline-label-row svg {
  margin-right: 6px;
}
.vector-search-modal.ui.modal .timeline-label-text {
  color: #ffffff;
  color: var(--theme-text-100);
  margin-left: 6px;
}
.vector-search-modal.ui.modal .header-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.vector-search-modal.ui.modal .header-content .asset-name {
  font-size: 16px;
  font-weight: bold;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vector-search-modal.ui.modal .video-column {
  flex: 1 1 0%;
  max-height: 100%;
  overflow: hidden;
}
.vector-search-modal.ui.modal .video-column .player-wrapper {
  width: 100%;
  height: auto;
}
.vector-search-modal.ui.modal .video-column .player-wrapper .oc-player {
  width: 100%;
  min-height: 400px;
}
.vector-search-modal.ui.modal .video-column .image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vector-search-modal.ui.modal .video-column .image-wrapper .vector-search-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline {
  height: 8rem;
  padding: 0 10px;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider {
  display: flex;
  height: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider.horizontal {
  width: 100%;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider.horizontal .track-wrapper {
  border: 0.3rem solid var(--theme-surface-500);
  border-left: 0.125rem solid var(--theme-surface-500);
  border-right: 0.125rem solid var(--theme-surface-500);
  padding: 0.3rem 0;
  position: relative;
  flex: 1;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider.horizontal .track-wrapper .track {
  height: 100%;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider.horizontal .track-wrapper .track:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 0.375rem;
  background-color: var(--theme-surface-100);
  height: 100%;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider.horizontal .track-wrapper .track .progress-stripe {
  position: relative;
  background-color: var(--theme-surface-500);
  opacity: 0.5;
  height: 100%;
  border-radius: 0.375rem;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider.horizontal .track-wrapper .markers-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  margin: 0.8rem 0;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider .label-container {
  display: flex;
  flex: none;
  justify-content: space-between;
  opacity: 0.5;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider .thumb {
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  cursor: pointer;
  background-color: var(--theme-secondary-100);
  width: 0.4rem;
  height: auto;
  transform: translateX(-50%) translateY(0) !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: 5;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider .thumb div {
  display: flex;
  width: 1.6rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  transform: translateY(60%);
  color: var(--theme-secondary-100);
  font-size: 0.75rem;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .slider .thumb div #triangle {
  padding-bottom: 0.3rem;
  width: 100%;
  color: var(--theme-secondary-100);
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .marker-container {
  position: absolute;
  display: inline-block;
  height: 100%;
  pointer-events: auto;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .marker {
  background-color: var(--theme-primary-100);
  border-radius: 0.25rem;
  border: 0px;
  color: var(--theme-text-100);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  min-width: 0.25rem;
}
.vector-search-modal.ui.modal .ai-recognition-video-timeline .marker:focus {
  outline: none;
}
.vector-search-modal.ui.modal .vector-metadata-panel .top-header {
  font-size: 16px;
  margin-top: 0;
  font-weight: bold;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  padding: 10px;
}
.vector-search-modal.ui.modal .vector-metadata-panel .section-header {
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
  height: 49px;
  display: flex;
  align-items: center;
  padding: 10px;
}
.vector-search-modal.ui.modal .vector-metadata-panel .section-header .section-title {
  color: #ffffff;
  color: var(--theme-text-100);
  font-size: 14px;
  margin-left: 6px;
}
.vector-search-modal.ui.modal .vector-metadata-panel .vector-metadata-item {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid;
  border-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  border-color: var(--theme-surface-450);
  background-color: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  background-color: var(--theme-surface-300);
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}/* Input text */
/* Input label */
.themeDark {
  --theme-surface-100: #253141;
  --theme-surface-200: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  --theme-surface-300: rgb(11.6078431373%, 15.3725490196%, 20.3921568627%);
  --theme-surface-400: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-surface-450: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  --theme-surface-500: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-surface-border: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  --theme-surface-header: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  --theme-primary-100: #34c6e5;
  --theme-primary-80: rgb(11.5275280418%, 75.1579758541%, 88.6685503896%);
  --theme-primary-60: rgb(10.2406027913%, 67.7455261581%, 79.95547564%);
  --theme-primary-40: rgb(9.1052316123%, 60.2346091275%, 71.0908468191%);
  --theme-primary-20: rgb(7.9698604333%, 52.7236920969%, 62.2262179981%);
  --theme-primary-text-100: #1a1f28;
  --theme-primary-text-80: rgb(12.559714795%, 14.9750445633%, 19.3226381462%);
  --theme-primary-text-60: rgb(14.9233511586%, 17.7932263815%, 22.9590017825%);
  --theme-primary-text-40: rgb(18.0748663102%, 21.550802139%, 27.807486631%);
  --theme-primary-text-20: rgb(22.0142602496%, 26.247771836%, 33.8680926916%);
  --theme-secondary-100: #97dceb;
  --theme-secondary-80: rgb(50.8285895003%, 83.4519291588%, 90.5439595193%);
  --theme-secondary-60: rgb(42.4414927261%, 80.6293485136%, 88.9310562935%);
  --theme-secondary-40: rgb(34.0543959519%, 77.8067678684%, 87.3181530677%);
  --theme-secondary-20: rgb(25.6672991777%, 74.9841872233%, 85.7052498419%);
  --theme-secondary-text-100: #283d42;
  --theme-secondary-text-80: rgb(17.9504254532%, 27.3743988161%, 29.6182019978%);
  --theme-secondary-text-60: rgb(20.2145763966%, 30.8272290048%, 33.3540510544%);
  --theme-secondary-text-40: rgb(23.2334443211%, 35.4310025897%, 38.3351831299%);
  --theme-secondary-text-20: rgb(27.0070292268%, 41.1857195708%, 44.5615982242%);
  --theme-success-100: #6bf2a7;
  --theme-success-80: rgb(32.7682377299%, 94.0945073682%, 60.0243575691%);
  --theme-success-60: rgb(23.575691146%, 93.287053952%, 54.5585190598%);
  --theme-success-40: rgb(14.3831445622%, 92.4796005359%, 49.0926805505%);
  --theme-success-20: rgb(7.8212154427%, 89.0415296553%, 43.9191328705%);
  --theme-success-text-100: #203d2d;
  --theme-success-text-80: rgb(14.6135357369%, 27.8570524984%, 20.55028463%);
  --theme-success-text-60: rgb(16.6780518659%, 31.7925363694%, 23.4535104364%);
  --theme-success-text-40: rgb(19.430740038%, 37.0398481973%, 27.3244781784%);
  --theme-success-text-20: rgb(22.871600253%, 43.5989879823%, 32.1631878558%);
  --theme-warning-100: #facc15;
  --theme-warning-80: rgb(94.2603987202%, 75.7305767495%, 2.0141110838%);
  --theme-warning-60: rgb(84.4696037411%, 67.8644679629%, 1.8049060628%);
  --theme-warning-40: rgb(74.678808762%, 59.9983591763%, 1.5957010419%);
  --theme-warning-20: rgb(64.8880137829%, 52.1322503897%, 1.386496021%);
  --theme-warning-text-100: #3f2511;
  --theme-warning-text-80: rgb(29.4308823529%, 17.2848039216%, 7.9416666667%);
  --theme-warning-text-60: rgb(34.1558823529%, 20.0598039216%, 9.2166666667%);
  --theme-warning-text-40: rgb(40.4558823529%, 23.7598039216%, 10.9166666667%);
  --theme-warning-text-20: rgb(48.3308823529%, 28.3848039216%, 13.0416666667%);
  --theme-error-100: #e74c3c;
  --theme-error-80: rgb(89.4923448832%, 21.6304055869%, 14.6253021757%);
  --theme-error-60: rgb(83.8033843674%, 17.190437819%, 10.3142626914%);
  --theme-error-40: rgb(74.8992747784%, 15.3639538007%, 9.2183722804%);
  --theme-error-20: rgb(65.9951651894%, 13.5374697824%, 8.1224818695%);
  --theme-error-text-100: #380e0a;
  --theme-error-text-80: rgb(27.0516934046%, 6.7629233512%, 4.8306595365%);
  --theme-error-text-60: rgb(32.1426024955%, 8.0356506239%, 5.7397504456%);
  --theme-error-text-40: rgb(38.9304812834%, 9.7326203209%, 6.9518716578%);
  --theme-error-text-20: rgb(47.4153297683%, 11.8538324421%, 8.4670231729%);
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(13.5762792922%, 44.8828311813%, 96.0315638451%);
  --theme-info-60: rgb(4.3730272597%, 38.8713534194%, 95.2348158776%);
  --theme-info-40: rgb(3.9340028694%, 34.968914395%, 85.6738402678%);
  --theme-info-20: rgb(3.4949784792%, 31.0664753706%, 76.1128646581%);
  --theme-info-text-100: #0f1c31;
  --theme-info-text-80: rgb(7.2886029412%, 13.6053921569%, 23.8094362745%);
  --theme-info-text-60: rgb(8.6948529412%, 16.2303921569%, 28.4031862745%);
  --theme-info-text-40: rgb(10.5698529412%, 19.7303921569%, 34.5281862745%);
  --theme-info-text-20: rgb(12.9136029412%, 24.1053921569%, 42.1844362745%);
  --theme-form-bg-default: rgb(7.2549019608%, 9.6078431373%, 12.7450980392%);
  --theme-form-bg-hover: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  --theme-form-bg-disabled: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  --theme-dropdown-border-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-border-hover: rgb(21.7647058824%, 28.8235294118%, 38.2352941176%);
  --theme-dropdown-form-text: rgb(80.8823529412%, 84.4117647059%, 89.1176470588%);
  --theme-dropdown-form-label: rgb(68.137254902%, 74.0196078431%, 81.862745098%);
  --theme-dropdown-bg: rgb(13.7843137255%, 18.2549019608%, 24.2156862745%);
  --theme-dropdown-disabled: black;
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #ffffff;
  --theme-text-80: #cccccc;
  --theme-text-60: rgb(65%, 65%, 65%);
  --theme-text-40: rgb(50%, 50%, 50%);
}

/* Input text */
/* Input label */
.themeLight {
  --theme-surface-100: #f8fafc;
  --theme-surface-200: #f8fafc;
  --theme-surface-300: rgb(95.8549019608%, 97.0392156863%, 98.2235294118%);
  --theme-surface-400: rgb(98.6549019608%, 99.0392156863%, 99.4235294118%);
  --theme-surface-450: rgb(90.2549019608%, 93.0392156863%, 95.8235294118%);
  --theme-surface-500: rgb(94.4549019608%, 96.0392156863%, 97.6235294118%);
  --theme-surface-border: rgb(86.0549019608%, 90.0392156863%, 94.0235294118%);
  --theme-surface-header: white;
  --theme-primary-100: #1c91b0;
  --theme-primary-80: rgb(9.8823529412%, 51.1764705882%, 62.1176470588%);
  --theme-primary-60: rgb(8.7843137255%, 45.4901960784%, 55.2156862745%);
  --theme-primary-40: rgb(7.6862745098%, 39.8039215686%, 48.3137254902%);
  --theme-primary-20: rgb(6.0392156863%, 31.2745098039%, 37.9607843137%);
  --theme-primary-text-100: #a2e1f3;
  --theme-primary-text-80: rgb(68.843697479%, 89.9495798319%, 95.9798319328%);
  --theme-primary-text-60: rgb(74.1579831933%, 91.6638655462%, 96.6655462185%);
  --theme-primary-text-40: rgb(81.243697479%, 93.9495798319%, 97.5798319328%);
  --theme-primary-text-20: rgb(90.1008403361%, 96.8067226891%, 98.7226890756%);
  --theme-secondary-100: #2385be;
  --theme-secondary-80: rgb(12.4810457516%, 47.4279738562%, 67.754248366%);
  --theme-secondary-60: rgb(11.2366013072%, 42.6990849673%, 60.9986928105%);
  --theme-secondary-40: rgb(9.9921568627%, 37.9701960784%, 54.2431372549%);
  --theme-secondary-20: rgb(8.1254901961%, 30.8768627451%, 44.1098039216%);
  --theme-secondary-text-100: rgb(146, 208, 223);
  --theme-secondary-text-80: rgb(61.8931998331%, 83.568627451%, 88.8126825198%);
  --theme-secondary-text-60: rgb(66.5314977055%, 85.568627451%, 90.1743846475%);
  --theme-secondary-text-40: rgb(72.7158948686%, 88.2352941176%, 91.9899874844%);
  --theme-secondary-text-20: rgb(80.4463913225%, 91.568627451%, 94.2594910305%);
  --theme-success-100: #047857;
  --theme-success-80: rgb(1.3105629349%, 39.3168880455%, 28.504743833%);
  --theme-success-60: rgb(1.0524984187%, 31.5749525617%, 22.8918406072%);
  --theme-success-40: rgb(0.7944339026%, 23.8330170778%, 17.2789373814%);
  --theme-success-20: rgb(0.4073371284%, 12.220113852%, 8.8595825427%);
  --theme-success-text-100: #c5f9dc;
  --theme-success-text-80: rgb(82.6924019608%, 98.2095588235%, 89.5557598039%);
  --theme-success-text-60: rgb(88.1299019608%, 98.7720588235%, 92.8370098039%);
  --theme-success-text-40: rgb(95.3799019608%, 99.5220588235%, 97.2120098039%);
  --theme-success-text-20: white;
  --theme-warning-100: #b45309;
  --theme-warning-80: rgb(62.9691876751%, 29.0357920946%, 3.1484593838%);
  --theme-warning-60: rgb(55.350140056%, 25.5225645814%, 2.7675070028%);
  --theme-warning-40: rgb(47.731092437%, 22.0093370682%, 2.3865546218%);
  --theme-warning-20: rgb(36.3025210084%, 16.7394957983%, 1.8151260504%);
  --theme-warning-text-100: #ffc69a;
  --theme-warning-text-80: rgb(100%, 81.0331974374%, 66.3921568627%);
  --theme-warning-text-60: rgb(100%, 84.4193360513%, 72.3921568627%);
  --theme-warning-text-40: rgb(100%, 88.9341875364%, 80.3921568627%);
  --theme-warning-text-20: rgb(100%, 94.5777518928%, 90.3921568627%);
  --theme-error-100: #b91c1c;
  --theme-error-80: rgb(65.6006628003%, 9.9287489644%, 9.9287489644%);
  --theme-error-60: rgb(58.6523059928%, 8.8771057719%, 8.8771057719%);
  --theme-error-40: rgb(51.7039491853%, 7.8254625794%, 7.8254625794%);
  --theme-error-20: rgb(41.281413974%, 6.2479977907%, 6.2479977907%);
  --theme-error-text-100: #ffc1c1;
  --theme-error-text-80: rgb(100%, 81.6862745098%, 81.6862745098%);
  --theme-error-text-60: rgb(100%, 87.6862745098%, 87.6862745098%);
  --theme-error-text-40: #fff4f4;
  --theme-error-text-20: white;
  --theme-info-100: #3b82f6;
  --theme-info-80: rgb(15.4884744142%, 46.1023433764%, 96.1193687231%);
  --theme-info-60: rgb(7.8396939264%, 41.2242945959%, 95.7681492109%);
  --theme-info-40: rgb(4.1974175036%, 37.3103778097%, 91.4104256337%);
  --theme-info-20: rgb(3.6705882353%, 32.6274509804%, 79.937254902%);
  --theme-info-text-100: #acccff;
  --theme-info-text-80: rgb(73.4509803922%, 83.686746988%, 100%);
  --theme-info-text-60: rgb(79.4509803922%, 87.3734939759%, 100%);
  --theme-info-text-40: rgb(87.4509803922%, 92.2891566265%, 100%);
  --theme-info-text-20: rgb(97.4509803922%, 98.4337349398%, 100%);
  --theme-form-bg-default: #f8fafc;
  --theme-form-bg-hover: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-form-bg-disabled: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-bg: rgb(83.2549019608%, 88.0392156863%, 92.8235294118%);
  --theme-dropdown-border-hover: rgb(76.2549019608%, 83.0392156863%, 89.8235294118%);
  --theme-dropdown-form-text: rgb(10.8235294118%, 18.0392156863%, 25.2549019608%);
  --theme-dropdown-form-label: rgb(28.8235294118%, 48.0392156863%, 67.2549019608%);
  --theme-dropdown-bg: #f8fafc;
  --theme-dropdown-disabled: rgb(93.0549019608%, 95.0392156863%, 97.0235294118%);
  --theme-semantic-scene: #2f80ed;
  --theme-semantic-people: #bb6bd9;
  --theme-semantic-objects: #f2994a;
  --theme-text-100: #1e293a;
  --theme-text-80: rgb(18.5828877005%, 25.3966131907%, 35.926916221%);
  --theme-text-60: rgb(21.9919786096%, 30.0557040998%, 42.5178253119%);
  --theme-text-40: rgb(25.4010695187%, 34.7147950089%, 49.1087344029%);
}

.semanticSearchFilterSidebar {
  width: 315px !important;
  height: 100vh;
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}

.semantic-search-filters {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: var(--theme-text-color-1);
  display: flex;
  flex-direction: column;
  z-index: 1000;
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
}
.semantic-search-filters .filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.semantic-search-filters .filter-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.semantic-search-filters .filter-header i.icon {
  cursor: pointer;
  opacity: 0.7;
}
.semantic-search-filters .filter-header i.icon:hover {
  opacity: 1;
}
.semantic-search-filters .filter-content {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.semantic-search-filters .filter-content .filter-category {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-color: rgb(18.137254902%, 24.0196078431%, 31.862745098%);
  border-color: var(--theme-surface-border);
}
.semantic-search-filters .filter-content .filter-category .category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: 500;
}
.semantic-search-filters .filter-content .filter-category .category-header:hover {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.semantic-search-filters .filter-content .filter-category .category-header i.icon {
  font-size: 12px;
}
.semantic-search-filters .filter-content .filter-category .category-content {
  padding: 1rem;
  background-color: rgb(10.1568627451%, 13.4509803922%, 17.8431372549%);
  background-color: var(--theme-surface-400);
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed;
  opacity: 0.2;
  color: #ffffff;
  color: var(--theme-text-100);
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory:last-child:after {
  display: none;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-title {
  font-size: 12px;
  margin-bottom: 1rem;
  color: #ffffff;
  color: var(--theme-text-100);
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value input[type=checkbox] {
  margin-right: 10px;
  cursor: pointer;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value label {
  font-size: 14px;
  cursor: pointer;
  margin: 0;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value input[type=checkbox] {
  display: none;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value input[type=checkbox]:checked + label::before {
  background-color: transparent;
  border-color: #6bf2a7;
  border-color: var(--theme-success-100);
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #6bf2a7;
  color: var(--theme-success-100);
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value label > span.icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  transform: scale(1.6);
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value label > span.icon svg {
  width: 18px;
  height: 17px;
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value label > span.icon.checked {
  transition: all 0.2s ease-in-out;
  opacity: 1;
  transform: scale(1);
}
.semantic-search-filters .filter-content .filter-category .category-content .filter-subcategory .subcategory-values .filter-value label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 6px;
  background-color: transparent;
  transition: all 0.2s ease;
  box-sizing: border-box;
  border-color: #ffffff;
  border-color: var(--theme-text-100);
}
.semantic-search-filters .filter-footer {
  display: flex;
  justify-content: flex-end;
  padding: 15px 20px;
  border-color: rgb(11.9705882353%, 15.8529411765%, 21.0294117647%);
  border-color: var(--theme-surface-header);
  border-top: 1px solid;
  gap: 16px;
}

.semanticSearchModal .content {
  background-color: rgb(8.7058823529%, 11.5294117647%, 15.2941176471%);
  background-color: var(--theme-surface-500);
  color: white !important;
  border-bottom: none !important;
}
.semanticSearchModal .header {
  padding: 0 !important;
  height: auto !important;
}
.semanticSearchModal .header .search-header {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  min-height: 48px;
  height: auto;
  padding: 12px;
  width: 100%;
  overflow: hidden;
}
.semanticSearchModal .header .search-header .search-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 100%;
}
.semanticSearchModal .header .search-header .search-input {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  min-width: 280px;
  width: 100%;
}
.semanticSearchModal .header .search-header .search-input .search-text-input {
  flex: 1;
}
.semanticSearchModal .header .search-header .search-input .search-text-input input {
  background-color: transparent !important;
  color: white !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  padding: 10px 12px !important;
}
.semanticSearchModal .header .search-header .search-input .search-text-input input::placeholder {
  color: var(--theme-text-color-1);
}
.semanticSearchModal .header .search-header .search-input .search-text-input input:focus {
  background-color: rgb(13.0588235294%, 17.2941176471%, 22.9411764706%);
  background-color: var(--theme-surface-200);
}
.semanticSearchModal .header .search-header .search-input .search-button {
  background-color: #6bf2a7;
  background-color: var(--theme-success-100);
  padding: 0 !important;
  margin-left: 10px !important;
  border-radius: 4px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.semanticSearchModal .header .search-header .search-input .search-button i.icon {
  font-size: 14px !important;
  color: var(--theme-text-color-1);
  margin: 0 !important;
}
.semanticSearchModal .header .selected-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.semanticSearchModal .header .selected-filters .filter-badge {
  background-color: #21ba45;
  color: white;
  border-radius: 3px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  white-space: nowrap;
}
.semanticSearchModal .header .selected-filters .filter-badge .button {
  background: transparent !important;
  color: white !important;
  padding: 0 !important;
  margin: 0 0 0 6px !important;
  height: 20px !important;
  width: 20px !important;
  min-width: 20px !important;
}
.semanticSearchModal .header .selected-filters .filter-badge .button i.icon {
  opacity: 0.8 !important;
  font-size: 12px !important;
  margin: 0 !important;
}
.semanticSearchModal .header .selected-filters .filter-badge .button:hover i.icon {
  opacity: 1 !important;
}
.semanticSearchModal .content {
  padding: 0 20px 20px 20px !important;
}
.semanticSearchModal .content .filter-toggle {
  background-color: transparent !important;
  color: #21ba45 !important;
  border: 1px solid #46505e !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  font-size: 14px !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.semanticSearchModal .content .filter-toggle:hover {
  background-color: rgba(33, 186, 69, 0.1) !important;
}
.semanticSearchModal .content .filter-categories {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.semanticSearchModal .content .filter-categories .filter-category h4 {
  color: #ffffff;
  color: var(--theme-text-100);
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: normal;
}
.semanticSearchModal .content .filter-categories .filter-category .filter-values {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.semanticSearchModal .content .filter-categories .filter-category .filter-values .filter-value-button {
  background-color: transparent !important;
  color: #ffffff;
  color: var(--theme-text-100);
  border: 1px solid var(--theme-surface-border) !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  padding: 6px 12px !important;
  margin: 0 !important;
}
.semanticSearchModal .content .filter-categories .filter-category .filter-values .filter-value-button:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.category-filter-no-result {
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}

.semantic-selected-filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.semantic-selected-filters .filter-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid;
  border-color: #34c6e5;
  border-color: var(--theme-primary-100);
  border-radius: 50px;
  padding: 0.5rem 0.7rem;
  background-color: rgb(17.6062745098%, 22.2294677871%, 28.3937254902%);
  background-color: var(--theme-surface-450);
}
.semantic-selected-filters .filter-badge .button {
  font-size: 12px;
  padding: 0 0 0 0.5rem !important;
  color: rgb(65%, 65%, 65%);
  color: var(--theme-text-60);
}
.semantic-selected-filters .filter-badge .button:hover {
  color: #e74c3c;
  color: var(--theme-error-100);
}