.ogb-field_label {
  display: block;
  flex-basis: auto;
  margin-right: 0;
  text-align: left;
  width: 100%;
}
.ogb-field_label > * {
  display: inline-block;
}
.ogb-field_label > sup {
  top: 0;
  margin-left: 0.3125rem;
  color: #e54545;
  color: var(--color-red);
  font-size: 1.1rem;
  line-height: inherit;
}.login-page {
  background: #ffffff;
}
.login-page-header {
  height: 148px;
  background: linear-gradient(to top, #ffffff, #aeeaeb);
}
.login-page-header-logo-wrapper {
  width: 140px;
  height: auto;
  padding: 20px 0 0 20px;
}
.login-page-content {
  width: 100%;
  max-width: 600px;
  margin: 50px auto;
  padding: 0 50px;
  box-sizing: border-box;
}
.login-page-footer {
  height: 80px;
}
/* Media query for smaller screens (e.g., mobile devices) */
@media (max-width: 768px) {
  .login-page-header {
    height: 100px;
    /* Adjust the header height for smaller screens */
  }
  .login-page-content {
    width: 100%;
    /* Make the content width 100% to fit the screen */
    padding: 0 10px;
    /* Add some padding to the content */
  }
  .login-page-footer {
    height: 60px;
    /* Adjust the footer height for smaller screens */
  }
}:root{
  --color-red:#e54545;
  --color-green:#48dcc0;
  --color-orange:#ff9d5a;
  --color-yellow:#ffe75a;

  --color-green33:#158693;
  --color-green35:#00b0b2;
  --color-green42:#00d897;

  --color-blue:#3384e1;
  --color-blue15:#052a45;
  --color-blue13:#05243b;
  --color-blue9:#001b30;

  --color-gray96:#f3f6f7;

  --color-neutral-dark:#666e76;
  --color-neutral-light:#9ba6aa;
  --color-bg:var(--color-gray96);
  --color-panel:#fff;
  --color-text:#454f54;
  --color-link:var(--color-green35);
  --color-divider:#e7ecef;
  --color-input-border:#ced5dc;
  --color-input-border-focus:var(--color-green35);
  --color-charcoal:#4e595f;
  --color-salt:#fff;
  --color-pepper:#818b92;
  --color-mint:#00b0b3;
  --color-grey100:#f3f6f7;
  --color-grey200:#e7ecef;
  --color-grey300:#cfd6dd;
  --color-grey400:#bfc9cf;
  --color-lettuce:#47dcc1;
  --color-tomato:#e44444;
  --color-orange:#ff9d5c;
  --color-mustard:#ffd147;
  --color-dark-mint:#158793;
  --color-dark-tomato:#b73838;
  --color-water:#3384e1;
  --bp-small:767px;
  --bp-medium:768px;
  --bp-large:992px;
  --bp-xlarge:1367px;
  --font-sans-serif:geomanist, Arial;
  --font-size-base:.875rem;
  --font-weight:500;
  --font-size-1:2rem;
  --line-height-1:1.3125;

  --font-size-2:1.5rem;
  --line-height-2:1.3333;

  --font-size-3:1.25rem;
  --line-height-3:1.3;

  --font-size-4:1rem;
  --line-height-4:1.5;

  --font-size-5:var(--font-size-base);
  --line-height-5:1.5714;

  --font-size-body:var(--font-size-base);
  --line-height-body:1.5714;

  --font-size-small:.75rem;
  --line-height-small:1.3333;
  --space-unit:0.5rem;
  --space-xs:var(--space-unit);
  --space-s:calc(2*var(--space-unit));
  --space-m:calc(3*var(--space-unit));
  --space-l:calc(4*var(--space-unit));
  --space-xl:calc(6*var(--space-unit));
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
}
main{
  display:block;
}
h1{
  font-size:2em;
  margin:.67em 0;
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
}
pre{
  font-family:monospace,monospace;
  font-size:1em;
}
a{
  background-color:transparent;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,strong{
  font-weight:bolder;
}
code,kbd,samp{
  font-family:monospace,monospace;
  font-size:1em;
}
small{
  font-size:80%;
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sub{
  bottom:-.25em;
}
sup{
  top:-.5em;
}
img{
  border-style:none;
}
button,input,optgroup,select,textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
}
button,input{
  overflow:visible;
}
button,select{
  text-transform:none;
}
[type=button],[type=reset],[type=submit],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{
  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-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
details{
  display:block;
}
summary{
  display:list-item;
}
[hidden],template{
  display:none;
}
blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul{
  margin:0;
  padding:0;
}
*,:after,:before,html{
  box-sizing:border-box;
}
li>ol,li>ul{
    margin-bottom:0;
  }
table{
  border-collapse:collapse;
  border-spacing:0;
}
fieldset{
  min-width:0;
  border:0;
}
button,input,optgroup,select,textarea{
  font-family:geomanist,Arial;
  font-family:var(--font-sans-serif);
}
embed,iframe,img,object,video{
  max-width:100%;
  height:auto;
  border:0;
}
a,button{
  color:#00b0b2;
  color:var(--color-link);
  text-decoration:none;
  background:transparent;
  border:none;
  cursor:pointer;
}
a:hover{
  text-decoration:underline;
}
svg{
  fill:#8c969d;
}
html{
  height:100%;
  font-size:100%;
  overflow-y:scroll;
}
body{
  display:flex;
  flex-direction:column;
  min-height:100%;
  font-family:geomanist,Arial;
  font-family:var(--font-sans-serif);
  font-size:.875rem;
  font-size:var(--font-size-body);
  color:#454f54;
  color:var(--color-text);
  line-height:1.5714;
  line-height:var(--line-height-body);
  background-color:#f3f6f7;
  background-color:var(--color-bg);
  -webkit-font-smoothing:antialiased;
}
.h1,h1{
  font-size:2rem;
  font-size:var(--font-size-1);
  line-height:1.3125;
  line-height:var(--line-height-1);
  margin-bottom:1rem;
  margin-bottom:var(--space-s);
}
.h1,.h2,h1,h2{
  font-weight:500;
  font-weight:var(--font-weight);
}
.h2,h2{
  font-size:1.5rem;
  font-size:var(--font-size-2);
  line-height:1.3333;
  line-height:var(--line-height-2);
}
.h3,h3{
  font-size:1.25rem;
  font-size:var(--font-size-3);
  line-height:1.3;
  line-height:var(--line-height-3);
}
.h3,.h4,h3,h4{
  font-weight:500;
  font-weight:var(--font-weight);
}
.h4,h4{
  font-size:1rem;
  font-size:var(--font-size-4);
  line-height:1.5;
  line-height:var(--line-height-4);
}
.h5,h5{
  font-size:.875rem;
  font-size:var(--font-size-5);
  line-height:1.5714;
  line-height:var(--line-height-5);
  font-weight:400;
}
.f1{
  font-size:2rem;
  font-size:var(--font-size-1);
}
.f2{
  font-size:1.5rem;
  font-size:var(--font-size-2);
}
.f3{
  font-size:1.25rem;
  font-size:var(--font-size-3);
}
.f4{
  font-size:1rem;
  font-size:var(--font-size-4);
}
.f5{
  font-size:.875rem;
  font-size:var(--font-size-5);
}
small{
  font-size:.75rem;
  font-size:var(--font-size-small);
  line-height:1.3333;
  line-height:var(--line-height-small);
}
@media screen and (max-width:767px){
  .h1,h1{
    margin-bottom:1.5rem;
    margin-bottom:var(--space-m);
    font-size:1rem;
    font-size:var(--font-size-4);
    text-align:center;
  }
}
.uppercase{
  text-transform:uppercase;
}
input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#bec8ce;
  }
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{
    color:#bec8ce;
  }
input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#bec8ce;
  }
input:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder{
    color:#bec8ce;
  }
input[disabled],select[disabled],textarea[disabled]{
    color:#4f5a60;
    border-color:#e7ecef;
    border-color:var(--color-divider);
    background-color:#f3f6f7;
    cursor:not-allowed;
  }
[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{
  display:block;
  width:100%;
  padding:.6875rem 1rem;
  font-size:1rem;
  color:#4f5a60;
  line-height:1.25;
  background:#fff;
  border:.0625rem solid #ced5dc;
  border:.0625rem solid var(--color-input-border);
  border-radius:.3125rem;
}
[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{
    border-color:#00b0b2;
    border-color:var(--color-input-border-focus);
    outline:none;
  }
.is-error [type=color],.is-error [type=date],.is-error [type=datetime-local],.is-error [type=datetime],.is-error [type=email],.is-error [type=month],.is-error [type=number],.is-error [type=password],.is-error [type=search],.is-error [type=tel],.is-error [type=text],.is-error [type=time],.is-error [type=url],.is-error [type=week],.is-error select,.is-error textarea{
    border-color:#e54545;
    border-color:var(--color-red);
  }
.error-block,.help-block{
  margin-top:.5rem;
  margin-top:var(--space-xs);
  font-size:.75rem;
  font-size:var(--font-size-small);
  color:#bec8ce;
}
.error-block{
  color:#e54545;
  color:var(--color-red);
}
hr{
  border:0 solid #e7ecef;
  border-color:var(--color-divider);
  border-top:.0625rem solid var(--color-divider);
  margin:1.5rem 0;
  margin:var(--space-m) 0;
}
dl dt{
  font-weight:500;
}
dl dd+dt{
  margin-top:.5em;
}
.u-contain{
  padding-right:1rem;
  padding-left:1rem;
}
@media screen and (min-width:768px){
  .u-contain{
    padding-right:1.5rem;
    padding-left:1.5rem;
  }
}
.u-contain-breakout{
  margin-right:-1rem;
  margin-left:-1rem;
}
@media screen and (min-width:768px){
  .u-contain-breakout{
    margin-right:-1.5rem;
    margin-left:-1.5rem;
  }
}
@media screen and (max-width:767px){
  .u-contain-breakout\@sm{
    margin-right:-1rem;
    margin-left:-1rem;
  }
}
@media screen and (min-width:768px){
  .u-contain-breakout\@md{
    margin-right:-1.5rem;
    margin-left:-1.5rem;
  }
}
.u-wrap{
  max-width:768px;
}
.u-grid{
  margin-right:-.5rem;
  margin-left:-.5rem;
  flex-flow:row wrap;
  display:flex;
}
@media screen and (min-width:768px){
  .u-grid{
    margin-right:-.75rem;
    margin-left:-.75rem;
  }
}
.u-cell{
  padding-right:.5rem;
  padding-left:.5rem;
}
@media screen and (min-width:768px){
  .u-cell{
    padding-right:.75rem;
    padding-left:.75rem;
  }
}
.col,[class*=col-]{
  flex:1 0 0%;
  min-height:1px;
}
[class*=col-]{
  flex-basis:auto;
  flex-grow:0;
}
.col-sm-1{
  width:8.33333%;
}
.col-sm-auto{
  flex-basis:0;
  flex-grow:1;
}
.push-sm-1{
  margin-left:8.33333%;
}
.col-sm-2{
  width:16.66667%;
}
.push-sm-2{
  margin-left:16.66667%;
}
.col-sm-3{
  width:25%;
}
.push-sm-3{
  margin-left:25%;
}
.col-sm-4{
  width:33.33333%;
}
.push-sm-4{
  margin-left:33.33333%;
}
.col-sm-5{
  width:41.66667%;
}
.push-sm-5{
  margin-left:41.66667%;
}
.col-sm-6{
  width:50%;
}
.push-sm-6{
  margin-left:50%;
}
.col-sm-7{
  width:58.33333%;
}
.push-sm-7{
  margin-left:58.33333%;
}
.col-sm-8{
  width:66.66667%;
}
.push-sm-8{
  margin-left:66.66667%;
}
.col-sm-9{
  width:75%;
}
.push-sm-9{
  margin-left:75%;
}
.col-sm-10{
  width:83.33333%;
}
.push-sm-10{
  margin-left:83.33333%;
}
.col-sm-11{
  width:91.66667%;
}
.push-sm-11{
  margin-left:91.66667%;
}
.col-sm-12{
  width:100%;
}
.push-sm-12{
  margin-left:100%;
}
@media screen and (min-width:768px){
  .col-md-1{
    width:8.33333%;
  }

  .col-md-auto{
    flex-basis:0;
    flex-grow:1;
  }

  .push-md-1{
    margin-left:8.33333%;
  }

  .col-md-2{
    width:16.66667%;
  }

  .push-md-2{
    margin-left:16.66667%;
  }

  .col-md-3{
    width:25%;
  }

  .push-md-3{
    margin-left:25%;
  }

  .col-md-4{
    width:33.33333%;
  }

  .push-md-4{
    margin-left:33.33333%;
  }

  .col-md-5{
    width:41.66667%;
  }

  .push-md-5{
    margin-left:41.66667%;
  }

  .col-md-6{
    width:50%;
  }

  .push-md-6{
    margin-left:50%;
  }

  .col-md-7{
    width:58.33333%;
  }

  .push-md-7{
    margin-left:58.33333%;
  }

  .col-md-8{
    width:66.66667%;
  }

  .push-md-8{
    margin-left:66.66667%;
  }

  .col-md-9{
    width:75%;
  }

  .push-md-9{
    margin-left:75%;
  }

  .col-md-10{
    width:83.33333%;
  }

  .push-md-10{
    margin-left:83.33333%;
  }

  .col-md-11{
    width:91.66667%;
  }

  .push-md-11{
    margin-left:91.66667%;
  }

  .col-md-12{
    width:100%;
  }

  .push-md-12{
    margin-left:100%;
  }
}
@media screen and (min-width:992px){
  .col-lg-1{
    width:8.33333%;
  }

  .col-lg-auto{
    flex-basis:0;
    flex-grow:1;
  }

  .push-lg-1{
    margin-left:8.33333%;
  }

  .col-lg-2{
    width:16.66667%;
  }

  .push-lg-2{
    margin-left:16.66667%;
  }

  .col-lg-3{
    width:25%;
  }

  .push-lg-3{
    margin-left:25%;
  }

  .col-lg-4{
    width:33.33333%;
  }

  .push-lg-4{
    margin-left:33.33333%;
  }

  .col-lg-5{
    width:41.66667%;
  }

  .push-lg-5{
    margin-left:41.66667%;
  }

  .col-lg-6{
    width:50%;
  }

  .push-lg-6{
    margin-left:50%;
  }

  .col-lg-7{
    width:58.33333%;
  }

  .push-lg-7{
    margin-left:58.33333%;
  }

  .col-lg-8{
    width:66.66667%;
  }

  .push-lg-8{
    margin-left:66.66667%;
  }

  .col-lg-9{
    width:75%;
  }

  .push-lg-9{
    margin-left:75%;
  }

  .col-lg-10{
    width:83.33333%;
  }

  .push-lg-10{
    margin-left:83.33333%;
  }

  .col-lg-11{
    width:91.66667%;
  }

  .push-lg-11{
    margin-left:91.66667%;
  }

  .col-lg-12{
    width:100%;
  }

  .push-lg-12{
    margin-left:100%;
  }
}
@media screen and (min-width:1367px){
  .col-xl-1{
    width:8.33333%;
  }

  .col-xl-auto{
    flex-basis:0;
    flex-grow:1;
  }

  .push-xl-1{
    margin-left:8.33333%;
  }

  .col-xl-2{
    width:16.66667%;
  }

  .push-xl-2{
    margin-left:16.66667%;
  }

  .col-xl-3{
    width:25%;
  }

  .push-xl-3{
    margin-left:25%;
  }

  .col-xl-4{
    width:33.33333%;
  }

  .push-xl-4{
    margin-left:33.33333%;
  }

  .col-xl-5{
    width:41.66667%;
  }

  .push-xl-5{
    margin-left:41.66667%;
  }

  .col-xl-6{
    width:50%;
  }

  .push-xl-6{
    margin-left:50%;
  }

  .col-xl-7{
    width:58.33333%;
  }

  .push-xl-7{
    margin-left:58.33333%;
  }

  .col-xl-8{
    width:66.66667%;
  }

  .push-xl-8{
    margin-left:66.66667%;
  }

  .col-xl-9{
    width:75%;
  }

  .push-xl-9{
    margin-left:75%;
  }

  .col-xl-10{
    width:83.33333%;
  }

  .push-xl-10{
    margin-left:83.33333%;
  }

  .col-xl-11{
    width:91.66667%;
  }

  .push-xl-11{
    margin-left:91.66667%;
  }

  .col-xl-12{
    width:100%;
  }

  .push-xl-12{
    margin-left:100%;
  }
}
.u-grid-center{
  justify-content:center;
}
@media screen and (max-width:767px){
  .u-grid-center\@sm{
    justify-content:center;
  }
}
@media screen and (min-width:768px){
  .u-grid-center\@md{
    justify-content:center;
  }
}
@media screen and (min-width:992px){
  .u-grid-center\@lg{
    justify-content:center;
  }
}
@media screen and (min-width:1367px){
  .u-grid-center\@xl{
    justify-content:center;
  }
}
.u-flag{
  align-items:center;
  flex-wrap:nowrap;
  display:inline-flex;
}
.u-flag-img,.u-flag>[class*=lm--icon-]{
    margin-right:1rem;
    margin-right:var(--space-s);
  }
.u-flag--rev{
  flex-direction:row-reverse;
}
.u-flag--rev .u-flag-img,.u-flag--rev>[class*=lm--icon-]{
    margin-right:0;
    margin-left:1rem;
    margin-left:var(--space-s);
  }
.u-flag--block{
  display:flex;
}
.u-flag--block .u-flag-body{
    flex-grow:1;
  }
.u-flag--flush .u-flag-img,.u-flag--flush>[class*=lm--icon-]{
    margin-right:0;
    margin-left:0;
  }
.u-list-bare{
  list-style:none;
}
.u-list-bare,.u-list-bare-item,.u-list-inline{
  margin-left:0;
}
.u-list-inline{
  list-style:none;
}
.u-list-inline-item{
  display:inline-block;
}
.lm--dl--inline dt{
    clear:left;
    float:left;
    padding-right:1rem;
    padding-right:var(--space-s);
    text-align:right;
  }
.lm--dl--inline dt:not(:first-of-type){
      margin-top:.5em;
    }
.lm--dl--inline dd:not(:first-of-type){
      padding-top:.5em;
    }
.u-b{
  border:.0625rem solid #e7ecef !important; }
.u-bt{
  border-top:.0625rem solid #e7ecef !important; }
.u-br{
  border-right:.0625rem solid #e7ecef !important; }
.u-bb{
  border-bottom:.0625rem solid #e7ecef !important; }
.u-bl{
  border-left:.0625rem solid #e7ecef !important; }
@media screen and (max-width:767px){
  .u-b\@sm{
    border:.0625rem solid #e7ecef !important; }
  .u-bt\@sm{
    border-top:.0625rem solid #e7ecef !important; }
  .u-br\@sm{
    border-right:.0625rem solid #e7ecef !important; }
  .u-bb\@sm{
    border-bottom:.0625rem solid #e7ecef !important; }
  .u-bl\@sm{
    border-left:.0625rem solid #e7ecef !important; } }
@media screen and (min-width:768px){
  .u-b\@md{
    border:.0625rem solid #e7ecef !important; }
  .u-bt\@md{
    border-top:.0625rem solid #e7ecef !important; }
  .u-br\@md{
    border-right:.0625rem solid #e7ecef !important; }
  .u-bb\@md{
    border-bottom:.0625rem solid #e7ecef !important; }
  .u-bl\@md{
    border-left:.0625rem solid #e7ecef !important; } }
@media screen and (min-width:992px){
  .u-b\@lg{
    border:.0625rem solid #e7ecef !important; }
  .u-bt\@lg{
    border-top:.0625rem solid #e7ecef !important; }
  .u-br\@lg{
    border-right:.0625rem solid #e7ecef !important; }
  .u-bb\@lg{
    border-bottom:.0625rem solid #e7ecef !important; }
  .u-bl\@lg{
    border-left:.0625rem solid #e7ecef !important; } }
@media screen and (min-width:1367px){
  .u-b\@xl{
    border:.0625rem solid #e7ecef !important; }
  .u-bt\@xl{
    border-top:.0625rem solid #e7ecef !important; }
  .u-br\@xl{
    border-right:.0625rem solid #e7ecef !important; }
  .u-bb\@xl{
    border-bottom:.0625rem solid #e7ecef !important; }
  .u-bl\@xl{
    border-left:.0625rem solid #e7ecef !important; } }
.u-block{
  display:block !important;
  width:100% !important; }
.u-m0{
  margin:0 !important; }
.u-mv0{
  margin-top:0 !important;
  margin-bottom:0 !important; }
.u-mh0{
  margin-left:0 !important;
  margin-right:0 !important; }
.u-mt0{
  margin-top:0 !important; }
.u-mb0{
  margin-bottom:0 !important; }
.u-ml0{
  margin-left:0 !important; }
.u-mr0{
  margin-right:0 !important; }
.u-m1{
  margin:.25rem !important; }
.u-mv1{
  margin-top:.25rem !important;
  margin-bottom:.25rem !important; }
.u-mh1{
  margin-left:.25rem !important;
  margin-right:.25rem !important; }
.u-mt1{
  margin-top:.25rem !important; }
.u-mb1{
  margin-bottom:.25rem !important; }
.u-ml1{
  margin-left:.25rem !important; }
.u-mr1{
  margin-right:.25rem !important; }
.u-m2{
  margin:.5rem !important; }
.u-mv2{
  margin-top:.5rem !important;
  margin-bottom:.5rem !important; }
.u-mh2{
  margin-left:.5rem !important;
  margin-right:.5rem !important; }
.u-mt2{
  margin-top:.5rem !important; }
.u-mb2{
  margin-bottom:.5rem !important; }
.u-ml2{
  margin-left:.5rem !important; }
.u-mr2{
  margin-right:.5rem !important; }
.u-m3{
  margin:1rem !important; }
.u-mv3{
  margin-top:1rem !important;
  margin-bottom:1rem !important; }
.u-mh3{
  margin-left:1rem !important;
  margin-right:1rem !important; }
.u-mt3{
  margin-top:1rem !important; }
.u-mb3{
  margin-bottom:1rem !important; }
.u-ml3{
  margin-left:1rem !important; }
.u-mr3{
  margin-right:1rem !important; }
.u-m4{
  margin:1.5rem !important; }
.u-mv4{
  margin-top:1.5rem !important;
  margin-bottom:1.5rem !important; }
.u-mh4{
  margin-left:1.5rem !important;
  margin-right:1.5rem !important; }
.u-mt4{
  margin-top:1.5rem !important; }
.u-mb4{
  margin-bottom:1.5rem !important; }
.u-ml4{
  margin-left:1.5rem !important; }
.u-mr4{
  margin-right:1.5rem !important; }
.u-m5{
  margin:2rem !important; }
.u-mv5{
  margin-top:2rem !important;
  margin-bottom:2rem !important; }
.u-mh5{
  margin-left:2rem !important;
  margin-right:2rem !important; }
.u-mt5{
  margin-top:2rem !important; }
.u-mb5{
  margin-bottom:2rem !important; }
.u-ml5{
  margin-left:2rem !important; }
.u-mr5{
  margin-right:2rem !important; }
.u-ma{
  margin:auto !important; }
.u-mva{
  margin-top:auto !important;
  margin-bottom:auto !important; }
.u-mha{
  margin-left:auto !important;
  margin-right:auto !important; }
.u-mta{
  margin-top:auto !important; }
.u-mba{
  margin-bottom:auto !important; }
.u-mla{
  margin-left:auto !important; }
.u-mra{
  margin-right:auto !important; }
@media screen and (max-width:767px){
  .u-m0\@sm{
    margin:0 !important; }
  .u-mv0\@sm{
    margin-top:0 !important;
    margin-bottom:0 !important; }
  .u-mh0\@sm{
    margin-left:0 !important;
    margin-right:0 !important; }
  .u-mt0\@sm{
    margin-top:0 !important; }
  .u-mb0\@sm{
    margin-bottom:0 !important; }
  .u-ml0\@sm{
    margin-left:0 !important; }
  .u-mr0\@sm{
    margin-right:0 !important; }
  .u-m1\@sm{
    margin:.25rem !important; }
  .u-mv1\@sm{
    margin-top:.25rem !important;
    margin-bottom:.25rem !important; }
  .u-mh1\@sm{
    margin-left:.25rem !important;
    margin-right:.25rem !important; }
  .u-mt1\@sm{
    margin-top:.25rem !important; }
  .u-mb1\@sm{
    margin-bottom:.25rem !important; }
  .u-ml1\@sm{
    margin-left:.25rem !important; }
  .u-mr1\@sm{
    margin-right:.25rem !important; }
  .u-m2\@sm{
    margin:.5rem !important; }
  .u-mv2\@sm{
    margin-top:.5rem !important;
    margin-bottom:.5rem !important; }
  .u-mh2\@sm{
    margin-left:.5rem !important;
    margin-right:.5rem !important; }
  .u-mt2\@sm{
    margin-top:.5rem !important; }
  .u-mb2\@sm{
    margin-bottom:.5rem !important; }
  .u-ml2\@sm{
    margin-left:.5rem !important; }
  .u-mr2\@sm{
    margin-right:.5rem !important; }
  .u-m3\@sm{
    margin:1rem !important; }
  .u-mv3\@sm{
    margin-top:1rem !important;
    margin-bottom:1rem !important; }
  .u-mh3\@sm{
    margin-left:1rem !important;
    margin-right:1rem !important; }
  .u-mt3\@sm{
    margin-top:1rem !important; }
  .u-mb3\@sm{
    margin-bottom:1rem !important; }
  .u-ml3\@sm{
    margin-left:1rem !important; }
  .u-mr3\@sm{
    margin-right:1rem !important; }
  .u-m4\@sm{
    margin:1.5rem !important; }
  .u-mv4\@sm{
    margin-top:1.5rem !important;
    margin-bottom:1.5rem !important; }
  .u-mh4\@sm{
    margin-left:1.5rem !important;
    margin-right:1.5rem !important; }
  .u-mt4\@sm{
    margin-top:1.5rem !important; }
  .u-mb4\@sm{
    margin-bottom:1.5rem !important; }
  .u-ml4\@sm{
    margin-left:1.5rem !important; }
  .u-mr4\@sm{
    margin-right:1.5rem !important; }
  .u-m5\@sm{
    margin:2rem !important; }
  .u-mv5\@sm{
    margin-top:2rem !important;
    margin-bottom:2rem !important; }
  .u-mh5\@sm{
    margin-left:2rem !important;
    margin-right:2rem !important; }
  .u-mt5\@sm{
    margin-top:2rem !important; }
  .u-mb5\@sm{
    margin-bottom:2rem !important; }
  .u-ml5\@sm{
    margin-left:2rem !important; }
  .u-mr5\@sm{
    margin-right:2rem !important; }
  .u-ma\@sm{
    margin:auto !important; }
  .u-mva\@sm{
    margin-top:auto !important;
    margin-bottom:auto !important; }
  .u-mha\@sm{
    margin-left:auto !important;
    margin-right:auto !important; }
  .u-mta\@sm{
    margin-top:auto !important; }
  .u-mba\@sm{
    margin-bottom:auto !important; }
  .u-mla\@sm{
    margin-left:auto !important; }
  .u-mra\@sm{
    margin-right:auto !important; } }
@media screen and (min-width:768px){
  .u-m0\@md{
    margin:0 !important; }
  .u-mv0\@md{
    margin-top:0 !important;
    margin-bottom:0 !important; }
  .u-mh0\@md{
    margin-left:0 !important;
    margin-right:0 !important; }
  .u-mt0\@md{
    margin-top:0 !important; }
  .u-mb0\@md{
    margin-bottom:0 !important; }
  .u-ml0\@md{
    margin-left:0 !important; }
  .u-mr0\@md{
    margin-right:0 !important; }
  .u-m1\@md{
    margin:.25rem !important; }
  .u-mv1\@md{
    margin-top:.25rem !important;
    margin-bottom:.25rem !important; }
  .u-mh1\@md{
    margin-left:.25rem !important;
    margin-right:.25rem !important; }
  .u-mt1\@md{
    margin-top:.25rem !important; }
  .u-mb1\@md{
    margin-bottom:.25rem !important; }
  .u-ml1\@md{
    margin-left:.25rem !important; }
  .u-mr1\@md{
    margin-right:.25rem !important; }
  .u-m2\@md{
    margin:.5rem !important; }
  .u-mv2\@md{
    margin-top:.5rem !important;
    margin-bottom:.5rem !important; }
  .u-mh2\@md{
    margin-left:.5rem !important;
    margin-right:.5rem !important; }
  .u-mt2\@md{
    margin-top:.5rem !important; }
  .u-mb2\@md{
    margin-bottom:.5rem !important; }
  .u-ml2\@md{
    margin-left:.5rem !important; }
  .u-mr2\@md{
    margin-right:.5rem !important; }
  .u-m3\@md{
    margin:1rem !important; }
  .u-mv3\@md{
    margin-top:1rem !important;
    margin-bottom:1rem !important; }
  .u-mh3\@md{
    margin-left:1rem !important;
    margin-right:1rem !important; }
  .u-mt3\@md{
    margin-top:1rem !important; }
  .u-mb3\@md{
    margin-bottom:1rem !important; }
  .u-ml3\@md{
    margin-left:1rem !important; }
  .u-mr3\@md{
    margin-right:1rem !important; }
  .u-m4\@md{
    margin:1.5rem !important; }
  .u-mv4\@md{
    margin-top:1.5rem !important;
    margin-bottom:1.5rem !important; }
  .u-mh4\@md{
    margin-left:1.5rem !important;
    margin-right:1.5rem !important; }
  .u-mt4\@md{
    margin-top:1.5rem !important; }
  .u-mb4\@md{
    margin-bottom:1.5rem !important; }
  .u-ml4\@md{
    margin-left:1.5rem !important; }
  .u-mr4\@md{
    margin-right:1.5rem !important; }
  .u-m5\@md{
    margin:2rem !important; }
  .u-mv5\@md{
    margin-top:2rem !important;
    margin-bottom:2rem !important; }
  .u-mh5\@md{
    margin-left:2rem !important;
    margin-right:2rem !important; }
  .u-mt5\@md{
    margin-top:2rem !important; }
  .u-mb5\@md{
    margin-bottom:2rem !important; }
  .u-ml5\@md{
    margin-left:2rem !important; }
  .u-mr5\@md{
    margin-right:2rem !important; }
  .u-ma\@md{
    margin:auto !important; }
  .u-mva\@md{
    margin-top:auto !important;
    margin-bottom:auto !important; }
  .u-mha\@md{
    margin-left:auto !important;
    margin-right:auto !important; }
  .u-mta\@md{
    margin-top:auto !important; }
  .u-mba\@md{
    margin-bottom:auto !important; }
  .u-mla\@md{
    margin-left:auto !important; }
  .u-mra\@md{
    margin-right:auto !important; } }
@media screen and (min-width:992px){
  .u-m0\@lg{
    margin:0 !important; }
  .u-mv0\@lg{
    margin-top:0 !important;
    margin-bottom:0 !important; }
  .u-mh0\@lg{
    margin-left:0 !important;
    margin-right:0 !important; }
  .u-mt0\@lg{
    margin-top:0 !important; }
  .u-mb0\@lg{
    margin-bottom:0 !important; }
  .u-ml0\@lg{
    margin-left:0 !important; }
  .u-mr0\@lg{
    margin-right:0 !important; }
  .u-m1\@lg{
    margin:.25rem !important; }
  .u-mv1\@lg{
    margin-top:.25rem !important;
    margin-bottom:.25rem !important; }
  .u-mh1\@lg{
    margin-left:.25rem !important;
    margin-right:.25rem !important; }
  .u-mt1\@lg{
    margin-top:.25rem !important; }
  .u-mb1\@lg{
    margin-bottom:.25rem !important; }
  .u-ml1\@lg{
    margin-left:.25rem !important; }
  .u-mr1\@lg{
    margin-right:.25rem !important; }
  .u-m2\@lg{
    margin:.5rem !important; }
  .u-mv2\@lg{
    margin-top:.5rem !important;
    margin-bottom:.5rem !important; }
  .u-mh2\@lg{
    margin-left:.5rem !important;
    margin-right:.5rem !important; }
  .u-mt2\@lg{
    margin-top:.5rem !important; }
  .u-mb2\@lg{
    margin-bottom:.5rem !important; }
  .u-ml2\@lg{
    margin-left:.5rem !important; }
  .u-mr2\@lg{
    margin-right:.5rem !important; }
  .u-m3\@lg{
    margin:1rem !important; }
  .u-mv3\@lg{
    margin-top:1rem !important;
    margin-bottom:1rem !important; }
  .u-mh3\@lg{
    margin-left:1rem !important;
    margin-right:1rem !important; }
  .u-mt3\@lg{
    margin-top:1rem !important; }
  .u-mb3\@lg{
    margin-bottom:1rem !important; }
  .u-ml3\@lg{
    margin-left:1rem !important; }
  .u-mr3\@lg{
    margin-right:1rem !important; }
  .u-m4\@lg{
    margin:1.5rem !important; }
  .u-mv4\@lg{
    margin-top:1.5rem !important;
    margin-bottom:1.5rem !important; }
  .u-mh4\@lg{
    margin-left:1.5rem !important;
    margin-right:1.5rem !important; }
  .u-mt4\@lg{
    margin-top:1.5rem !important; }
  .u-mb4\@lg{
    margin-bottom:1.5rem !important; }
  .u-ml4\@lg{
    margin-left:1.5rem !important; }
  .u-mr4\@lg{
    margin-right:1.5rem !important; }
  .u-m5\@lg{
    margin:2rem !important; }
  .u-mv5\@lg{
    margin-top:2rem !important;
    margin-bottom:2rem !important; }
  .u-mh5\@lg{
    margin-left:2rem !important;
    margin-right:2rem !important; }
  .u-mt5\@lg{
    margin-top:2rem !important; }
  .u-mb5\@lg{
    margin-bottom:2rem !important; }
  .u-ml5\@lg{
    margin-left:2rem !important; }
  .u-mr5\@lg{
    margin-right:2rem !important; }
  .u-ma\@lg{
    margin:auto !important; }
  .u-mva\@lg{
    margin-top:auto !important;
    margin-bottom:auto !important; }
  .u-mha\@lg{
    margin-left:auto !important;
    margin-right:auto !important; }
  .u-mta\@lg{
    margin-top:auto !important; }
  .u-mba\@lg{
    margin-bottom:auto !important; }
  .u-mla\@lg{
    margin-left:auto !important; }
  .u-mra\@lg{
    margin-right:auto !important; } }
@media screen and (min-width:1367px){
  .u-m0\@xl{
    margin:0 !important; }
  .u-mv0\@xl{
    margin-top:0 !important;
    margin-bottom:0 !important; }
  .u-mh0\@xl{
    margin-left:0 !important;
    margin-right:0 !important; }
  .u-mt0\@xl{
    margin-top:0 !important; }
  .u-mb0\@xl{
    margin-bottom:0 !important; }
  .u-ml0\@xl{
    margin-left:0 !important; }
  .u-mr0\@xl{
    margin-right:0 !important; }
  .u-m1\@xl{
    margin:.25rem !important; }
  .u-mv1\@xl{
    margin-top:.25rem !important;
    margin-bottom:.25rem !important; }
  .u-mh1\@xl{
    margin-left:.25rem !important;
    margin-right:.25rem !important; }
  .u-mt1\@xl{
    margin-top:.25rem !important; }
  .u-mb1\@xl{
    margin-bottom:.25rem !important; }
  .u-ml1\@xl{
    margin-left:.25rem !important; }
  .u-mr1\@xl{
    margin-right:.25rem !important; }
  .u-m2\@xl{
    margin:.5rem !important; }
  .u-mv2\@xl{
    margin-top:.5rem !important;
    margin-bottom:.5rem !important; }
  .u-mh2\@xl{
    margin-left:.5rem !important;
    margin-right:.5rem !important; }
  .u-mt2\@xl{
    margin-top:.5rem !important; }
  .u-mb2\@xl{
    margin-bottom:.5rem !important; }
  .u-ml2\@xl{
    margin-left:.5rem !important; }
  .u-mr2\@xl{
    margin-right:.5rem !important; }
  .u-m3\@xl{
    margin:1rem !important; }
  .u-mv3\@xl{
    margin-top:1rem !important;
    margin-bottom:1rem !important; }
  .u-mh3\@xl{
    margin-left:1rem !important;
    margin-right:1rem !important; }
  .u-mt3\@xl{
    margin-top:1rem !important; }
  .u-mb3\@xl{
    margin-bottom:1rem !important; }
  .u-ml3\@xl{
    margin-left:1rem !important; }
  .u-mr3\@xl{
    margin-right:1rem !important; }
  .u-m4\@xl{
    margin:1.5rem !important; }
  .u-mv4\@xl{
    margin-top:1.5rem !important;
    margin-bottom:1.5rem !important; }
  .u-mh4\@xl{
    margin-left:1.5rem !important;
    margin-right:1.5rem !important; }
  .u-mt4\@xl{
    margin-top:1.5rem !important; }
  .u-mb4\@xl{
    margin-bottom:1.5rem !important; }
  .u-ml4\@xl{
    margin-left:1.5rem !important; }
  .u-mr4\@xl{
    margin-right:1.5rem !important; }
  .u-m5\@xl{
    margin:2rem !important; }
  .u-mv5\@xl{
    margin-top:2rem !important;
    margin-bottom:2rem !important; }
  .u-mh5\@xl{
    margin-left:2rem !important;
    margin-right:2rem !important; }
  .u-mt5\@xl{
    margin-top:2rem !important; }
  .u-mb5\@xl{
    margin-bottom:2rem !important; }
  .u-ml5\@xl{
    margin-left:2rem !important; }
  .u-mr5\@xl{
    margin-right:2rem !important; }
  .u-ma\@xl{
    margin:auto !important; }
  .u-mva\@xl{
    margin-top:auto !important;
    margin-bottom:auto !important; }
  .u-mha\@xl{
    margin-left:auto !important;
    margin-right:auto !important; }
  .u-mta\@xl{
    margin-top:auto !important; }
  .u-mba\@xl{
    margin-bottom:auto !important; }
  .u-mla\@xl{
    margin-left:auto !important; }
  .u-mra\@xl{
    margin-right:auto !important; } }
.u-p0{
  padding:0 !important; }
.u-pv0{
  padding-top:0 !important;
  padding-bottom:0 !important; }
.u-ph0{
  padding-left:0 !important;
  padding-right:0 !important; }
.u-pt0{
  padding-top:0 !important; }
.u-pb0{
  padding-bottom:0 !important; }
.u-pl0{
  padding-left:0 !important; }
.u-pr0{
  padding-right:0 !important; }
.u-p1{
  padding:.25rem !important; }
.u-pv1{
  padding-top:.25rem !important;
  padding-bottom:.25rem !important; }
.u-ph1{
  padding-left:.25rem !important;
  padding-right:.25rem !important; }
.u-pt1{
  padding-top:.25rem !important; }
.u-pb1{
  padding-bottom:.25rem !important; }
.u-pl1{
  padding-left:.25rem !important; }
.u-pr1{
  padding-right:.25rem !important; }
.u-p2{
  padding:.5rem !important; }
.u-pv2{
  padding-top:.5rem !important;
  padding-bottom:.5rem !important; }
.u-ph2{
  padding-left:.5rem !important;
  padding-right:.5rem !important; }
.u-pt2{
  padding-top:.5rem !important; }
.u-pb2{
  padding-bottom:.5rem !important; }
.u-pl2{
  padding-left:.5rem !important; }
.u-pr2{
  padding-right:.5rem !important; }
.u-p3{
  padding:1rem !important; }
.u-pv3{
  padding-top:1rem !important;
  padding-bottom:1rem !important; }
.u-ph3{
  padding-left:1rem !important;
  padding-right:1rem !important; }
.u-pt3{
  padding-top:1rem !important; }
.u-pb3{
  padding-bottom:1rem !important; }
.u-pl3{
  padding-left:1rem !important; }
.u-pr3{
  padding-right:1rem !important; }
.u-p4{
  padding:1.5rem !important; }
.u-pv4{
  padding-top:1.5rem !important;
  padding-bottom:1.5rem !important; }
.u-ph4{
  padding-left:1.5rem !important;
  padding-right:1.5rem !important; }
.u-pt4{
  padding-top:1.5rem !important; }
.u-pb4{
  padding-bottom:1.5rem !important; }
.u-pl4{
  padding-left:1.5rem !important; }
.u-pr4{
  padding-right:1.5rem !important; }
.u-p5{
  padding:2rem !important; }
.u-pv5{
  padding-top:2rem !important;
  padding-bottom:2rem !important; }
.u-ph5{
  padding-left:2rem !important;
  padding-right:2rem !important; }
.u-pt5{
  padding-top:2rem !important; }
.u-pb5{
  padding-bottom:2rem !important; }
.u-pl5{
  padding-left:2rem !important; }
.u-pr5{
  padding-right:2rem !important; }
@media screen and (max-width:767px){
  .u-p0\@sm{
    padding:0 !important; }
  .u-pv0\@sm{
    padding-top:0 !important;
    padding-bottom:0 !important; }
  .u-ph0\@sm{
    padding-left:0 !important;
    padding-right:0 !important; }
  .u-pt0\@sm{
    padding-top:0 !important; }
  .u-pb0\@sm{
    padding-bottom:0 !important; }
  .u-pl0\@sm{
    padding-left:0 !important; }
  .u-pr0\@sm{
    padding-right:0 !important; }
  .u-p1\@sm{
    padding:.25rem !important; }
  .u-pv1\@sm{
    padding-top:.25rem !important;
    padding-bottom:.25rem !important; }
  .u-ph1\@sm{
    padding-left:.25rem !important;
    padding-right:.25rem !important; }
  .u-pt1\@sm{
    padding-top:.25rem !important; }
  .u-pb1\@sm{
    padding-bottom:.25rem !important; }
  .u-pl1\@sm{
    padding-left:.25rem !important; }
  .u-pr1\@sm{
    padding-right:.25rem !important; }
  .u-p2\@sm{
    padding:.5rem !important; }
  .u-pv2\@sm{
    padding-top:.5rem !important;
    padding-bottom:.5rem !important; }
  .u-ph2\@sm{
    padding-left:.5rem !important;
    padding-right:.5rem !important; }
  .u-pt2\@sm{
    padding-top:.5rem !important; }
  .u-pb2\@sm{
    padding-bottom:.5rem !important; }
  .u-pl2\@sm{
    padding-left:.5rem !important; }
  .u-pr2\@sm{
    padding-right:.5rem !important; }
  .u-p3\@sm{
    padding:1rem !important; }
  .u-pv3\@sm{
    padding-top:1rem !important;
    padding-bottom:1rem !important; }
  .u-ph3\@sm{
    padding-left:1rem !important;
    padding-right:1rem !important; }
  .u-pt3\@sm{
    padding-top:1rem !important; }
  .u-pb3\@sm{
    padding-bottom:1rem !important; }
  .u-pl3\@sm{
    padding-left:1rem !important; }
  .u-pr3\@sm{
    padding-right:1rem !important; }
  .u-p4\@sm{
    padding:1.5rem !important; }
  .u-pv4\@sm{
    padding-top:1.5rem !important;
    padding-bottom:1.5rem !important; }
  .u-ph4\@sm{
    padding-left:1.5rem !important;
    padding-right:1.5rem !important; }
  .u-pt4\@sm{
    padding-top:1.5rem !important; }
  .u-pb4\@sm{
    padding-bottom:1.5rem !important; }
  .u-pl4\@sm{
    padding-left:1.5rem !important; }
  .u-pr4\@sm{
    padding-right:1.5rem !important; }
  .u-p5\@sm{
    padding:2rem !important; }
  .u-pv5\@sm{
    padding-top:2rem !important;
    padding-bottom:2rem !important; }
  .u-ph5\@sm{
    padding-left:2rem !important;
    padding-right:2rem !important; }
  .u-pt5\@sm{
    padding-top:2rem !important; }
  .u-pb5\@sm{
    padding-bottom:2rem !important; }
  .u-pl5\@sm{
    padding-left:2rem !important; }
  .u-pr5\@sm{
    padding-right:2rem !important; } }
@media screen and (min-width:768px){
  .u-p0\@md{
    padding:0 !important; }
  .u-pv0\@md{
    padding-top:0 !important;
    padding-bottom:0 !important; }
  .u-ph0\@md{
    padding-left:0 !important;
    padding-right:0 !important; }
  .u-pt0\@md{
    padding-top:0 !important; }
  .u-pb0\@md{
    padding-bottom:0 !important; }
  .u-pl0\@md{
    padding-left:0 !important; }
  .u-pr0\@md{
    padding-right:0 !important; }
  .u-p1\@md{
    padding:.25rem !important; }
  .u-pv1\@md{
    padding-top:.25rem !important;
    padding-bottom:.25rem !important; }
  .u-ph1\@md{
    padding-left:.25rem !important;
    padding-right:.25rem !important; }
  .u-pt1\@md{
    padding-top:.25rem !important; }
  .u-pb1\@md{
    padding-bottom:.25rem !important; }
  .u-pl1\@md{
    padding-left:.25rem !important; }
  .u-pr1\@md{
    padding-right:.25rem !important; }
  .u-p2\@md{
    padding:.5rem !important; }
  .u-pv2\@md{
    padding-top:.5rem !important;
    padding-bottom:.5rem !important; }
  .u-ph2\@md{
    padding-left:.5rem !important;
    padding-right:.5rem !important; }
  .u-pt2\@md{
    padding-top:.5rem !important; }
  .u-pb2\@md{
    padding-bottom:.5rem !important; }
  .u-pl2\@md{
    padding-left:.5rem !important; }
  .u-pr2\@md{
    padding-right:.5rem !important; }
  .u-p3\@md{
    padding:1rem !important; }
  .u-pv3\@md{
    padding-top:1rem !important;
    padding-bottom:1rem !important; }
  .u-ph3\@md{
    padding-left:1rem !important;
    padding-right:1rem !important; }
  .u-pt3\@md{
    padding-top:1rem !important; }
  .u-pb3\@md{
    padding-bottom:1rem !important; }
  .u-pl3\@md{
    padding-left:1rem !important; }
  .u-pr3\@md{
    padding-right:1rem !important; }
  .u-p4\@md{
    padding:1.5rem !important; }
  .u-pv4\@md{
    padding-top:1.5rem !important;
    padding-bottom:1.5rem !important; }
  .u-ph4\@md{
    padding-left:1.5rem !important;
    padding-right:1.5rem !important; }
  .u-pt4\@md{
    padding-top:1.5rem !important; }
  .u-pb4\@md{
    padding-bottom:1.5rem !important; }
  .u-pl4\@md{
    padding-left:1.5rem !important; }
  .u-pr4\@md{
    padding-right:1.5rem !important; }
  .u-p5\@md{
    padding:2rem !important; }
  .u-pv5\@md{
    padding-top:2rem !important;
    padding-bottom:2rem !important; }
  .u-ph5\@md{
    padding-left:2rem !important;
    padding-right:2rem !important; }
  .u-pt5\@md{
    padding-top:2rem !important; }
  .u-pb5\@md{
    padding-bottom:2rem !important; }
  .u-pl5\@md{
    padding-left:2rem !important; }
  .u-pr5\@md{
    padding-right:2rem !important; } }
@media screen and (min-width:992px){
  .u-p0\@lg{
    padding:0 !important; }
  .u-pv0\@lg{
    padding-top:0 !important;
    padding-bottom:0 !important; }
  .u-ph0\@lg{
    padding-left:0 !important;
    padding-right:0 !important; }
  .u-pt0\@lg{
    padding-top:0 !important; }
  .u-pb0\@lg{
    padding-bottom:0 !important; }
  .u-pl0\@lg{
    padding-left:0 !important; }
  .u-pr0\@lg{
    padding-right:0 !important; }
  .u-p1\@lg{
    padding:.25rem !important; }
  .u-pv1\@lg{
    padding-top:.25rem !important;
    padding-bottom:.25rem !important; }
  .u-ph1\@lg{
    padding-left:.25rem !important;
    padding-right:.25rem !important; }
  .u-pt1\@lg{
    padding-top:.25rem !important; }
  .u-pb1\@lg{
    padding-bottom:.25rem !important; }
  .u-pl1\@lg{
    padding-left:.25rem !important; }
  .u-pr1\@lg{
    padding-right:.25rem !important; }
  .u-p2\@lg{
    padding:.5rem !important; }
  .u-pv2\@lg{
    padding-top:.5rem !important;
    padding-bottom:.5rem !important; }
  .u-ph2\@lg{
    padding-left:.5rem !important;
    padding-right:.5rem !important; }
  .u-pt2\@lg{
    padding-top:.5rem !important; }
  .u-pb2\@lg{
    padding-bottom:.5rem !important; }
  .u-pl2\@lg{
    padding-left:.5rem !important; }
  .u-pr2\@lg{
    padding-right:.5rem !important; }
  .u-p3\@lg{
    padding:1rem !important; }
  .u-pv3\@lg{
    padding-top:1rem !important;
    padding-bottom:1rem !important; }
  .u-ph3\@lg{
    padding-left:1rem !important;
    padding-right:1rem !important; }
  .u-pt3\@lg{
    padding-top:1rem !important; }
  .u-pb3\@lg{
    padding-bottom:1rem !important; }
  .u-pl3\@lg{
    padding-left:1rem !important; }
  .u-pr3\@lg{
    padding-right:1rem !important; }
  .u-p4\@lg{
    padding:1.5rem !important; }
  .u-pv4\@lg{
    padding-top:1.5rem !important;
    padding-bottom:1.5rem !important; }
  .u-ph4\@lg{
    padding-left:1.5rem !important;
    padding-right:1.5rem !important; }
  .u-pt4\@lg{
    padding-top:1.5rem !important; }
  .u-pb4\@lg{
    padding-bottom:1.5rem !important; }
  .u-pl4\@lg{
    padding-left:1.5rem !important; }
  .u-pr4\@lg{
    padding-right:1.5rem !important; }
  .u-p5\@lg{
    padding:2rem !important; }
  .u-pv5\@lg{
    padding-top:2rem !important;
    padding-bottom:2rem !important; }
  .u-ph5\@lg{
    padding-left:2rem !important;
    padding-right:2rem !important; }
  .u-pt5\@lg{
    padding-top:2rem !important; }
  .u-pb5\@lg{
    padding-bottom:2rem !important; }
  .u-pl5\@lg{
    padding-left:2rem !important; }
  .u-pr5\@lg{
    padding-right:2rem !important; } }
@media screen and (min-width:1367px){
  .u-p0\@xl{
    padding:0 !important; }
  .u-pv0\@xl{
    padding-top:0 !important;
    padding-bottom:0 !important; }
  .u-ph0\@xl{
    padding-left:0 !important;
    padding-right:0 !important; }
  .u-pt0\@xl{
    padding-top:0 !important; }
  .u-pb0\@xl{
    padding-bottom:0 !important; }
  .u-pl0\@xl{
    padding-left:0 !important; }
  .u-pr0\@xl{
    padding-right:0 !important; }
  .u-p1\@xl{
    padding:.25rem !important; }
  .u-pv1\@xl{
    padding-top:.25rem !important;
    padding-bottom:.25rem !important; }
  .u-ph1\@xl{
    padding-left:.25rem !important;
    padding-right:.25rem !important; }
  .u-pt1\@xl{
    padding-top:.25rem !important; }
  .u-pb1\@xl{
    padding-bottom:.25rem !important; }
  .u-pl1\@xl{
    padding-left:.25rem !important; }
  .u-pr1\@xl{
    padding-right:.25rem !important; }
  .u-p2\@xl{
    padding:.5rem !important; }
  .u-pv2\@xl{
    padding-top:.5rem !important;
    padding-bottom:.5rem !important; }
  .u-ph2\@xl{
    padding-left:.5rem !important;
    padding-right:.5rem !important; }
  .u-pt2\@xl{
    padding-top:.5rem !important; }
  .u-pb2\@xl{
    padding-bottom:.5rem !important; }
  .u-pl2\@xl{
    padding-left:.5rem !important; }
  .u-pr2\@xl{
    padding-right:.5rem !important; }
  .u-p3\@xl{
    padding:1rem !important; }
  .u-pv3\@xl{
    padding-top:1rem !important;
    padding-bottom:1rem !important; }
  .u-ph3\@xl{
    padding-left:1rem !important;
    padding-right:1rem !important; }
  .u-pt3\@xl{
    padding-top:1rem !important; }
  .u-pb3\@xl{
    padding-bottom:1rem !important; }
  .u-pl3\@xl{
    padding-left:1rem !important; }
  .u-pr3\@xl{
    padding-right:1rem !important; }
  .u-p4\@xl{
    padding:1.5rem !important; }
  .u-pv4\@xl{
    padding-top:1.5rem !important;
    padding-bottom:1.5rem !important; }
  .u-ph4\@xl{
    padding-left:1.5rem !important;
    padding-right:1.5rem !important; }
  .u-pt4\@xl{
    padding-top:1.5rem !important; }
  .u-pb4\@xl{
    padding-bottom:1.5rem !important; }
  .u-pl4\@xl{
    padding-left:1.5rem !important; }
  .u-pr4\@xl{
    padding-right:1.5rem !important; }
  .u-p5\@xl{
    padding:2rem !important; }
  .u-pv5\@xl{
    padding-top:2rem !important;
    padding-bottom:2rem !important; }
  .u-ph5\@xl{
    padding-left:2rem !important;
    padding-right:2rem !important; }
  .u-pt5\@xl{
    padding-top:2rem !important; }
  .u-pb5\@xl{
    padding-bottom:2rem !important; }
  .u-pl5\@xl{
    padding-left:2rem !important; }
  .u-pr5\@xl{
    padding-right:2rem !important; } }
@media screen and (min-width:768px){
  .u-visible\@sm,.u-visible\@small{
    display:none !important; } }
.u-hidden{
  display:none !important; }
@media screen and (max-width:767px){
  .u-hidden\@sm{
    display:none !important; } }
@media screen and (min-width:768px){
  .u-hidden\@md{
    display:none !important; } }
@media screen and (min-width:992px){
  .u-hidden\@lg{
    display:none !important; } }
@media screen and (min-width:1367px){
  .u-hidden\@xl{
    display:none !important; } }
.u-text-muted{
  color:#9ba6aa !important; }
.u-unit{
  margin-left:.25em !important;
  font-size:.875rem !important; }
.u-valign{
  display:inline-block !important;
  vertical-align:middle !important; }
.u-small{
  font-size:.75rem !important; }
.u-medium{
  font-weight:500 !important; }
.u-disabled{
  color:rgba(69, 79, 84, .2) !important;
  fill:rgba(69, 79, 84, .2) !important; }
.u-offline{
  color:rgba(69, 79, 84, .5) !important;
  fill:rgba(69, 79, 84, .5) !important; }
.u-low{
  color:#3384e1 !important;
  fill:#3384e1 !important; }
.u-normal{
  color:#48dcc0 !important;
  fill:#48dcc0 !important; }
.u-high,.u-red{
  color:#e54545 !important;
  fill:#e54545 !important; }
.u-green{
  color:#48dcc0 !important;
  fill:#48dcc0 !important; }
.u-blue{
  color:#3384e1 !important;
  fill:#3384e1 !important; }
.u-orange{
  color:#ff9d5a !important;
  fill:#ff9d5a !important; }
.u-yellow{
  color:#ffe75a !important;
  fill:#ffe75a !important; }
.u-pull-left{
  float:left !important; }
.u-pull-right{
  float:right !important; }
.u-text-left{
  text-align:left !important; }
.u-text-center{
  text-align:center !important; }
.u-text-right{
  text-align:right !important; }
.u-flex{
  display:flex !important; }
.u-flex-column{
  flex-direction:column !important; }
.u-align-start{
  align-items:flex-start !important; }
.u-align-center{
  align-items:flex-center !important; }
.u-align-end{
  align-items:flex-end !important; }
.u-align-stretch{
  align-items:stretch !important; }
.u-self-start{
  align-self:flex-start !important; }
.u-self-center{
  align-self:center !important; }
.u-self-end{
  align-self:flex-end !important; }
.u-self-stretch{
  align-self:stretch !important; }
.u-justify-start{
  justify-content:flex-start !important; }
.u-justify-center{
  justify-content:center !important; }
.u-justify-end{
  justify-content:flex-end !important; }
.u-justify-around{
  justify-content:space-around !important; }
.u-justify-between{
  justify-content:space-between; }
@media screen and (max-width:767px){
  .u-pull-left\@sm{
    float:left !important; }
  .u-pull-right\@sm{
    float:right !important; }
  .u-text-left\@sm{
    text-align:left !important; }
  .u-text-center\@sm{
    text-align:center !important; }
  .u-text-right\@sm{
    text-align:right !important; }
  .u-flex\@sm{
    display:flex !important; }
  .u-flex-column\@sm{
    flex-direction:column !important; }
  .u-align-start\@sm{
    align-items:flex-start !important; }
  .u-align-center\@sm{
    align-items:flex-center !important; }
  .u-align-end\@sm{
    align-items:flex-end !important; }
  .u-align-stretch\@sm{
    align-items:stretch !important; }
  .u-self-start\@sm{
    align-self:flex-start !important; }
  .u-self-center\@sm{
    align-self:center !important; }
  .u-self-end\@sm{
    align-self:flex-end !important; }
  .u-self-stretch\@sm{
    align-self:stretch !important; }
  .u-justify-start\@sm{
    justify-content:flex-start !important; }
  .u-justify-center\@sm{
    justify-content:center !important; }
  .u-justify-end\@sm{
    justify-content:flex-end !important; }
  .u-justify-around\@sm{
    justify-content:space-around !important; }
  .u-justify-between\@sm{
    justify-content:space-between !important; } }
@media screen and (min-width:768px){
  .u-pull-left\@md{
    float:left !important; }
  .u-pull-right\@md{
    float:right !important; }
  .u-text-left\@md{
    text-align:left !important; }
  .u-text-center\@md{
    text-align:center !important; }
  .u-text-right\@md{
    text-align:right !important; }
  .u-flex\@md{
    display:flex !important; }
  .u-flex-column\@md{
    flex-direction:column !important; }
  .u-align-start\@md{
    align-items:flex-start !important; }
  .u-align-center\@md{
    align-items:flex-center !important; }
  .u-align-end\@md{
    align-items:flex-end !important; }
  .u-align-stretch\@md{
    align-items:stretch !important; }
  .u-self-start\@md{
    align-self:flex-start !important; }
  .u-self-center\@md{
    align-self:center !important; }
  .u-self-end\@md{
    align-self:flex-end !important; }
  .u-self-stretch\@md{
    align-self:stretch !important; }
  .u-justify-start\@md{
    justify-content:flex-start !important; }
  .u-justify-center\@md{
    justify-content:center !important; }
  .u-justify-end\@md{
    justify-content:flex-end !important; }
  .u-justify-around\@md{
    justify-content:space-around !important; }
  .u-justify-between\@md{
    justify-content:space-between !important; } }
@media screen and (min-width:992px){
  .u-pull-left\@lg{
    float:left !important; }
  .u-pull-right\@lg{
    float:right !important; }
  .u-text-left\@lg{
    text-align:left !important; }
  .u-text-center\@lg{
    text-align:center !important; }
  .u-text-right\@lg{
    text-align:right !important; }
  .u-flex\@lg{
    display:flex !important; }
  .u-flex-column\@lg{
    flex-direction:column !important; }
  .u-align-start\@lg{
    align-items:flex-start !important; }
  .u-align-center\@lg{
    align-items:flex-center !important; }
  .u-align-end\@lg{
    align-items:flex-end !important; }
  .u-align-stretch\@lg{
    align-items:stretch !important; }
  .u-self-start\@lg{
    align-self:flex-start !important; }
  .u-self-center\@lg{
    align-self:center !important; }
  .u-self-end\@lg{
    align-self:flex-end !important; }
  .u-self-stretch\@lg{
    align-self:stretch !important; }
  .u-justify-start\@lg{
    justify-content:flex-start !important; }
  .u-justify-center\@lg{
    justify-content:center !important; }
  .u-justify-end\@lg{
    justify-content:flex-end !important; }
  .u-justify-around\@lg{
    justify-content:space-around !important; }
  .u-justify-between\@lg{
    justify-content:space-between !important; } }
@media screen and (min-width:1367px){
  .u-pull-left\@xl{
    float:left !important; }
  .u-pull-right\@xl{
    float:right !important; }
  .u-text-left\@xl{
    text-align:left !important; }
  .u-text-center\@xl{
    text-align:center !important; }
  .u-text-right\@xl{
    text-align:right !important; }
  .u-flex\@xl{
    display:flex !important; }
  .u-flex-column\@xl{
    flex-direction:column !important; }
  .u-align-start\@xl{
    align-items:flex-start !important; }
  .u-align-center\@xl{
    align-items:flex-center !important; }
  .u-align-end\@xl{
    align-items:flex-end !important; }
  .u-align-stretch\@xl{
    align-items:stretch !important; }
  .u-self-start\@xl{
    align-self:flex-start !important; }
  .u-self-center\@xl{
    align-self:center !important; }
  .u-self-end\@xl{
    align-self:flex-end !important; }
  .u-self-stretch\@xl{
    align-self:stretch !important; }
  .u-justify-start\@xl{
    justify-content:flex-start !important; }
  .u-justify-center\@xl{
    justify-content:center !important; }
  .u-justify-end\@xl{
    justify-content:flex-end !important; }
  .u-justify-around\@xl{
    justify-content:space-around !important; }
  .u-justify-between\@xl{
    justify-content:space-between !important; } }
/* src/styles/variables/colors.css */
:root {
  --color-licorice: hsl(227, 25%, 22%);
}
/* src/styles/assets/fonts/roboto-webfont/roboto-webfont.css */
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-thin-webfont-CUfjgSWw.eot");
  src:
    url("/assets/roboto-thin-webfont-CUfjgSWw.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-thin-webfont-CH5zxoUI.woff2") format("woff2"),
    url("/assets/roboto-thin-webfont-icYEWh5b.woff") format("woff"),
    url("/assets/roboto-thin-webfont-Bt-ZnPMf.ttf") format("truetype"),
    url("/assets/roboto-thin-webfont-BB8OYVcF.svg#robotothin") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-thinitalic-webfont-CZ_iZvet.eot");
  src:
    url("/assets/roboto-thinitalic-webfont-CZ_iZvet.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-thinitalic-webfont-ChV9yOXP.woff2") format("woff2"),
    url("/assets/roboto-thinitalic-webfont-UkakO5Y4.woff") format("woff"),
    url("/assets/roboto-thinitalic-webfont-C6at2WnT.ttf") format("truetype"),
    url("/assets/roboto-thinitalic-webfont-CQZ0KG2C.svg#robotothin_italic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-light-webfont-CAGg7Qo9.eot");
  src:
    url("/assets/roboto-light-webfont-CAGg7Qo9.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-light-webfont-Wk5hpH9b.woff2") format("woff2"),
    url("/assets/roboto-light-webfont-D-oFSScF.woff") format("woff"),
    url("/assets/roboto-light-webfont-BYIzH8-o.ttf") format("truetype"),
    url("/assets/roboto-light-webfont-D-hRPnqP.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-lightitalic-webfont-DhDfdxFw.eot");
  src:
    url("/assets/roboto-lightitalic-webfont-DhDfdxFw.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-lightitalic-webfont-B-j3bAk_.woff2") format("woff2"),
    url("/assets/roboto-lightitalic-webfont-D1lbp4Pd.woff") format("woff"),
    url("/assets/roboto-lightitalic-webfont-DzoTSHqG.ttf") format("truetype"),
    url("/assets/roboto-lightitalic-webfont-CmjJLZyR.svg#robotolight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-regular-webfont-lw0VBdPf.eot");
  src:
    url("/assets/roboto-regular-webfont-lw0VBdPf.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-regular-webfont-SJ4KVWKC.woff2") format("woff2"),
    url("/assets/roboto-regular-webfont-Bnfjc1Pu.woff") format("woff"),
    url("/assets/roboto-regular-webfont-BoCV5SP3.ttf") format("truetype"),
    url("/assets/roboto-regular-webfont-DB9L0R-_.svg#robotoregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-italic-webfont-DiBDLvuU.eot");
  src:
    url("/assets/roboto-italic-webfont-DiBDLvuU.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-italic-webfont-C1QyYQgp.woff2") format("woff2"),
    url("/assets/roboto-italic-webfont-pMT5Z_R6.woff") format("woff"),
    url("/assets/roboto-italic-webfont-BsQB_2SO.ttf") format("truetype"),
    url("/assets/roboto-italic-webfont-B1UIfLpd.svg#robotoitalic") format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-medium-webfont-BCENfL5S.eot");
  src:
    url("/assets/roboto-medium-webfont-BCENfL5S.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-medium-webfont-DMxOQAbs.woff2") format("woff2"),
    url("/assets/roboto-medium-webfont-32CbeQMp.woff") format("woff"),
    url("/assets/roboto-medium-webfont-COUAYgXt.ttf") format("truetype"),
    url("/assets/roboto-medium-webfont-CzpGh0zz.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-mediumitalic-webfont-DoQNtlb3.eot");
  src:
    url("/assets/roboto-mediumitalic-webfont-DoQNtlb3.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-mediumitalic-webfont-CCW27OZ1.woff2") format("woff2"),
    url("/assets/roboto-mediumitalic-webfont-Bo5hZTXr.woff") format("woff"),
    url("/assets/roboto-mediumitalic-webfont-BhCfuzpS.ttf") format("truetype"),
    url("/assets/roboto-mediumitalic-webfont-BUpynwzX.svg#robotomedium_italic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-bold-webfont-J1UQsnZ8.eot");
  src:
    url("/assets/roboto-bold-webfont-J1UQsnZ8.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-bold-webfont-DtmAwjoC.woff2") format("woff2"),
    url("/assets/roboto-bold-webfont-BSvK00ku.woff") format("woff"),
    url("/assets/roboto-bold-webfont-Fk4NIWYF.ttf") format("truetype"),
    url("/assets/roboto-bold-webfont-iDw2t_Ng.svg#robotobold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-bolditalic-webfont-CStGlVLs.eot");
  src:
    url("/assets/roboto-bolditalic-webfont-CStGlVLs.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-bolditalic-webfont-ByQutgEw.woff2") format("woff2"),
    url("/assets/roboto-bolditalic-webfont-CrEdisLa.woff") format("woff"),
    url("/assets/roboto-bolditalic-webfont-BDowy6t1.ttf") format("truetype"),
    url("/assets/roboto-bolditalic-webfont-C3wh85Tr.svg#robotobold_italic") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-black-webfont-OAEIy5gv.eot");
  src:
    url("/assets/roboto-black-webfont-OAEIy5gv.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-black-webfont-BqA8vay_.woff2") format("woff2"),
    url("/assets/roboto-black-webfont-DjNkQHNW.woff") format("woff"),
    url("/assets/roboto-black-webfont-CpKaolts.ttf") format("truetype"),
    url("/assets/roboto-black-webfont-ClzVzbfY.svg#robotoblack") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/roboto-blackitalic-webfont--FVTdqjt.eot");
  src:
    url("/assets/roboto-blackitalic-webfont--FVTdqjt.eot?#iefix") format("embedded-opentype"),
    url("/assets/roboto-blackitalic-webfont-Bs1ZiJKC.woff2") format("woff2"),
    url("/assets/roboto-blackitalic-webfont-DHFxDnRR.woff") format("woff"),
    url("/assets/roboto-blackitalic-webfont-f7lZ0xB_.ttf") format("truetype"),
    url("/assets/roboto-blackitalic-webfont-Bn3Yn9yQ.svg#robotoblack_italic") format("svg");
  font-weight: 900;
  font-style: italic;
}
/* src/styles/variables/fonts.css */
:root {
  --font-roboto: Roboto, Arial;
}
/* src/styles/variables/index.css */
/* src/styles/index.css */
*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.visible{
  visibility:visible !important;
}
.invisible{
  visibility:hidden !important;
}
.static{
  position:static !important;
}
.fixed{
  position:fixed !important;
}
.absolute{
  position:absolute !important;
}
.relative{
  position:relative !important;
}
.sticky{
  position:-webkit-sticky !important;
  position:sticky !important;
}
.inset-0{
  inset:0px !important;
}
.bottom-0{
  bottom:0px !important;
}
.left-0{
  left:0px !important;
}
.right-0{
  right:0px !important;
}
.right-4{
  right:1rem !important;
}
.top-0{
  top:0px !important;
}
.top-1\.5{
  top:0.375rem !important;
}
.top-4{
  top:1rem !important;
}
.z-10{
  z-index:10 !important;
}
.z-\[1\]{
  z-index:1 !important;
}
.z-\[9000\]{
  z-index:9000 !important;
}
.z-auto{
  z-index:auto !important;
}
.clear-both{
  clear:both !important;
}
.m-0{
  margin:0px !important;
}
.m-1{
  margin:0.25rem !important;
}
.m-auto{
  margin:auto !important;
}
.mx-4{
  margin-left:1rem !important;
  margin-right:1rem !important;
}
.mx-auto{
  margin-left:auto !important;
  margin-right:auto !important;
}
.my-1{
  margin-top:0.25rem !important;
  margin-bottom:0.25rem !important;
}
.my-2{
  margin-top:0.5rem !important;
  margin-bottom:0.5rem !important;
}
.my-4{
  margin-top:1rem !important;
  margin-bottom:1rem !important;
}
.-mb-4{
  margin-bottom:-1rem !important;
}
.mb-0{
  margin-bottom:0px !important;
}
.mb-0\.5{
  margin-bottom:0.125rem !important;
}
.mb-2{
  margin-bottom:0.5rem !important;
}
.mb-20{
  margin-bottom:5rem !important;
}
.mb-4{
  margin-bottom:1rem !important;
}
.mb-5{
  margin-bottom:1.25rem !important;
}
.mb-6{
  margin-bottom:1.5rem !important;
}
.ml-0\.5{
  margin-left:0.125rem !important;
}
.ml-1{
  margin-left:0.25rem !important;
}
.ml-1\.5{
  margin-left:0.375rem !important;
}
.ml-2{
  margin-left:0.5rem !important;
}
.ml-4{
  margin-left:1rem !important;
}
.mr-6{
  margin-right:1.5rem !important;
}
.mr-8{
  margin-right:2rem !important;
}
.mt-0{
  margin-top:0px !important;
}
.mt-1\.5{
  margin-top:0.375rem !important;
}
.mt-12{
  margin-top:3rem !important;
}
.mt-4{
  margin-top:1rem !important;
}
.box-border{
  box-sizing:border-box !important;
}
.block{
  display:block !important;
}
.inline-block{
  display:inline-block !important;
}
.flex{
  display:flex !important;
}
.inline-flex{
  display:inline-flex !important;
}
.grid{
  display:grid !important;
}
.hidden{
  display:none !important;
}
.aspect-auto{
  aspect-ratio:auto !important;
}
.aspect-square{
  aspect-ratio:1 / 1 !important;
}
.h-0{
  height:0px !important;
}
.h-12{
  height:3rem !important;
}
.h-2{
  height:0.5rem !important;
}
.h-\[200px\]{
  height:200px !important;
}
.h-\[21px\]{
  height:21px !important;
}
.h-auto{
  height:auto !important;
}
.h-full{
  height:100% !important;
}
.h-screen{
  height:100vh !important;
}
.max-h-\[200px\]{
  max-height:200px !important;
}
.max-h-\[38px\]{
  max-height:38px !important;
}
.max-h-full{
  max-height:100% !important;
}
.min-h-0{
  min-height:0px !important;
}
.min-h-\[162px\]{
  min-height:162px !important;
}
.min-h-\[42px\]{
  min-height:42px !important;
}
.w-0{
  width:0px !important;
}
.w-10{
  width:2.5rem !important;
}
.w-11\/12{
  width:91.666667% !important;
}
.w-12{
  width:3rem !important;
}
.w-2{
  width:0.5rem !important;
}
.w-\[90\%\]{
  width:90% !important;
}
.w-auto{
  width:auto !important;
}
.w-fit{
  width:-webkit-fit-content !important;
  width:fit-content !important;
}
.w-full{
  width:100% !important;
}
.w-screen{
  width:100vw !important;
}
.min-w-0{
  min-width:0px !important;
}
.min-w-fit{
  min-width:-webkit-fit-content !important;
  min-width:fit-content !important;
}
.min-w-full{
  min-width:100% !important;
}
.min-w-max{
  min-width:-webkit-max-content !important;
  min-width:max-content !important;
}
.max-w-\[300px\]{
  max-width:300px !important;
}
.max-w-\[50\%\]{
  max-width:50% !important;
}
.max-w-full{
  max-width:100% !important;
}
.flex-1{
  flex:1 1 0% !important;
}
.flex-shrink-0{
  flex-shrink:0 !important;
}
.flex-grow{
  flex-grow:1 !important;
}
.basis-\[25\%\]{
  flex-basis:25% !important;
}
.basis-\[75\%\]{
  flex-basis:75% !important;
}
.-translate-x-1\/2{
  --tw-translate-x:-50% !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-0{
  --tw-translate-x:0px !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-\[-100\%\]{
  --tw-translate-x:-100% !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180{
  --tw-rotate:180deg !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.cursor-not-allowed{
  cursor:not-allowed !important;
}
.cursor-pointer{
  cursor:pointer !important;
}
.resize{
  resize:both !important;
}
.list-disc{
  list-style-type:disc !important;
}
.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
.flex-row{
  flex-direction:row !important;
}
.flex-row-reverse{
  flex-direction:row-reverse !important;
}
.flex-col{
  flex-direction:column !important;
}
.flex-wrap{
  flex-wrap:wrap !important;
}
.flex-nowrap{
  flex-wrap:nowrap !important;
}
.items-start{
  align-items:flex-start !important;
}
.items-center{
  align-items:center !important;
}
.items-stretch{
  align-items:stretch !important;
}
.justify-start{
  justify-content:flex-start !important;
}
.justify-end{
  justify-content:flex-end !important;
}
.justify-center{
  justify-content:center !important;
}
.justify-between{
  justify-content:space-between !important;
}
.gap-1{
  gap:0.25rem !important;
}
.gap-2{
  gap:0.5rem !important;
}
.gap-3{
  gap:0.75rem !important;
}
.gap-4{
  gap:1rem !important;
}
.space-x-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0 !important;
  margin-right:calc(2.5rem * var(--tw-space-x-reverse)) !important;
  margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0 !important;
  margin-right:calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0 !important;
  margin-right:calc(0.75rem * var(--tw-space-x-reverse)) !important;
  margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0 !important;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0 !important;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom:calc(1rem * var(--tw-space-y-reverse)) !important;
}
.self-start{
  align-self:flex-start !important;
}
.self-end{
  align-self:flex-end !important;
}
.overflow-auto{
  overflow:auto !important;
}
.overflow-hidden{
  overflow:hidden !important;
}
.overflow-y-auto{
  overflow-y:auto !important;
}
.overflow-y-hidden{
  overflow-y:hidden !important;
}
.overflow-x-visible{
  overflow-x:visible !important;
}
.truncate{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.whitespace-nowrap{
  white-space:nowrap !important;
}
.whitespace-pre-line{
  white-space:pre-line !important;
}
.rounded-full{
  border-radius:9999px !important;
}
.rounded-lg{
  border-radius:0.5rem !important;
}
.rounded-md{
  border-radius:0.375rem !important;
}
.border{
  border-width:1px !important;
}
.border-0{
  border-width:0px !important;
}
.border-r-2{
  border-right-width:2px !important;
}
.border-solid{
  border-style:solid !important;
}
.border-dotted{
  border-style:dotted !important;
}
.border-none{
  border-style:none !important;
}
.border-\[\#BFC9CF\]{
  --tw-border-opacity:1 !important;
  border-color:rgb(191 201 207 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#e54545\]{
  --tw-border-opacity:1 !important;
  border-color:rgb(229 69 69 / var(--tw-border-opacity, 1)) !important;
}
.border-current{
  border-color:currentColor !important;
}
.border-gray-300{
  --tw-border-opacity:1 !important;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-500{
  --tw-border-opacity:1 !important;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1)) !important;
}
.border-tomato{
  --tw-border-opacity:1 !important;
  border-color:rgb(229 69 69 / var(--tw-border-opacity, 1)) !important;
}
.bg-\[\#48DCC0\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(72 220 192 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#E5454510\]{
  background-color:#E5454510 !important;
}
.bg-\[\#E54545\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(229 69 69 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#F3F6F7\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(243 246 247 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#f3f6f7\]{
  --tw-bg-opacity:1 !important;
  background-color:rgb(243 246 247 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[var\(--color-grey100\)\]{
  background-color:var(--color-grey100) !important;
}
.bg-amber{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 139 0 / var(--tw-bg-opacity, 1)) !important;
}
.bg-black\/60{
  background-color:rgb(0 0 0 / 0.6) !important;
}
.bg-black\/70{
  background-color:rgb(0 0 0 / 0.7) !important;
}
.bg-black\/90{
  background-color:rgb(0 0 0 / 0.9) !important;
}
.bg-slate-200{
  --tw-bg-opacity:1 !important;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1)) !important;
}
.bg-tomato{
  --tw-bg-opacity:1 !important;
  background-color:rgb(229 69 69 / var(--tw-bg-opacity, 1)) !important;
}
.bg-white{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.object-cover{
  object-fit:cover !important;
}
.p-0{
  padding:0px !important;
}
.p-1{
  padding:0.25rem !important;
}
.p-1\.5{
  padding:0.375rem !important;
}
.p-2{
  padding:0.5rem !important;
}
.p-3{
  padding:0.75rem !important;
}
.p-4{
  padding:1rem !important;
}
.p-6{
  padding:1.5rem !important;
}
.p-8{
  padding:2rem !important;
}
.px-1\.5{
  padding-left:0.375rem !important;
  padding-right:0.375rem !important;
}
.px-2{
  padding-left:0.5rem !important;
  padding-right:0.5rem !important;
}
.px-2\.5{
  padding-left:0.625rem !important;
  padding-right:0.625rem !important;
}
.px-4{
  padding-left:1rem !important;
  padding-right:1rem !important;
}
.py-0\.5{
  padding-top:0.125rem !important;
  padding-bottom:0.125rem !important;
}
.py-2{
  padding-top:0.5rem !important;
  padding-bottom:0.5rem !important;
}
.py-4{
  padding-top:1rem !important;
  padding-bottom:1rem !important;
}
.pb-0{
  padding-bottom:0px !important;
}
.pb-2{
  padding-bottom:0.5rem !important;
}
.pb-5{
  padding-bottom:1.25rem !important;
}
.pb-6{
  padding-bottom:1.5rem !important;
}
.pl-4{
  padding-left:1rem !important;
}
.pl-6{
  padding-left:1.5rem !important;
}
.pr-6{
  padding-right:1.5rem !important;
}
.pt-0{
  padding-top:0px !important;
}
.pt-0\.5{
  padding-top:0.125rem !important;
}
.pt-1{
  padding-top:0.25rem !important;
}
.text-left{
  text-align:left !important;
}
.text-center{
  text-align:center !important;
}
.text-right{
  text-align:right !important;
}
.align-middle{
  vertical-align:middle !important;
}
.text-2xl{
  font-size:1.5rem !important;
  line-height:2rem !important;
}
.text-base{
  font-size:1rem !important;
  line-height:1.5rem !important;
}
.text-lg{
  font-size:1.125rem !important;
  line-height:1.75rem !important;
}
.text-sm{
  font-size:0.875rem !important;
  line-height:1.25rem !important;
}
.text-xl{
  font-size:1.25rem !important;
  line-height:1.75rem !important;
}
.text-xs{
  font-size:0.75rem !important;
  line-height:1rem !important;
}
.font-bold{
  font-weight:700 !important;
}
.font-semibold{
  font-weight:600 !important;
}
.uppercase{
  text-transform:uppercase !important;
}
.capitalize{
  text-transform:capitalize !important;
}
.normal-case{
  text-transform:none !important;
}
.leading-3{
  line-height:.75rem !important;
}
.leading-4{
  line-height:1rem !important;
}
.leading-5{
  line-height:1.25rem !important;
}
.leading-6{
  line-height:1.5rem !important;
}
.leading-7{
  line-height:1.75rem !important;
}
.text-\[\#00B0B2\]{
  --tw-text-opacity:1 !important;
  color:rgb(0 176 178 / var(--tw-text-opacity, 1)) !important;
}
.text-amber{
  --tw-text-opacity:1 !important;
  color:rgb(255 139 0 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-300{
  --tw-text-opacity:1 !important;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1)) !important;
}
.text-green-35{
  --tw-text-opacity:1 !important;
  color:rgb(0 176 178 / var(--tw-text-opacity, 1)) !important;
}
.text-tomato{
  --tw-text-opacity:1 !important;
  color:rgb(229 69 69 / var(--tw-text-opacity, 1)) !important;
}
.text-white{
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.underline{
  -webkit-text-decoration-line:underline !important;
          text-decoration-line:underline !important;
}
.underline-offset-2{
  text-underline-offset:2px !important;
}
.opacity-0{
  opacity:0 !important;
}
.opacity-50{
  opacity:0.5 !important;
}
.shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.blur{
  --tw-blur:blur(8px) !important;
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.transition-\[width\]{
  transition-property:width !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:150ms !important;
}
.transition-all{
  transition-property:all !important;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration:150ms !important;
}
.duration-200{
  transition-duration:200ms !important;
}
.duration-300{
  transition-duration:300ms !important;
}
.duration-75{
  transition-duration:75ms !important;
}
.ease-in{
  transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.will-change-transform{
  will-change:transform !important;
}
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
.main-app {
  display: flex;
  flex-flow: column;
  position: absolute;
  inset: 0;
}
.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
  width: 0;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body {
  --color-charcoal: var(--color-licorice);
  --cuiTypoColor: var(--color-licorice);
  --color-text: var(--color-licorice);
  color: var(--color-licorice);
  font-family: var(--font-roboto), Arial, sans-serif;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
.cui-chart__legends--item,
.cui-chart__labelY--item text,
.cui-chart__labelX--item,
.cui-chart__labelX--item text,
.cui-chart__labelY--item {
  font-family: inherit !important;
}
body {
  /* Disables pull-to-refresh but allows overscroll glow effects. */
  overscroll-behavior-y: contain;
}
html {
  overflow: hidden;
  overscroll-behavior: none;
}
.cui-stepper__item__title.active {
  font-weight: 600;
}
header.cui-header div.cui-header__container {
  justify-content: flex-start;
}
.cui-search:has(.cui-search__remove) input.cui-search__input {
  padding-right: 30px !important;
}
.cui-button-outlined.cui-button-grey {
  background-color: var(--color-salt) !important;
  border-color: var(--color-grey400) !important;
}
.cui-button-outlined.cui-button-grey:hover {
  background-color: var(--color-grey100) !important;
}
.form-full-height > .cui-form {
  height: 100%;
}
.ogb-app .cui-card__wrapper {
  height: auto;
}
.ogb-app .cui-stepper__item__divider {
  display: unset;
}
.ogb-app .cui-field_unit.lm--after-addon {
  border-left: 1px solid #bfc9cf !important;
}
.ogb-app .lm--input-group .lm--input .lm--input-control input:disabled ~ .cui-field_unit.lm--after-addon {
  background-color: var(--cuiFormInputDisabled);
}
.ogb-app .cui-field-dropdown__select[aria-disabled=true] {
  background-color: var(--cuiFormInputDisabled);
  pointer-events: none;
  cursor: not-allowed;
}
.image-carousel__navigator__prev-btn, .image-carousel__navigator__next-btn {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.image-carousel-base-popup .image-carousel__item {
  inset: 0;
  display: flex;
}
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.floating-back-button {
  color: #818a91;
  background-color: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04);
  border-radius: 0 100px 100px 0;
  min-width: unset;
  height: 40px;
  width: 40px;
  padding: 8px 10px 0.5rem 0.5rem;
}
.floating-back-button svg {
  fill: currentColor;
}
.title {
  display: flex;
  padding: 1rem 0;
  min-height: 4.5rem;
  align-items: center;
  position: relative;
}
.cui-modal.confirmation-popup {
  padding: 1.5rem;
}
.cui-modal.confirmation-popup .cui-popup__title {
  margin-top: 0;
}
.cui-modal.confirmation-popup .cui-popup__content {
  margin-bottom: 0;
}
.cui-modal.confirmation-popup .cui-field_cta button {
  width: 100% !important;
}
.upload-button svg {
  flex-shrink: 0;
}
.upload-button.lm--button.cui-button {
  min-width: 0;
  padding: 0.75rem;
  height: 2.75rem;
}
.form-radio {
  text-align: left;
}
.form-radio.disabled .lm--radio-label::before {
  background-color: var(--color-grey200, #e7ecef);
}
.form-radio.disabled .lm--radio-input:checked + .lm--radio-label:after {
  background-color: var(--color-grey400, #bfc9cf);
}
.form-radio-group-options {
  display: flex;
  margin-top: 0.25rem;
}
.form-yes-no-option {
  width: 100%;
  margin-top: 1rem;
}
.form-yes-no-option .lm--input-group.cui-field_group:not(:first-child) {
  margin-top: 0;
}
.ogb-app-grid.cui-grid-list .cui-grid-list__cell {
  padding: 0;
}
.ogb-app-grid.cui-grid-list .cui-grid-list__cell .cui-typo,
.ogb-app-grid.cui-grid-list .cui-grid-list__cell input,
.ogb-app-grid.cui-grid-list .cui-grid-list__cell .cui-field-dropdown__select {
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
}
.ogb-app-grid.cui-grid-list .cui-grid-list__cell input {
  padding: 0.5rem;
}
.ogb-app-grid.cui-grid-list .cui-grid-list__cell .cui-field-dropdown__select {
  padding: 0.5rem;
  border: none;
}
.ogb-app-grid.cui-grid-list .cui-grid-list__cell .cui-field-dropdown__dropdown-icon {
  padding-left: 0.25rem;
}
.ogb-app-grid.cui-grid-list .cui-grid-list__cell .cui-field-dropdown__dropdown-icon svg {
  transform: scale(0.75);
}
.mobile_toast {
  max-width: 367px;
  transition: all 0.5s ease;
  padding: 0.25rem 2.5rem 0.25rem 0rem;
  background: var(--color-salt);
  color: var(--color-charcoal);
  position: relative;
  border-radius: 5px;
}
.mobile_toast::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mobile_toast.success::before {
  background: var(--color-green42);
}
.mobile_toast.danger::before {
  background: var(--color-tomato);
}
.mobile_toast p {
  margin-top: 0.5rem;
  line-height: 1.2;
}
.mobile_toast_close {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.mobile_toast_close svg {
  width: 100%;
  height: 100%;
}
.cui-toast {
  max-width: 320px;
}
.ogb-log-updated--content {
  overflow: auto;
  height: 100%;
}
.ogb-log-updated--content .cui-grid-list.cui-grid-list__grid .cui-typo {
  font-size: 0.875rem !important;
}
.ogb-log-updated--content .cui-grid-list.cui-grid-list__grid .cui-grid-list__cell:not(:has(.cui-grid-list__header)) .cui-typo {
  white-space: pre-line !important;
}
.ogb-dashboard-tabs-status .cui--tab-nav + .cui--tab-nav {
  margin-left: 0;
}
.ogb-dashboard-tabs-status .cui--tab-nav {
  white-space: nowrap;
}
.ogb-dashboard-tabs-status .cui--tab-nav-container {
  padding: 0;
}
.ogb-dashboard-tabs-status .cui--tab-nav-container ul {
  overflow: auto;
}
.ogb-dashboard-tabs-status .cui--tab-link {
  font-size: var(--font-size-base);
  flex-shrink: 0;
}
.ogb-dashboard-tabs-status .cui--tab-link:first-child {
  transition: color 300ms ease-in-out;
}
.ogb-dashboard-tabs-status .cui--tab-link .tabs-status-count {
  background-color: var(--cuiTabItemBg);
  color: var(--cuiTabItemText);
}
.ogb-dashboard-tabs-status .cui--tab-link::after {
  border-bottom-style: solid;
  border-bottom-width: 3px;
}
.ogb-dashboard-tabs-status .cui--tab-link.is-active::after {
  transform: scaleX(1);
}
.ogb-dashboard-search .cui-search__input {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.ogb-dashboard-search .cui-search__icon {
  top: 12px !important;
}
.ogb-dashboard-search .cui-search__remove {
  top: 14px !important;
}
.job-stats-chart .cui-chart-doughnut {
  display: flex;
  align-items: center;
}
.job-stats-chart .cui-chart-doughnut .cui-chart-doughnut__svg-wrapper {
  margin: 0 10px 0 0 !important;
}
.job-stats-chart .cui-chart__legends {
  margin-top: 0 !important;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  max-height: 330px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.job-stats-chart .cui-chart__legends > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  flex: 1;
}
.job-stats-chart .cui-chart__legends::-webkit-scrollbar {
  width: 0;
}
.job-stats-chart .cui-chart__legends--item {
  display: flex;
  align-items: center;
}
.job-stats-chart .cui-chart__legends--item-svg {
  margin-right: 0.5rem;
}
.job-stats-chart .cui-chart-doughnut__total h4.cui-typo {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}
.job-stats-chart .cui-chart-doughnut__total div.cui-typo {
  font-size: 0.625rem !important;
  line-height: 0.75rem !important;
}
.status-indicator-icon {
  margin-right: 6px;
  margin-top: 6px;
}
.ogb-dashboard-filter .cui-field-dropdown {
  width: 100%;
}
.preloading-substation-page {
  position: fixed;
  top: 0;
  right: 0;
  bottom: var(--bottom-navigation-height);
  left: 0;
  display: flex;
  flex-direction: column;
}
.preloading-substation-page .cui--tab-item {
  overflow: hidden;
}
.preloading-substation-page .cui--tab-item.is-active {
  flex: 1;
  height: 100%;
  width: 100%;
}
.preloading-substation-page .cui--tab-nav-container {
  background-color: #fff;
  padding: 0.75rem 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.04);
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-nav {
  width: 100%;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-nav > ul {
  gap: 1.25rem;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-nav.is-active .cui--tab-link {
  font-weight: 600;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-link {
  padding: 0.5rem 1rem;
  border: none;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-item {
  height: 100%;
}
.preloading-substation-page .cui--tab-pane {
  padding: 16px;
}
.preloading-substation-page .cui--tab-pane .cui-search {
  width: 100%;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 1rem;
}
.preloading-substation-page .preloading-substation-tabs {
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.substation-list {
  width: 100%;
  overflow-y: auto;
}
.substation-list-item {
  background: #fff;
  border: 1px solid #f3f6f7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 1rem;
  text-align: left;
}
.substation-list-item:last-child {
  margin-bottom: 0;
}
.substation-list-item-name {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #00b0b2;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.substation-list-item-refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #818a91;
  width: 36px;
  height: 36px;
  border: 1px solid #bfc9cf;
  border-radius: 5px;
  padding: 0 0.25rem;
}
.substation-list-item-refresh svg {
  color: currentColor;
}
.substation-list-item-refresh.loading svg {
  animation: spin 1s linear infinite;
}
.substation-list-item-refresh:hover {
  border-color: #999999;
  color: #555555;
}
.substation-list-item-refresh:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.substation-list-item-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.substation-list-item-download {
  border: 1px solid #bfc9cf;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #818a91;
  gap: 0.25rem;
}
.substation-list-item-download:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.substation-list-item-download .spinner-circle {
  width: 16px;
  height: 16px;
  margin: 0;
  border-width: 3px;
}
.substation-list-item-expired-date-label {
  color: #818a91;
  font-size: 12px;
  line-height: 16px;
}
.substation-list-item-expired-date-value {
  color: #4f5a60;
  font-size: 14px;
  line-height: 20px;
}
.substation-list-item.is-downloaded {
  border-color: #00b0b2;
}
.substation-list-item.is-downloaded .substation-list-item-download {
  color: #00b0b2;
}
.cui-popup .cui-field_cta button.profile-reset-password-buttons {
  width: 100% !important;
}
.profile-container .card-title {
  position: relative;
  padding: 16px 16px 0;
}
.profile-container .cui-card__wrapper {
  margin-bottom: 1.5rem;
}
.profile-container .general {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -0.5rem;
  color: #818a91;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.profile-container .general button {
  color: #818a91;
  padding: 0;
  line-height: 1.25rem;
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}
@media (min-width: 640px){
  .sm\:text-2xl{
    font-size:1.5rem !important;
    line-height:2rem !important;
  }
}/* DayPicker styles */

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}

.DayPicker-NavBar {
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;

  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}

.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */

.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;

  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;

  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.cui-popup .cui-field_cta button.profile-reset-password-buttons {
  width: 100% !important;
}

.profile-container .card-title {
  position: relative;
  padding: 16px 16px 0;
}

.profile-container .cui-card__wrapper {
  margin-bottom: 1.5rem;
}

.profile-container .general {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -0.5rem;
  color: #818a91;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.profile-container .general button {
  color: #818a91;
  padding: 0;
  line-height: 1.25rem;
}.preloading-substation-page {
  position: fixed;
  top: 0;
  right: 0;
  bottom: var(--bottom-navigation-height);
  left: 0;
  display: flex;
  flex-direction: column;
}
.preloading-substation-page .cui--tab-item {
  overflow: hidden;
}
.preloading-substation-page .cui--tab-item.is-active {
  flex: 1;
  height: 100%;
  width: 100%;
}
.preloading-substation-page .cui--tab-nav-container {
  background-color: #fff;
  padding: 0.75rem 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.04);
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-nav {
  width: 100%;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-nav > ul {
  gap: 1.25rem;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-nav.is-active .cui--tab-link {
  font-weight: 600;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-link {
  padding: 0.5rem 1rem;
  border: none;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.preloading-substation-page .cui--tab-nav-container .cui--tab-item {
  height: 100%;
}
.preloading-substation-page .cui--tab-pane {
  padding: 16px;
}
.preloading-substation-page .cui--tab-pane .cui-search {
  width: 100%;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 1rem;
}
.preloading-substation-page .preloading-substation-tabs {
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.substation-list {
  width: 100%;
  overflow-y: auto;
}
.substation-list-item {
  background: #fff;
  border: 1px solid #f3f6f7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 1rem;
  text-align: left;
}
.substation-list-item:last-child {
  margin-bottom: 0;
}
.substation-list-item-name {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #00b0b2;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.substation-list-item-refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #818a91;
  width: 36px;
  height: 36px;
  border: 1px solid #bfc9cf;
  border-radius: 5px;
  padding: 0 0.25rem;
}
.substation-list-item-refresh svg {
  color: currentColor;
}
.substation-list-item-refresh.loading svg {
  animation: spin 1s linear infinite;
}
.substation-list-item-refresh:hover {
  border-color: #999999;
  color: #555555;
}
.substation-list-item-refresh:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.substation-list-item-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.substation-list-item-download {
  border: 1px solid #bfc9cf;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #818a91;
  gap: 0.25rem;
}
.substation-list-item-download:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.substation-list-item-download .spinner-circle {
  width: 16px;
  height: 16px;
  margin: 0;
  border-width: 3px;
}
.substation-list-item-expired-date-label {
  color: #818a91;
  font-size: 12px;
  line-height: 16px;
}
.substation-list-item-expired-date-value {
  color: #4f5a60;
  font-size: 14px;
  line-height: 20px;
}
.substation-list-item.is-downloaded {
  border-color: #00b0b2;
}
.substation-list-item.is-downloaded .substation-list-item-download {
  color: #00b0b2;
}