/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular-devkit/build-angular/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[9].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./src/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/bootstrap-4-grid/css/grid.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0
}

.sr-only-focusable:active,.sr-only-focusable:focus{
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  white-space:normal
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html{
  box-sizing:border-box;
  -ms-overflow-style:scrollbar
}

*,*::before,*::after{
  box-sizing:inherit
}

.container{
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}

@media (min-width: 576px){
  .container{
    max-width:540px
  }
}

@media (min-width: 768px){
  .container{
    max-width:720px
  }
}

@media (min-width: 992px){
  .container{
    max-width:960px
  }
}

@media (min-width: 1200px){
  .container{
    max-width:1140px
  }
}

.container-fluid,.container-sm,.container-md,.container-lg,.container-xl{
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}

@media (min-width: 576px){
  .container,.container-sm{
    max-width:540px
  }
}

@media (min-width: 768px){
  .container,.container-sm,.container-md{
    max-width:720px
  }
}

@media (min-width: 992px){
  .container,.container-sm,.container-md,.container-lg{
    max-width:960px
  }
}

@media (min-width: 1200px){
  .container,.container-sm,.container-md,.container-lg,.container-xl{
    max-width:1140px
  }
}

.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px
}

.no-gutters{
  margin-right:0;
  margin-left:0
}

.no-gutters>.col,.no-gutters>[class*="col-"]{
  padding-right:0;
  padding-left:0
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{
  position:relative;
  width:100%;
  padding-right:15px;
  padding-left:15px
}

.col{
  flex-basis:0;
  flex-grow:1;
  max-width:100%
}

.row-cols-1>*{
  flex:0 0 100%;
  max-width:100%
}

.row-cols-2>*{
  flex:0 0 50%;
  max-width:50%
}

.row-cols-3>*{
  flex:0 0 33.3333333333%;
  max-width:33.3333333333%
}

.row-cols-4>*{
  flex:0 0 25%;
  max-width:25%
}

.row-cols-5>*{
  flex:0 0 20%;
  max-width:20%
}

.row-cols-6>*{
  flex:0 0 16.6666666667%;
  max-width:16.6666666667%
}

.col-auto{
  flex:0 0 auto;
  width:auto;
  max-width:100%
}

.col-1{
  flex:0 0 8.3333333333%;
  max-width:8.3333333333%
}

.col-2{
  flex:0 0 16.6666666667%;
  max-width:16.6666666667%
}

.col-3{
  flex:0 0 25%;
  max-width:25%
}

.col-4{
  flex:0 0 33.3333333333%;
  max-width:33.3333333333%
}

.col-5{
  flex:0 0 41.6666666667%;
  max-width:41.6666666667%
}

.col-6{
  flex:0 0 50%;
  max-width:50%
}

.col-7{
  flex:0 0 58.3333333333%;
  max-width:58.3333333333%
}

.col-8{
  flex:0 0 66.6666666667%;
  max-width:66.6666666667%
}

.col-9{
  flex:0 0 75%;
  max-width:75%
}

.col-10{
  flex:0 0 83.3333333333%;
  max-width:83.3333333333%
}

.col-11{
  flex:0 0 91.6666666667%;
  max-width:91.6666666667%
}

.col-12{
  flex:0 0 100%;
  max-width:100%
}

.order-first{
  order:-1
}

.order-last{
  order:13
}

.order-0{
  order:0
}

.order-1{
  order:1
}

.order-2{
  order:2
}

.order-3{
  order:3
}

.order-4{
  order:4
}

.order-5{
  order:5
}

.order-6{
  order:6
}

.order-7{
  order:7
}

.order-8{
  order:8
}

.order-9{
  order:9
}

.order-10{
  order:10
}

.order-11{
  order:11
}

.order-12{
  order:12
}

.offset-1{
  margin-left:8.3333333333%
}

.offset-2{
  margin-left:16.6666666667%
}

.offset-3{
  margin-left:25%
}

.offset-4{
  margin-left:33.3333333333%
}

.offset-5{
  margin-left:41.6666666667%
}

.offset-6{
  margin-left:50%
}

.offset-7{
  margin-left:58.3333333333%
}

.offset-8{
  margin-left:66.6666666667%
}

.offset-9{
  margin-left:75%
}

.offset-10{
  margin-left:83.3333333333%
}

.offset-11{
  margin-left:91.6666666667%
}

@media (min-width: 576px){
  .col-sm{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
  }

  .row-cols-sm-1>*{
    flex:0 0 100%;
    max-width:100%
  }

  .row-cols-sm-2>*{
    flex:0 0 50%;
    max-width:50%
  }

  .row-cols-sm-3>*{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .row-cols-sm-4>*{
    flex:0 0 25%;
    max-width:25%
  }

  .row-cols-sm-5>*{
    flex:0 0 20%;
    max-width:20%
  }

  .row-cols-sm-6>*{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

  .col-sm-auto{
    flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-sm-1{
    flex:0 0 8.3333333333%;
    max-width:8.3333333333%
  }

  .col-sm-2{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

  .col-sm-3{
    flex:0 0 25%;
    max-width:25%
  }

  .col-sm-4{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .col-sm-5{
    flex:0 0 41.6666666667%;
    max-width:41.6666666667%
  }

  .col-sm-6{
    flex:0 0 50%;
    max-width:50%
  }

  .col-sm-7{
    flex:0 0 58.3333333333%;
    max-width:58.3333333333%
  }

  .col-sm-8{
    flex:0 0 66.6666666667%;
    max-width:66.6666666667%
  }

  .col-sm-9{
    flex:0 0 75%;
    max-width:75%
  }

  .col-sm-10{
    flex:0 0 83.3333333333%;
    max-width:83.3333333333%
  }

  .col-sm-11{
    flex:0 0 91.6666666667%;
    max-width:91.6666666667%
  }

  .col-sm-12{
    flex:0 0 100%;
    max-width:100%
  }

  .order-sm-first{
    order:-1
  }

  .order-sm-last{
    order:13
  }

  .order-sm-0{
    order:0
  }

  .order-sm-1{
    order:1
  }

  .order-sm-2{
    order:2
  }

  .order-sm-3{
    order:3
  }

  .order-sm-4{
    order:4
  }

  .order-sm-5{
    order:5
  }

  .order-sm-6{
    order:6
  }

  .order-sm-7{
    order:7
  }

  .order-sm-8{
    order:8
  }

  .order-sm-9{
    order:9
  }

  .order-sm-10{
    order:10
  }

  .order-sm-11{
    order:11
  }

  .order-sm-12{
    order:12
  }

  .offset-sm-0{
    margin-left:0
  }

  .offset-sm-1{
    margin-left:8.3333333333%
  }

  .offset-sm-2{
    margin-left:16.6666666667%
  }

  .offset-sm-3{
    margin-left:25%
  }

  .offset-sm-4{
    margin-left:33.3333333333%
  }

  .offset-sm-5{
    margin-left:41.6666666667%
  }

  .offset-sm-6{
    margin-left:50%
  }

  .offset-sm-7{
    margin-left:58.3333333333%
  }

  .offset-sm-8{
    margin-left:66.6666666667%
  }

  .offset-sm-9{
    margin-left:75%
  }

  .offset-sm-10{
    margin-left:83.3333333333%
  }

  .offset-sm-11{
    margin-left:91.6666666667%
  }
}

@media (min-width: 768px){
  .col-md{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
  }

  .row-cols-md-1>*{
    flex:0 0 100%;
    max-width:100%
  }

  .row-cols-md-2>*{
    flex:0 0 50%;
    max-width:50%
  }

  .row-cols-md-3>*{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .row-cols-md-4>*{
    flex:0 0 25%;
    max-width:25%
  }

  .row-cols-md-5>*{
    flex:0 0 20%;
    max-width:20%
  }

  .row-cols-md-6>*{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

  .col-md-auto{
    flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-md-1{
    flex:0 0 8.3333333333%;
    max-width:8.3333333333%
  }

  .col-md-2{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

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

  .col-md-4{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .col-md-5{
    flex:0 0 41.6666666667%;
    max-width:41.6666666667%
  }

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

  .col-md-7{
    flex:0 0 58.3333333333%;
    max-width:58.3333333333%
  }

  .col-md-8{
    flex:0 0 66.6666666667%;
    max-width:66.6666666667%
  }

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

  .col-md-10{
    flex:0 0 83.3333333333%;
    max-width:83.3333333333%
  }

  .col-md-11{
    flex:0 0 91.6666666667%;
    max-width:91.6666666667%
  }

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

  .order-md-first{
    order:-1
  }

  .order-md-last{
    order:13
  }

  .order-md-0{
    order:0
  }

  .order-md-1{
    order:1
  }

  .order-md-2{
    order:2
  }

  .order-md-3{
    order:3
  }

  .order-md-4{
    order:4
  }

  .order-md-5{
    order:5
  }

  .order-md-6{
    order:6
  }

  .order-md-7{
    order:7
  }

  .order-md-8{
    order:8
  }

  .order-md-9{
    order:9
  }

  .order-md-10{
    order:10
  }

  .order-md-11{
    order:11
  }

  .order-md-12{
    order:12
  }

  .offset-md-0{
    margin-left:0
  }

  .offset-md-1{
    margin-left:8.3333333333%
  }

  .offset-md-2{
    margin-left:16.6666666667%
  }

  .offset-md-3{
    margin-left:25%
  }

  .offset-md-4{
    margin-left:33.3333333333%
  }

  .offset-md-5{
    margin-left:41.6666666667%
  }

  .offset-md-6{
    margin-left:50%
  }

  .offset-md-7{
    margin-left:58.3333333333%
  }

  .offset-md-8{
    margin-left:66.6666666667%
  }

  .offset-md-9{
    margin-left:75%
  }

  .offset-md-10{
    margin-left:83.3333333333%
  }

  .offset-md-11{
    margin-left:91.6666666667%
  }
}

@media (min-width: 992px){
  .col-lg{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
  }

  .row-cols-lg-1>*{
    flex:0 0 100%;
    max-width:100%
  }

  .row-cols-lg-2>*{
    flex:0 0 50%;
    max-width:50%
  }

  .row-cols-lg-3>*{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .row-cols-lg-4>*{
    flex:0 0 25%;
    max-width:25%
  }

  .row-cols-lg-5>*{
    flex:0 0 20%;
    max-width:20%
  }

  .row-cols-lg-6>*{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

  .col-lg-auto{
    flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-lg-1{
    flex:0 0 8.3333333333%;
    max-width:8.3333333333%
  }

  .col-lg-2{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

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

  .col-lg-4{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .col-lg-5{
    flex:0 0 41.6666666667%;
    max-width:41.6666666667%
  }

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

  .col-lg-7{
    flex:0 0 58.3333333333%;
    max-width:58.3333333333%
  }

  .col-lg-8{
    flex:0 0 66.6666666667%;
    max-width:66.6666666667%
  }

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

  .col-lg-10{
    flex:0 0 83.3333333333%;
    max-width:83.3333333333%
  }

  .col-lg-11{
    flex:0 0 91.6666666667%;
    max-width:91.6666666667%
  }

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

  .order-lg-first{
    order:-1
  }

  .order-lg-last{
    order:13
  }

  .order-lg-0{
    order:0
  }

  .order-lg-1{
    order:1
  }

  .order-lg-2{
    order:2
  }

  .order-lg-3{
    order:3
  }

  .order-lg-4{
    order:4
  }

  .order-lg-5{
    order:5
  }

  .order-lg-6{
    order:6
  }

  .order-lg-7{
    order:7
  }

  .order-lg-8{
    order:8
  }

  .order-lg-9{
    order:9
  }

  .order-lg-10{
    order:10
  }

  .order-lg-11{
    order:11
  }

  .order-lg-12{
    order:12
  }

  .offset-lg-0{
    margin-left:0
  }

  .offset-lg-1{
    margin-left:8.3333333333%
  }

  .offset-lg-2{
    margin-left:16.6666666667%
  }

  .offset-lg-3{
    margin-left:25%
  }

  .offset-lg-4{
    margin-left:33.3333333333%
  }

  .offset-lg-5{
    margin-left:41.6666666667%
  }

  .offset-lg-6{
    margin-left:50%
  }

  .offset-lg-7{
    margin-left:58.3333333333%
  }

  .offset-lg-8{
    margin-left:66.6666666667%
  }

  .offset-lg-9{
    margin-left:75%
  }

  .offset-lg-10{
    margin-left:83.3333333333%
  }

  .offset-lg-11{
    margin-left:91.6666666667%
  }
}

@media (min-width: 1200px){
  .col-xl{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
  }

  .row-cols-xl-1>*{
    flex:0 0 100%;
    max-width:100%
  }

  .row-cols-xl-2>*{
    flex:0 0 50%;
    max-width:50%
  }

  .row-cols-xl-3>*{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .row-cols-xl-4>*{
    flex:0 0 25%;
    max-width:25%
  }

  .row-cols-xl-5>*{
    flex:0 0 20%;
    max-width:20%
  }

  .row-cols-xl-6>*{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

  .col-xl-auto{
    flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-xl-1{
    flex:0 0 8.3333333333%;
    max-width:8.3333333333%
  }

  .col-xl-2{
    flex:0 0 16.6666666667%;
    max-width:16.6666666667%
  }

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

  .col-xl-4{
    flex:0 0 33.3333333333%;
    max-width:33.3333333333%
  }

  .col-xl-5{
    flex:0 0 41.6666666667%;
    max-width:41.6666666667%
  }

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

  .col-xl-7{
    flex:0 0 58.3333333333%;
    max-width:58.3333333333%
  }

  .col-xl-8{
    flex:0 0 66.6666666667%;
    max-width:66.6666666667%
  }

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

  .col-xl-10{
    flex:0 0 83.3333333333%;
    max-width:83.3333333333%
  }

  .col-xl-11{
    flex:0 0 91.6666666667%;
    max-width:91.6666666667%
  }

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

  .order-xl-first{
    order:-1
  }

  .order-xl-last{
    order:13
  }

  .order-xl-0{
    order:0
  }

  .order-xl-1{
    order:1
  }

  .order-xl-2{
    order:2
  }

  .order-xl-3{
    order:3
  }

  .order-xl-4{
    order:4
  }

  .order-xl-5{
    order:5
  }

  .order-xl-6{
    order:6
  }

  .order-xl-7{
    order:7
  }

  .order-xl-8{
    order:8
  }

  .order-xl-9{
    order:9
  }

  .order-xl-10{
    order:10
  }

  .order-xl-11{
    order:11
  }

  .order-xl-12{
    order:12
  }

  .offset-xl-0{
    margin-left:0
  }

  .offset-xl-1{
    margin-left:8.3333333333%
  }

  .offset-xl-2{
    margin-left:16.6666666667%
  }

  .offset-xl-3{
    margin-left:25%
  }

  .offset-xl-4{
    margin-left:33.3333333333%
  }

  .offset-xl-5{
    margin-left:41.6666666667%
  }

  .offset-xl-6{
    margin-left:50%
  }

  .offset-xl-7{
    margin-left:58.3333333333%
  }

  .offset-xl-8{
    margin-left:66.6666666667%
  }

  .offset-xl-9{
    margin-left:75%
  }

  .offset-xl-10{
    margin-left:83.3333333333%
  }

  .offset-xl-11{
    margin-left:91.6666666667%
  }
}

.d-none{
  display:none !important
}

.d-inline{
  display:inline !important
}

.d-inline-block{
  display:inline-block !important
}

.d-block{
  display:block !important
}

.d-table{
  display:table !important
}

.d-table-row{
  display:table-row !important
}

.d-table-cell{
  display:table-cell !important
}

.d-flex{
  display:flex !important
}

.d-inline-flex{
  display:inline-flex !important
}

@media (min-width: 576px){
  .d-sm-none{
    display:none !important
  }

  .d-sm-inline{
    display:inline !important
  }

  .d-sm-inline-block{
    display:inline-block !important
  }

  .d-sm-block{
    display:block !important
  }

  .d-sm-table{
    display:table !important
  }

  .d-sm-table-row{
    display:table-row !important
  }

  .d-sm-table-cell{
    display:table-cell !important
  }

  .d-sm-flex{
    display:flex !important
  }

  .d-sm-inline-flex{
    display:inline-flex !important
  }
}

@media (min-width: 768px){
  .d-md-none{
    display:none !important
  }

  .d-md-inline{
    display:inline !important
  }

  .d-md-inline-block{
    display:inline-block !important
  }

  .d-md-block{
    display:block !important
  }

  .d-md-table{
    display:table !important
  }

  .d-md-table-row{
    display:table-row !important
  }

  .d-md-table-cell{
    display:table-cell !important
  }

  .d-md-flex{
    display:flex !important
  }

  .d-md-inline-flex{
    display:inline-flex !important
  }
}

@media (min-width: 992px){
  .d-lg-none{
    display:none !important
  }

  .d-lg-inline{
    display:inline !important
  }

  .d-lg-inline-block{
    display:inline-block !important
  }

  .d-lg-block{
    display:block !important
  }

  .d-lg-table{
    display:table !important
  }

  .d-lg-table-row{
    display:table-row !important
  }

  .d-lg-table-cell{
    display:table-cell !important
  }

  .d-lg-flex{
    display:flex !important
  }

  .d-lg-inline-flex{
    display:inline-flex !important
  }
}

@media (min-width: 1200px){
  .d-xl-none{
    display:none !important
  }

  .d-xl-inline{
    display:inline !important
  }

  .d-xl-inline-block{
    display:inline-block !important
  }

  .d-xl-block{
    display:block !important
  }

  .d-xl-table{
    display:table !important
  }

  .d-xl-table-row{
    display:table-row !important
  }

  .d-xl-table-cell{
    display:table-cell !important
  }

  .d-xl-flex{
    display:flex !important
  }

  .d-xl-inline-flex{
    display:inline-flex !important
  }
}

@media print{
  .d-print-none{
    display:none !important
  }

  .d-print-inline{
    display:inline !important
  }

  .d-print-inline-block{
    display:inline-block !important
  }

  .d-print-block{
    display:block !important
  }

  .d-print-table{
    display:table !important
  }

  .d-print-table-row{
    display:table-row !important
  }

  .d-print-table-cell{
    display:table-cell !important
  }

  .d-print-flex{
    display:flex !important
  }

  .d-print-inline-flex{
    display:inline-flex !important
  }
}

.flex-row{
  flex-direction:row !important
}

.flex-column{
  flex-direction:column !important
}

.flex-row-reverse{
  flex-direction:row-reverse !important
}

.flex-column-reverse{
  flex-direction:column-reverse !important
}

.flex-wrap{
  flex-wrap:wrap !important
}

.flex-nowrap{
  flex-wrap:nowrap !important
}

.flex-wrap-reverse{
  flex-wrap:wrap-reverse !important
}

.flex-fill{
  flex:1 1 auto !important
}

.flex-grow-0{
  flex-grow:0 !important
}

.flex-grow-1{
  flex-grow:1 !important
}

.flex-shrink-0{
  flex-shrink:0 !important
}

.flex-shrink-1{
  flex-shrink:1 !important
}

.justify-content-start{
  justify-content:flex-start !important
}

.justify-content-end{
  justify-content:flex-end !important
}

.justify-content-center{
  justify-content:center !important
}

.justify-content-between{
  justify-content:space-between !important
}

.justify-content-around{
  justify-content:space-around !important
}

.align-items-start{
  align-items:flex-start !important
}

.align-items-end{
  align-items:flex-end !important
}

.align-items-center{
  align-items:center !important
}

.align-items-baseline{
  align-items:baseline !important
}

.align-items-stretch{
  align-items:stretch !important
}

.align-content-start{
  align-content:flex-start !important
}

.align-content-end{
  align-content:flex-end !important
}

.align-content-center{
  align-content:center !important
}

.align-content-between{
  align-content:space-between !important
}

.align-content-around{
  align-content:space-around !important
}

.align-content-stretch{
  align-content:stretch !important
}

.align-self-auto{
  align-self:auto !important
}

.align-self-start{
  align-self:flex-start !important
}

.align-self-end{
  align-self:flex-end !important
}

.align-self-center{
  align-self:center !important
}

.align-self-baseline{
  align-self:baseline !important
}

.align-self-stretch{
  align-self:stretch !important
}

@media (min-width: 576px){
  .flex-sm-row{
    flex-direction:row !important
  }

  .flex-sm-column{
    flex-direction:column !important
  }

  .flex-sm-row-reverse{
    flex-direction:row-reverse !important
  }

  .flex-sm-column-reverse{
    flex-direction:column-reverse !important
  }

  .flex-sm-wrap{
    flex-wrap:wrap !important
  }

  .flex-sm-nowrap{
    flex-wrap:nowrap !important
  }

  .flex-sm-wrap-reverse{
    flex-wrap:wrap-reverse !important
  }

  .flex-sm-fill{
    flex:1 1 auto !important
  }

  .flex-sm-grow-0{
    flex-grow:0 !important
  }

  .flex-sm-grow-1{
    flex-grow:1 !important
  }

  .flex-sm-shrink-0{
    flex-shrink:0 !important
  }

  .flex-sm-shrink-1{
    flex-shrink:1 !important
  }

  .justify-content-sm-start{
    justify-content:flex-start !important
  }

  .justify-content-sm-end{
    justify-content:flex-end !important
  }

  .justify-content-sm-center{
    justify-content:center !important
  }

  .justify-content-sm-between{
    justify-content:space-between !important
  }

  .justify-content-sm-around{
    justify-content:space-around !important
  }

  .align-items-sm-start{
    align-items:flex-start !important
  }

  .align-items-sm-end{
    align-items:flex-end !important
  }

  .align-items-sm-center{
    align-items:center !important
  }

  .align-items-sm-baseline{
    align-items:baseline !important
  }

  .align-items-sm-stretch{
    align-items:stretch !important
  }

  .align-content-sm-start{
    align-content:flex-start !important
  }

  .align-content-sm-end{
    align-content:flex-end !important
  }

  .align-content-sm-center{
    align-content:center !important
  }

  .align-content-sm-between{
    align-content:space-between !important
  }

  .align-content-sm-around{
    align-content:space-around !important
  }

  .align-content-sm-stretch{
    align-content:stretch !important
  }

  .align-self-sm-auto{
    align-self:auto !important
  }

  .align-self-sm-start{
    align-self:flex-start !important
  }

  .align-self-sm-end{
    align-self:flex-end !important
  }

  .align-self-sm-center{
    align-self:center !important
  }

  .align-self-sm-baseline{
    align-self:baseline !important
  }

  .align-self-sm-stretch{
    align-self:stretch !important
  }
}

@media (min-width: 768px){
  .flex-md-row{
    flex-direction:row !important
  }

  .flex-md-column{
    flex-direction:column !important
  }

  .flex-md-row-reverse{
    flex-direction:row-reverse !important
  }

  .flex-md-column-reverse{
    flex-direction:column-reverse !important
  }

  .flex-md-wrap{
    flex-wrap:wrap !important
  }

  .flex-md-nowrap{
    flex-wrap:nowrap !important
  }

  .flex-md-wrap-reverse{
    flex-wrap:wrap-reverse !important
  }

  .flex-md-fill{
    flex:1 1 auto !important
  }

  .flex-md-grow-0{
    flex-grow:0 !important
  }

  .flex-md-grow-1{
    flex-grow:1 !important
  }

  .flex-md-shrink-0{
    flex-shrink:0 !important
  }

  .flex-md-shrink-1{
    flex-shrink:1 !important
  }

  .justify-content-md-start{
    justify-content:flex-start !important
  }

  .justify-content-md-end{
    justify-content:flex-end !important
  }

  .justify-content-md-center{
    justify-content:center !important
  }

  .justify-content-md-between{
    justify-content:space-between !important
  }

  .justify-content-md-around{
    justify-content:space-around !important
  }

  .align-items-md-start{
    align-items:flex-start !important
  }

  .align-items-md-end{
    align-items:flex-end !important
  }

  .align-items-md-center{
    align-items:center !important
  }

  .align-items-md-baseline{
    align-items:baseline !important
  }

  .align-items-md-stretch{
    align-items:stretch !important
  }

  .align-content-md-start{
    align-content:flex-start !important
  }

  .align-content-md-end{
    align-content:flex-end !important
  }

  .align-content-md-center{
    align-content:center !important
  }

  .align-content-md-between{
    align-content:space-between !important
  }

  .align-content-md-around{
    align-content:space-around !important
  }

  .align-content-md-stretch{
    align-content:stretch !important
  }

  .align-self-md-auto{
    align-self:auto !important
  }

  .align-self-md-start{
    align-self:flex-start !important
  }

  .align-self-md-end{
    align-self:flex-end !important
  }

  .align-self-md-center{
    align-self:center !important
  }

  .align-self-md-baseline{
    align-self:baseline !important
  }

  .align-self-md-stretch{
    align-self:stretch !important
  }
}

@media (min-width: 992px){
  .flex-lg-row{
    flex-direction:row !important
  }

  .flex-lg-column{
    flex-direction:column !important
  }

  .flex-lg-row-reverse{
    flex-direction:row-reverse !important
  }

  .flex-lg-column-reverse{
    flex-direction:column-reverse !important
  }

  .flex-lg-wrap{
    flex-wrap:wrap !important
  }

  .flex-lg-nowrap{
    flex-wrap:nowrap !important
  }

  .flex-lg-wrap-reverse{
    flex-wrap:wrap-reverse !important
  }

  .flex-lg-fill{
    flex:1 1 auto !important
  }

  .flex-lg-grow-0{
    flex-grow:0 !important
  }

  .flex-lg-grow-1{
    flex-grow:1 !important
  }

  .flex-lg-shrink-0{
    flex-shrink:0 !important
  }

  .flex-lg-shrink-1{
    flex-shrink:1 !important
  }

  .justify-content-lg-start{
    justify-content:flex-start !important
  }

  .justify-content-lg-end{
    justify-content:flex-end !important
  }

  .justify-content-lg-center{
    justify-content:center !important
  }

  .justify-content-lg-between{
    justify-content:space-between !important
  }

  .justify-content-lg-around{
    justify-content:space-around !important
  }

  .align-items-lg-start{
    align-items:flex-start !important
  }

  .align-items-lg-end{
    align-items:flex-end !important
  }

  .align-items-lg-center{
    align-items:center !important
  }

  .align-items-lg-baseline{
    align-items:baseline !important
  }

  .align-items-lg-stretch{
    align-items:stretch !important
  }

  .align-content-lg-start{
    align-content:flex-start !important
  }

  .align-content-lg-end{
    align-content:flex-end !important
  }

  .align-content-lg-center{
    align-content:center !important
  }

  .align-content-lg-between{
    align-content:space-between !important
  }

  .align-content-lg-around{
    align-content:space-around !important
  }

  .align-content-lg-stretch{
    align-content:stretch !important
  }

  .align-self-lg-auto{
    align-self:auto !important
  }

  .align-self-lg-start{
    align-self:flex-start !important
  }

  .align-self-lg-end{
    align-self:flex-end !important
  }

  .align-self-lg-center{
    align-self:center !important
  }

  .align-self-lg-baseline{
    align-self:baseline !important
  }

  .align-self-lg-stretch{
    align-self:stretch !important
  }
}

@media (min-width: 1200px){
  .flex-xl-row{
    flex-direction:row !important
  }

  .flex-xl-column{
    flex-direction:column !important
  }

  .flex-xl-row-reverse{
    flex-direction:row-reverse !important
  }

  .flex-xl-column-reverse{
    flex-direction:column-reverse !important
  }

  .flex-xl-wrap{
    flex-wrap:wrap !important
  }

  .flex-xl-nowrap{
    flex-wrap:nowrap !important
  }

  .flex-xl-wrap-reverse{
    flex-wrap:wrap-reverse !important
  }

  .flex-xl-fill{
    flex:1 1 auto !important
  }

  .flex-xl-grow-0{
    flex-grow:0 !important
  }

  .flex-xl-grow-1{
    flex-grow:1 !important
  }

  .flex-xl-shrink-0{
    flex-shrink:0 !important
  }

  .flex-xl-shrink-1{
    flex-shrink:1 !important
  }

  .justify-content-xl-start{
    justify-content:flex-start !important
  }

  .justify-content-xl-end{
    justify-content:flex-end !important
  }

  .justify-content-xl-center{
    justify-content:center !important
  }

  .justify-content-xl-between{
    justify-content:space-between !important
  }

  .justify-content-xl-around{
    justify-content:space-around !important
  }

  .align-items-xl-start{
    align-items:flex-start !important
  }

  .align-items-xl-end{
    align-items:flex-end !important
  }

  .align-items-xl-center{
    align-items:center !important
  }

  .align-items-xl-baseline{
    align-items:baseline !important
  }

  .align-items-xl-stretch{
    align-items:stretch !important
  }

  .align-content-xl-start{
    align-content:flex-start !important
  }

  .align-content-xl-end{
    align-content:flex-end !important
  }

  .align-content-xl-center{
    align-content:center !important
  }

  .align-content-xl-between{
    align-content:space-between !important
  }

  .align-content-xl-around{
    align-content:space-around !important
  }

  .align-content-xl-stretch{
    align-content:stretch !important
  }

  .align-self-xl-auto{
    align-self:auto !important
  }

  .align-self-xl-start{
    align-self:flex-start !important
  }

  .align-self-xl-end{
    align-self:flex-end !important
  }

  .align-self-xl-center{
    align-self:center !important
  }

  .align-self-xl-baseline{
    align-self:baseline !important
  }

  .align-self-xl-stretch{
    align-self:stretch !important
  }
}

.m-0{
  margin:0 !important
}

.mt-0,.my-0{
  margin-top:0 !important
}

.mr-0,.mx-0{
  margin-right:0 !important
}

.mb-0,.my-0{
  margin-bottom:0 !important
}

.ml-0,.mx-0{
  margin-left:0 !important
}

.m-1{
  margin:.25rem !important
}

.mt-1,.my-1{
  margin-top:.25rem !important
}

.mr-1,.mx-1{
  margin-right:.25rem !important
}

.mb-1,.my-1{
  margin-bottom:.25rem !important
}

.ml-1,.mx-1{
  margin-left:.25rem !important
}

.m-2{
  margin:.5rem !important
}

.mt-2,.my-2{
  margin-top:.5rem !important
}

.mr-2,.mx-2{
  margin-right:.5rem !important
}

.mb-2,.my-2{
  margin-bottom:.5rem !important
}

.ml-2,.mx-2{
  margin-left:.5rem !important
}

.m-3{
  margin:1rem !important
}

.mt-3,.my-3{
  margin-top:1rem !important
}

.mr-3,.mx-3{
  margin-right:1rem !important
}

.mb-3,.my-3{
  margin-bottom:1rem !important
}

.ml-3,.mx-3{
  margin-left:1rem !important
}

.m-4{
  margin:1.5rem !important
}

.mt-4,.my-4{
  margin-top:1.5rem !important
}

.mr-4,.mx-4{
  margin-right:1.5rem !important
}

.mb-4,.my-4{
  margin-bottom:1.5rem !important
}

.ml-4,.mx-4{
  margin-left:1.5rem !important
}

.m-5{
  margin:3rem !important
}

.mt-5,.my-5{
  margin-top:3rem !important
}

.mr-5,.mx-5{
  margin-right:3rem !important
}

.mb-5,.my-5{
  margin-bottom:3rem !important
}

.ml-5,.mx-5{
  margin-left:3rem !important
}

.p-0{
  padding:0 !important
}

.pt-0,.py-0{
  padding-top:0 !important
}

.pr-0,.px-0{
  padding-right:0 !important
}

.pb-0,.py-0{
  padding-bottom:0 !important
}

.pl-0,.px-0{
  padding-left:0 !important
}

.p-1{
  padding:.25rem !important
}

.pt-1,.py-1{
  padding-top:.25rem !important
}

.pr-1,.px-1{
  padding-right:.25rem !important
}

.pb-1,.py-1{
  padding-bottom:.25rem !important
}

.pl-1,.px-1{
  padding-left:.25rem !important
}

.p-2{
  padding:.5rem !important
}

.pt-2,.py-2{
  padding-top:.5rem !important
}

.pr-2,.px-2{
  padding-right:.5rem !important
}

.pb-2,.py-2{
  padding-bottom:.5rem !important
}

.pl-2,.px-2{
  padding-left:.5rem !important
}

.p-3{
  padding:1rem !important
}

.pt-3,.py-3{
  padding-top:1rem !important
}

.pr-3,.px-3{
  padding-right:1rem !important
}

.pb-3,.py-3{
  padding-bottom:1rem !important
}

.pl-3,.px-3{
  padding-left:1rem !important
}

.p-4{
  padding:1.5rem !important
}

.pt-4,.py-4{
  padding-top:1.5rem !important
}

.pr-4,.px-4{
  padding-right:1.5rem !important
}

.pb-4,.py-4{
  padding-bottom:1.5rem !important
}

.pl-4,.px-4{
  padding-left:1.5rem !important
}

.p-5{
  padding:3rem !important
}

.pt-5,.py-5{
  padding-top:3rem !important
}

.pr-5,.px-5{
  padding-right:3rem !important
}

.pb-5,.py-5{
  padding-bottom:3rem !important
}

.pl-5,.px-5{
  padding-left:3rem !important
}

.m-n1{
  margin:-.25rem !important
}

.mt-n1,.my-n1{
  margin-top:-.25rem !important
}

.mr-n1,.mx-n1{
  margin-right:-.25rem !important
}

.mb-n1,.my-n1{
  margin-bottom:-.25rem !important
}

.ml-n1,.mx-n1{
  margin-left:-.25rem !important
}

.m-n2{
  margin:-.5rem !important
}

.mt-n2,.my-n2{
  margin-top:-.5rem !important
}

.mr-n2,.mx-n2{
  margin-right:-.5rem !important
}

.mb-n2,.my-n2{
  margin-bottom:-.5rem !important
}

.ml-n2,.mx-n2{
  margin-left:-.5rem !important
}

.m-n3{
  margin:-1rem !important
}

.mt-n3,.my-n3{
  margin-top:-1rem !important
}

.mr-n3,.mx-n3{
  margin-right:-1rem !important
}

.mb-n3,.my-n3{
  margin-bottom:-1rem !important
}

.ml-n3,.mx-n3{
  margin-left:-1rem !important
}

.m-n4{
  margin:-1.5rem !important
}

.mt-n4,.my-n4{
  margin-top:-1.5rem !important
}

.mr-n4,.mx-n4{
  margin-right:-1.5rem !important
}

.mb-n4,.my-n4{
  margin-bottom:-1.5rem !important
}

.ml-n4,.mx-n4{
  margin-left:-1.5rem !important
}

.m-n5{
  margin:-3rem !important
}

.mt-n5,.my-n5{
  margin-top:-3rem !important
}

.mr-n5,.mx-n5{
  margin-right:-3rem !important
}

.mb-n5,.my-n5{
  margin-bottom:-3rem !important
}

.ml-n5,.mx-n5{
  margin-left:-3rem !important
}

.m-auto{
  margin:auto !important
}

.mt-auto,.my-auto{
  margin-top:auto !important
}

.mr-auto,.mx-auto{
  margin-right:auto !important
}

.mb-auto,.my-auto{
  margin-bottom:auto !important
}

.ml-auto,.mx-auto{
  margin-left:auto !important
}

@media (min-width: 576px){
  .m-sm-0{
    margin:0 !important
  }

  .mt-sm-0,.my-sm-0{
    margin-top:0 !important
  }

  .mr-sm-0,.mx-sm-0{
    margin-right:0 !important
  }

  .mb-sm-0,.my-sm-0{
    margin-bottom:0 !important
  }

  .ml-sm-0,.mx-sm-0{
    margin-left:0 !important
  }

  .m-sm-1{
    margin:.25rem !important
  }

  .mt-sm-1,.my-sm-1{
    margin-top:.25rem !important
  }

  .mr-sm-1,.mx-sm-1{
    margin-right:.25rem !important
  }

  .mb-sm-1,.my-sm-1{
    margin-bottom:.25rem !important
  }

  .ml-sm-1,.mx-sm-1{
    margin-left:.25rem !important
  }

  .m-sm-2{
    margin:.5rem !important
  }

  .mt-sm-2,.my-sm-2{
    margin-top:.5rem !important
  }

  .mr-sm-2,.mx-sm-2{
    margin-right:.5rem !important
  }

  .mb-sm-2,.my-sm-2{
    margin-bottom:.5rem !important
  }

  .ml-sm-2,.mx-sm-2{
    margin-left:.5rem !important
  }

  .m-sm-3{
    margin:1rem !important
  }

  .mt-sm-3,.my-sm-3{
    margin-top:1rem !important
  }

  .mr-sm-3,.mx-sm-3{
    margin-right:1rem !important
  }

  .mb-sm-3,.my-sm-3{
    margin-bottom:1rem !important
  }

  .ml-sm-3,.mx-sm-3{
    margin-left:1rem !important
  }

  .m-sm-4{
    margin:1.5rem !important
  }

  .mt-sm-4,.my-sm-4{
    margin-top:1.5rem !important
  }

  .mr-sm-4,.mx-sm-4{
    margin-right:1.5rem !important
  }

  .mb-sm-4,.my-sm-4{
    margin-bottom:1.5rem !important
  }

  .ml-sm-4,.mx-sm-4{
    margin-left:1.5rem !important
  }

  .m-sm-5{
    margin:3rem !important
  }

  .mt-sm-5,.my-sm-5{
    margin-top:3rem !important
  }

  .mr-sm-5,.mx-sm-5{
    margin-right:3rem !important
  }

  .mb-sm-5,.my-sm-5{
    margin-bottom:3rem !important
  }

  .ml-sm-5,.mx-sm-5{
    margin-left:3rem !important
  }

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

  .pt-sm-0,.py-sm-0{
    padding-top:0 !important
  }

  .pr-sm-0,.px-sm-0{
    padding-right:0 !important
  }

  .pb-sm-0,.py-sm-0{
    padding-bottom:0 !important
  }

  .pl-sm-0,.px-sm-0{
    padding-left:0 !important
  }

  .p-sm-1{
    padding:.25rem !important
  }

  .pt-sm-1,.py-sm-1{
    padding-top:.25rem !important
  }

  .pr-sm-1,.px-sm-1{
    padding-right:.25rem !important
  }

  .pb-sm-1,.py-sm-1{
    padding-bottom:.25rem !important
  }

  .pl-sm-1,.px-sm-1{
    padding-left:.25rem !important
  }

  .p-sm-2{
    padding:.5rem !important
  }

  .pt-sm-2,.py-sm-2{
    padding-top:.5rem !important
  }

  .pr-sm-2,.px-sm-2{
    padding-right:.5rem !important
  }

  .pb-sm-2,.py-sm-2{
    padding-bottom:.5rem !important
  }

  .pl-sm-2,.px-sm-2{
    padding-left:.5rem !important
  }

  .p-sm-3{
    padding:1rem !important
  }

  .pt-sm-3,.py-sm-3{
    padding-top:1rem !important
  }

  .pr-sm-3,.px-sm-3{
    padding-right:1rem !important
  }

  .pb-sm-3,.py-sm-3{
    padding-bottom:1rem !important
  }

  .pl-sm-3,.px-sm-3{
    padding-left:1rem !important
  }

  .p-sm-4{
    padding:1.5rem !important
  }

  .pt-sm-4,.py-sm-4{
    padding-top:1.5rem !important
  }

  .pr-sm-4,.px-sm-4{
    padding-right:1.5rem !important
  }

  .pb-sm-4,.py-sm-4{
    padding-bottom:1.5rem !important
  }

  .pl-sm-4,.px-sm-4{
    padding-left:1.5rem !important
  }

  .p-sm-5{
    padding:3rem !important
  }

  .pt-sm-5,.py-sm-5{
    padding-top:3rem !important
  }

  .pr-sm-5,.px-sm-5{
    padding-right:3rem !important
  }

  .pb-sm-5,.py-sm-5{
    padding-bottom:3rem !important
  }

  .pl-sm-5,.px-sm-5{
    padding-left:3rem !important
  }

  .m-sm-n1{
    margin:-.25rem !important
  }

  .mt-sm-n1,.my-sm-n1{
    margin-top:-.25rem !important
  }

  .mr-sm-n1,.mx-sm-n1{
    margin-right:-.25rem !important
  }

  .mb-sm-n1,.my-sm-n1{
    margin-bottom:-.25rem !important
  }

  .ml-sm-n1,.mx-sm-n1{
    margin-left:-.25rem !important
  }

  .m-sm-n2{
    margin:-.5rem !important
  }

  .mt-sm-n2,.my-sm-n2{
    margin-top:-.5rem !important
  }

  .mr-sm-n2,.mx-sm-n2{
    margin-right:-.5rem !important
  }

  .mb-sm-n2,.my-sm-n2{
    margin-bottom:-.5rem !important
  }

  .ml-sm-n2,.mx-sm-n2{
    margin-left:-.5rem !important
  }

  .m-sm-n3{
    margin:-1rem !important
  }

  .mt-sm-n3,.my-sm-n3{
    margin-top:-1rem !important
  }

  .mr-sm-n3,.mx-sm-n3{
    margin-right:-1rem !important
  }

  .mb-sm-n3,.my-sm-n3{
    margin-bottom:-1rem !important
  }

  .ml-sm-n3,.mx-sm-n3{
    margin-left:-1rem !important
  }

  .m-sm-n4{
    margin:-1.5rem !important
  }

  .mt-sm-n4,.my-sm-n4{
    margin-top:-1.5rem !important
  }

  .mr-sm-n4,.mx-sm-n4{
    margin-right:-1.5rem !important
  }

  .mb-sm-n4,.my-sm-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-sm-n4,.mx-sm-n4{
    margin-left:-1.5rem !important
  }

  .m-sm-n5{
    margin:-3rem !important
  }

  .mt-sm-n5,.my-sm-n5{
    margin-top:-3rem !important
  }

  .mr-sm-n5,.mx-sm-n5{
    margin-right:-3rem !important
  }

  .mb-sm-n5,.my-sm-n5{
    margin-bottom:-3rem !important
  }

  .ml-sm-n5,.mx-sm-n5{
    margin-left:-3rem !important
  }

  .m-sm-auto{
    margin:auto !important
  }

  .mt-sm-auto,.my-sm-auto{
    margin-top:auto !important
  }

  .mr-sm-auto,.mx-sm-auto{
    margin-right:auto !important
  }

  .mb-sm-auto,.my-sm-auto{
    margin-bottom:auto !important
  }

  .ml-sm-auto,.mx-sm-auto{
    margin-left:auto !important
  }
}

@media (min-width: 768px){
  .m-md-0{
    margin:0 !important
  }

  .mt-md-0,.my-md-0{
    margin-top:0 !important
  }

  .mr-md-0,.mx-md-0{
    margin-right:0 !important
  }

  .mb-md-0,.my-md-0{
    margin-bottom:0 !important
  }

  .ml-md-0,.mx-md-0{
    margin-left:0 !important
  }

  .m-md-1{
    margin:.25rem !important
  }

  .mt-md-1,.my-md-1{
    margin-top:.25rem !important
  }

  .mr-md-1,.mx-md-1{
    margin-right:.25rem !important
  }

  .mb-md-1,.my-md-1{
    margin-bottom:.25rem !important
  }

  .ml-md-1,.mx-md-1{
    margin-left:.25rem !important
  }

  .m-md-2{
    margin:.5rem !important
  }

  .mt-md-2,.my-md-2{
    margin-top:.5rem !important
  }

  .mr-md-2,.mx-md-2{
    margin-right:.5rem !important
  }

  .mb-md-2,.my-md-2{
    margin-bottom:.5rem !important
  }

  .ml-md-2,.mx-md-2{
    margin-left:.5rem !important
  }

  .m-md-3{
    margin:1rem !important
  }

  .mt-md-3,.my-md-3{
    margin-top:1rem !important
  }

  .mr-md-3,.mx-md-3{
    margin-right:1rem !important
  }

  .mb-md-3,.my-md-3{
    margin-bottom:1rem !important
  }

  .ml-md-3,.mx-md-3{
    margin-left:1rem !important
  }

  .m-md-4{
    margin:1.5rem !important
  }

  .mt-md-4,.my-md-4{
    margin-top:1.5rem !important
  }

  .mr-md-4,.mx-md-4{
    margin-right:1.5rem !important
  }

  .mb-md-4,.my-md-4{
    margin-bottom:1.5rem !important
  }

  .ml-md-4,.mx-md-4{
    margin-left:1.5rem !important
  }

  .m-md-5{
    margin:3rem !important
  }

  .mt-md-5,.my-md-5{
    margin-top:3rem !important
  }

  .mr-md-5,.mx-md-5{
    margin-right:3rem !important
  }

  .mb-md-5,.my-md-5{
    margin-bottom:3rem !important
  }

  .ml-md-5,.mx-md-5{
    margin-left:3rem !important
  }

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

  .pt-md-0,.py-md-0{
    padding-top:0 !important
  }

  .pr-md-0,.px-md-0{
    padding-right:0 !important
  }

  .pb-md-0,.py-md-0{
    padding-bottom:0 !important
  }

  .pl-md-0,.px-md-0{
    padding-left:0 !important
  }

  .p-md-1{
    padding:.25rem !important
  }

  .pt-md-1,.py-md-1{
    padding-top:.25rem !important
  }

  .pr-md-1,.px-md-1{
    padding-right:.25rem !important
  }

  .pb-md-1,.py-md-1{
    padding-bottom:.25rem !important
  }

  .pl-md-1,.px-md-1{
    padding-left:.25rem !important
  }

  .p-md-2{
    padding:.5rem !important
  }

  .pt-md-2,.py-md-2{
    padding-top:.5rem !important
  }

  .pr-md-2,.px-md-2{
    padding-right:.5rem !important
  }

  .pb-md-2,.py-md-2{
    padding-bottom:.5rem !important
  }

  .pl-md-2,.px-md-2{
    padding-left:.5rem !important
  }

  .p-md-3{
    padding:1rem !important
  }

  .pt-md-3,.py-md-3{
    padding-top:1rem !important
  }

  .pr-md-3,.px-md-3{
    padding-right:1rem !important
  }

  .pb-md-3,.py-md-3{
    padding-bottom:1rem !important
  }

  .pl-md-3,.px-md-3{
    padding-left:1rem !important
  }

  .p-md-4{
    padding:1.5rem !important
  }

  .pt-md-4,.py-md-4{
    padding-top:1.5rem !important
  }

  .pr-md-4,.px-md-4{
    padding-right:1.5rem !important
  }

  .pb-md-4,.py-md-4{
    padding-bottom:1.5rem !important
  }

  .pl-md-4,.px-md-4{
    padding-left:1.5rem !important
  }

  .p-md-5{
    padding:3rem !important
  }

  .pt-md-5,.py-md-5{
    padding-top:3rem !important
  }

  .pr-md-5,.px-md-5{
    padding-right:3rem !important
  }

  .pb-md-5,.py-md-5{
    padding-bottom:3rem !important
  }

  .pl-md-5,.px-md-5{
    padding-left:3rem !important
  }

  .m-md-n1{
    margin:-.25rem !important
  }

  .mt-md-n1,.my-md-n1{
    margin-top:-.25rem !important
  }

  .mr-md-n1,.mx-md-n1{
    margin-right:-.25rem !important
  }

  .mb-md-n1,.my-md-n1{
    margin-bottom:-.25rem !important
  }

  .ml-md-n1,.mx-md-n1{
    margin-left:-.25rem !important
  }

  .m-md-n2{
    margin:-.5rem !important
  }

  .mt-md-n2,.my-md-n2{
    margin-top:-.5rem !important
  }

  .mr-md-n2,.mx-md-n2{
    margin-right:-.5rem !important
  }

  .mb-md-n2,.my-md-n2{
    margin-bottom:-.5rem !important
  }

  .ml-md-n2,.mx-md-n2{
    margin-left:-.5rem !important
  }

  .m-md-n3{
    margin:-1rem !important
  }

  .mt-md-n3,.my-md-n3{
    margin-top:-1rem !important
  }

  .mr-md-n3,.mx-md-n3{
    margin-right:-1rem !important
  }

  .mb-md-n3,.my-md-n3{
    margin-bottom:-1rem !important
  }

  .ml-md-n3,.mx-md-n3{
    margin-left:-1rem !important
  }

  .m-md-n4{
    margin:-1.5rem !important
  }

  .mt-md-n4,.my-md-n4{
    margin-top:-1.5rem !important
  }

  .mr-md-n4,.mx-md-n4{
    margin-right:-1.5rem !important
  }

  .mb-md-n4,.my-md-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-md-n4,.mx-md-n4{
    margin-left:-1.5rem !important
  }

  .m-md-n5{
    margin:-3rem !important
  }

  .mt-md-n5,.my-md-n5{
    margin-top:-3rem !important
  }

  .mr-md-n5,.mx-md-n5{
    margin-right:-3rem !important
  }

  .mb-md-n5,.my-md-n5{
    margin-bottom:-3rem !important
  }

  .ml-md-n5,.mx-md-n5{
    margin-left:-3rem !important
  }

  .m-md-auto{
    margin:auto !important
  }

  .mt-md-auto,.my-md-auto{
    margin-top:auto !important
  }

  .mr-md-auto,.mx-md-auto{
    margin-right:auto !important
  }

  .mb-md-auto,.my-md-auto{
    margin-bottom:auto !important
  }

  .ml-md-auto,.mx-md-auto{
    margin-left:auto !important
  }
}

@media (min-width: 992px){
  .m-lg-0{
    margin:0 !important
  }

  .mt-lg-0,.my-lg-0{
    margin-top:0 !important
  }

  .mr-lg-0,.mx-lg-0{
    margin-right:0 !important
  }

  .mb-lg-0,.my-lg-0{
    margin-bottom:0 !important
  }

  .ml-lg-0,.mx-lg-0{
    margin-left:0 !important
  }

  .m-lg-1{
    margin:.25rem !important
  }

  .mt-lg-1,.my-lg-1{
    margin-top:.25rem !important
  }

  .mr-lg-1,.mx-lg-1{
    margin-right:.25rem !important
  }

  .mb-lg-1,.my-lg-1{
    margin-bottom:.25rem !important
  }

  .ml-lg-1,.mx-lg-1{
    margin-left:.25rem !important
  }

  .m-lg-2{
    margin:.5rem !important
  }

  .mt-lg-2,.my-lg-2{
    margin-top:.5rem !important
  }

  .mr-lg-2,.mx-lg-2{
    margin-right:.5rem !important
  }

  .mb-lg-2,.my-lg-2{
    margin-bottom:.5rem !important
  }

  .ml-lg-2,.mx-lg-2{
    margin-left:.5rem !important
  }

  .m-lg-3{
    margin:1rem !important
  }

  .mt-lg-3,.my-lg-3{
    margin-top:1rem !important
  }

  .mr-lg-3,.mx-lg-3{
    margin-right:1rem !important
  }

  .mb-lg-3,.my-lg-3{
    margin-bottom:1rem !important
  }

  .ml-lg-3,.mx-lg-3{
    margin-left:1rem !important
  }

  .m-lg-4{
    margin:1.5rem !important
  }

  .mt-lg-4,.my-lg-4{
    margin-top:1.5rem !important
  }

  .mr-lg-4,.mx-lg-4{
    margin-right:1.5rem !important
  }

  .mb-lg-4,.my-lg-4{
    margin-bottom:1.5rem !important
  }

  .ml-lg-4,.mx-lg-4{
    margin-left:1.5rem !important
  }

  .m-lg-5{
    margin:3rem !important
  }

  .mt-lg-5,.my-lg-5{
    margin-top:3rem !important
  }

  .mr-lg-5,.mx-lg-5{
    margin-right:3rem !important
  }

  .mb-lg-5,.my-lg-5{
    margin-bottom:3rem !important
  }

  .ml-lg-5,.mx-lg-5{
    margin-left:3rem !important
  }

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

  .pt-lg-0,.py-lg-0{
    padding-top:0 !important
  }

  .pr-lg-0,.px-lg-0{
    padding-right:0 !important
  }

  .pb-lg-0,.py-lg-0{
    padding-bottom:0 !important
  }

  .pl-lg-0,.px-lg-0{
    padding-left:0 !important
  }

  .p-lg-1{
    padding:.25rem !important
  }

  .pt-lg-1,.py-lg-1{
    padding-top:.25rem !important
  }

  .pr-lg-1,.px-lg-1{
    padding-right:.25rem !important
  }

  .pb-lg-1,.py-lg-1{
    padding-bottom:.25rem !important
  }

  .pl-lg-1,.px-lg-1{
    padding-left:.25rem !important
  }

  .p-lg-2{
    padding:.5rem !important
  }

  .pt-lg-2,.py-lg-2{
    padding-top:.5rem !important
  }

  .pr-lg-2,.px-lg-2{
    padding-right:.5rem !important
  }

  .pb-lg-2,.py-lg-2{
    padding-bottom:.5rem !important
  }

  .pl-lg-2,.px-lg-2{
    padding-left:.5rem !important
  }

  .p-lg-3{
    padding:1rem !important
  }

  .pt-lg-3,.py-lg-3{
    padding-top:1rem !important
  }

  .pr-lg-3,.px-lg-3{
    padding-right:1rem !important
  }

  .pb-lg-3,.py-lg-3{
    padding-bottom:1rem !important
  }

  .pl-lg-3,.px-lg-3{
    padding-left:1rem !important
  }

  .p-lg-4{
    padding:1.5rem !important
  }

  .pt-lg-4,.py-lg-4{
    padding-top:1.5rem !important
  }

  .pr-lg-4,.px-lg-4{
    padding-right:1.5rem !important
  }

  .pb-lg-4,.py-lg-4{
    padding-bottom:1.5rem !important
  }

  .pl-lg-4,.px-lg-4{
    padding-left:1.5rem !important
  }

  .p-lg-5{
    padding:3rem !important
  }

  .pt-lg-5,.py-lg-5{
    padding-top:3rem !important
  }

  .pr-lg-5,.px-lg-5{
    padding-right:3rem !important
  }

  .pb-lg-5,.py-lg-5{
    padding-bottom:3rem !important
  }

  .pl-lg-5,.px-lg-5{
    padding-left:3rem !important
  }

  .m-lg-n1{
    margin:-.25rem !important
  }

  .mt-lg-n1,.my-lg-n1{
    margin-top:-.25rem !important
  }

  .mr-lg-n1,.mx-lg-n1{
    margin-right:-.25rem !important
  }

  .mb-lg-n1,.my-lg-n1{
    margin-bottom:-.25rem !important
  }

  .ml-lg-n1,.mx-lg-n1{
    margin-left:-.25rem !important
  }

  .m-lg-n2{
    margin:-.5rem !important
  }

  .mt-lg-n2,.my-lg-n2{
    margin-top:-.5rem !important
  }

  .mr-lg-n2,.mx-lg-n2{
    margin-right:-.5rem !important
  }

  .mb-lg-n2,.my-lg-n2{
    margin-bottom:-.5rem !important
  }

  .ml-lg-n2,.mx-lg-n2{
    margin-left:-.5rem !important
  }

  .m-lg-n3{
    margin:-1rem !important
  }

  .mt-lg-n3,.my-lg-n3{
    margin-top:-1rem !important
  }

  .mr-lg-n3,.mx-lg-n3{
    margin-right:-1rem !important
  }

  .mb-lg-n3,.my-lg-n3{
    margin-bottom:-1rem !important
  }

  .ml-lg-n3,.mx-lg-n3{
    margin-left:-1rem !important
  }

  .m-lg-n4{
    margin:-1.5rem !important
  }

  .mt-lg-n4,.my-lg-n4{
    margin-top:-1.5rem !important
  }

  .mr-lg-n4,.mx-lg-n4{
    margin-right:-1.5rem !important
  }

  .mb-lg-n4,.my-lg-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-lg-n4,.mx-lg-n4{
    margin-left:-1.5rem !important
  }

  .m-lg-n5{
    margin:-3rem !important
  }

  .mt-lg-n5,.my-lg-n5{
    margin-top:-3rem !important
  }

  .mr-lg-n5,.mx-lg-n5{
    margin-right:-3rem !important
  }

  .mb-lg-n5,.my-lg-n5{
    margin-bottom:-3rem !important
  }

  .ml-lg-n5,.mx-lg-n5{
    margin-left:-3rem !important
  }

  .m-lg-auto{
    margin:auto !important
  }

  .mt-lg-auto,.my-lg-auto{
    margin-top:auto !important
  }

  .mr-lg-auto,.mx-lg-auto{
    margin-right:auto !important
  }

  .mb-lg-auto,.my-lg-auto{
    margin-bottom:auto !important
  }

  .ml-lg-auto,.mx-lg-auto{
    margin-left:auto !important
  }
}

@media (min-width: 1200px){
  .m-xl-0{
    margin:0 !important
  }

  .mt-xl-0,.my-xl-0{
    margin-top:0 !important
  }

  .mr-xl-0,.mx-xl-0{
    margin-right:0 !important
  }

  .mb-xl-0,.my-xl-0{
    margin-bottom:0 !important
  }

  .ml-xl-0,.mx-xl-0{
    margin-left:0 !important
  }

  .m-xl-1{
    margin:.25rem !important
  }

  .mt-xl-1,.my-xl-1{
    margin-top:.25rem !important
  }

  .mr-xl-1,.mx-xl-1{
    margin-right:.25rem !important
  }

  .mb-xl-1,.my-xl-1{
    margin-bottom:.25rem !important
  }

  .ml-xl-1,.mx-xl-1{
    margin-left:.25rem !important
  }

  .m-xl-2{
    margin:.5rem !important
  }

  .mt-xl-2,.my-xl-2{
    margin-top:.5rem !important
  }

  .mr-xl-2,.mx-xl-2{
    margin-right:.5rem !important
  }

  .mb-xl-2,.my-xl-2{
    margin-bottom:.5rem !important
  }

  .ml-xl-2,.mx-xl-2{
    margin-left:.5rem !important
  }

  .m-xl-3{
    margin:1rem !important
  }

  .mt-xl-3,.my-xl-3{
    margin-top:1rem !important
  }

  .mr-xl-3,.mx-xl-3{
    margin-right:1rem !important
  }

  .mb-xl-3,.my-xl-3{
    margin-bottom:1rem !important
  }

  .ml-xl-3,.mx-xl-3{
    margin-left:1rem !important
  }

  .m-xl-4{
    margin:1.5rem !important
  }

  .mt-xl-4,.my-xl-4{
    margin-top:1.5rem !important
  }

  .mr-xl-4,.mx-xl-4{
    margin-right:1.5rem !important
  }

  .mb-xl-4,.my-xl-4{
    margin-bottom:1.5rem !important
  }

  .ml-xl-4,.mx-xl-4{
    margin-left:1.5rem !important
  }

  .m-xl-5{
    margin:3rem !important
  }

  .mt-xl-5,.my-xl-5{
    margin-top:3rem !important
  }

  .mr-xl-5,.mx-xl-5{
    margin-right:3rem !important
  }

  .mb-xl-5,.my-xl-5{
    margin-bottom:3rem !important
  }

  .ml-xl-5,.mx-xl-5{
    margin-left:3rem !important
  }

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

  .pt-xl-0,.py-xl-0{
    padding-top:0 !important
  }

  .pr-xl-0,.px-xl-0{
    padding-right:0 !important
  }

  .pb-xl-0,.py-xl-0{
    padding-bottom:0 !important
  }

  .pl-xl-0,.px-xl-0{
    padding-left:0 !important
  }

  .p-xl-1{
    padding:.25rem !important
  }

  .pt-xl-1,.py-xl-1{
    padding-top:.25rem !important
  }

  .pr-xl-1,.px-xl-1{
    padding-right:.25rem !important
  }

  .pb-xl-1,.py-xl-1{
    padding-bottom:.25rem !important
  }

  .pl-xl-1,.px-xl-1{
    padding-left:.25rem !important
  }

  .p-xl-2{
    padding:.5rem !important
  }

  .pt-xl-2,.py-xl-2{
    padding-top:.5rem !important
  }

  .pr-xl-2,.px-xl-2{
    padding-right:.5rem !important
  }

  .pb-xl-2,.py-xl-2{
    padding-bottom:.5rem !important
  }

  .pl-xl-2,.px-xl-2{
    padding-left:.5rem !important
  }

  .p-xl-3{
    padding:1rem !important
  }

  .pt-xl-3,.py-xl-3{
    padding-top:1rem !important
  }

  .pr-xl-3,.px-xl-3{
    padding-right:1rem !important
  }

  .pb-xl-3,.py-xl-3{
    padding-bottom:1rem !important
  }

  .pl-xl-3,.px-xl-3{
    padding-left:1rem !important
  }

  .p-xl-4{
    padding:1.5rem !important
  }

  .pt-xl-4,.py-xl-4{
    padding-top:1.5rem !important
  }

  .pr-xl-4,.px-xl-4{
    padding-right:1.5rem !important
  }

  .pb-xl-4,.py-xl-4{
    padding-bottom:1.5rem !important
  }

  .pl-xl-4,.px-xl-4{
    padding-left:1.5rem !important
  }

  .p-xl-5{
    padding:3rem !important
  }

  .pt-xl-5,.py-xl-5{
    padding-top:3rem !important
  }

  .pr-xl-5,.px-xl-5{
    padding-right:3rem !important
  }

  .pb-xl-5,.py-xl-5{
    padding-bottom:3rem !important
  }

  .pl-xl-5,.px-xl-5{
    padding-left:3rem !important
  }

  .m-xl-n1{
    margin:-.25rem !important
  }

  .mt-xl-n1,.my-xl-n1{
    margin-top:-.25rem !important
  }

  .mr-xl-n1,.mx-xl-n1{
    margin-right:-.25rem !important
  }

  .mb-xl-n1,.my-xl-n1{
    margin-bottom:-.25rem !important
  }

  .ml-xl-n1,.mx-xl-n1{
    margin-left:-.25rem !important
  }

  .m-xl-n2{
    margin:-.5rem !important
  }

  .mt-xl-n2,.my-xl-n2{
    margin-top:-.5rem !important
  }

  .mr-xl-n2,.mx-xl-n2{
    margin-right:-.5rem !important
  }

  .mb-xl-n2,.my-xl-n2{
    margin-bottom:-.5rem !important
  }

  .ml-xl-n2,.mx-xl-n2{
    margin-left:-.5rem !important
  }

  .m-xl-n3{
    margin:-1rem !important
  }

  .mt-xl-n3,.my-xl-n3{
    margin-top:-1rem !important
  }

  .mr-xl-n3,.mx-xl-n3{
    margin-right:-1rem !important
  }

  .mb-xl-n3,.my-xl-n3{
    margin-bottom:-1rem !important
  }

  .ml-xl-n3,.mx-xl-n3{
    margin-left:-1rem !important
  }

  .m-xl-n4{
    margin:-1.5rem !important
  }

  .mt-xl-n4,.my-xl-n4{
    margin-top:-1.5rem !important
  }

  .mr-xl-n4,.mx-xl-n4{
    margin-right:-1.5rem !important
  }

  .mb-xl-n4,.my-xl-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-xl-n4,.mx-xl-n4{
    margin-left:-1.5rem !important
  }

  .m-xl-n5{
    margin:-3rem !important
  }

  .mt-xl-n5,.my-xl-n5{
    margin-top:-3rem !important
  }

  .mr-xl-n5,.mx-xl-n5{
    margin-right:-3rem !important
  }

  .mb-xl-n5,.my-xl-n5{
    margin-bottom:-3rem !important
  }

  .ml-xl-n5,.mx-xl-n5{
    margin-left:-3rem !important
  }

  .m-xl-auto{
    margin:auto !important
  }

  .mt-xl-auto,.my-xl-auto{
    margin-top:auto !important
  }

  .mr-xl-auto,.mx-xl-auto{
    margin-right:auto !important
  }

  .mb-xl-auto,.my-xl-auto{
    margin-bottom:auto !important
  }

  .ml-xl-auto,.mx-xl-auto{
    margin-left:auto !important
  }
}

.text-monospace{
  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify{
  text-align:justify !important
}

.text-wrap{
  white-space:normal !important
}

.text-nowrap{
  white-space:nowrap !important
}

.text-truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.text-left{
  text-align:left !important
}

.text-right{
  text-align:right !important
}

.text-center{
  text-align:center !important
}

@media (min-width: 576px){
  .text-sm-left{
    text-align:left !important
  }

  .text-sm-right{
    text-align:right !important
  }

  .text-sm-center{
    text-align:center !important
  }
}

@media (min-width: 768px){
  .text-md-left{
    text-align:left !important
  }

  .text-md-right{
    text-align:right !important
  }

  .text-md-center{
    text-align:center !important
  }
}

@media (min-width: 992px){
  .text-lg-left{
    text-align:left !important
  }

  .text-lg-right{
    text-align:right !important
  }

  .text-lg-center{
    text-align:center !important
  }
}

@media (min-width: 1200px){
  .text-xl-left{
    text-align:left !important
  }

  .text-xl-right{
    text-align:right !important
  }

  .text-xl-center{
    text-align:center !important
  }
}

.text-lowercase{
  text-transform:lowercase !important
}

.text-uppercase{
  text-transform:uppercase !important
}

.text-capitalize{
  text-transform:capitalize !important
}

.font-weight-light{
  font-weight:300 !important
}

.font-weight-lighter{
  font-weight:lighter !important
}

.font-weight-normal{
  font-weight:400 !important
}

.font-weight-bold{
  font-weight:700 !important
}

.font-weight-bolder{
  font-weight:bolder !important
}

.font-italic{
  font-style:italic !important
}

.text-white{
  color:#fff !important
}

.text-primary{
  color:#007bff !important
}

a.text-primary:hover,a.text-primary:focus{
  color:#0056b3 !important
}

.text-secondary{
  color:#6c757d !important
}

a.text-secondary:hover,a.text-secondary:focus{
  color:#494f54 !important
}

.text-success{
  color:#28a745 !important
}

a.text-success:hover,a.text-success:focus{
  color:#19692c !important
}

.text-info{
  color:#17a2b8 !important
}

a.text-info:hover,a.text-info:focus{
  color:#0f6674 !important
}

.text-warning{
  color:#ffc107 !important
}

a.text-warning:hover,a.text-warning:focus{
  color:#ba8b00 !important
}

.text-danger{
  color:#dc3545 !important
}

a.text-danger:hover,a.text-danger:focus{
  color:#a71d2a !important
}

.text-light{
  color:#f8f9fa !important
}

a.text-light:hover,a.text-light:focus{
  color:#cbd3da !important
}

.text-dark{
  color:#343a40 !important
}

a.text-dark:hover,a.text-dark:focus{
  color:#121416 !important
}

.text-body{
  color:#212529 !important
}

.text-muted{
  color:#6c757d !important
}

.text-black-50{
  color:rgba(0,0,0,0.5) !important
}

.text-white-50{
  color:rgba(255,255,255,0.5) !important
}

.text-hide{
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0
}

.text-decoration-none{
  text-decoration:none !important
}

.text-break{
  word-break:break-word !important;
  overflow-wrap:break-word !important
}

.text-reset{
  color:inherit !important
}

.w-25{
  width:25% !important
}

.w-50{
  width:50% !important
}

.w-75{
  width:75% !important
}

.w-100{
  width:100% !important
}

.w-auto{
  width:auto !important
}

.h-25{
  height:25% !important
}

.h-50{
  height:50% !important
}

.h-75{
  height:75% !important
}

.h-100{
  height:100% !important
}

.h-auto{
  height:auto !important
}

.mw-100{
  max-width:100% !important
}

.mh-100{
  max-height:100% !important
}

.min-vw-100{
  min-width:100vw !important
}

.min-vh-100{
  min-height:100vh !important
}

.vw-100{
  width:100vw !important
}

.vh-100{
  height:100vh !important
}

.position-static{
  position:static !important
}

.position-relative{
  position:relative !important
}

.position-absolute{
  position:absolute !important
}

.position-fixed{
  position:fixed !important
}

.position-sticky{
  position:sticky !important
}

.fixed-top{
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:1030
}

.fixed-bottom{
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:1030
}

@supports (position: sticky){
  .sticky-top{
    position:sticky;
    top:0;
    z-index:1020
  }
}

.visible{
  visibility:visible !important
}

.invisible{
  visibility:hidden !important
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular-devkit/build-angular/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[9].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./src/styles.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --obs-primary: rgb(93, 92, 100);
  --obs-secondary: #1976d2;
  --obs-maroon: #961e36;
  --obs-navy: #3e4861;
  --obs-pink: #d2afc5;
  --obs-dark-orange: #d6582a;
  --obs-gold: #9d8944;
  --obs-light-blue: #a3c2d6;
  --obs-purple: #722670;
  --obs-light-orange: #ff9c01;
  --obs-blue: #5da7d6;
  --font: "Open Sans" !important;
  --sidenav-background: #38434F !important;
  --sidenav-color: white !important;
  --sidenav-toolbar-background: #38434F !important;
  --sidenav-item-color: #ffffff !important;
  --sidenav-toolbar-background: #38434F !important;
  --sidenav-item-icon-color: #e8dbcc !important;
  --sidenav-item-icon-color-active: #e8dbcc !important;
  --toolbar-icon-color: #5d5c64 !important;
  --color-secondary-50: rgb(236, 239, 255) !important;
  --color-secondary-100: rgb(206, 215, 255) !important;
  --color-secondary-200: rgb(174, 188, 255) !important;
  --color-secondary-300: rgb(142, 161, 255) !important;
  --color-secondary-400: rgb(117, 140, 255) !important;
  --color-secondary-500: rgb(92, 119, 255) !important;
  --color-secondary-600: rgb(85, 112, 255) !important;
  --color-secondary-700: rgb(75, 101, 255) !important;
  --color-secondary-800: rgb(65, 91, 255) !important;
  --color-secondary-900: rgb(48, 72, 255) !important;
  --color-secondary-A100: rgb(128, 216, 255) !important;
  --color-secondary-A200: rgb(64, 196, 255) !important;
  --color-secondary-A400: rgb(219, 223, 255) !important;
  --color-secondary-A700: rgb(194, 200, 255) !important;
}

:root vex-sidenav-item .item-label {
  font-size: 14px;
}

:root vex-sidenav-item .subheading {
  font-size: 1.3em;
  text-transform: none;
}

.no-pad .mat-expansion-panel-body {
  padding: 0;
}

.left {
  position: absolute;
  left: 0;
}

.right {
  position: absolute;
  right: 0;
}

.full-width {
  width: 100% !important;
}

.material-month-picker .mat-calendar-period-button {
  pointer-events: none;
}

.material-month-picker .mat-calendar-arrow {
  display: none;
}

mat-panel-title:hover p {
  color: #5da7d6;
  color: var(--obs-blue)
}

/* Dexter add - 7/28/2020 */

.custom-button {
  padding: 5px 20px;
  margin-right: 10px;
}

.no-border {
  border: 0;
}

.error-message {
  color: #b71c1c;
  padding: 5px 0;
  font-size: 14px;
  font-style: italic;
}

.dialog-header {
  background-color: #5c5c64;
  border-radius: 10px 10px 0 0;
  font-weight: normal;
  padding: 8px 16px;
}

.dialog-header-danger {
  background-color: #b71c1c !important;
}

.dialog-title {
  color: white;
  font-size: 14pt;
}

.btn-action-dialog {
  padding: 10px 25px;
}

.dialog-body {
  padding: 24px;
  font-size: 12pt;
  line-height: 1.5rem;
}

.comment-dialog-body{
  padding: 30px 30px;
  font-size: 12pt;
  line-height: 1.5rem;
}

.cancel-button {
  padding: 6px 20px;
  background-color: #E9EBEA;
  border-color: #E9EBEA;
  color: black;
  border-radius: .25rem;
}

.save-button {
  background-color: #5c5c64;
  color: white;
  padding: 5px 20px;
}

.success-button {
  background-color: #008000;
  color: white;
  padding: 5px 20px;
  border-radius: .25rem;
}

.danger-button {
  background-color: #b71c1c;
  color: white;
  padding: 5px 20px;
}

.btn:disabled {
  color:#212529;
}

.dialog-control .success-button {
  margin-left: 5px;
}

.dialog-control .cancel-button {
  margin-right: 5px;
}

.dialog-control {
  margin-top: 50px;
}

.mat-dialog-container {
  padding: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.mat-expansion-panel-header-title {
  color: black !important;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,.fab,.fad,.fal,.far,.fas{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-feature-settings:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1
}

.fa-lg{
  font-size:1.33333em;
  line-height:.75em;
  vertical-align:-.0667em
}

.fa-xs{
  font-size:.75em
}

.fa-sm{
  font-size:.875em
}

.fa-1x{
  font-size:1em
}

.fa-2x{
  font-size:2em
}

.fa-3x{
  font-size:3em
}

.fa-4x{
  font-size:4em
}

.fa-5x{
  font-size:5em
}

.fa-6x{
  font-size:6em
}

.fa-7x{
  font-size:7em
}

.fa-8x{
  font-size:8em
}

.fa-9x{
  font-size:9em
}

.fa-10x{
  font-size:10em
}

.fa-fw{
  text-align:center;
  width:1.25em
}

.fa-ul{
  list-style-type:none;
  margin-left:2.5em;
  padding-left:0
}

.fa-ul>li{
  position:relative
}

.fa-li{
  left:-2em;
  position:absolute;
  text-align:center;
  width:2em;
  line-height:inherit
}

.fa-border{
  border:.08em solid #eee;
  border-radius:.1em;
  padding:.2em .25em .15em
}

.fa-pull-left{
  float:left
}

.fa-pull-right{
  float:right
}

.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{
  margin-right:.3em
}

.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{
  margin-left:.3em
}

.fa-spin{
  animation:fa-spin 2s linear infinite
}

.fa-pulse{
  animation:fa-spin 1s steps(8) infinite
}

@keyframes fa-spin{
  0%{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(1turn)
  }
}

.fa-rotate-90{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform:rotate(90deg)
}

.fa-rotate-180{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform:rotate(180deg)
}

.fa-rotate-270{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform:rotate(270deg)
}

.fa-flip-horizontal{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform:scaleX(-1)
}

.fa-flip-vertical{
  transform:scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{
  transform:scale(-1)
}

:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{
  filter:none
}

.fa-stack{
  display:inline-block;
  height:2em;
  line-height:2em;
  position:relative;
  vertical-align:middle;
  width:2.5em
}

.fa-stack-1x,.fa-stack-2x{
  left:0;
  position:absolute;
  text-align:center;
  width:100%
}

.fa-stack-1x{
  line-height:inherit
}

.fa-stack-2x{
  font-size:2em
}

.fa-inverse{
  color:#fff
}

.fa-500px:before{
  content:"\f26e"
}

.fa-accessible-icon:before{
  content:"\f368"
}

.fa-accusoft:before{
  content:"\f369"
}

.fa-acquisitions-incorporated:before{
  content:"\f6af"
}

.fa-ad:before{
  content:"\f641"
}

.fa-address-book:before{
  content:"\f2b9"
}

.fa-address-card:before{
  content:"\f2bb"
}

.fa-adjust:before{
  content:"\f042"
}

.fa-adn:before{
  content:"\f170"
}

.fa-adversal:before{
  content:"\f36a"
}

.fa-affiliatetheme:before{
  content:"\f36b"
}

.fa-air-freshener:before{
  content:"\f5d0"
}

.fa-airbnb:before{
  content:"\f834"
}

.fa-algolia:before{
  content:"\f36c"
}

.fa-align-center:before{
  content:"\f037"
}

.fa-align-justify:before{
  content:"\f039"
}

.fa-align-left:before{
  content:"\f036"
}

.fa-align-right:before{
  content:"\f038"
}

.fa-alipay:before{
  content:"\f642"
}

.fa-allergies:before{
  content:"\f461"
}

.fa-amazon:before{
  content:"\f270"
}

.fa-amazon-pay:before{
  content:"\f42c"
}

.fa-ambulance:before{
  content:"\f0f9"
}

.fa-american-sign-language-interpreting:before{
  content:"\f2a3"
}

.fa-amilia:before{
  content:"\f36d"
}

.fa-anchor:before{
  content:"\f13d"
}

.fa-android:before{
  content:"\f17b"
}

.fa-angellist:before{
  content:"\f209"
}

.fa-angle-double-down:before{
  content:"\f103"
}

.fa-angle-double-left:before{
  content:"\f100"
}

.fa-angle-double-right:before{
  content:"\f101"
}

.fa-angle-double-up:before{
  content:"\f102"
}

.fa-angle-down:before{
  content:"\f107"
}

.fa-angle-left:before{
  content:"\f104"
}

.fa-angle-right:before{
  content:"\f105"
}

.fa-angle-up:before{
  content:"\f106"
}

.fa-angry:before{
  content:"\f556"
}

.fa-angrycreative:before{
  content:"\f36e"
}

.fa-angular:before{
  content:"\f420"
}

.fa-ankh:before{
  content:"\f644"
}

.fa-app-store:before{
  content:"\f36f"
}

.fa-app-store-ios:before{
  content:"\f370"
}

.fa-apper:before{
  content:"\f371"
}

.fa-apple:before{
  content:"\f179"
}

.fa-apple-alt:before{
  content:"\f5d1"
}

.fa-apple-pay:before{
  content:"\f415"
}

.fa-archive:before{
  content:"\f187"
}

.fa-archway:before{
  content:"\f557"
}

.fa-arrow-alt-circle-down:before{
  content:"\f358"
}

.fa-arrow-alt-circle-left:before{
  content:"\f359"
}

.fa-arrow-alt-circle-right:before{
  content:"\f35a"
}

.fa-arrow-alt-circle-up:before{
  content:"\f35b"
}

.fa-arrow-circle-down:before{
  content:"\f0ab"
}

.fa-arrow-circle-left:before{
  content:"\f0a8"
}

.fa-arrow-circle-right:before{
  content:"\f0a9"
}

.fa-arrow-circle-up:before{
  content:"\f0aa"
}

.fa-arrow-down:before{
  content:"\f063"
}

.fa-arrow-left:before{
  content:"\f060"
}

.fa-arrow-right:before{
  content:"\f061"
}

.fa-arrow-up:before{
  content:"\f062"
}

.fa-arrows-alt:before{
  content:"\f0b2"
}

.fa-arrows-alt-h:before{
  content:"\f337"
}

.fa-arrows-alt-v:before{
  content:"\f338"
}

.fa-artstation:before{
  content:"\f77a"
}

.fa-assistive-listening-systems:before{
  content:"\f2a2"
}

.fa-asterisk:before{
  content:"\f069"
}

.fa-asymmetrik:before{
  content:"\f372"
}

.fa-at:before{
  content:"\f1fa"
}

.fa-atlas:before{
  content:"\f558"
}

.fa-atlassian:before{
  content:"\f77b"
}

.fa-atom:before{
  content:"\f5d2"
}

.fa-audible:before{
  content:"\f373"
}

.fa-audio-description:before{
  content:"\f29e"
}

.fa-autoprefixer:before{
  content:"\f41c"
}

.fa-avianex:before{
  content:"\f374"
}

.fa-aviato:before{
  content:"\f421"
}

.fa-award:before{
  content:"\f559"
}

.fa-aws:before{
  content:"\f375"
}

.fa-baby:before{
  content:"\f77c"
}

.fa-baby-carriage:before{
  content:"\f77d"
}

.fa-backspace:before{
  content:"\f55a"
}

.fa-backward:before{
  content:"\f04a"
}

.fa-bacon:before{
  content:"\f7e5"
}

.fa-bacteria:before{
  content:"\e059"
}

.fa-bacterium:before{
  content:"\e05a"
}

.fa-bahai:before{
  content:"\f666"
}

.fa-balance-scale:before{
  content:"\f24e"
}

.fa-balance-scale-left:before{
  content:"\f515"
}

.fa-balance-scale-right:before{
  content:"\f516"
}

.fa-ban:before{
  content:"\f05e"
}

.fa-band-aid:before{
  content:"\f462"
}

.fa-bandcamp:before{
  content:"\f2d5"
}

.fa-barcode:before{
  content:"\f02a"
}

.fa-bars:before{
  content:"\f0c9"
}

.fa-baseball-ball:before{
  content:"\f433"
}

.fa-basketball-ball:before{
  content:"\f434"
}

.fa-bath:before{
  content:"\f2cd"
}

.fa-battery-empty:before{
  content:"\f244"
}

.fa-battery-full:before{
  content:"\f240"
}

.fa-battery-half:before{
  content:"\f242"
}

.fa-battery-quarter:before{
  content:"\f243"
}

.fa-battery-three-quarters:before{
  content:"\f241"
}

.fa-battle-net:before{
  content:"\f835"
}

.fa-bed:before{
  content:"\f236"
}

.fa-beer:before{
  content:"\f0fc"
}

.fa-behance:before{
  content:"\f1b4"
}

.fa-behance-square:before{
  content:"\f1b5"
}

.fa-bell:before{
  content:"\f0f3"
}

.fa-bell-slash:before{
  content:"\f1f6"
}

.fa-bezier-curve:before{
  content:"\f55b"
}

.fa-bible:before{
  content:"\f647"
}

.fa-bicycle:before{
  content:"\f206"
}

.fa-biking:before{
  content:"\f84a"
}

.fa-bimobject:before{
  content:"\f378"
}

.fa-binoculars:before{
  content:"\f1e5"
}

.fa-biohazard:before{
  content:"\f780"
}

.fa-birthday-cake:before{
  content:"\f1fd"
}

.fa-bitbucket:before{
  content:"\f171"
}

.fa-bitcoin:before{
  content:"\f379"
}

.fa-bity:before{
  content:"\f37a"
}

.fa-black-tie:before{
  content:"\f27e"
}

.fa-blackberry:before{
  content:"\f37b"
}

.fa-blender:before{
  content:"\f517"
}

.fa-blender-phone:before{
  content:"\f6b6"
}

.fa-blind:before{
  content:"\f29d"
}

.fa-blog:before{
  content:"\f781"
}

.fa-blogger:before{
  content:"\f37c"
}

.fa-blogger-b:before{
  content:"\f37d"
}

.fa-bluetooth:before{
  content:"\f293"
}

.fa-bluetooth-b:before{
  content:"\f294"
}

.fa-bold:before{
  content:"\f032"
}

.fa-bolt:before{
  content:"\f0e7"
}

.fa-bomb:before{
  content:"\f1e2"
}

.fa-bone:before{
  content:"\f5d7"
}

.fa-bong:before{
  content:"\f55c"
}

.fa-book:before{
  content:"\f02d"
}

.fa-book-dead:before{
  content:"\f6b7"
}

.fa-book-medical:before{
  content:"\f7e6"
}

.fa-book-open:before{
  content:"\f518"
}

.fa-book-reader:before{
  content:"\f5da"
}

.fa-bookmark:before{
  content:"\f02e"
}

.fa-bootstrap:before{
  content:"\f836"
}

.fa-border-all:before{
  content:"\f84c"
}

.fa-border-none:before{
  content:"\f850"
}

.fa-border-style:before{
  content:"\f853"
}

.fa-bowling-ball:before{
  content:"\f436"
}

.fa-box:before{
  content:"\f466"
}

.fa-box-open:before{
  content:"\f49e"
}

.fa-box-tissue:before{
  content:"\e05b"
}

.fa-boxes:before{
  content:"\f468"
}

.fa-braille:before{
  content:"\f2a1"
}

.fa-brain:before{
  content:"\f5dc"
}

.fa-bread-slice:before{
  content:"\f7ec"
}

.fa-briefcase:before{
  content:"\f0b1"
}

.fa-briefcase-medical:before{
  content:"\f469"
}

.fa-broadcast-tower:before{
  content:"\f519"
}

.fa-broom:before{
  content:"\f51a"
}

.fa-brush:before{
  content:"\f55d"
}

.fa-btc:before{
  content:"\f15a"
}

.fa-buffer:before{
  content:"\f837"
}

.fa-bug:before{
  content:"\f188"
}

.fa-building:before{
  content:"\f1ad"
}

.fa-bullhorn:before{
  content:"\f0a1"
}

.fa-bullseye:before{
  content:"\f140"
}

.fa-burn:before{
  content:"\f46a"
}

.fa-buromobelexperte:before{
  content:"\f37f"
}

.fa-bus:before{
  content:"\f207"
}

.fa-bus-alt:before{
  content:"\f55e"
}

.fa-business-time:before{
  content:"\f64a"
}

.fa-buy-n-large:before{
  content:"\f8a6"
}

.fa-buysellads:before{
  content:"\f20d"
}

.fa-calculator:before{
  content:"\f1ec"
}

.fa-calendar:before{
  content:"\f133"
}

.fa-calendar-alt:before{
  content:"\f073"
}

.fa-calendar-check:before{
  content:"\f274"
}

.fa-calendar-day:before{
  content:"\f783"
}

.fa-calendar-minus:before{
  content:"\f272"
}

.fa-calendar-plus:before{
  content:"\f271"
}

.fa-calendar-times:before{
  content:"\f273"
}

.fa-calendar-week:before{
  content:"\f784"
}

.fa-camera:before{
  content:"\f030"
}

.fa-camera-retro:before{
  content:"\f083"
}

.fa-campground:before{
  content:"\f6bb"
}

.fa-canadian-maple-leaf:before{
  content:"\f785"
}

.fa-candy-cane:before{
  content:"\f786"
}

.fa-cannabis:before{
  content:"\f55f"
}

.fa-capsules:before{
  content:"\f46b"
}

.fa-car:before{
  content:"\f1b9"
}

.fa-car-alt:before{
  content:"\f5de"
}

.fa-car-battery:before{
  content:"\f5df"
}

.fa-car-crash:before{
  content:"\f5e1"
}

.fa-car-side:before{
  content:"\f5e4"
}

.fa-caravan:before{
  content:"\f8ff"
}

.fa-caret-down:before{
  content:"\f0d7"
}

.fa-caret-left:before{
  content:"\f0d9"
}

.fa-caret-right:before{
  content:"\f0da"
}

.fa-caret-square-down:before{
  content:"\f150"
}

.fa-caret-square-left:before{
  content:"\f191"
}

.fa-caret-square-right:before{
  content:"\f152"
}

.fa-caret-square-up:before{
  content:"\f151"
}

.fa-caret-up:before{
  content:"\f0d8"
}

.fa-carrot:before{
  content:"\f787"
}

.fa-cart-arrow-down:before{
  content:"\f218"
}

.fa-cart-plus:before{
  content:"\f217"
}

.fa-cash-register:before{
  content:"\f788"
}

.fa-cat:before{
  content:"\f6be"
}

.fa-cc-amazon-pay:before{
  content:"\f42d"
}

.fa-cc-amex:before{
  content:"\f1f3"
}

.fa-cc-apple-pay:before{
  content:"\f416"
}

.fa-cc-diners-club:before{
  content:"\f24c"
}

.fa-cc-discover:before{
  content:"\f1f2"
}

.fa-cc-jcb:before{
  content:"\f24b"
}

.fa-cc-mastercard:before{
  content:"\f1f1"
}

.fa-cc-paypal:before{
  content:"\f1f4"
}

.fa-cc-stripe:before{
  content:"\f1f5"
}

.fa-cc-visa:before{
  content:"\f1f0"
}

.fa-centercode:before{
  content:"\f380"
}

.fa-centos:before{
  content:"\f789"
}

.fa-certificate:before{
  content:"\f0a3"
}

.fa-chair:before{
  content:"\f6c0"
}

.fa-chalkboard:before{
  content:"\f51b"
}

.fa-chalkboard-teacher:before{
  content:"\f51c"
}

.fa-charging-station:before{
  content:"\f5e7"
}

.fa-chart-area:before{
  content:"\f1fe"
}

.fa-chart-bar:before{
  content:"\f080"
}

.fa-chart-line:before{
  content:"\f201"
}

.fa-chart-pie:before{
  content:"\f200"
}

.fa-check:before{
  content:"\f00c"
}

.fa-check-circle:before{
  content:"\f058"
}

.fa-check-double:before{
  content:"\f560"
}

.fa-check-square:before{
  content:"\f14a"
}

.fa-cheese:before{
  content:"\f7ef"
}

.fa-chess:before{
  content:"\f439"
}

.fa-chess-bishop:before{
  content:"\f43a"
}

.fa-chess-board:before{
  content:"\f43c"
}

.fa-chess-king:before{
  content:"\f43f"
}

.fa-chess-knight:before{
  content:"\f441"
}

.fa-chess-pawn:before{
  content:"\f443"
}

.fa-chess-queen:before{
  content:"\f445"
}

.fa-chess-rook:before{
  content:"\f447"
}

.fa-chevron-circle-down:before{
  content:"\f13a"
}

.fa-chevron-circle-left:before{
  content:"\f137"
}

.fa-chevron-circle-right:before{
  content:"\f138"
}

.fa-chevron-circle-up:before{
  content:"\f139"
}

.fa-chevron-down:before{
  content:"\f078"
}

.fa-chevron-left:before{
  content:"\f053"
}

.fa-chevron-right:before{
  content:"\f054"
}

.fa-chevron-up:before{
  content:"\f077"
}

.fa-child:before{
  content:"\f1ae"
}

.fa-chrome:before{
  content:"\f268"
}

.fa-chromecast:before{
  content:"\f838"
}

.fa-church:before{
  content:"\f51d"
}

.fa-circle:before{
  content:"\f111"
}

.fa-circle-notch:before{
  content:"\f1ce"
}

.fa-city:before{
  content:"\f64f"
}

.fa-clinic-medical:before{
  content:"\f7f2"
}

.fa-clipboard:before{
  content:"\f328"
}

.fa-clipboard-check:before{
  content:"\f46c"
}

.fa-clipboard-list:before{
  content:"\f46d"
}

.fa-clock:before{
  content:"\f017"
}

.fa-clone:before{
  content:"\f24d"
}

.fa-closed-captioning:before{
  content:"\f20a"
}

.fa-cloud:before{
  content:"\f0c2"
}

.fa-cloud-download-alt:before{
  content:"\f381"
}

.fa-cloud-meatball:before{
  content:"\f73b"
}

.fa-cloud-moon:before{
  content:"\f6c3"
}

.fa-cloud-moon-rain:before{
  content:"\f73c"
}

.fa-cloud-rain:before{
  content:"\f73d"
}

.fa-cloud-showers-heavy:before{
  content:"\f740"
}

.fa-cloud-sun:before{
  content:"\f6c4"
}

.fa-cloud-sun-rain:before{
  content:"\f743"
}

.fa-cloud-upload-alt:before{
  content:"\f382"
}

.fa-cloudflare:before{
  content:"\e07d"
}

.fa-cloudscale:before{
  content:"\f383"
}

.fa-cloudsmith:before{
  content:"\f384"
}

.fa-cloudversify:before{
  content:"\f385"
}

.fa-cocktail:before{
  content:"\f561"
}

.fa-code:before{
  content:"\f121"
}

.fa-code-branch:before{
  content:"\f126"
}

.fa-codepen:before{
  content:"\f1cb"
}

.fa-codiepie:before{
  content:"\f284"
}

.fa-coffee:before{
  content:"\f0f4"
}

.fa-cog:before{
  content:"\f013"
}

.fa-cogs:before{
  content:"\f085"
}

.fa-coins:before{
  content:"\f51e"
}

.fa-columns:before{
  content:"\f0db"
}

.fa-comment:before{
  content:"\f075"
}

.fa-comment-alt:before{
  content:"\f27a"
}

.fa-comment-dollar:before{
  content:"\f651"
}

.fa-comment-dots:before{
  content:"\f4ad"
}

.fa-comment-medical:before{
  content:"\f7f5"
}

.fa-comment-slash:before{
  content:"\f4b3"
}

.fa-comments:before{
  content:"\f086"
}

.fa-comments-dollar:before{
  content:"\f653"
}

.fa-compact-disc:before{
  content:"\f51f"
}

.fa-compass:before{
  content:"\f14e"
}

.fa-compress:before{
  content:"\f066"
}

.fa-compress-alt:before{
  content:"\f422"
}

.fa-compress-arrows-alt:before{
  content:"\f78c"
}

.fa-concierge-bell:before{
  content:"\f562"
}

.fa-confluence:before{
  content:"\f78d"
}

.fa-connectdevelop:before{
  content:"\f20e"
}

.fa-contao:before{
  content:"\f26d"
}

.fa-cookie:before{
  content:"\f563"
}

.fa-cookie-bite:before{
  content:"\f564"
}

.fa-copy:before{
  content:"\f0c5"
}

.fa-copyright:before{
  content:"\f1f9"
}

.fa-cotton-bureau:before{
  content:"\f89e"
}

.fa-couch:before{
  content:"\f4b8"
}

.fa-cpanel:before{
  content:"\f388"
}

.fa-creative-commons:before{
  content:"\f25e"
}

.fa-creative-commons-by:before{
  content:"\f4e7"
}

.fa-creative-commons-nc:before{
  content:"\f4e8"
}

.fa-creative-commons-nc-eu:before{
  content:"\f4e9"
}

.fa-creative-commons-nc-jp:before{
  content:"\f4ea"
}

.fa-creative-commons-nd:before{
  content:"\f4eb"
}

.fa-creative-commons-pd:before{
  content:"\f4ec"
}

.fa-creative-commons-pd-alt:before{
  content:"\f4ed"
}

.fa-creative-commons-remix:before{
  content:"\f4ee"
}

.fa-creative-commons-sa:before{
  content:"\f4ef"
}

.fa-creative-commons-sampling:before{
  content:"\f4f0"
}

.fa-creative-commons-sampling-plus:before{
  content:"\f4f1"
}

.fa-creative-commons-share:before{
  content:"\f4f2"
}

.fa-creative-commons-zero:before{
  content:"\f4f3"
}

.fa-credit-card:before{
  content:"\f09d"
}

.fa-critical-role:before{
  content:"\f6c9"
}

.fa-crop:before{
  content:"\f125"
}

.fa-crop-alt:before{
  content:"\f565"
}

.fa-cross:before{
  content:"\f654"
}

.fa-crosshairs:before{
  content:"\f05b"
}

.fa-crow:before{
  content:"\f520"
}

.fa-crown:before{
  content:"\f521"
}

.fa-crutch:before{
  content:"\f7f7"
}

.fa-css3:before{
  content:"\f13c"
}

.fa-css3-alt:before{
  content:"\f38b"
}

.fa-cube:before{
  content:"\f1b2"
}

.fa-cubes:before{
  content:"\f1b3"
}

.fa-cut:before{
  content:"\f0c4"
}

.fa-cuttlefish:before{
  content:"\f38c"
}

.fa-d-and-d:before{
  content:"\f38d"
}

.fa-d-and-d-beyond:before{
  content:"\f6ca"
}

.fa-dailymotion:before{
  content:"\e052"
}

.fa-dashcube:before{
  content:"\f210"
}

.fa-database:before{
  content:"\f1c0"
}

.fa-deaf:before{
  content:"\f2a4"
}

.fa-deezer:before{
  content:"\e077"
}

.fa-delicious:before{
  content:"\f1a5"
}

.fa-democrat:before{
  content:"\f747"
}

.fa-deploydog:before{
  content:"\f38e"
}

.fa-deskpro:before{
  content:"\f38f"
}

.fa-desktop:before{
  content:"\f108"
}

.fa-dev:before{
  content:"\f6cc"
}

.fa-deviantart:before{
  content:"\f1bd"
}

.fa-dharmachakra:before{
  content:"\f655"
}

.fa-dhl:before{
  content:"\f790"
}

.fa-diagnoses:before{
  content:"\f470"
}

.fa-diaspora:before{
  content:"\f791"
}

.fa-dice:before{
  content:"\f522"
}

.fa-dice-d20:before{
  content:"\f6cf"
}

.fa-dice-d6:before{
  content:"\f6d1"
}

.fa-dice-five:before{
  content:"\f523"
}

.fa-dice-four:before{
  content:"\f524"
}

.fa-dice-one:before{
  content:"\f525"
}

.fa-dice-six:before{
  content:"\f526"
}

.fa-dice-three:before{
  content:"\f527"
}

.fa-dice-two:before{
  content:"\f528"
}

.fa-digg:before{
  content:"\f1a6"
}

.fa-digital-ocean:before{
  content:"\f391"
}

.fa-digital-tachograph:before{
  content:"\f566"
}

.fa-directions:before{
  content:"\f5eb"
}

.fa-discord:before{
  content:"\f392"
}

.fa-discourse:before{
  content:"\f393"
}

.fa-disease:before{
  content:"\f7fa"
}

.fa-divide:before{
  content:"\f529"
}

.fa-dizzy:before{
  content:"\f567"
}

.fa-dna:before{
  content:"\f471"
}

.fa-dochub:before{
  content:"\f394"
}

.fa-docker:before{
  content:"\f395"
}

.fa-dog:before{
  content:"\f6d3"
}

.fa-dollar-sign:before{
  content:"\f155"
}

.fa-dolly:before{
  content:"\f472"
}

.fa-dolly-flatbed:before{
  content:"\f474"
}

.fa-donate:before{
  content:"\f4b9"
}

.fa-door-closed:before{
  content:"\f52a"
}

.fa-door-open:before{
  content:"\f52b"
}

.fa-dot-circle:before{
  content:"\f192"
}

.fa-dove:before{
  content:"\f4ba"
}

.fa-download:before{
  content:"\f019"
}

.fa-draft2digital:before{
  content:"\f396"
}

.fa-drafting-compass:before{
  content:"\f568"
}

.fa-dragon:before{
  content:"\f6d5"
}

.fa-draw-polygon:before{
  content:"\f5ee"
}

.fa-dribbble:before{
  content:"\f17d"
}

.fa-dribbble-square:before{
  content:"\f397"
}

.fa-dropbox:before{
  content:"\f16b"
}

.fa-drum:before{
  content:"\f569"
}

.fa-drum-steelpan:before{
  content:"\f56a"
}

.fa-drumstick-bite:before{
  content:"\f6d7"
}

.fa-drupal:before{
  content:"\f1a9"
}

.fa-dumbbell:before{
  content:"\f44b"
}

.fa-dumpster:before{
  content:"\f793"
}

.fa-dumpster-fire:before{
  content:"\f794"
}

.fa-dungeon:before{
  content:"\f6d9"
}

.fa-dyalog:before{
  content:"\f399"
}

.fa-earlybirds:before{
  content:"\f39a"
}

.fa-ebay:before{
  content:"\f4f4"
}

.fa-edge:before{
  content:"\f282"
}

.fa-edge-legacy:before{
  content:"\e078"
}

.fa-edit:before{
  content:"\f044"
}

.fa-egg:before{
  content:"\f7fb"
}

.fa-eject:before{
  content:"\f052"
}

.fa-elementor:before{
  content:"\f430"
}

.fa-ellipsis-h:before{
  content:"\f141"
}

.fa-ellipsis-v:before{
  content:"\f142"
}

.fa-ello:before{
  content:"\f5f1"
}

.fa-ember:before{
  content:"\f423"
}

.fa-empire:before{
  content:"\f1d1"
}

.fa-envelope:before{
  content:"\f0e0"
}

.fa-envelope-open:before{
  content:"\f2b6"
}

.fa-envelope-open-text:before{
  content:"\f658"
}

.fa-envelope-square:before{
  content:"\f199"
}

.fa-envira:before{
  content:"\f299"
}

.fa-equals:before{
  content:"\f52c"
}

.fa-eraser:before{
  content:"\f12d"
}

.fa-erlang:before{
  content:"\f39d"
}

.fa-ethereum:before{
  content:"\f42e"
}

.fa-ethernet:before{
  content:"\f796"
}

.fa-etsy:before{
  content:"\f2d7"
}

.fa-euro-sign:before{
  content:"\f153"
}

.fa-evernote:before{
  content:"\f839"
}

.fa-exchange-alt:before{
  content:"\f362"
}

.fa-exclamation:before{
  content:"\f12a"
}

.fa-exclamation-circle:before{
  content:"\f06a"
}

.fa-exclamation-triangle:before{
  content:"\f071"
}

.fa-expand:before{
  content:"\f065"
}

.fa-expand-alt:before{
  content:"\f424"
}

.fa-expand-arrows-alt:before{
  content:"\f31e"
}

.fa-expeditedssl:before{
  content:"\f23e"
}

.fa-external-link-alt:before{
  content:"\f35d"
}

.fa-external-link-square-alt:before{
  content:"\f360"
}

.fa-eye:before{
  content:"\f06e"
}

.fa-eye-dropper:before{
  content:"\f1fb"
}

.fa-eye-slash:before{
  content:"\f070"
}

.fa-facebook:before{
  content:"\f09a"
}

.fa-facebook-f:before{
  content:"\f39e"
}

.fa-facebook-messenger:before{
  content:"\f39f"
}

.fa-facebook-square:before{
  content:"\f082"
}

.fa-fan:before{
  content:"\f863"
}

.fa-fantasy-flight-games:before{
  content:"\f6dc"
}

.fa-fast-backward:before{
  content:"\f049"
}

.fa-fast-forward:before{
  content:"\f050"
}

.fa-faucet:before{
  content:"\e005"
}

.fa-fax:before{
  content:"\f1ac"
}

.fa-feather:before{
  content:"\f52d"
}

.fa-feather-alt:before{
  content:"\f56b"
}

.fa-fedex:before{
  content:"\f797"
}

.fa-fedora:before{
  content:"\f798"
}

.fa-female:before{
  content:"\f182"
}

.fa-fighter-jet:before{
  content:"\f0fb"
}

.fa-figma:before{
  content:"\f799"
}

.fa-file:before{
  content:"\f15b"
}

.fa-file-alt:before{
  content:"\f15c"
}

.fa-file-archive:before{
  content:"\f1c6"
}

.fa-file-audio:before{
  content:"\f1c7"
}

.fa-file-code:before{
  content:"\f1c9"
}

.fa-file-contract:before{
  content:"\f56c"
}

.fa-file-csv:before{
  content:"\f6dd"
}

.fa-file-download:before{
  content:"\f56d"
}

.fa-file-excel:before{
  content:"\f1c3"
}

.fa-file-export:before{
  content:"\f56e"
}

.fa-file-image:before{
  content:"\f1c5"
}

.fa-file-import:before{
  content:"\f56f"
}

.fa-file-invoice:before{
  content:"\f570"
}

.fa-file-invoice-dollar:before{
  content:"\f571"
}

.fa-file-medical:before{
  content:"\f477"
}

.fa-file-medical-alt:before{
  content:"\f478"
}

.fa-file-pdf:before{
  content:"\f1c1"
}

.fa-file-powerpoint:before{
  content:"\f1c4"
}

.fa-file-prescription:before{
  content:"\f572"
}

.fa-file-signature:before{
  content:"\f573"
}

.fa-file-upload:before{
  content:"\f574"
}

.fa-file-video:before{
  content:"\f1c8"
}

.fa-file-word:before{
  content:"\f1c2"
}

.fa-fill:before{
  content:"\f575"
}

.fa-fill-drip:before{
  content:"\f576"
}

.fa-film:before{
  content:"\f008"
}

.fa-filter:before{
  content:"\f0b0"
}

.fa-fingerprint:before{
  content:"\f577"
}

.fa-fire:before{
  content:"\f06d"
}

.fa-fire-alt:before{
  content:"\f7e4"
}

.fa-fire-extinguisher:before{
  content:"\f134"
}

.fa-firefox:before{
  content:"\f269"
}

.fa-firefox-browser:before{
  content:"\e007"
}

.fa-first-aid:before{
  content:"\f479"
}

.fa-first-order:before{
  content:"\f2b0"
}

.fa-first-order-alt:before{
  content:"\f50a"
}

.fa-firstdraft:before{
  content:"\f3a1"
}

.fa-fish:before{
  content:"\f578"
}

.fa-fist-raised:before{
  content:"\f6de"
}

.fa-flag:before{
  content:"\f024"
}

.fa-flag-checkered:before{
  content:"\f11e"
}

.fa-flag-usa:before{
  content:"\f74d"
}

.fa-flask:before{
  content:"\f0c3"
}

.fa-flickr:before{
  content:"\f16e"
}

.fa-flipboard:before{
  content:"\f44d"
}

.fa-flushed:before{
  content:"\f579"
}

.fa-fly:before{
  content:"\f417"
}

.fa-folder:before{
  content:"\f07b"
}

.fa-folder-minus:before{
  content:"\f65d"
}

.fa-folder-open:before{
  content:"\f07c"
}

.fa-folder-plus:before{
  content:"\f65e"
}

.fa-font:before{
  content:"\f031"
}

.fa-font-awesome:before{
  content:"\f2b4"
}

.fa-font-awesome-alt:before{
  content:"\f35c"
}

.fa-font-awesome-flag:before{
  content:"\f425"
}

.fa-font-awesome-logo-full:before{
  content:"\f4e6"
}

.fa-fonticons:before{
  content:"\f280"
}

.fa-fonticons-fi:before{
  content:"\f3a2"
}

.fa-football-ball:before{
  content:"\f44e"
}

.fa-fort-awesome:before{
  content:"\f286"
}

.fa-fort-awesome-alt:before{
  content:"\f3a3"
}

.fa-forumbee:before{
  content:"\f211"
}

.fa-forward:before{
  content:"\f04e"
}

.fa-foursquare:before{
  content:"\f180"
}

.fa-free-code-camp:before{
  content:"\f2c5"
}

.fa-freebsd:before{
  content:"\f3a4"
}

.fa-frog:before{
  content:"\f52e"
}

.fa-frown:before{
  content:"\f119"
}

.fa-frown-open:before{
  content:"\f57a"
}

.fa-fulcrum:before{
  content:"\f50b"
}

.fa-funnel-dollar:before{
  content:"\f662"
}

.fa-futbol:before{
  content:"\f1e3"
}

.fa-galactic-republic:before{
  content:"\f50c"
}

.fa-galactic-senate:before{
  content:"\f50d"
}

.fa-gamepad:before{
  content:"\f11b"
}

.fa-gas-pump:before{
  content:"\f52f"
}

.fa-gavel:before{
  content:"\f0e3"
}

.fa-gem:before{
  content:"\f3a5"
}

.fa-genderless:before{
  content:"\f22d"
}

.fa-get-pocket:before{
  content:"\f265"
}

.fa-gg:before{
  content:"\f260"
}

.fa-gg-circle:before{
  content:"\f261"
}

.fa-ghost:before{
  content:"\f6e2"
}

.fa-gift:before{
  content:"\f06b"
}

.fa-gifts:before{
  content:"\f79c"
}

.fa-git:before{
  content:"\f1d3"
}

.fa-git-alt:before{
  content:"\f841"
}

.fa-git-square:before{
  content:"\f1d2"
}

.fa-github:before{
  content:"\f09b"
}

.fa-github-alt:before{
  content:"\f113"
}

.fa-github-square:before{
  content:"\f092"
}

.fa-gitkraken:before{
  content:"\f3a6"
}

.fa-gitlab:before{
  content:"\f296"
}

.fa-gitter:before{
  content:"\f426"
}

.fa-glass-cheers:before{
  content:"\f79f"
}

.fa-glass-martini:before{
  content:"\f000"
}

.fa-glass-martini-alt:before{
  content:"\f57b"
}

.fa-glass-whiskey:before{
  content:"\f7a0"
}

.fa-glasses:before{
  content:"\f530"
}

.fa-glide:before{
  content:"\f2a5"
}

.fa-glide-g:before{
  content:"\f2a6"
}

.fa-globe:before{
  content:"\f0ac"
}

.fa-globe-africa:before{
  content:"\f57c"
}

.fa-globe-americas:before{
  content:"\f57d"
}

.fa-globe-asia:before{
  content:"\f57e"
}

.fa-globe-europe:before{
  content:"\f7a2"
}

.fa-gofore:before{
  content:"\f3a7"
}

.fa-golf-ball:before{
  content:"\f450"
}

.fa-goodreads:before{
  content:"\f3a8"
}

.fa-goodreads-g:before{
  content:"\f3a9"
}

.fa-google:before{
  content:"\f1a0"
}

.fa-google-drive:before{
  content:"\f3aa"
}

.fa-google-pay:before{
  content:"\e079"
}

.fa-google-play:before{
  content:"\f3ab"
}

.fa-google-plus:before{
  content:"\f2b3"
}

.fa-google-plus-g:before{
  content:"\f0d5"
}

.fa-google-plus-square:before{
  content:"\f0d4"
}

.fa-google-wallet:before{
  content:"\f1ee"
}

.fa-gopuram:before{
  content:"\f664"
}

.fa-graduation-cap:before{
  content:"\f19d"
}

.fa-gratipay:before{
  content:"\f184"
}

.fa-grav:before{
  content:"\f2d6"
}

.fa-greater-than:before{
  content:"\f531"
}

.fa-greater-than-equal:before{
  content:"\f532"
}

.fa-grimace:before{
  content:"\f57f"
}

.fa-grin:before{
  content:"\f580"
}

.fa-grin-alt:before{
  content:"\f581"
}

.fa-grin-beam:before{
  content:"\f582"
}

.fa-grin-beam-sweat:before{
  content:"\f583"
}

.fa-grin-hearts:before{
  content:"\f584"
}

.fa-grin-squint:before{
  content:"\f585"
}

.fa-grin-squint-tears:before{
  content:"\f586"
}

.fa-grin-stars:before{
  content:"\f587"
}

.fa-grin-tears:before{
  content:"\f588"
}

.fa-grin-tongue:before{
  content:"\f589"
}

.fa-grin-tongue-squint:before{
  content:"\f58a"
}

.fa-grin-tongue-wink:before{
  content:"\f58b"
}

.fa-grin-wink:before{
  content:"\f58c"
}

.fa-grip-horizontal:before{
  content:"\f58d"
}

.fa-grip-lines:before{
  content:"\f7a4"
}

.fa-grip-lines-vertical:before{
  content:"\f7a5"
}

.fa-grip-vertical:before{
  content:"\f58e"
}

.fa-gripfire:before{
  content:"\f3ac"
}

.fa-grunt:before{
  content:"\f3ad"
}

.fa-guilded:before{
  content:"\e07e"
}

.fa-guitar:before{
  content:"\f7a6"
}

.fa-gulp:before{
  content:"\f3ae"
}

.fa-h-square:before{
  content:"\f0fd"
}

.fa-hacker-news:before{
  content:"\f1d4"
}

.fa-hacker-news-square:before{
  content:"\f3af"
}

.fa-hackerrank:before{
  content:"\f5f7"
}

.fa-hamburger:before{
  content:"\f805"
}

.fa-hammer:before{
  content:"\f6e3"
}

.fa-hamsa:before{
  content:"\f665"
}

.fa-hand-holding:before{
  content:"\f4bd"
}

.fa-hand-holding-heart:before{
  content:"\f4be"
}

.fa-hand-holding-medical:before{
  content:"\e05c"
}

.fa-hand-holding-usd:before{
  content:"\f4c0"
}

.fa-hand-holding-water:before{
  content:"\f4c1"
}

.fa-hand-lizard:before{
  content:"\f258"
}

.fa-hand-middle-finger:before{
  content:"\f806"
}

.fa-hand-paper:before{
  content:"\f256"
}

.fa-hand-peace:before{
  content:"\f25b"
}

.fa-hand-point-down:before{
  content:"\f0a7"
}

.fa-hand-point-left:before{
  content:"\f0a5"
}

.fa-hand-point-right:before{
  content:"\f0a4"
}

.fa-hand-point-up:before{
  content:"\f0a6"
}

.fa-hand-pointer:before{
  content:"\f25a"
}

.fa-hand-rock:before{
  content:"\f255"
}

.fa-hand-scissors:before{
  content:"\f257"
}

.fa-hand-sparkles:before{
  content:"\e05d"
}

.fa-hand-spock:before{
  content:"\f259"
}

.fa-hands:before{
  content:"\f4c2"
}

.fa-hands-helping:before{
  content:"\f4c4"
}

.fa-hands-wash:before{
  content:"\e05e"
}

.fa-handshake:before{
  content:"\f2b5"
}

.fa-handshake-alt-slash:before{
  content:"\e05f"
}

.fa-handshake-slash:before{
  content:"\e060"
}

.fa-hanukiah:before{
  content:"\f6e6"
}

.fa-hard-hat:before{
  content:"\f807"
}

.fa-hashtag:before{
  content:"\f292"
}

.fa-hat-cowboy:before{
  content:"\f8c0"
}

.fa-hat-cowboy-side:before{
  content:"\f8c1"
}

.fa-hat-wizard:before{
  content:"\f6e8"
}

.fa-hdd:before{
  content:"\f0a0"
}

.fa-head-side-cough:before{
  content:"\e061"
}

.fa-head-side-cough-slash:before{
  content:"\e062"
}

.fa-head-side-mask:before{
  content:"\e063"
}

.fa-head-side-virus:before{
  content:"\e064"
}

.fa-heading:before{
  content:"\f1dc"
}

.fa-headphones:before{
  content:"\f025"
}

.fa-headphones-alt:before{
  content:"\f58f"
}

.fa-headset:before{
  content:"\f590"
}

.fa-heart:before{
  content:"\f004"
}

.fa-heart-broken:before{
  content:"\f7a9"
}

.fa-heartbeat:before{
  content:"\f21e"
}

.fa-helicopter:before{
  content:"\f533"
}

.fa-highlighter:before{
  content:"\f591"
}

.fa-hiking:before{
  content:"\f6ec"
}

.fa-hippo:before{
  content:"\f6ed"
}

.fa-hips:before{
  content:"\f452"
}

.fa-hire-a-helper:before{
  content:"\f3b0"
}

.fa-history:before{
  content:"\f1da"
}

.fa-hive:before{
  content:"\e07f"
}

.fa-hockey-puck:before{
  content:"\f453"
}

.fa-holly-berry:before{
  content:"\f7aa"
}

.fa-home:before{
  content:"\f015"
}

.fa-hooli:before{
  content:"\f427"
}

.fa-hornbill:before{
  content:"\f592"
}

.fa-horse:before{
  content:"\f6f0"
}

.fa-horse-head:before{
  content:"\f7ab"
}

.fa-hospital:before{
  content:"\f0f8"
}

.fa-hospital-alt:before{
  content:"\f47d"
}

.fa-hospital-symbol:before{
  content:"\f47e"
}

.fa-hospital-user:before{
  content:"\f80d"
}

.fa-hot-tub:before{
  content:"\f593"
}

.fa-hotdog:before{
  content:"\f80f"
}

.fa-hotel:before{
  content:"\f594"
}

.fa-hotjar:before{
  content:"\f3b1"
}

.fa-hourglass:before{
  content:"\f254"
}

.fa-hourglass-end:before{
  content:"\f253"
}

.fa-hourglass-half:before{
  content:"\f252"
}

.fa-hourglass-start:before{
  content:"\f251"
}

.fa-house-damage:before{
  content:"\f6f1"
}

.fa-house-user:before{
  content:"\e065"
}

.fa-houzz:before{
  content:"\f27c"
}

.fa-hryvnia:before{
  content:"\f6f2"
}

.fa-html5:before{
  content:"\f13b"
}

.fa-hubspot:before{
  content:"\f3b2"
}

.fa-i-cursor:before{
  content:"\f246"
}

.fa-ice-cream:before{
  content:"\f810"
}

.fa-icicles:before{
  content:"\f7ad"
}

.fa-icons:before{
  content:"\f86d"
}

.fa-id-badge:before{
  content:"\f2c1"
}

.fa-id-card:before{
  content:"\f2c2"
}

.fa-id-card-alt:before{
  content:"\f47f"
}

.fa-ideal:before{
  content:"\e013"
}

.fa-igloo:before{
  content:"\f7ae"
}

.fa-image:before{
  content:"\f03e"
}

.fa-images:before{
  content:"\f302"
}

.fa-imdb:before{
  content:"\f2d8"
}

.fa-inbox:before{
  content:"\f01c"
}

.fa-indent:before{
  content:"\f03c"
}

.fa-industry:before{
  content:"\f275"
}

.fa-infinity:before{
  content:"\f534"
}

.fa-info:before{
  content:"\f129"
}

.fa-info-circle:before{
  content:"\f05a"
}

.fa-innosoft:before{
  content:"\e080"
}

.fa-instagram:before{
  content:"\f16d"
}

.fa-instagram-square:before{
  content:"\e055"
}

.fa-instalod:before{
  content:"\e081"
}

.fa-intercom:before{
  content:"\f7af"
}

.fa-internet-explorer:before{
  content:"\f26b"
}

.fa-invision:before{
  content:"\f7b0"
}

.fa-ioxhost:before{
  content:"\f208"
}

.fa-italic:before{
  content:"\f033"
}

.fa-itch-io:before{
  content:"\f83a"
}

.fa-itunes:before{
  content:"\f3b4"
}

.fa-itunes-note:before{
  content:"\f3b5"
}

.fa-java:before{
  content:"\f4e4"
}

.fa-jedi:before{
  content:"\f669"
}

.fa-jedi-order:before{
  content:"\f50e"
}

.fa-jenkins:before{
  content:"\f3b6"
}

.fa-jira:before{
  content:"\f7b1"
}

.fa-joget:before{
  content:"\f3b7"
}

.fa-joint:before{
  content:"\f595"
}

.fa-joomla:before{
  content:"\f1aa"
}

.fa-journal-whills:before{
  content:"\f66a"
}

.fa-js:before{
  content:"\f3b8"
}

.fa-js-square:before{
  content:"\f3b9"
}

.fa-jsfiddle:before{
  content:"\f1cc"
}

.fa-kaaba:before{
  content:"\f66b"
}

.fa-kaggle:before{
  content:"\f5fa"
}

.fa-key:before{
  content:"\f084"
}

.fa-keybase:before{
  content:"\f4f5"
}

.fa-keyboard:before{
  content:"\f11c"
}

.fa-keycdn:before{
  content:"\f3ba"
}

.fa-khanda:before{
  content:"\f66d"
}

.fa-kickstarter:before{
  content:"\f3bb"
}

.fa-kickstarter-k:before{
  content:"\f3bc"
}

.fa-kiss:before{
  content:"\f596"
}

.fa-kiss-beam:before{
  content:"\f597"
}

.fa-kiss-wink-heart:before{
  content:"\f598"
}

.fa-kiwi-bird:before{
  content:"\f535"
}

.fa-korvue:before{
  content:"\f42f"
}

.fa-landmark:before{
  content:"\f66f"
}

.fa-language:before{
  content:"\f1ab"
}

.fa-laptop:before{
  content:"\f109"
}

.fa-laptop-code:before{
  content:"\f5fc"
}

.fa-laptop-house:before{
  content:"\e066"
}

.fa-laptop-medical:before{
  content:"\f812"
}

.fa-laravel:before{
  content:"\f3bd"
}

.fa-lastfm:before{
  content:"\f202"
}

.fa-lastfm-square:before{
  content:"\f203"
}

.fa-laugh:before{
  content:"\f599"
}

.fa-laugh-beam:before{
  content:"\f59a"
}

.fa-laugh-squint:before{
  content:"\f59b"
}

.fa-laugh-wink:before{
  content:"\f59c"
}

.fa-layer-group:before{
  content:"\f5fd"
}

.fa-leaf:before{
  content:"\f06c"
}

.fa-leanpub:before{
  content:"\f212"
}

.fa-lemon:before{
  content:"\f094"
}

.fa-less:before{
  content:"\f41d"
}

.fa-less-than:before{
  content:"\f536"
}

.fa-less-than-equal:before{
  content:"\f537"
}

.fa-level-down-alt:before{
  content:"\f3be"
}

.fa-level-up-alt:before{
  content:"\f3bf"
}

.fa-life-ring:before{
  content:"\f1cd"
}

.fa-lightbulb:before{
  content:"\f0eb"
}

.fa-line:before{
  content:"\f3c0"
}

.fa-link:before{
  content:"\f0c1"
}

.fa-linkedin:before{
  content:"\f08c"
}

.fa-linkedin-in:before{
  content:"\f0e1"
}

.fa-linode:before{
  content:"\f2b8"
}

.fa-linux:before{
  content:"\f17c"
}

.fa-lira-sign:before{
  content:"\f195"
}

.fa-list:before{
  content:"\f03a"
}

.fa-list-alt:before{
  content:"\f022"
}

.fa-list-ol:before{
  content:"\f0cb"
}

.fa-list-ul:before{
  content:"\f0ca"
}

.fa-location-arrow:before{
  content:"\f124"
}

.fa-lock:before{
  content:"\f023"
}

.fa-lock-open:before{
  content:"\f3c1"
}

.fa-long-arrow-alt-down:before{
  content:"\f309"
}

.fa-long-arrow-alt-left:before{
  content:"\f30a"
}

.fa-long-arrow-alt-right:before{
  content:"\f30b"
}

.fa-long-arrow-alt-up:before{
  content:"\f30c"
}

.fa-low-vision:before{
  content:"\f2a8"
}

.fa-luggage-cart:before{
  content:"\f59d"
}

.fa-lungs:before{
  content:"\f604"
}

.fa-lungs-virus:before{
  content:"\e067"
}

.fa-lyft:before{
  content:"\f3c3"
}

.fa-magento:before{
  content:"\f3c4"
}

.fa-magic:before{
  content:"\f0d0"
}

.fa-magnet:before{
  content:"\f076"
}

.fa-mail-bulk:before{
  content:"\f674"
}

.fa-mailchimp:before{
  content:"\f59e"
}

.fa-male:before{
  content:"\f183"
}

.fa-mandalorian:before{
  content:"\f50f"
}

.fa-map:before{
  content:"\f279"
}

.fa-map-marked:before{
  content:"\f59f"
}

.fa-map-marked-alt:before{
  content:"\f5a0"
}

.fa-map-marker:before{
  content:"\f041"
}

.fa-map-marker-alt:before{
  content:"\f3c5"
}

.fa-map-pin:before{
  content:"\f276"
}

.fa-map-signs:before{
  content:"\f277"
}

.fa-markdown:before{
  content:"\f60f"
}

.fa-marker:before{
  content:"\f5a1"
}

.fa-mars:before{
  content:"\f222"
}

.fa-mars-double:before{
  content:"\f227"
}

.fa-mars-stroke:before{
  content:"\f229"
}

.fa-mars-stroke-h:before{
  content:"\f22b"
}

.fa-mars-stroke-v:before{
  content:"\f22a"
}

.fa-mask:before{
  content:"\f6fa"
}

.fa-mastodon:before{
  content:"\f4f6"
}

.fa-maxcdn:before{
  content:"\f136"
}

.fa-mdb:before{
  content:"\f8ca"
}

.fa-medal:before{
  content:"\f5a2"
}

.fa-medapps:before{
  content:"\f3c6"
}

.fa-medium:before{
  content:"\f23a"
}

.fa-medium-m:before{
  content:"\f3c7"
}

.fa-medkit:before{
  content:"\f0fa"
}

.fa-medrt:before{
  content:"\f3c8"
}

.fa-meetup:before{
  content:"\f2e0"
}

.fa-megaport:before{
  content:"\f5a3"
}

.fa-meh:before{
  content:"\f11a"
}

.fa-meh-blank:before{
  content:"\f5a4"
}

.fa-meh-rolling-eyes:before{
  content:"\f5a5"
}

.fa-memory:before{
  content:"\f538"
}

.fa-mendeley:before{
  content:"\f7b3"
}

.fa-menorah:before{
  content:"\f676"
}

.fa-mercury:before{
  content:"\f223"
}

.fa-meteor:before{
  content:"\f753"
}

.fa-microblog:before{
  content:"\e01a"
}

.fa-microchip:before{
  content:"\f2db"
}

.fa-microphone:before{
  content:"\f130"
}

.fa-microphone-alt:before{
  content:"\f3c9"
}

.fa-microphone-alt-slash:before{
  content:"\f539"
}

.fa-microphone-slash:before{
  content:"\f131"
}

.fa-microscope:before{
  content:"\f610"
}

.fa-microsoft:before{
  content:"\f3ca"
}

.fa-minus:before{
  content:"\f068"
}

.fa-minus-circle:before{
  content:"\f056"
}

.fa-minus-square:before{
  content:"\f146"
}

.fa-mitten:before{
  content:"\f7b5"
}

.fa-mix:before{
  content:"\f3cb"
}

.fa-mixcloud:before{
  content:"\f289"
}

.fa-mixer:before{
  content:"\e056"
}

.fa-mizuni:before{
  content:"\f3cc"
}

.fa-mobile:before{
  content:"\f10b"
}

.fa-mobile-alt:before{
  content:"\f3cd"
}

.fa-modx:before{
  content:"\f285"
}

.fa-monero:before{
  content:"\f3d0"
}

.fa-money-bill:before{
  content:"\f0d6"
}

.fa-money-bill-alt:before{
  content:"\f3d1"
}

.fa-money-bill-wave:before{
  content:"\f53a"
}

.fa-money-bill-wave-alt:before{
  content:"\f53b"
}

.fa-money-check:before{
  content:"\f53c"
}

.fa-money-check-alt:before{
  content:"\f53d"
}

.fa-monument:before{
  content:"\f5a6"
}

.fa-moon:before{
  content:"\f186"
}

.fa-mortar-pestle:before{
  content:"\f5a7"
}

.fa-mosque:before{
  content:"\f678"
}

.fa-motorcycle:before{
  content:"\f21c"
}

.fa-mountain:before{
  content:"\f6fc"
}

.fa-mouse:before{
  content:"\f8cc"
}

.fa-mouse-pointer:before{
  content:"\f245"
}

.fa-mug-hot:before{
  content:"\f7b6"
}

.fa-music:before{
  content:"\f001"
}

.fa-napster:before{
  content:"\f3d2"
}

.fa-neos:before{
  content:"\f612"
}

.fa-network-wired:before{
  content:"\f6ff"
}

.fa-neuter:before{
  content:"\f22c"
}

.fa-newspaper:before{
  content:"\f1ea"
}

.fa-nimblr:before{
  content:"\f5a8"
}

.fa-node:before{
  content:"\f419"
}

.fa-node-js:before{
  content:"\f3d3"
}

.fa-not-equal:before{
  content:"\f53e"
}

.fa-notes-medical:before{
  content:"\f481"
}

.fa-npm:before{
  content:"\f3d4"
}

.fa-ns8:before{
  content:"\f3d5"
}

.fa-nutritionix:before{
  content:"\f3d6"
}

.fa-object-group:before{
  content:"\f247"
}

.fa-object-ungroup:before{
  content:"\f248"
}

.fa-octopus-deploy:before{
  content:"\e082"
}

.fa-odnoklassniki:before{
  content:"\f263"
}

.fa-odnoklassniki-square:before{
  content:"\f264"
}

.fa-oil-can:before{
  content:"\f613"
}

.fa-old-republic:before{
  content:"\f510"
}

.fa-om:before{
  content:"\f679"
}

.fa-opencart:before{
  content:"\f23d"
}

.fa-openid:before{
  content:"\f19b"
}

.fa-opera:before{
  content:"\f26a"
}

.fa-optin-monster:before{
  content:"\f23c"
}

.fa-orcid:before{
  content:"\f8d2"
}

.fa-osi:before{
  content:"\f41a"
}

.fa-otter:before{
  content:"\f700"
}

.fa-outdent:before{
  content:"\f03b"
}

.fa-page4:before{
  content:"\f3d7"
}

.fa-pagelines:before{
  content:"\f18c"
}

.fa-pager:before{
  content:"\f815"
}

.fa-paint-brush:before{
  content:"\f1fc"
}

.fa-paint-roller:before{
  content:"\f5aa"
}

.fa-palette:before{
  content:"\f53f"
}

.fa-palfed:before{
  content:"\f3d8"
}

.fa-pallet:before{
  content:"\f482"
}

.fa-paper-plane:before{
  content:"\f1d8"
}

.fa-paperclip:before{
  content:"\f0c6"
}

.fa-parachute-box:before{
  content:"\f4cd"
}

.fa-paragraph:before{
  content:"\f1dd"
}

.fa-parking:before{
  content:"\f540"
}

.fa-passport:before{
  content:"\f5ab"
}

.fa-pastafarianism:before{
  content:"\f67b"
}

.fa-paste:before{
  content:"\f0ea"
}

.fa-patreon:before{
  content:"\f3d9"
}

.fa-pause:before{
  content:"\f04c"
}

.fa-pause-circle:before{
  content:"\f28b"
}

.fa-paw:before{
  content:"\f1b0"
}

.fa-paypal:before{
  content:"\f1ed"
}

.fa-peace:before{
  content:"\f67c"
}

.fa-pen:before{
  content:"\f304"
}

.fa-pen-alt:before{
  content:"\f305"
}

.fa-pen-fancy:before{
  content:"\f5ac"
}

.fa-pen-nib:before{
  content:"\f5ad"
}

.fa-pen-square:before{
  content:"\f14b"
}

.fa-pencil-alt:before{
  content:"\f303"
}

.fa-pencil-ruler:before{
  content:"\f5ae"
}

.fa-penny-arcade:before{
  content:"\f704"
}

.fa-people-arrows:before{
  content:"\e068"
}

.fa-people-carry:before{
  content:"\f4ce"
}

.fa-pepper-hot:before{
  content:"\f816"
}

.fa-perbyte:before{
  content:"\e083"
}

.fa-percent:before{
  content:"\f295"
}

.fa-percentage:before{
  content:"\f541"
}

.fa-periscope:before{
  content:"\f3da"
}

.fa-person-booth:before{
  content:"\f756"
}

.fa-phabricator:before{
  content:"\f3db"
}

.fa-phoenix-framework:before{
  content:"\f3dc"
}

.fa-phoenix-squadron:before{
  content:"\f511"
}

.fa-phone:before{
  content:"\f095"
}

.fa-phone-alt:before{
  content:"\f879"
}

.fa-phone-slash:before{
  content:"\f3dd"
}

.fa-phone-square:before{
  content:"\f098"
}

.fa-phone-square-alt:before{
  content:"\f87b"
}

.fa-phone-volume:before{
  content:"\f2a0"
}

.fa-photo-video:before{
  content:"\f87c"
}

.fa-php:before{
  content:"\f457"
}

.fa-pied-piper:before{
  content:"\f2ae"
}

.fa-pied-piper-alt:before{
  content:"\f1a8"
}

.fa-pied-piper-hat:before{
  content:"\f4e5"
}

.fa-pied-piper-pp:before{
  content:"\f1a7"
}

.fa-pied-piper-square:before{
  content:"\e01e"
}

.fa-piggy-bank:before{
  content:"\f4d3"
}

.fa-pills:before{
  content:"\f484"
}

.fa-pinterest:before{
  content:"\f0d2"
}

.fa-pinterest-p:before{
  content:"\f231"
}

.fa-pinterest-square:before{
  content:"\f0d3"
}

.fa-pizza-slice:before{
  content:"\f818"
}

.fa-place-of-worship:before{
  content:"\f67f"
}

.fa-plane:before{
  content:"\f072"
}

.fa-plane-arrival:before{
  content:"\f5af"
}

.fa-plane-departure:before{
  content:"\f5b0"
}

.fa-plane-slash:before{
  content:"\e069"
}

.fa-play:before{
  content:"\f04b"
}

.fa-play-circle:before{
  content:"\f144"
}

.fa-playstation:before{
  content:"\f3df"
}

.fa-plug:before{
  content:"\f1e6"
}

.fa-plus:before{
  content:"\f067"
}

.fa-plus-circle:before{
  content:"\f055"
}

.fa-plus-square:before{
  content:"\f0fe"
}

.fa-podcast:before{
  content:"\f2ce"
}

.fa-poll:before{
  content:"\f681"
}

.fa-poll-h:before{
  content:"\f682"
}

.fa-poo:before{
  content:"\f2fe"
}

.fa-poo-storm:before{
  content:"\f75a"
}

.fa-poop:before{
  content:"\f619"
}

.fa-portrait:before{
  content:"\f3e0"
}

.fa-pound-sign:before{
  content:"\f154"
}

.fa-power-off:before{
  content:"\f011"
}

.fa-pray:before{
  content:"\f683"
}

.fa-praying-hands:before{
  content:"\f684"
}

.fa-prescription:before{
  content:"\f5b1"
}

.fa-prescription-bottle:before{
  content:"\f485"
}

.fa-prescription-bottle-alt:before{
  content:"\f486"
}

.fa-print:before{
  content:"\f02f"
}

.fa-procedures:before{
  content:"\f487"
}

.fa-product-hunt:before{
  content:"\f288"
}

.fa-project-diagram:before{
  content:"\f542"
}

.fa-pump-medical:before{
  content:"\e06a"
}

.fa-pump-soap:before{
  content:"\e06b"
}

.fa-pushed:before{
  content:"\f3e1"
}

.fa-puzzle-piece:before{
  content:"\f12e"
}

.fa-python:before{
  content:"\f3e2"
}

.fa-qq:before{
  content:"\f1d6"
}

.fa-qrcode:before{
  content:"\f029"
}

.fa-question:before{
  content:"\f128"
}

.fa-question-circle:before{
  content:"\f059"
}

.fa-quidditch:before{
  content:"\f458"
}

.fa-quinscape:before{
  content:"\f459"
}

.fa-quora:before{
  content:"\f2c4"
}

.fa-quote-left:before{
  content:"\f10d"
}

.fa-quote-right:before{
  content:"\f10e"
}

.fa-quran:before{
  content:"\f687"
}

.fa-r-project:before{
  content:"\f4f7"
}

.fa-radiation:before{
  content:"\f7b9"
}

.fa-radiation-alt:before{
  content:"\f7ba"
}

.fa-rainbow:before{
  content:"\f75b"
}

.fa-random:before{
  content:"\f074"
}

.fa-raspberry-pi:before{
  content:"\f7bb"
}

.fa-ravelry:before{
  content:"\f2d9"
}

.fa-react:before{
  content:"\f41b"
}

.fa-reacteurope:before{
  content:"\f75d"
}

.fa-readme:before{
  content:"\f4d5"
}

.fa-rebel:before{
  content:"\f1d0"
}

.fa-receipt:before{
  content:"\f543"
}

.fa-record-vinyl:before{
  content:"\f8d9"
}

.fa-recycle:before{
  content:"\f1b8"
}

.fa-red-river:before{
  content:"\f3e3"
}

.fa-reddit:before{
  content:"\f1a1"
}

.fa-reddit-alien:before{
  content:"\f281"
}

.fa-reddit-square:before{
  content:"\f1a2"
}

.fa-redhat:before{
  content:"\f7bc"
}

.fa-redo:before{
  content:"\f01e"
}

.fa-redo-alt:before{
  content:"\f2f9"
}

.fa-registered:before{
  content:"\f25d"
}

.fa-remove-format:before{
  content:"\f87d"
}

.fa-renren:before{
  content:"\f18b"
}

.fa-reply:before{
  content:"\f3e5"
}

.fa-reply-all:before{
  content:"\f122"
}

.fa-replyd:before{
  content:"\f3e6"
}

.fa-republican:before{
  content:"\f75e"
}

.fa-researchgate:before{
  content:"\f4f8"
}

.fa-resolving:before{
  content:"\f3e7"
}

.fa-restroom:before{
  content:"\f7bd"
}

.fa-retweet:before{
  content:"\f079"
}

.fa-rev:before{
  content:"\f5b2"
}

.fa-ribbon:before{
  content:"\f4d6"
}

.fa-ring:before{
  content:"\f70b"
}

.fa-road:before{
  content:"\f018"
}

.fa-robot:before{
  content:"\f544"
}

.fa-rocket:before{
  content:"\f135"
}

.fa-rocketchat:before{
  content:"\f3e8"
}

.fa-rockrms:before{
  content:"\f3e9"
}

.fa-route:before{
  content:"\f4d7"
}

.fa-rss:before{
  content:"\f09e"
}

.fa-rss-square:before{
  content:"\f143"
}

.fa-ruble-sign:before{
  content:"\f158"
}

.fa-ruler:before{
  content:"\f545"
}

.fa-ruler-combined:before{
  content:"\f546"
}

.fa-ruler-horizontal:before{
  content:"\f547"
}

.fa-ruler-vertical:before{
  content:"\f548"
}

.fa-running:before{
  content:"\f70c"
}

.fa-rupee-sign:before{
  content:"\f156"
}

.fa-rust:before{
  content:"\e07a"
}

.fa-sad-cry:before{
  content:"\f5b3"
}

.fa-sad-tear:before{
  content:"\f5b4"
}

.fa-safari:before{
  content:"\f267"
}

.fa-salesforce:before{
  content:"\f83b"
}

.fa-sass:before{
  content:"\f41e"
}

.fa-satellite:before{
  content:"\f7bf"
}

.fa-satellite-dish:before{
  content:"\f7c0"
}

.fa-save:before{
  content:"\f0c7"
}

.fa-schlix:before{
  content:"\f3ea"
}

.fa-school:before{
  content:"\f549"
}

.fa-screwdriver:before{
  content:"\f54a"
}

.fa-scribd:before{
  content:"\f28a"
}

.fa-scroll:before{
  content:"\f70e"
}

.fa-sd-card:before{
  content:"\f7c2"
}

.fa-search:before{
  content:"\f002"
}

.fa-search-dollar:before{
  content:"\f688"
}

.fa-search-location:before{
  content:"\f689"
}

.fa-search-minus:before{
  content:"\f010"
}

.fa-search-plus:before{
  content:"\f00e"
}

.fa-searchengin:before{
  content:"\f3eb"
}

.fa-seedling:before{
  content:"\f4d8"
}

.fa-sellcast:before{
  content:"\f2da"
}

.fa-sellsy:before{
  content:"\f213"
}

.fa-server:before{
  content:"\f233"
}

.fa-servicestack:before{
  content:"\f3ec"
}

.fa-shapes:before{
  content:"\f61f"
}

.fa-share:before{
  content:"\f064"
}

.fa-share-alt:before{
  content:"\f1e0"
}

.fa-share-alt-square:before{
  content:"\f1e1"
}

.fa-share-square:before{
  content:"\f14d"
}

.fa-shekel-sign:before{
  content:"\f20b"
}

.fa-shield-alt:before{
  content:"\f3ed"
}

.fa-shield-virus:before{
  content:"\e06c"
}

.fa-ship:before{
  content:"\f21a"
}

.fa-shipping-fast:before{
  content:"\f48b"
}

.fa-shirtsinbulk:before{
  content:"\f214"
}

.fa-shoe-prints:before{
  content:"\f54b"
}

.fa-shopify:before{
  content:"\e057"
}

.fa-shopping-bag:before{
  content:"\f290"
}

.fa-shopping-basket:before{
  content:"\f291"
}

.fa-shopping-cart:before{
  content:"\f07a"
}

.fa-shopware:before{
  content:"\f5b5"
}

.fa-shower:before{
  content:"\f2cc"
}

.fa-shuttle-van:before{
  content:"\f5b6"
}

.fa-sign:before{
  content:"\f4d9"
}

.fa-sign-in-alt:before{
  content:"\f2f6"
}

.fa-sign-language:before{
  content:"\f2a7"
}

.fa-sign-out-alt:before{
  content:"\f2f5"
}

.fa-signal:before{
  content:"\f012"
}

.fa-signature:before{
  content:"\f5b7"
}

.fa-sim-card:before{
  content:"\f7c4"
}

.fa-simplybuilt:before{
  content:"\f215"
}

.fa-sink:before{
  content:"\e06d"
}

.fa-sistrix:before{
  content:"\f3ee"
}

.fa-sitemap:before{
  content:"\f0e8"
}

.fa-sith:before{
  content:"\f512"
}

.fa-skating:before{
  content:"\f7c5"
}

.fa-sketch:before{
  content:"\f7c6"
}

.fa-skiing:before{
  content:"\f7c9"
}

.fa-skiing-nordic:before{
  content:"\f7ca"
}

.fa-skull:before{
  content:"\f54c"
}

.fa-skull-crossbones:before{
  content:"\f714"
}

.fa-skyatlas:before{
  content:"\f216"
}

.fa-skype:before{
  content:"\f17e"
}

.fa-slack:before{
  content:"\f198"
}

.fa-slack-hash:before{
  content:"\f3ef"
}

.fa-slash:before{
  content:"\f715"
}

.fa-sleigh:before{
  content:"\f7cc"
}

.fa-sliders-h:before{
  content:"\f1de"
}

.fa-slideshare:before{
  content:"\f1e7"
}

.fa-smile:before{
  content:"\f118"
}

.fa-smile-beam:before{
  content:"\f5b8"
}

.fa-smile-wink:before{
  content:"\f4da"
}

.fa-smog:before{
  content:"\f75f"
}

.fa-smoking:before{
  content:"\f48d"
}

.fa-smoking-ban:before{
  content:"\f54d"
}

.fa-sms:before{
  content:"\f7cd"
}

.fa-snapchat:before{
  content:"\f2ab"
}

.fa-snapchat-ghost:before{
  content:"\f2ac"
}

.fa-snapchat-square:before{
  content:"\f2ad"
}

.fa-snowboarding:before{
  content:"\f7ce"
}

.fa-snowflake:before{
  content:"\f2dc"
}

.fa-snowman:before{
  content:"\f7d0"
}

.fa-snowplow:before{
  content:"\f7d2"
}

.fa-soap:before{
  content:"\e06e"
}

.fa-socks:before{
  content:"\f696"
}

.fa-solar-panel:before{
  content:"\f5ba"
}

.fa-sort:before{
  content:"\f0dc"
}

.fa-sort-alpha-down:before{
  content:"\f15d"
}

.fa-sort-alpha-down-alt:before{
  content:"\f881"
}

.fa-sort-alpha-up:before{
  content:"\f15e"
}

.fa-sort-alpha-up-alt:before{
  content:"\f882"
}

.fa-sort-amount-down:before{
  content:"\f160"
}

.fa-sort-amount-down-alt:before{
  content:"\f884"
}

.fa-sort-amount-up:before{
  content:"\f161"
}

.fa-sort-amount-up-alt:before{
  content:"\f885"
}

.fa-sort-down:before{
  content:"\f0dd"
}

.fa-sort-numeric-down:before{
  content:"\f162"
}

.fa-sort-numeric-down-alt:before{
  content:"\f886"
}

.fa-sort-numeric-up:before{
  content:"\f163"
}

.fa-sort-numeric-up-alt:before{
  content:"\f887"
}

.fa-sort-up:before{
  content:"\f0de"
}

.fa-soundcloud:before{
  content:"\f1be"
}

.fa-sourcetree:before{
  content:"\f7d3"
}

.fa-spa:before{
  content:"\f5bb"
}

.fa-space-shuttle:before{
  content:"\f197"
}

.fa-speakap:before{
  content:"\f3f3"
}

.fa-speaker-deck:before{
  content:"\f83c"
}

.fa-spell-check:before{
  content:"\f891"
}

.fa-spider:before{
  content:"\f717"
}

.fa-spinner:before{
  content:"\f110"
}

.fa-splotch:before{
  content:"\f5bc"
}

.fa-spotify:before{
  content:"\f1bc"
}

.fa-spray-can:before{
  content:"\f5bd"
}

.fa-square:before{
  content:"\f0c8"
}

.fa-square-full:before{
  content:"\f45c"
}

.fa-square-root-alt:before{
  content:"\f698"
}

.fa-squarespace:before{
  content:"\f5be"
}

.fa-stack-exchange:before{
  content:"\f18d"
}

.fa-stack-overflow:before{
  content:"\f16c"
}

.fa-stackpath:before{
  content:"\f842"
}

.fa-stamp:before{
  content:"\f5bf"
}

.fa-star:before{
  content:"\f005"
}

.fa-star-and-crescent:before{
  content:"\f699"
}

.fa-star-half:before{
  content:"\f089"
}

.fa-star-half-alt:before{
  content:"\f5c0"
}

.fa-star-of-david:before{
  content:"\f69a"
}

.fa-star-of-life:before{
  content:"\f621"
}

.fa-staylinked:before{
  content:"\f3f5"
}

.fa-steam:before{
  content:"\f1b6"
}

.fa-steam-square:before{
  content:"\f1b7"
}

.fa-steam-symbol:before{
  content:"\f3f6"
}

.fa-step-backward:before{
  content:"\f048"
}

.fa-step-forward:before{
  content:"\f051"
}

.fa-stethoscope:before{
  content:"\f0f1"
}

.fa-sticker-mule:before{
  content:"\f3f7"
}

.fa-sticky-note:before{
  content:"\f249"
}

.fa-stop:before{
  content:"\f04d"
}

.fa-stop-circle:before{
  content:"\f28d"
}

.fa-stopwatch:before{
  content:"\f2f2"
}

.fa-stopwatch-20:before{
  content:"\e06f"
}

.fa-store:before{
  content:"\f54e"
}

.fa-store-alt:before{
  content:"\f54f"
}

.fa-store-alt-slash:before{
  content:"\e070"
}

.fa-store-slash:before{
  content:"\e071"
}

.fa-strava:before{
  content:"\f428"
}

.fa-stream:before{
  content:"\f550"
}

.fa-street-view:before{
  content:"\f21d"
}

.fa-strikethrough:before{
  content:"\f0cc"
}

.fa-stripe:before{
  content:"\f429"
}

.fa-stripe-s:before{
  content:"\f42a"
}

.fa-stroopwafel:before{
  content:"\f551"
}

.fa-studiovinari:before{
  content:"\f3f8"
}

.fa-stumbleupon:before{
  content:"\f1a4"
}

.fa-stumbleupon-circle:before{
  content:"\f1a3"
}

.fa-subscript:before{
  content:"\f12c"
}

.fa-subway:before{
  content:"\f239"
}

.fa-suitcase:before{
  content:"\f0f2"
}

.fa-suitcase-rolling:before{
  content:"\f5c1"
}

.fa-sun:before{
  content:"\f185"
}

.fa-superpowers:before{
  content:"\f2dd"
}

.fa-superscript:before{
  content:"\f12b"
}

.fa-supple:before{
  content:"\f3f9"
}

.fa-surprise:before{
  content:"\f5c2"
}

.fa-suse:before{
  content:"\f7d6"
}

.fa-swatchbook:before{
  content:"\f5c3"
}

.fa-swift:before{
  content:"\f8e1"
}

.fa-swimmer:before{
  content:"\f5c4"
}

.fa-swimming-pool:before{
  content:"\f5c5"
}

.fa-symfony:before{
  content:"\f83d"
}

.fa-synagogue:before{
  content:"\f69b"
}

.fa-sync:before{
  content:"\f021"
}

.fa-sync-alt:before{
  content:"\f2f1"
}

.fa-syringe:before{
  content:"\f48e"
}

.fa-table:before{
  content:"\f0ce"
}

.fa-table-tennis:before{
  content:"\f45d"
}

.fa-tablet:before{
  content:"\f10a"
}

.fa-tablet-alt:before{
  content:"\f3fa"
}

.fa-tablets:before{
  content:"\f490"
}

.fa-tachometer-alt:before{
  content:"\f3fd"
}

.fa-tag:before{
  content:"\f02b"
}

.fa-tags:before{
  content:"\f02c"
}

.fa-tape:before{
  content:"\f4db"
}

.fa-tasks:before{
  content:"\f0ae"
}

.fa-taxi:before{
  content:"\f1ba"
}

.fa-teamspeak:before{
  content:"\f4f9"
}

.fa-teeth:before{
  content:"\f62e"
}

.fa-teeth-open:before{
  content:"\f62f"
}

.fa-telegram:before{
  content:"\f2c6"
}

.fa-telegram-plane:before{
  content:"\f3fe"
}

.fa-temperature-high:before{
  content:"\f769"
}

.fa-temperature-low:before{
  content:"\f76b"
}

.fa-tencent-weibo:before{
  content:"\f1d5"
}

.fa-tenge:before{
  content:"\f7d7"
}

.fa-terminal:before{
  content:"\f120"
}

.fa-text-height:before{
  content:"\f034"
}

.fa-text-width:before{
  content:"\f035"
}

.fa-th:before{
  content:"\f00a"
}

.fa-th-large:before{
  content:"\f009"
}

.fa-th-list:before{
  content:"\f00b"
}

.fa-the-red-yeti:before{
  content:"\f69d"
}

.fa-theater-masks:before{
  content:"\f630"
}

.fa-themeco:before{
  content:"\f5c6"
}

.fa-themeisle:before{
  content:"\f2b2"
}

.fa-thermometer:before{
  content:"\f491"
}

.fa-thermometer-empty:before{
  content:"\f2cb"
}

.fa-thermometer-full:before{
  content:"\f2c7"
}

.fa-thermometer-half:before{
  content:"\f2c9"
}

.fa-thermometer-quarter:before{
  content:"\f2ca"
}

.fa-thermometer-three-quarters:before{
  content:"\f2c8"
}

.fa-think-peaks:before{
  content:"\f731"
}

.fa-thumbs-down:before{
  content:"\f165"
}

.fa-thumbs-up:before{
  content:"\f164"
}

.fa-thumbtack:before{
  content:"\f08d"
}

.fa-ticket-alt:before{
  content:"\f3ff"
}

.fa-tiktok:before{
  content:"\e07b"
}

.fa-times:before{
  content:"\f00d"
}

.fa-times-circle:before{
  content:"\f057"
}

.fa-tint:before{
  content:"\f043"
}

.fa-tint-slash:before{
  content:"\f5c7"
}

.fa-tired:before{
  content:"\f5c8"
}

.fa-toggle-off:before{
  content:"\f204"
}

.fa-toggle-on:before{
  content:"\f205"
}

.fa-toilet:before{
  content:"\f7d8"
}

.fa-toilet-paper:before{
  content:"\f71e"
}

.fa-toilet-paper-slash:before{
  content:"\e072"
}

.fa-toolbox:before{
  content:"\f552"
}

.fa-tools:before{
  content:"\f7d9"
}

.fa-tooth:before{
  content:"\f5c9"
}

.fa-torah:before{
  content:"\f6a0"
}

.fa-torii-gate:before{
  content:"\f6a1"
}

.fa-tractor:before{
  content:"\f722"
}

.fa-trade-federation:before{
  content:"\f513"
}

.fa-trademark:before{
  content:"\f25c"
}

.fa-traffic-light:before{
  content:"\f637"
}

.fa-trailer:before{
  content:"\e041"
}

.fa-train:before{
  content:"\f238"
}

.fa-tram:before{
  content:"\f7da"
}

.fa-transgender:before{
  content:"\f224"
}

.fa-transgender-alt:before{
  content:"\f225"
}

.fa-trash:before{
  content:"\f1f8"
}

.fa-trash-alt:before{
  content:"\f2ed"
}

.fa-trash-restore:before{
  content:"\f829"
}

.fa-trash-restore-alt:before{
  content:"\f82a"
}

.fa-tree:before{
  content:"\f1bb"
}

.fa-trello:before{
  content:"\f181"
}

.fa-trophy:before{
  content:"\f091"
}

.fa-truck:before{
  content:"\f0d1"
}

.fa-truck-loading:before{
  content:"\f4de"
}

.fa-truck-monster:before{
  content:"\f63b"
}

.fa-truck-moving:before{
  content:"\f4df"
}

.fa-truck-pickup:before{
  content:"\f63c"
}

.fa-tshirt:before{
  content:"\f553"
}

.fa-tty:before{
  content:"\f1e4"
}

.fa-tumblr:before{
  content:"\f173"
}

.fa-tumblr-square:before{
  content:"\f174"
}

.fa-tv:before{
  content:"\f26c"
}

.fa-twitch:before{
  content:"\f1e8"
}

.fa-twitter:before{
  content:"\f099"
}

.fa-twitter-square:before{
  content:"\f081"
}

.fa-typo3:before{
  content:"\f42b"
}

.fa-uber:before{
  content:"\f402"
}

.fa-ubuntu:before{
  content:"\f7df"
}

.fa-uikit:before{
  content:"\f403"
}

.fa-umbraco:before{
  content:"\f8e8"
}

.fa-umbrella:before{
  content:"\f0e9"
}

.fa-umbrella-beach:before{
  content:"\f5ca"
}

.fa-uncharted:before{
  content:"\e084"
}

.fa-underline:before{
  content:"\f0cd"
}

.fa-undo:before{
  content:"\f0e2"
}

.fa-undo-alt:before{
  content:"\f2ea"
}

.fa-uniregistry:before{
  content:"\f404"
}

.fa-unity:before{
  content:"\e049"
}

.fa-universal-access:before{
  content:"\f29a"
}

.fa-university:before{
  content:"\f19c"
}

.fa-unlink:before{
  content:"\f127"
}

.fa-unlock:before{
  content:"\f09c"
}

.fa-unlock-alt:before{
  content:"\f13e"
}

.fa-unsplash:before{
  content:"\e07c"
}

.fa-untappd:before{
  content:"\f405"
}

.fa-upload:before{
  content:"\f093"
}

.fa-ups:before{
  content:"\f7e0"
}

.fa-usb:before{
  content:"\f287"
}

.fa-user:before{
  content:"\f007"
}

.fa-user-alt:before{
  content:"\f406"
}

.fa-user-alt-slash:before{
  content:"\f4fa"
}

.fa-user-astronaut:before{
  content:"\f4fb"
}

.fa-user-check:before{
  content:"\f4fc"
}

.fa-user-circle:before{
  content:"\f2bd"
}

.fa-user-clock:before{
  content:"\f4fd"
}

.fa-user-cog:before{
  content:"\f4fe"
}

.fa-user-edit:before{
  content:"\f4ff"
}

.fa-user-friends:before{
  content:"\f500"
}

.fa-user-graduate:before{
  content:"\f501"
}

.fa-user-injured:before{
  content:"\f728"
}

.fa-user-lock:before{
  content:"\f502"
}

.fa-user-md:before{
  content:"\f0f0"
}

.fa-user-minus:before{
  content:"\f503"
}

.fa-user-ninja:before{
  content:"\f504"
}

.fa-user-nurse:before{
  content:"\f82f"
}

.fa-user-plus:before{
  content:"\f234"
}

.fa-user-secret:before{
  content:"\f21b"
}

.fa-user-shield:before{
  content:"\f505"
}

.fa-user-slash:before{
  content:"\f506"
}

.fa-user-tag:before{
  content:"\f507"
}

.fa-user-tie:before{
  content:"\f508"
}

.fa-user-times:before{
  content:"\f235"
}

.fa-users:before{
  content:"\f0c0"
}

.fa-users-cog:before{
  content:"\f509"
}

.fa-users-slash:before{
  content:"\e073"
}

.fa-usps:before{
  content:"\f7e1"
}

.fa-ussunnah:before{
  content:"\f407"
}

.fa-utensil-spoon:before{
  content:"\f2e5"
}

.fa-utensils:before{
  content:"\f2e7"
}

.fa-vaadin:before{
  content:"\f408"
}

.fa-vector-square:before{
  content:"\f5cb"
}

.fa-venus:before{
  content:"\f221"
}

.fa-venus-double:before{
  content:"\f226"
}

.fa-venus-mars:before{
  content:"\f228"
}

.fa-vest:before{
  content:"\e085"
}

.fa-vest-patches:before{
  content:"\e086"
}

.fa-viacoin:before{
  content:"\f237"
}

.fa-viadeo:before{
  content:"\f2a9"
}

.fa-viadeo-square:before{
  content:"\f2aa"
}

.fa-vial:before{
  content:"\f492"
}

.fa-vials:before{
  content:"\f493"
}

.fa-viber:before{
  content:"\f409"
}

.fa-video:before{
  content:"\f03d"
}

.fa-video-slash:before{
  content:"\f4e2"
}

.fa-vihara:before{
  content:"\f6a7"
}

.fa-vimeo:before{
  content:"\f40a"
}

.fa-vimeo-square:before{
  content:"\f194"
}

.fa-vimeo-v:before{
  content:"\f27d"
}

.fa-vine:before{
  content:"\f1ca"
}

.fa-virus:before{
  content:"\e074"
}

.fa-virus-slash:before{
  content:"\e075"
}

.fa-viruses:before{
  content:"\e076"
}

.fa-vk:before{
  content:"\f189"
}

.fa-vnv:before{
  content:"\f40b"
}

.fa-voicemail:before{
  content:"\f897"
}

.fa-volleyball-ball:before{
  content:"\f45f"
}

.fa-volume-down:before{
  content:"\f027"
}

.fa-volume-mute:before{
  content:"\f6a9"
}

.fa-volume-off:before{
  content:"\f026"
}

.fa-volume-up:before{
  content:"\f028"
}

.fa-vote-yea:before{
  content:"\f772"
}

.fa-vr-cardboard:before{
  content:"\f729"
}

.fa-vuejs:before{
  content:"\f41f"
}

.fa-walking:before{
  content:"\f554"
}

.fa-wallet:before{
  content:"\f555"
}

.fa-warehouse:before{
  content:"\f494"
}

.fa-watchman-monitoring:before{
  content:"\e087"
}

.fa-water:before{
  content:"\f773"
}

.fa-wave-square:before{
  content:"\f83e"
}

.fa-waze:before{
  content:"\f83f"
}

.fa-weebly:before{
  content:"\f5cc"
}

.fa-weibo:before{
  content:"\f18a"
}

.fa-weight:before{
  content:"\f496"
}

.fa-weight-hanging:before{
  content:"\f5cd"
}

.fa-weixin:before{
  content:"\f1d7"
}

.fa-whatsapp:before{
  content:"\f232"
}

.fa-whatsapp-square:before{
  content:"\f40c"
}

.fa-wheelchair:before{
  content:"\f193"
}

.fa-whmcs:before{
  content:"\f40d"
}

.fa-wifi:before{
  content:"\f1eb"
}

.fa-wikipedia-w:before{
  content:"\f266"
}

.fa-wind:before{
  content:"\f72e"
}

.fa-window-close:before{
  content:"\f410"
}

.fa-window-maximize:before{
  content:"\f2d0"
}

.fa-window-minimize:before{
  content:"\f2d1"
}

.fa-window-restore:before{
  content:"\f2d2"
}

.fa-windows:before{
  content:"\f17a"
}

.fa-wine-bottle:before{
  content:"\f72f"
}

.fa-wine-glass:before{
  content:"\f4e3"
}

.fa-wine-glass-alt:before{
  content:"\f5ce"
}

.fa-wix:before{
  content:"\f5cf"
}

.fa-wizards-of-the-coast:before{
  content:"\f730"
}

.fa-wodu:before{
  content:"\e088"
}

.fa-wolf-pack-battalion:before{
  content:"\f514"
}

.fa-won-sign:before{
  content:"\f159"
}

.fa-wordpress:before{
  content:"\f19a"
}

.fa-wordpress-simple:before{
  content:"\f411"
}

.fa-wpbeginner:before{
  content:"\f297"
}

.fa-wpexplorer:before{
  content:"\f2de"
}

.fa-wpforms:before{
  content:"\f298"
}

.fa-wpressr:before{
  content:"\f3e4"
}

.fa-wrench:before{
  content:"\f0ad"
}

.fa-x-ray:before{
  content:"\f497"
}

.fa-xbox:before{
  content:"\f412"
}

.fa-xing:before{
  content:"\f168"
}

.fa-xing-square:before{
  content:"\f169"
}

.fa-y-combinator:before{
  content:"\f23b"
}

.fa-yahoo:before{
  content:"\f19e"
}

.fa-yammer:before{
  content:"\f840"
}

.fa-yandex:before{
  content:"\f413"
}

.fa-yandex-international:before{
  content:"\f414"
}

.fa-yarn:before{
  content:"\f7e3"
}

.fa-yelp:before{
  content:"\f1e9"
}

.fa-yen-sign:before{
  content:"\f157"
}

.fa-yin-yang:before{
  content:"\f6ad"
}

.fa-yoast:before{
  content:"\f2b1"
}

.fa-youtube:before{
  content:"\f167"
}

.fa-youtube-square:before{
  content:"\f431"
}

.fa-zhihu:before{
  content:"\f63f"
}

.sr-only{
  border:0;
  clip:rect(0,0,0,0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.sr-only-focusable:active,.sr-only-focusable:focus{
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto
}

@font-face{
  font-family:"Font Awesome 5 Brands";

  font-style:normal;

  font-weight:400;

  font-display:block;

  src:url('fa-brands-400.b2970adce8797051.eot');

  src:url('fa-brands-400.b2970adce8797051.eot?#iefix') format("embedded-opentype"),url('fa-brands-400.7edea186e9687169.woff2') format("woff2"),url('fa-brands-400.0e53fe4feaaacc48.woff') format("woff"),url('fa-brands-400.9c02eaf6eede2776.ttf') format("truetype"),url('fa-brands-400.a76d53bf993d73a2.svg#fontawesome') format("svg")
}

.fab{
  font-family:"Font Awesome 5 Brands"
}

@font-face{
  font-family:"Font Awesome 5 Free";

  font-style:normal;

  font-weight:400;

  font-display:block;

  src:url('fa-regular-400.a0140e7cea6c13f1.eot');

  src:url('fa-regular-400.a0140e7cea6c13f1.eot?#iefix') format("embedded-opentype"),url('fa-regular-400.e2b3a9dcfb1fca6e.woff2') format("woff2"),url('fa-regular-400.04dd5282f2256565.woff') format("woff"),url('fa-regular-400.7346017cbe156280.ttf') format("truetype"),url('fa-regular-400.ee37fbccfd7cfca6.svg#fontawesome') format("svg")
}

.fab,.far{
  font-weight:400
}

@font-face{
  font-family:"Font Awesome 5 Free";

  font-style:normal;

  font-weight:900;

  font-display:block;

  src:url('fa-solid-900.974801a4444657f1.eot');

  src:url('fa-solid-900.974801a4444657f1.eot?#iefix') format("embedded-opentype"),url('fa-solid-900.620019ed9d1100b6.woff2') format("woff2"),url('fa-solid-900.e67670b0779338ff.woff') format("woff"),url('fa-solid-900.d5b0a3566b352ee9.ttf') format("truetype"),url('fa-solid-900.cd7322bf5a6e6fcf.svg#fontawesome') format("svg")
}

.fa,.far,.fas{
  font-family:"Font Awesome 5 Free"
}

.fa,.fas{
  font-weight:900
}

.horizontal-layout {
  --navigation-height: 0px;
  --toolbar-width: 100%;
}

@media (min-width: 1280px) {
  .horizontal-layout {
    --toolbar-width: calc(100% - var(--sidenav-width));
  }

  .horizontal-layout.sidenav-collapsed {
    --toolbar-width: calc(100% - var(--sidenav-collapsed-width));
  }
}

.horizontal-layout .sidenav-container {
  /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
     causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
  flex: 1;
}

.horizontal-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - 64px - 56px);
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}

@media (min-width: 1280px) {
  body:not([dir=rtl]) .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-left: 72px !important;
    margin-left: var(--sidenav-collapsed-width) !important;
  }

  body:not([dir=rtl]) .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-left: 280px !important;
    margin-left: var(--sidenav-width) !important;
  }

  [dir=rtl] .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-right: 72px !important;
    margin-right: var(--sidenav-collapsed-width) !important;
  }

  [dir=rtl] .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-right: 280px !important;
    margin-right: var(--sidenav-width) !important;
  }
}

.vertical-layout {
  --toolbar-width: 100%;
}

.vertical-layout vex-secondary-toolbar .h-14 {
  display: none;
}

.vertical-layout vex-secondary-toolbar .fixed {
  background: none;
  border-top: none;
  box-shadow: none;
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-16) * -1);
  padding-top: 0.75rem;
  padding-top: var(--padding-12);
  position: relative;
  top: 0;
}

.vertical-layout.content-container > .sidenav-container > .sidenav-content > .content {
  margin-left: auto;
  margin-right: auto;
}

.vertical-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - 64px - 56px);
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}

@media print {
  html, body {
    height: auto !important;
    overflow: visible !important;
    overflow: initial !important;
  }

  .vex-toolbar, .sidenav {
    display: none !important;
  }

  .content {
    margin-top: 0 !important;
  }

  .mat-drawer-container {
    overflow: visible !important;
  }

  .mat-drawer-side {
    border-right: none !important;
  }

  .sidenav-content {
    margin-left: 0 !important;
    background-color: white;
    background-color: var(--background-card);
  }

  .vex-footer {
    display: none !important;
  }

  .config-panel-toggle {
    display: none !important;
  }
}

.mat-icon,
.mat-icon-button .mat-icon {
  font-size: 24px;
  font-size: var(--default-icon-size);
  height: auto;
  height: initial;
  width: auto;
  width: initial;
}

.ic-inline > svg {
  display: inline-block;
}

ic-icon:not(.ic-inline) > svg,
.iconify:not(.ic-inline) > svg {
  margin: 0 auto;
  vertical-align: middle;
}

.vex-scrollbar {
  min-height: 0;
}

.vex-scrollblock {
  position: fixed;
  width: 100%;
}

body.is-blink ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  height: 12px;
  height: var(--blink-scrollbar-width);
  width: 12px;
  width: var(--blink-scrollbar-width);
}

body.is-blink ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

body.is-blink ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 12px;
  border-radius: var(--blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.37);
}

body.is-blink ::-webkit-scrollbar-thumb:active {
  border-radius: 12px;
  border-radius: var(--blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.54);
}

.mat-icon-button .mat-button-wrapper > *,
.mat-menu-item .mat-icon,
.mat-button .mat-icon {
  vertical-align: middle !important;
}

.mat-form-field-suffix .mat-icon-button .mat-icon, .mat-form-field-prefix .mat-icon-button .mat-icon {
  font-size: inherit;
}

.mat-table mat-row,
.mat-table mat-header-row,
.mat-table mat-footer-row,
.mat-table th.mat-header-cell,
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell {
  border-bottom-color: rgba(82, 63, 105, 0.06);
  border-bottom-color: var(--foreground-divider);
}

.mat-form-field {
  margin-bottom: 4px;
}

.mat-primary.mat-form-field .mat-form-field-prefix,
.mat-primary.mat-form-field .mat-form-field-suffix {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: var(--trans-ease-out);
}

.mat-primary.mat-form-field.mat-focused .mat-form-field-prefix, .mat-primary.mat-form-field.mat-focused .mat-form-field-suffix {
  color: #1976d2;
}

.mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-prefix, .mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-suffix {
  color: #f44336;
}

.mat-table .mat-cell,
.mat-table .mat-header-cell {
  box-sizing: content-box;
  padding-left: 0.75rem;
  padding-left: var(--padding-12);
  padding-right: 0.75rem;
  padding-right: var(--padding-12);
  white-space: nowrap;
}

.mat-paginator-page-size-select.mat-form-field .mat-form-field-flex {
  padding-top: 0;
}

.mat-menu-item ic-icon {
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
  -webkit-margin-end: var(--padding-16);
          margin-inline-end: var(--padding-16);
  vertical-align: middle;
}

.mat-menu-item ic-icon > svg {
  vertical-align: middle;
}

.mat-select-panel {
  font-size: 1rem;
}

textarea.mat-input-element {
  line-height: 1.5;
}

.vex-flex-form-field .mat-form-field-infix {
  width: 50px;
}

.vex-dense-form-field {
  margin-bottom: -1.34375em;
}

.vex-dense-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 4px;
}

.vex-tabs .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}

.vex-tabs .mat-tab-link.mat-tab-label-active {
  opacity: 1;
}

.vex-tabs-dense .mat-tab-label {
  min-width: 0;
}

.uppercase > * > .mat-sort-header-button {
  text-transform: uppercase;
}

.vex-style-dark {
  --background-app-bar: #11151e;
  --footer-background: var(--background-card);
  --navigation-background: #1a202e;
  --toolbar-background: #1a202e;
  --background-base: #232b3e;
  --background-card: #1a202e;
  --footer-color: var(--text-color);
  --navigation-color: var(--text-color);
  --text-color: white;
  --toolbar-color: white;
  --text-color-light: rgba(0, 0, 0, 0.87);
  --foreground-divider: rgba(255, 255, 255, 0.12);
  --text-hint: rgba(255, 255, 255, 0.5);
  --text-hint-light: rgba(0, 0, 0, 0.38);
  --background-hover: rgba(255, 255, 255, 0.04);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-secondary-light: rgba(0, 0, 0, 0.54);
  --secondary-toolbar-background: var(--background-card);
}

.vex-style-dark .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-option {
  color: white;
}

.vex-style-dark .mat-option:hover:not(.mat-option-disabled), .vex-style-dark .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-option.mat-active {
  background: rgba(255, 255, 255, 0.04);
  color: white;
}

.vex-style-dark .mat-option.mat-option-disabled {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #1976d2;
}

.vex-style-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}

.vex-style-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}

.vex-style-dark .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-pseudo-checkbox {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-pseudo-checkbox::after {
  color: #232b3e;
}

.vex-style-dark .mat-pseudo-checkbox-disabled {
  color: #686868;
}

.vex-style-dark .mat-primary .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #1976d2;
}

.vex-style-dark .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-pseudo-checkbox-indeterminate,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}

.vex-style-dark .mat-warn .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}

.vex-style-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.vex-style-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868;
}

.vex-style-dark .mat-app-background, .vex-style-dark.mat-app-background {
  background-color: #232b3e;
  color: white;
}

.vex-style-dark .mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.vex-style-dark .mat-autocomplete-panel {
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #1a202e;
}

.vex-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: white;
}

.vex-style-dark .mat-badge {
  position: relative;
}

.vex-style-dark .mat-badge.mat-badge {
  overflow: visible;
}

.vex-style-dark .mat-badge-hidden .mat-badge-content {
  display: none;
}

.vex-style-dark .mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.vex-style-dark .ng-animate-disabled .mat-badge-content,
.vex-style-dark .mat-badge-content._mat-animation-noopable {
  transition: none;
}

.vex-style-dark .mat-badge-content.mat-badge-active {
  transform: none;
}

.vex-style-dark .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.vex-style-dark .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.vex-style-dark .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.vex-style-dark .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.vex-style-dark .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.vex-style-dark .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.vex-style-dark .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.vex-style-dark .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.vex-style-dark .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.vex-style-dark .mat-badge-content {
  color: white;
  background: #1976d2;
}

.cdk-high-contrast-active .vex-style-dark .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.vex-style-dark .mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white;
}

.vex-style-dark .mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}

.vex-style-dark .mat-badge-disabled .mat-badge-content {
  background: #656b78;
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-button, .vex-style-dark .mat-icon-button, .vex-style-dark .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.vex-style-dark .mat-button.mat-primary, .vex-style-dark .mat-icon-button.mat-primary, .vex-style-dark .mat-stroked-button.mat-primary {
  color: #1976d2;
}

.vex-style-dark .mat-button.mat-accent, .vex-style-dark .mat-icon-button.mat-accent, .vex-style-dark .mat-stroked-button.mat-accent {
  color: #ff4081;
}

.vex-style-dark .mat-button.mat-warn, .vex-style-dark .mat-icon-button.mat-warn, .vex-style-dark .mat-stroked-button.mat-warn {
  color: #f44336;
}

.vex-style-dark .mat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #1976d2;
}

.vex-style-dark .mat-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}

.vex-style-dark .mat-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}

.vex-style-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.vex-style-dark .mat-button .mat-ripple-element, .vex-style-dark .mat-icon-button .mat-ripple-element, .vex-style-dark .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.vex-style-dark .mat-button-focus-overlay {
  background: white;
}

.vex-style-dark .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-flat-button, .vex-style-dark .mat-raised-button, .vex-style-dark .mat-fab, .vex-style-dark .mat-mini-fab {
  color: white;
  background-color: #424242;
}

.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  color: white;
}

.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  color: white;
}

.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  color: white;
}

.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  background-color: #1976d2;
}

.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}

.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  background-color: #f44336;
}

.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-flat-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-fab.mat-primary .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-flat-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-fab.mat-accent .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-flat-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-fab.mat-warn .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-stroked-button:not([class*=mat-elevation-z]), .vex-style-dark .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-fab:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.vex-style-dark .mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.vex-style-dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.vex-style-dark .mat-button-toggle {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-button-toggle-appearance-standard {
  color: white;
  background: #1a202e;
}

.vex-style-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: white;
}

.vex-style-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #353b47;
}

.vex-style-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #353b47;
}

.vex-style-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #353b47;
}

.vex-style-dark .mat-button-toggle-checked {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}

.vex-style-dark .mat-button-toggle-disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: black;
}

.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #1a202e;
}

.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #424242;
}

.vex-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.vex-style-dark .mat-button-toggle-group-appearance-standard {
  border: solid 1px #353b47;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.vex-style-dark .mat-card {
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-card-subtitle {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-checkbox-checkmark {
  fill: #232b3e;
}

.vex-style-dark .mat-checkbox-checkmark-path {
  stroke: #232b3e !important;
}

.vex-style-dark .mat-checkbox-mixedmark {
  background-color: #232b3e;
}

.vex-style-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #1976d2;
}

.vex-style-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}

.vex-style-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.vex-style-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .vex-style-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868;
}

.vex-style-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868;
}

.vex-style-dark .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-checkbox .mat-ripple-element {
  background-color: white;
}

.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #1976d2;
}

.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}

.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}

.vex-style-dark .mat-chip.mat-standard-chip {
  background-color: #616161;
  color: white;
}

.vex-style-dark .mat-chip.mat-standard-chip .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip::after {
  background: white;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #1976d2;
  color: white;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-table {
  background: #1a202e;
}

.vex-style-dark .mat-table thead, .vex-style-dark .mat-table tbody, .vex-style-dark .mat-table tfoot,
.vex-style-dark mat-header-row, .vex-style-dark mat-row, .vex-style-dark mat-footer-row,
.vex-style-dark [mat-header-row], .vex-style-dark [mat-row], .vex-style-dark [mat-footer-row],
.vex-style-dark .mat-table-sticky {
  background: inherit;
}

.vex-style-dark mat-row, .vex-style-dark mat-header-row, .vex-style-dark mat-footer-row,
.vex-style-dark th.mat-header-cell, .vex-style-dark td.mat-cell, .vex-style-dark td.mat-footer-cell {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-header-cell {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-cell, .vex-style-dark .mat-footer-cell {
  color: white;
}

.vex-style-dark .mat-calendar-arrow {
  fill: white;
}

.vex-style-dark .mat-datepicker-toggle,
.vex-style-dark .mat-datepicker-content .mat-calendar-next-button,
.vex-style-dark .mat-datepicker-content .mat-calendar-previous-button {
  color: white;
}

.vex-style-dark .mat-calendar-table-header-divider::after {
  background: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-calendar-table-header,
.vex-style-dark .mat-calendar-body-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-calendar-body-cell-content,
.vex-style-dark .mat-date-range-input-separator {
  color: white;
  border-color: transparent;
}

.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-calendar-body-in-preview {
  color: rgba(255, 255, 255, 0.24);
}

.vex-style-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-calendar-body-in-range::before {
  background: rgba(25, 118, 210, 0.2);
}

.vex-style-dark .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.vex-style-dark .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(25, 118, 210, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(25, 118, 210, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.vex-style-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.vex-style-dark .mat-calendar-body-selected {
  background-color: #1976d2;
  color: white;
}

.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(25, 118, 210, 0.4);
}

.vex-style-dark .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.vex-style-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(25, 118, 210, 0.3);
}

@media (hover: hover) {
  .vex-style-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(25, 118, 210, 0.3);
  }
}

.vex-style-dark .mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #1a202e;
  color: white;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: white;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.vex-style-dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 0.3);
}

@media (hover: hover) {
  .vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 0.3);
  }
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.vex-style-dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}

@media (hover: hover) {
  .vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}

.vex-style-dark .mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-datepicker-toggle-active {
  color: #1976d2;
}

.vex-style-dark .mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}

.vex-style-dark .mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}

.vex-style-dark .mat-date-range-input-inner[disabled] {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-divider {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-divider-vertical {
  border-right-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-expansion-panel {
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-action-row {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0.04);
}

@media (hover: none) {
  .vex-style-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #1a202e;
  }
}

.vex-style-dark .mat-expansion-panel-header-title {
  color: white;
}

.vex-style-dark .mat-expansion-panel-header-description,
.vex-style-dark .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.vex-style-dark .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label {
  color: #1976d2;
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.vex-style-dark .mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}

.vex-style-dark .mat-form-field-ripple {
  background-color: white;
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #1976d2;
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #1976d2;
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}

.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}

.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}

.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}

.vex-style-dark .mat-error {
  color: #f44336;
}

.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-legacy .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.vex-style-dark .mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.05);
}

.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: white;
}

.vex-style-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #1976d2;
}

.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}

.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}

.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}

.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.15);
}

.vex-style-dark .mat-icon.mat-primary {
  color: #1976d2;
}

.vex-style-dark .mat-icon.mat-accent {
  color: #ff4081;
}

.vex-style-dark .mat-icon.mat-warn {
  color: #f44336;
}

.vex-style-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-input-element:disabled,
.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element {
  caret-color: #1976d2;
}

.vex-style-dark .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element:not(.mat-native-select-inline) option {
  color: rgba(0, 0, 0, 0.87);
}

.vex-style-dark .mat-input-element:not(.mat-native-select-inline) option:disabled {
  color: rgba(0, 0, 0, 0.38);
}

.vex-style-dark .mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}

.vex-style-dark .mat-form-field.mat-warn .mat-input-element,
.vex-style-dark .mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}

.vex-style-dark .mat-list-base .mat-list-item {
  color: white;
}

.vex-style-dark .mat-list-base .mat-list-option {
  color: white;
}

.vex-style-dark .mat-list-base .mat-subheader {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-list-base .mat-list-item-disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-list-option:hover, .vex-style-dark .mat-list-option:focus,
.vex-style-dark .mat-nav-list .mat-list-item:hover,
.vex-style-dark .mat-nav-list .mat-list-item:focus,
.vex-style-dark .mat-action-list .mat-list-item:hover,
.vex-style-dark .mat-action-list .mat-list-item:focus {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-list-single-selected-option, .vex-style-dark .mat-list-single-selected-option:hover, .vex-style-dark .mat-list-single-selected-option:focus {
  background: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-menu-panel {
  background: #1a202e;
}

.vex-style-dark .mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-menu-item {
  background: transparent;
  color: white;
}

.vex-style-dark .mat-menu-item[disabled],
.vex-style-dark .mat-menu-item[disabled] .mat-menu-submenu-icon,
.vex-style-dark .mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-menu-item .mat-icon-no-color,
.vex-style-dark .mat-menu-submenu-icon {
  color: white;
}

.vex-style-dark .mat-menu-item:hover:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-program-focused:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.vex-style-dark .mat-menu-item-highlighted:not([disabled]) {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-paginator {
  background: #1a202e;
}

.vex-style-dark .mat-paginator,
.vex-style-dark .mat-paginator-page-size .mat-select-trigger {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-paginator-decrement,
.vex-style-dark .mat-paginator-increment {
  border-top: 2px solid white;
  border-right: 2px solid white;
}

.vex-style-dark .mat-paginator-first,
.vex-style-dark .mat-paginator-last {
  border-top: 2px solid white;
}

.vex-style-dark .mat-icon-button[disabled] .mat-paginator-decrement,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-increment,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-first,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(255, 255, 255, 0.5);
}

.mat-paginator-container {
  min-height: 56px;
}

.vex-style-dark .mat-progress-bar-background {
  fill: #213e63;
}

.vex-style-dark .mat-progress-bar-buffer {
  background-color: #213e63;
}

.vex-style-dark .mat-progress-bar-fill::after {
  background-color: #1976d2;
}

.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #5a304f;
}

.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #5a304f;
}

.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}

.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #57313c;
}

.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #57313c;
}

.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.vex-style-dark .mat-progress-spinner circle, .vex-style-dark .mat-spinner circle {
  stroke: #1976d2;
}

.vex-style-dark .mat-progress-spinner.mat-accent circle, .vex-style-dark .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}

.vex-style-dark .mat-progress-spinner.mat-warn circle, .vex-style-dark .mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.vex-style-dark .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #1976d2;
}

.vex-style-dark .mat-radio-button.mat-primary .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #1976d2;
}

.vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}

.vex-style-dark .mat-radio-button.mat-accent .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}

.vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}

.vex-style-dark .mat-radio-button.mat-warn .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}

.vex-style-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-radio-button .mat-ripple-element {
  background-color: white;
}

.vex-style-dark .mat-select-value {
  color: white;
}

.vex-style-dark .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-select-arrow {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-select-panel {
  background: #1a202e;
}

.vex-style-dark .mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #1976d2;
}

.vex-style-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}

.vex-style-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}

.vex-style-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}

.vex-style-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-drawer-container {
  background-color: #232b3e;
  color: white;
}

.vex-style-dark .mat-drawer {
  background-color: #1a202e;
  color: white;
}

.vex-style-dark .mat-drawer.mat-drawer-push {
  background-color: #1a202e;
}

.vex-style-dark .mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-drawer-side {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}

.vex-style-dark [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}

.vex-style-dark [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(229, 223, 209, 0.6);
}

.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}

.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}

.vex-style-dark .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}

.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #1976d2;
}

.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(25, 118, 210, 0.54);
}

.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #1976d2;
}

.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}

.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}

.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}

.vex-style-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: white;
}

.vex-style-dark .mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #bdbdbd;
}

.vex-style-dark .mat-slide-toggle-bar {
  background-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-primary .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #1976d2;
}

.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}

.vex-style-dark .mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(25, 118, 210, 0.2);
}

.vex-style-dark .mat-slider.mat-accent .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}

.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}

.vex-style-dark .mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}

.vex-style-dark .mat-slider.mat-warn .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}

.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}

.vex-style-dark .mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}

.vex-style-dark .mat-slider:hover .mat-slider-track-background,
.vex-style-dark .mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-track-background,
.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: white;
}

.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}

.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}

.vex-style-dark .mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}

.vex-style-dark .mat-step-header.cdk-keyboard-focused, .vex-style-dark .mat-step-header.cdk-program-focused, .vex-style-dark .mat-step-header:hover:not([aria-disabled]), .vex-style-dark .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .vex-style-dark .mat-step-header:hover {
    background: none;
  }
}

.vex-style-dark .mat-step-header .mat-step-label,
.vex-style-dark .mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-step-header .mat-step-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: white;
}

.vex-style-dark .mat-step-header .mat-step-icon-selected,
.vex-style-dark .mat-step-header .mat-step-icon-state-done,
.vex-style-dark .mat-step-header .mat-step-icon-state-edit {
  background-color: #1976d2;
  color: white;
}

.vex-style-dark .mat-step-header.mat-accent .mat-step-icon {
  color: white;
}

.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-selected,
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-state-done,
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: white;
}

.vex-style-dark .mat-step-header.mat-warn .mat-step-icon {
  color: white;
}

.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-selected,
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-state-done,
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}

.vex-style-dark .mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}

.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-active {
  color: white;
}

.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}

.vex-style-dark .mat-stepper-horizontal, .vex-style-dark .mat-stepper-vertical {
  background-color: #1a202e;
}

.vex-style-dark .mat-stepper-vertical-line::before {
  border-left-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-horizontal-stepper-header::before,
.vex-style-dark .mat-horizontal-stepper-header::after,
.vex-style-dark .mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.vex-style-dark .mat-sort-header-arrow {
  color: #babcc0;
}

.vex-style-dark .mat-tab-nav-bar,
.vex-style-dark .mat-tab-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-tab-group-inverted-header .mat-tab-nav-bar,
.vex-style-dark .mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}

.vex-style-dark .mat-tab-label, .vex-style-dark .mat-tab-link {
  color: white;
}

.vex-style-dark .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-tab-header-pagination-chevron {
  border-color: white;
}

.vex-style-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-tab-group[class*=mat-background-] > .mat-tab-header,
.vex-style-dark .mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(245, 188, 194, 0.3);
}

.vex-style-dark .mat-tab-group.mat-primary .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #1976d2;
}

.vex-style-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}

.vex-style-dark .mat-tab-group.mat-accent .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}

.vex-style-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}

.vex-style-dark .mat-tab-group.mat-warn .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}

.vex-style-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(245, 188, 194, 0.3);
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #1976d2;
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.vex-style-dark .mat-toolbar {
  background: #11151e;
  color: white;
}

.vex-style-dark .mat-toolbar.mat-primary {
  background: #1976d2;
  color: white;
}

.vex-style-dark .mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}

.vex-style-dark .mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}

.vex-style-dark .mat-toolbar .mat-form-field-underline,
.vex-style-dark .mat-toolbar .mat-form-field-ripple,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.vex-style-dark .mat-toolbar .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-select-value,
.vex-style-dark .mat-toolbar .mat-select-arrow,
.vex-style-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.vex-style-dark .mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}

.vex-style-dark .mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.vex-style-dark .mat-tree {
  background: #1a202e;
}

.vex-style-dark .mat-tree-node,
.vex-style-dark .mat-nested-tree-node {
  color: white;
}

.mat-tree-node {
  min-height: 48px;
}

.vex-style-dark .mat-snack-bar-container {
  color: rgba(0, 0, 0, 0.87);
  background: #fafafa;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-simple-snackbar-action {
  color: inherit;
}

.vex-style-light {
  --navigation-background: var(--background-card);
  --sidenav-background: white;
  --toolbar-background: var(--background-card);
  --sidenav-color: var(--text-color);
  --sidenav-item-background-active: #B2A7A1;
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-background: #fafafa;
  --sidenav-item-dropdown-background-hover: #1976d2;
  --sidenav-item-icon-color: #494B74;
  --sidenav-item-icon-color-active: #1976d2;
  --sidenav-toolbar-background: white;
}

:root {
  --padding-gutter: 1rem;
  --padding: 1.5rem;
  --padding-16: 1rem;
  --padding-12: 0.75rem;
  --padding-8: 0.5rem;
  --padding-4: 0.25rem;
  --font: Roboto, "Helvetica Neue", sans-serif;
  --font-weight-medium: 500;
  --font-caption: 400 12px/20px var(--font);
  --font-body-1: 400 14px/20px var(--font);
  --font-body-2: 500 14px/24px var(--font);
  --font-subheading-1: 400 15px/24px var(--font);
  --font-subheading-2: 400 16px/28px var(--font);
  --font-headline: 400 24px/32px var(--font);
  --font-title: 500 18px/26px var(--font);
  --font-display-1: 400 34px/40px var(--font);
  --font-display-2: 400 45px/48px var(--font);
  --font-display-3: 400 56px/56px var(--font);
  --font-display-4: 300 112px/112px var(--font);
  --trans-ease-in-out: all var(--trans-ease-in-out-duration) var(--trans-ease-in-out-timing-function);
  --trans-ease-in-out-duration: 500ms;
  --trans-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  --trans-ease-out: all var(--trans-ease-out-duration) var(--trans-ease-out-timing-function);
  --trans-ease-out-duration: 400ms;
  --trans-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  --trans-ease-in: all var(--trans-ease-in-duration) var(--trans-ease-in-timing-function);
  --trans-ease-in-duration: 300ms;
  --trans-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  --trans-shadow-duration: 280ms;
  --trans-shadow-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --trans-shadow: box-shadow var(--trans-shadow-duration) var(--trans-shadow-timing-function);
  --text-color: rgba(0, 0, 0, 0.87);
  --text-color-light: white;
  --text-secondary: rgba(0, 0, 0, 0.54);
  --text-secondary-light: rgba(255, 255, 255, 0.7);
  --text-hint: rgba(0, 0, 0, 0.38);
  --text-hint-light: rgba(255, 255, 255, 0.5);
  --foreground-divider: rgba(82, 63, 105, 0.06);
  --background-base: rgb(245, 245, 248);
  --background-card: white;
  --background-app-bar: #ebebee;
  --background-hover: rgba(0, 0, 0, 0.04);
  --elevation-default: var(--elevation-z6);
  --elevation-z0: none;
  --elevation-z1: 0px 2px 1px -1px rgba(82, 63, 104, 0.06), 0px 1px 1px 0px rgba(82, 63, 104, 0.042), 0px 1px 3px 0px rgba(82, 63, 104, 0.036);
  --elevation-z2: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
  --elevation-z3: 0px 3px 3px -2px rgba(82, 63, 104, 0.06), 0px 3px 4px 0px rgba(82, 63, 104, 0.042), 0px 1px 8px 0px rgba(82, 63, 104, 0.036);
  --elevation-z4: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
  --elevation-z5: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 5px 8px 0px rgba(82, 63, 104, 0.042), 0px 1px 14px 0px rgba(82, 63, 104, 0.036);
  --elevation-z6: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
  --elevation-z7: 0px 4px 5px -2px rgba(82, 63, 104, 0.06), 0px 7px 10px 1px rgba(82, 63, 104, 0.042), 0px 2px 16px 1px rgba(82, 63, 104, 0.036);
  --elevation-z8: 0px 5px 5px -3px rgba(82, 63, 104, 0.06), 0px 8px 10px 1px rgba(82, 63, 104, 0.042), 0px 3px 14px 2px rgba(82, 63, 104, 0.036);
  --elevation-z9: 0px 5px 6px -3px rgba(82, 63, 104, 0.06), 0px 9px 12px 1px rgba(82, 63, 104, 0.042), 0px 3px 16px 2px rgba(82, 63, 104, 0.036);
  --elevation-z10: 0px 6px 6px -3px rgba(82, 63, 104, 0.06), 0px 10px 14px 1px rgba(82, 63, 104, 0.042), 0px 4px 18px 3px rgba(82, 63, 104, 0.036);
  --elevation-z11: 0px 6px 7px -4px rgba(82, 63, 104, 0.06), 0px 11px 15px 1px rgba(82, 63, 104, 0.042), 0px 4px 20px 3px rgba(82, 63, 104, 0.036);
  --elevation-z12: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  --elevation-z13: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 13px 19px 2px rgba(82, 63, 104, 0.042), 0px 5px 24px 4px rgba(82, 63, 104, 0.036);
  --elevation-z14: 0px 7px 9px -4px rgba(82, 63, 104, 0.06), 0px 14px 21px 2px rgba(82, 63, 104, 0.042), 0px 5px 26px 4px rgba(82, 63, 104, 0.036);
  --elevation-z15: 0px 8px 9px -5px rgba(82, 63, 104, 0.06), 0px 15px 22px 2px rgba(82, 63, 104, 0.042), 0px 6px 28px 5px rgba(82, 63, 104, 0.036);
  --elevation-z16: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  --elevation-z17: 0px 8px 11px -5px rgba(82, 63, 104, 0.06), 0px 17px 26px 2px rgba(82, 63, 104, 0.042), 0px 6px 32px 5px rgba(82, 63, 104, 0.036);
  --elevation-z18: 0px 9px 11px -5px rgba(82, 63, 104, 0.06), 0px 18px 28px 2px rgba(82, 63, 104, 0.042), 0px 7px 34px 6px rgba(82, 63, 104, 0.036);
  --elevation-z19: 0px 9px 12px -6px rgba(82, 63, 104, 0.06), 0px 19px 29px 2px rgba(82, 63, 104, 0.042), 0px 7px 36px 6px rgba(82, 63, 104, 0.036);
  --elevation-z20: 0px 10px 13px -6px rgba(82, 63, 104, 0.06), 0px 20px 31px 3px rgba(82, 63, 104, 0.042), 0px 8px 38px 7px rgba(82, 63, 104, 0.036);
  --sidenav-width: 280px;
  --sidenav-collapsed-width: 72px;
  --sidenav-background: #1a202e;
  --sidenav-color: white;
  --sidenav-item-padding: var(--padding);
  --sidenav-toolbar-background: #171d29;
  --sidenav-item-background-active: #B2A7A1;
  --sidenav-item-color: #A1A2B6;
  --sidenav-item-color-active: white;
  --sidenav-item-icon-color: #494B74;
  --sidenav-item-icon-color-active: #1976d2;
  --sidenav-item-icon-gap: 16px;
  --sidenav-item-icon-size: 24px;
  --sidenav-item-dropdown-background: #B2A7A1;
  --sidenav-item-dropdown-background-hover: #1976d2;
  --sidenav-item-dropdown-gap: 12px;
  --toolbar-height: 64px;
  --toolbar-background: white;
  --toolbar-color: rgba(0, 0, 0, 0.87);
  --toolbar-icon-color: #1976d2;
  --secondary-toolbar-background: var(--background-card);
  --secondary-toolbar-height: 54px;
  --navigation-height: 64px;
  --navigation-background: var(--background-card);
  --navigation-color: var(--text-secondary);
  --footer-height: 56px;
  --footer-z-index: 100;
  --footer-background: var(--background-card);
  --footer-color: var(--text-color);
  --footer-elevation: 0 -10px 30px 0 rgba(82, 63, 104, .06);
  --page-layout-header-height: 200px;
  --page-layout-toolbar-height: 64px;
  --blink-scrollbar-width: 12px;
  --default-icon-size: 24px;
  --border-radius: 4px;
}

@media (min-width: 1280px) {
  :root {
    --padding-gutter: 1.5rem;
  }
}

.vex-layout-ares {
  --footer-background: var(--background-base);
  --sidenav-background: var(--background-base);
  --toolbar-background: var(--background-base);
  --sidenav-color: var(--text-color);
  --sidenav-item-background-active: var(--background-card);
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-background: var(--background-base);
  --sidenav-item-dropdown-background-hover: var(--background-hover);
  --secondary-toolbar-background: var(--background-base);
  --sidenav-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}

.vex-layout-ares .sidenav {
  border: none;
}

.vex-layout-ares .sidenav vex-sidenav-item .item {
  width: auto;
  width: initial;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.vex-layout-ares .sidenav vex-sidenav-item .item.active {
  box-shadow: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
  box-shadow: var(--elevation-z6);
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-0 > .item {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .item.active {
  box-shadow: none;
  font-weight: 500;
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .item.active .item-label {
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .item:hover .item-label {
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
}

.vex-layout-ares .sidenav-collapsed .sidenav vex-sidenav-item .item {
  margin-left: 0;
  margin-right: 0;
}

.vex-layout-ares vex-secondary-toolbar {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  overflow: hidden;
}

.vex-layout-ares vex-secondary-toolbar .secondary-toolbar {
  box-shadow: none;
  border-top-width: 0;
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
}

.vex-layout-ares vex-footer {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: hidden;
}

.vex-layout-ares .vex-page-layout-header {
  background: rgb(245, 245, 248);
  background: var(--background-base);
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
}

.vex-layout-ares .vex-page-layout-header vex-breadcrumbs .text-hint {
  color: rgba(0, 0, 0, 0.38) !important;
  color: var(--text-hint) !important;
}

.vex-layout-ares.vex-style-default {
  --sidenav-item-background-active: #1976d2;
  --sidenav-item-color-active: #FFF;
  --sidenav-item-dropdown-color-hover: var(--text-color);
  --sidenav-item-icon-color-active: #FFF;
}

.vex-layout-hermes {
  --toolbar-height: 100px;
  --secondary-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}

.vex-layout-hermes.vex-style-light {
  --toolbar-background: var(--background-base);
}

.vex-layout-hermes.vex-style-default {
  --navigation-background: #1a202e;
  --toolbar-background: #232b3e;
  --navigation-color: white;
  --toolbar-color: white;
}

.vex-layout-hermes.vex-style-dark {
  --toolbar-background: var(--background-base);
}

.vex-layout-hermes vex-secondary-toolbar .secondary-toolbar {
  box-shadow: none;
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
  border-top-width: 0;
}

.vex-layout-ikaros {
  --navigation-height: 0px;
}

.vex-layout-ikaros.vex-style-default {
  --toolbar-background: #1a202e;
  --navigation-color: white;
  --toolbar-color: white;
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  font: 400 24px/32px var(--font);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 18px/26px Roboto, "Helvetica Neue", sans-serif;
  font: 500 18px/26px var(--font);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  font: 400 16px/28px var(--font);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  font: 400 15px/24px var(--font);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
  font: 400 11.62px/20px var(--font);
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
  font: 400 9.38px/20px var(--font);
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
  font: 500 14px/24px var(--font);
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  font: 400 14px/20px var(--font);
  letter-spacing: normal;
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
  font: 400 12px/20px var(--font);
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  font: 300 112px/112px var(--font);
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  font: 400 56px/56px var(--font);
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  font: 400 45px/48px var(--font);
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  font: 400 34px/40px var(--font);
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  font: 400 14px/20px var(--font);
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 18px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 18px/26px Roboto, "Helvetica Neue", sans-serif;
  font: 500 18px/26px var(--font);
  letter-spacing: normal;
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  font: 400 14px/20px var(--font);
  letter-spacing: normal;
}

.mat-form-field {
  font: 400 14px/1.125 Roboto, "Helvetica Neue", sans-serif;
  font: 400 14px/1.125 var(--font);
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 14px;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 18px/26px Roboto, "Helvetica Neue", sans-serif;
  font: 500 18px/26px var(--font);
  letter-spacing: normal;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-list-option {
  font-size: 16px;
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
  font: 500 14px/24px var(--font);
  letter-spacing: normal;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-family: var(--font);
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/
}

@keyframes cdk-text-field-autofill-end { /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: black;
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: black;
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #1976d2;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}

.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #1976d2;
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: black;
}

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: white;
  color: black;
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: black;
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: white;
  background: #1976d2;
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white;
}

.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: black;
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #1976d2;
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #1976d2;
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(82, 63, 105, 0.06);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: black;
  background-color: white;
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #1976d2;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: black;
  background: white;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #f5f3f6;
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #f5f3f6;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #f5f3f6;
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: black;
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #f5f3f6;
}

.mat-card {
  background: white;
  color: black;
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #1976d2;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #1976d2;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: black;
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: black;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #1976d2;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(82, 63, 105, 0.06);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: black;
}

.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(82, 63, 105, 0.06);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: black;
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(82, 63, 105, 0.12);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: rgba(25, 118, 210, 0.2);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(25, 118, 210, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(25, 118, 210, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: #1976d2;
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(25, 118, 210, 0.4);
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(25, 118, 210, 0.3);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(25, 118, 210, 0.3);
  }
}

.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: black;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: white;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 0.3);
  }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}

.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: #1976d2;
}

.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: black;
}

.mat-divider {
  border-top-color: rgba(82, 63, 105, 0.06);
}

.mat-divider-vertical {
  border-right-color: rgba(82, 63, 105, 0.06);
}

.mat-expansion-panel {
  background: white;
  color: black;
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-action-row {
  border-top-color: rgba(82, 63, 105, 0.06);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}

.mat-expansion-panel-header-title {
  color: black;
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #1976d2;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}

.mat-form-field-ripple {
  background-color: rgba(82, 63, 105, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #1976d2;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #1976d2;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}

.mat-error {
  color: #f44336;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(82, 63, 105, 0.42);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.12);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(82, 63, 105, 0.87);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #1976d2;
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.06);
}

.mat-icon.mat-primary {
  color: #1976d2;
}

.mat-icon.mat-accent {
  color: #ff4081;
}

.mat-icon.mat-warn {
  color: #f44336;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #1976d2;
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}

.mat-list-base .mat-list-item {
  color: black;
}

.mat-list-base .mat-list-option {
  color: black;
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}

.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-menu-panel {
  background: white;
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-menu-item {
  background: transparent;
  color: black;
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-progress-bar-background {
  fill: #c2d9f0;
}

.mat-progress-bar-buffer {
  background-color: #c2d9f0;
}

.mat-progress-bar-fill::after {
  background-color: #1976d2;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbccdc;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbccdc;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #1976d2;
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #1976d2;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #1976d2;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-select-value {
  color: black;
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #1976d2;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: black;
}

.mat-drawer {
  background-color: white;
  color: black;
}

.mat-drawer.mat-drawer-push {
  background-color: white;
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side {
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #1976d2;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(25, 118, 210, 0.54);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #1976d2;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #1976d2;
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(25, 118, 210, 0.2);
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #1976d2;
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: black;
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(82, 63, 105, 0.06);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(82, 63, 105, 0.06);
}

.mat-sort-header-arrow {
  color: #757575;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(82, 63, 105, 0.06);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(82, 63, 105, 0.06);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: black;
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: black;
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(245, 188, 194, 0.3);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #1976d2;
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(245, 188, 194, 0.3);
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #1976d2;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-toolbar {
  background: #ebebee;
  color: black;
}

.mat-toolbar.mat-primary {
  background: #1976d2;
  color: white;
}

.mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: black;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-simple-snackbar-action {
  color: #ff4081;
}

/* You can add global styles to this file, and also import other style files */

html {
  box-sizing: border-box;
  font-size: 16px;
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  font: 400 14px/20px var(--font);
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div {
  box-sizing: border-box;
}

:root {
  --sidenav-background: #e8dbcc;
  --sidenav-item-background-active: #B2A7A1;
}

input.mat-input-element {
  line-height: 1.5;
}

@media screen and (max-width: 480px) {
  .mat-table .mat-cell,
.mat-table .mat-header-cell {
    white-space: pre-wrap !important;
  }
}

.mat-table {
  display: contents;
}

.mat-raised-button {
  padding: 0 8px !important;
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  border: 1px solid #ccc;
}

.cdk-drag-placeholder {
  opacity: 0.4;
  background: #f0f0f0;
  border: 2px dashed #ccc;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drop-list-dragging .obs-option:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.obs-option {
  cursor: move;
  transition: background-color 0.2s ease;
}

.obs-option:hover {
  background-color: #f5f5f5;
}

.obs-option.cdk-drag-preview {
  cursor: grabbing;
}

.px-6 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}

.mat-expansion-panel-header {
  padding: 5px !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.mat-expansion-panel {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.add-new {
  margin-top: 0rem !important;
  margin-bottom: 1.25rem !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #42a5f5;
}

.mat-select-value {
  height: 16px !important;
}

.no-padding-dialog .mat-list-item-content {
  padding: 0px !important;
}

.no-padding-bottom .mat-form-field-underline {
  bottom: 0px !important;
}

.page-title {
  color: #b71c1c;
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.search-results {
  margin: 0 1em 1em 1em;
  padding: 1em;
  width: 90%;
}

.search-input {
  margin: 1em;
  padding: 1em;
  width: 75%;
}

.add-new-skill-dialog .mat-dialog-container {
  padding-bottom: 10px !important;
}

.mat-grid-tile .mat-grid-tile-content {
  align-items: flex-start !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #5977FF;
}

.profile-summary-modal .mat-dialog-container,
.skill-summary-modal .mat-dialog-container,
.association-summary-modal .mat-dialog-container,
.comments-form-modal .mat-dialog-container {
  max-height: 90vh !important;
  overflow-y: auto !important;
  padding: 0 !important;
}

.profile-summary-modal textarea,
.skill-summary-modal textarea,
.association-summary-modal textarea,
.comments-form-modal textarea {
  max-height: 30vh !important;
  overflow-y: auto !important;
}

.page-table {
  max-height: calc(95vh - 64px - 64px - 54px - 56px - 14px - 32.5px - 14px - 56px - 14px);
  max-height: calc(95vh - var(--toolbar-height) - var(--navigation-height) - var(--secondary-toolbar-height) - var(--footer-height) - 14px - 32.5px - 14px - 56px - 14px);
  min-height: calc(95vh - 64px - 64px - 54px - 56px - 14px - 32.5px - 14px - 56px - 14px);
  min-height: calc(95vh - var(--toolbar-height) - var(--navigation-height) - var(--secondary-toolbar-height) - var(--footer-height) - 14px - 32.5px - 14px - 56px - 14px);
  overflow-x: scroll;
  width: 100%;
  border: none;
}

.page-wrapper {
  padding: 2rem 2rem 0 2rem;
  display: flex;
  justify-content: center;
}

.page-card {
  background: #fff;
  border-radius: 12px;
  padding: 2rem 0 1rem 0;
  max-width: 1400px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.page-title {
  font-size: 24px;
  font-weight: 600;
}

.dropdown-filter {
  width: 200px;
}

.controls-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.text-filter {
  flex: 1;
  min-width: 250px;
}

.add-btn {
  white-space: nowrap;
}

.page-section {
  padding: 14px;
}

.mat-row:nth-child(odd) {
  background-color: rgba(89, 119, 255, 0.0509803922);
}

.mat-header-cell {
  background-color: rgba(89, 119, 255, 0.1019607843);
}

.main-title {
  font-size: 34px;
  font-weight: 600;
}

.footer-buttons-ctr {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background-color: white;
  padding-right: 15px;
}

.footer-buttons-ctr.footer-buttons-full-width-border {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 32px;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.add-button, .footer-button, .ok-button, .responsibility-button, .save, .noHover {
  color: white;
  background-color: #8397f1;
  background-color: #5977FF;
  border-radius: 25px;
  width: -moz-max-content !important;
  width: max-content !important;
  font-size: 16px;
  height: 40px;
  padding-inline: 10px;
  border: 1px solid white;
}

.footer-button:disabled,
.ok-button:disabled,
.responsibility-button:disabled {
  color: white;
  background-color: #8397f1;
  cursor: default;
}

.footer-button:hover,
.ok-button:hover,
.responsibility-button:hover {
  color: white;
  background-color: #8397f1;
  border: 1px solid white;
}

.responsibility-button-group {
  display: inline-flex;
}

.responsibility-button-group .responsibility-button-group-item {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
}

.responsibility-button-group .responsibility-button-group-item:not(:disabled) {
  cursor: pointer;
}

.responsibility-button-group .responsibility-button-group-item:disabled {
  cursor: default;
}

.responsibility-button-group .responsibility-button-group-item:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.responsibility-button-group .responsibility-button-group-item:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background-color: white;
  color: #5977FF;
  border: 1px solid #5977FF;
  border-right: none;
}

.responsibility-button-group .responsibility-button-group-item:first-child:hover:not(:disabled) {
  background-color: rgba(89, 119, 255, 0.08);
  color: #5977FF;
  border: 1px solid #5977FF;
  border-right: none;
}

.responsibility-button-group .responsibility-button-group-item:first-child:disabled {
  background-color: rgba(89, 119, 255, 0.15);
  color: #5977FF;
  border: 1px solid #5977FF;
  border-right: none;
}

.responsibility-button-group .responsibility-button-group-item:first-child + * {
  border-left: 1px solid #5977FF;
}

.responsibility-button-group .responsibility-button-group-item:not(:last-child):not(:first-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.responsibility-button-group .responsibility-button-group-item:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #5977FF;
  border: 1px solid #5977FF;
}

.responsibility-button-group .responsibility-button-group-item:last-child:hover:not(:disabled) {
  background-color: #8397f1;
  border-color: #8397f1;
}

.responsibility-button-group .responsibility-button-group-item:last-child:disabled {
  background-color: rgba(96, 125, 250, 0.2862745098);
  border-color: rgba(96, 125, 250, 0.2862745098);
}

.footer-button:disabled:hover {
  background-color: rgba(96, 125, 250, 0.2862745098);
  color: white;
  border: 1px solid white;
}

.form-row {
  margin-bottom: 0.5rem;
}

.full-width {
  width: 100%;
}

mat-hint {
  color: red;
}

.step-container {
  min-height: auto;
}

.step-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.step-header .step {
  font-weight: bold;
  padding: 0.5rem;
  color: rgba(68, 71, 77, 0.3764705882);
}

.step-header .step.active {
  color: #5977FF;
}

.step-header .divider {
  flex-grow: 1;
  height: 2px;
  background-color: rgba(68, 71, 77, 0.3764705882);
  margin: 0 10px;
}

.step-header .step-count {
  padding: 5px 10px;
  border-radius: 15px;
  color: white;
  background-color: rgba(68, 71, 77, 0.3764705882);
}

.step-header .step-count.active {
  background-color: #5977FF;
  color: white;
}

.wizard-table {
  min-height: 200px;
  max-height: 300px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.wizard-table .mat-table {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.wizard-table .mat-header-row {
  background-color: #fafafa;
  border-bottom: 1px solid #e0e0e0;
}

.wizard-table .mat-row {
  border-bottom: 1px solid #e0e0e0;
}

.wizard-table .mat-row:hover {
  background-color: #f5f5f5;
}

.wizard-table .mat-row.selected-row {
  background-color: rgba(89, 119, 255, 0.231372549) !important;
  border-left: 3px solid #5977FF;
}

.wizard-table .mat-row.selected-row:hover {
  background-color: rgba(89, 119, 255, 0.231372549) !important;
}

.locations-scrollable-content {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #f9f9f9;
}

.skills-scrollable-content {
  max-height: 700px;
}

.col-12 {
  margin: 0 !important;
  padding: 0 !important;
}

.mt-2 {
  margin-top: 0 !important;
}

.form-row {
  margin-bottom: 0.5rem;
}

.full-width {
  width: 100%;
}

.dialog-header {
  margin-bottom: 16px;
  background-color: transparent !important;
}

.dialog-header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.wizard-header {
  margin-bottom: 16px;
  background-color: transparent !important;
}

.wizard-header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.edit-button {
  color: #5977FF;
}

.edit-button:hover {
  background-color: rgba(89, 119, 255, 0.1);
}

.edit-button mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}

.mat-column-actions {
  text-align: right !important;
  justify-content: flex-end !important;
}

.step-content {
  color: #44474D;
  font-size: 15px;
  margin-bottom: 0.5rem;
}

.inactive-label {
  color: #f44336;
  font-size: 12px;
  margin-left: 8px;
}

.active-label {
  color: #4caf50;
  font-size: 12px;
  margin-left: 8px;
}

.selected-row {
  background-color: rgba(89, 119, 255, 0.231372549);
}

.clear-button {
  padding: 10px 25px;
  margin-bottom: 10px;
  border: 0.3px solid #1976d2;
  border-radius: 20px;
}

.loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  gap: 1rem;
  color: #666;
}

.no-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #999;
  gap: 0.5rem;
}

.no-items mat-icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
  color: #ccc;
}

.sticky-actions {
  position: sticky;
  z-index: 1000;
  height: 40px;
}

.filter-button {
  color: #5977FF;
  background-color: white;
  padding: 0.5rem 0;
  border-radius: 25px;
  border: 1px solid #5977FF;
  width: -moz-max-content !important;
  width: max-content !important;
  font-size: 16px;
  height: 40px;
  margin-right: 10px;
  padding-inline: 10px;
}

.save {
  color: white;
  background-color: #1FCE82;
}

.footer-button-cancel {
  color: #444;
  background-color: white;
  border: 1px solid #999;
  border-radius: 25px;
  width: -moz-max-content !important;
  width: max-content !important;
  font-size: 16px;
  height: 40px;
  padding-inline: 10px;
}

.footer-button-cancel:hover {
  background-color: #f5f5f5;
  border-color: #777;
  color: #333;
}

.reject-button {
  color: #D94238;
  background-color: white;
  border-radius: 25px;
  width: -moz-max-content !important;
  width: max-content !important;
  font-size: 16px;
  height: 40px;
  padding-inline: 10px;
  border: 1px solid #D94238;
}

.reject-button:hover {
  background-color: #ff5959;
  color: white;
}

.comment-button {
  padding: 5px;
  color: #5977FF;
  text-decoration: underline;
}

.add-button:hover {
  background-color: white;
  color: #5977FF;
  border: 1px solid #5977FF;
  cursor: pointer;
}

.add-button:disabled, .noHover {
  background-color: rgba(89, 119, 255, 0.2862745098);
  color: white;
  border: 1px solid white;
  cursor: default;
}

.disabled-row {
  pointer-events: none;
  opacity: 0.5;
}

.filter-button:hover {
  background-color: #5977FF;
  color: white;
}

i {
  color: #5977FF;
  font-size: 20px;
}

i:hover {
  opacity: 0.8;
}

.filter-icon {
  top: 12px;
  position: absolute;
  left: 10px;
}

.mat-row .icon-button {
  font-size: 1.3rem;
  margin-left: 5px;
  margin-right: 5px;
}

.icon-button {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .add-button {
    width: 140px;
    font-size: 14px;
  }
}

.tools-ctr {
  margin-bottom: 1rem;
  flex-wrap: wrap;
  gap: 1rem;
}

@media only screen and (max-width: 425px) {
  .add-button, .filter-button {
    width: 30px;
  }

  .filter-input {
    width: 90px;
  }

  .tools-ctr {
    flex-direction: column;
    align-items: center;
  }
}

.mat-row:hover {
  background-color: #fafafa;
  cursor: pointer;
}

.workflow-form-field .mat-form-field-flex {
  width: 300px;
  padding-right: 100px;
}

.mat-form-field .mat-form-field-flex {
  align-items: center !important;
}

.render-wrapper {
  display: flex;
  flex-direction: column;
  height: 80vh;
  overflow: hidden;
}

.scrollable-content {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}

.education-modal-scrollable {
  max-height: 70vh;
  overflow-y: auto;
}

#render-container {
  display: flex;
  flex-direction: column;
}

obs-build-resume-card,
obs-build-resumeNO-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 90vh;
}

.dialog-content-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.render-builder-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.main-content-container {
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
}

.form-section {
  flex: 1;
  overflow: hidden;
  padding-right: 8px;
}

.form-scrollable {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 8px;
}

.preview-section {
  flex: 1;
  overflow: hidden;
  padding-left: 8px;
}

.live-preview {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.default-cursor {
  cursor: default !important;
}

.delete-icon {
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
  font-size: 20px;
}

.delete-icon {
  background-repeat: no-repeat;
  display: inline-block;
  color: rgb(184, 10, 10);
  height: 24px;
  width: 24px;
  font-size: 20px;
  vertical-align: middle;
}

.delete-icon:hover {
  color: rgb(184, 10, 10);
}

.mat-column-actions {
  flex: 0 0 7%; /* Adjust width as needed */
}

.mat-column-status {
  flex: 0 0 5%;
}

.mat-column-bonus-eligibility-status {
  flex: 0 0 20%;
}

.mat-column-comments {
  flex: 0 0 20%;
}

.mat-column-name {
  flex: 0 0 25%;
}

.mat-column-type {
  flex: 0 0 10%;
}

.mat-column-careermentor {
  flex: 0 0 20%;
}

.mat-column-daterequested {
  flex: 0 0 10%;
}

.mat-column-projectDate {
  flex: 0 0 15%;
}

.mat-column-project {
  flex: 0 0 25%;
}

.mat-column-company {
  flex: 0 0 20%;
}

.mat-column-educationDate {
  flex: 0 0 15%;
}

.mat-column-educationType {
  flex: 0 0 15%;
}

.mat-column-educationName {
  flex: 0 0 42%;
}

.mat-column-educationStatus {
  flex: 0 0 10%;
}

.custom-tab-group .mat-tab-label {
  font-size: 16px;
  color: hsl(0deg, 0%, 40%);
}

.custom-tab-group .mat-tab-label.mat-tab-label-active {
  font-weight: 600;
  color: #1976d2;
  border-bottom: 2px solid #1976d2;
}

.custom-tab-group .mat-ink-bar {
  background-color: #1976d2;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.blurred {
  filter: blur(2px);
  pointer-events: none;
}

.cell-centered {
  justify-content: center;
}

.cell-right {
  justify-content: right;
}

.mat-tab-body-content {
  padding-top: 20px;
}

.mat-column-default {
  flex: 0 0 5%;
  justify-content: center;
}

.mat-menu-panel.actions-menu {
  min-width: 160px;
}

.mat-menu-panel.actions-menu .mat-menu-item {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  padding: 0 12px;
}

.mat-menu-panel.actions-menu .mat-menu-item.danger,
.mat-menu-panel.actions-menu .mat-menu-item.danger i {
  color: #dc2626;
}

.mat-column-date {
  flex: 0 0 7% !important;
}

.mat-column-units {
  flex: 0 0 5% !important;
}

.info-banner,
.responsibility-hint,
.experience-note {
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 8px 12px;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  font-size: 12px;
  color: #856404;
}

.info-banner small,
.responsibility-hint small,
.experience-note small {
  font-style: italic;
  display: inline-flex;
  align-items: center;
}

.info-banner .info-icon,
.responsibility-hint .info-icon,
.experience-note .info-icon {
  font-size: 14px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: middle;
}

.info-banner.warning,
.responsibility-hint.warning,
.experience-note.warning {
  color: #856404;
}

.info-banner.warning small,
.responsibility-hint.warning small,
.experience-note.warning small {
  font-weight: 500;
}

.responsibility-hint {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #4a4a4a;
}

.responsibility-hint small {
  font-size: 14px;
  color: #4a4a4a;
}

.responsibility-hint .info-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: #4a4a4a;
  margin-right: 4px;
}

.highlight-field .mat-form-field-flex,
.highlight-field .mat-mdc-text-field-wrapper {
  background-color: white;
}

.responsibility-list-field .mat-form-field-flex,
.responsibility-list-field .mat-mdc-text-field-wrapper {
  background-color: white;
}

.profile-summary-modal h1.mat-dialog-title.dialog-title-full-width-border,
obs-profileSummary-card h1.mat-dialog-title.dialog-title-full-width-border,
obs-profileSummaryNO-card h1.mat-dialog-title.dialog-title-full-width-border,
obs-project-card h1.mat-dialog-title.dialog-title-full-width-border,
obs-projectNO-card h1.mat-dialog-title.dialog-title-full-width-border,
obs-education-card h1.mat-dialog-title.dialog-title-full-width-border,
obs-educationNO-card h1.mat-dialog-title.dialog-title-full-width-border {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 32px;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.profile-summary-modal .dialog-title-row,
obs-profileSummary-card .dialog-title-row,
obs-profileSummaryNO-card .dialog-title-row,
obs-project-card .dialog-title-row,
obs-projectNO-card .dialog-title-row,
obs-education-card .dialog-title-row,
obs-educationNO-card .dialog-title-row {
  position: relative;
}

.profile-summary-modal .dialog-title-row .dialog-title-full-width-border,
obs-profileSummary-card .dialog-title-row .dialog-title-full-width-border,
obs-profileSummaryNO-card .dialog-title-row .dialog-title-full-width-border,
obs-project-card .dialog-title-row .dialog-title-full-width-border,
obs-projectNO-card .dialog-title-row .dialog-title-full-width-border,
obs-education-card .dialog-title-row .dialog-title-full-width-border,
obs-educationNO-card .dialog-title-row .dialog-title-full-width-border {
  padding-right: 2.5rem;
}

.profile-summary-modal .dialog-close-x,
obs-profileSummary-card .dialog-close-x,
obs-profileSummaryNO-card .dialog-close-x,
obs-project-card .dialog-close-x,
obs-projectNO-card .dialog-close-x,
obs-education-card .dialog-close-x,
obs-educationNO-card .dialog-close-x {
  position: absolute;
  top: 35%;
  right: 0;
  transform: translateY(-50%);
}

.profile-summary-modal .field-label,
obs-profileSummary-card .field-label,
obs-profileSummaryNO-card .field-label,
obs-project-card .field-label,
obs-projectNO-card .field-label,
obs-education-card .field-label,
obs-educationNO-card .field-label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  padding-top: 10px;
  padding-left: 15px;
}

.profile-summary-modal .profile-bio-section,
obs-profileSummary-card .profile-bio-section,
obs-profileSummaryNO-card .profile-bio-section,
obs-project-card .profile-bio-section,
obs-projectNO-card .profile-bio-section,
obs-education-card .profile-bio-section,
obs-educationNO-card .profile-bio-section {
  margin-top: 0;
  padding-top: 0;
}

.profile-summary-modal .chars-left,
obs-profileSummary-card .chars-left,
obs-profileSummaryNO-card .chars-left,
obs-project-card .chars-left,
obs-projectNO-card .chars-left,
obs-education-card .chars-left,
obs-educationNO-card .chars-left {
  display: block;
  text-align: right;
  font-size: 12px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.profile-summary-modal .project-date-start,
obs-profileSummary-card .project-date-start,
obs-profileSummaryNO-card .project-date-start,
obs-project-card .project-date-start,
obs-projectNO-card .project-date-start,
obs-education-card .project-date-start,
obs-educationNO-card .project-date-start {
  margin-right: -12px;
}

.profile-summary-modal .project-date-end,
obs-profileSummary-card .project-date-end,
obs-profileSummaryNO-card .project-date-end,
obs-project-card .project-date-end,
obs-projectNO-card .project-date-end,
obs-education-card .project-date-end,
obs-educationNO-card .project-date-end {
  padding-right: 0;
  padding-right: initial;
}

.profile-summary-modal .project-date,
obs-profileSummary-card .project-date,
obs-profileSummaryNO-card .project-date,
obs-project-card .project-date,
obs-projectNO-card .project-date,
obs-education-card .project-date,
obs-educationNO-card .project-date {
  padding-right: 15px;
}

.profile-summary-modal .is-cgi-checkbox-wrapper,
obs-profileSummary-card .is-cgi-checkbox-wrapper,
obs-profileSummaryNO-card .is-cgi-checkbox-wrapper,
obs-project-card .is-cgi-checkbox-wrapper,
obs-projectNO-card .is-cgi-checkbox-wrapper,
obs-education-card .is-cgi-checkbox-wrapper,
obs-educationNO-card .is-cgi-checkbox-wrapper {
  padding-left: 15px;
}

.profile-summary-modal .is-cgi-helper-text,
obs-profileSummary-card .is-cgi-helper-text,
obs-profileSummaryNO-card .is-cgi-helper-text,
obs-project-card .is-cgi-helper-text,
obs-projectNO-card .is-cgi-helper-text,
obs-education-card .is-cgi-helper-text,
obs-educationNO-card .is-cgi-helper-text {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 4px;
}

.profile-summary-modal .role-responsibilities-section,
obs-profileSummary-card .role-responsibilities-section,
obs-profileSummaryNO-card .role-responsibilities-section,
obs-project-card .role-responsibilities-section,
obs-projectNO-card .role-responsibilities-section,
obs-education-card .role-responsibilities-section,
obs-educationNO-card .role-responsibilities-section {
  background-color: #f0f0f0;
  padding: 16px;
  border-radius: 8px;
  margin-top: 16px;
}

.profile-summary-modal .role-responsibilities-section .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-profileSummary-card .role-responsibilities-section .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-profileSummaryNO-card .role-responsibilities-section .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-project-card .role-responsibilities-section .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-projectNO-card .role-responsibilities-section .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-education-card .role-responsibilities-section .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-educationNO-card .role-responsibilities-section .multi-select-field-outline multi-select-container .multi-select-container-root {
  background-color: white;
}

.profile-summary-modal .role-responsibilities-section .attachment-not-available,
obs-profileSummary-card .role-responsibilities-section .attachment-not-available,
obs-profileSummaryNO-card .role-responsibilities-section .attachment-not-available,
obs-project-card .role-responsibilities-section .attachment-not-available,
obs-projectNO-card .role-responsibilities-section .attachment-not-available,
obs-education-card .role-responsibilities-section .attachment-not-available,
obs-educationNO-card .role-responsibilities-section .attachment-not-available {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}

.profile-summary-modal .field-overflow-hidden,
obs-profileSummary-card .field-overflow-hidden,
obs-profileSummaryNO-card .field-overflow-hidden,
obs-project-card .field-overflow-hidden,
obs-projectNO-card .field-overflow-hidden,
obs-education-card .field-overflow-hidden,
obs-educationNO-card .field-overflow-hidden {
  overflow: hidden;
}

.profile-summary-modal .field-input-wrap-has-suffix,
obs-profileSummary-card .field-input-wrap-has-suffix,
obs-profileSummaryNO-card .field-input-wrap-has-suffix,
obs-project-card .field-input-wrap-has-suffix,
obs-projectNO-card .field-input-wrap-has-suffix,
obs-education-card .field-input-wrap-has-suffix,
obs-educationNO-card .field-input-wrap-has-suffix {
  position: relative;
}

.profile-summary-modal .field-input-wrap-has-suffix mat-icon,
obs-profileSummary-card .field-input-wrap-has-suffix mat-icon,
obs-profileSummaryNO-card .field-input-wrap-has-suffix mat-icon,
obs-project-card .field-input-wrap-has-suffix mat-icon,
obs-projectNO-card .field-input-wrap-has-suffix mat-icon,
obs-education-card .field-input-wrap-has-suffix mat-icon,
obs-educationNO-card .field-input-wrap-has-suffix mat-icon {
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
}

.profile-summary-modal .multi-select-field-outline,
obs-profileSummary-card .multi-select-field-outline,
obs-profileSummaryNO-card .multi-select-field-outline,
obs-project-card .multi-select-field-outline,
obs-projectNO-card .multi-select-field-outline,
obs-education-card .multi-select-field-outline,
obs-educationNO-card .multi-select-field-outline {
  padding-right: 15px;
}

.profile-summary-modal .multi-select-field-outline multi-select-container,
obs-profileSummary-card .multi-select-field-outline multi-select-container,
obs-profileSummaryNO-card .multi-select-field-outline multi-select-container,
obs-project-card .multi-select-field-outline multi-select-container,
obs-projectNO-card .multi-select-field-outline multi-select-container,
obs-education-card .multi-select-field-outline multi-select-container,
obs-educationNO-card .multi-select-field-outline multi-select-container {
  display: grid;
  padding-bottom: 20px;
}

.profile-summary-modal .multi-select-field-outline multi-select-container .multi-select-container-label,
obs-profileSummary-card .multi-select-field-outline multi-select-container .multi-select-container-label,
obs-profileSummaryNO-card .multi-select-field-outline multi-select-container .multi-select-container-label,
obs-project-card .multi-select-field-outline multi-select-container .multi-select-container-label,
obs-projectNO-card .multi-select-field-outline multi-select-container .multi-select-container-label,
obs-education-card .multi-select-field-outline multi-select-container .multi-select-container-label,
obs-educationNO-card .multi-select-field-outline multi-select-container .multi-select-container-label {
  display: none;
}

.profile-summary-modal .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-profileSummary-card .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-profileSummaryNO-card .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-project-card .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-projectNO-card .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-education-card .multi-select-field-outline multi-select-container .multi-select-container-root,
obs-educationNO-card .multi-select-field-outline multi-select-container .multi-select-container-root {
  border: 1px solid #e6e4e4;
  border-radius: 10px;
  background-color: transparent;
  padding: 0 1em 0 15px !important;
  margin-bottom: 0;
  gap: 0 !important;
  flex-direction: row !important;
}

.profile-summary-modal .multi-select-field-outline multi-select-container .multi-select-container-root > *,
obs-profileSummary-card .multi-select-field-outline multi-select-container .multi-select-container-root > *,
obs-profileSummaryNO-card .multi-select-field-outline multi-select-container .multi-select-container-root > *,
obs-project-card .multi-select-field-outline multi-select-container .multi-select-container-root > *,
obs-projectNO-card .multi-select-field-outline multi-select-container .multi-select-container-root > *,
obs-education-card .multi-select-field-outline multi-select-container .multi-select-container-root > *,
obs-educationNO-card .multi-select-field-outline multi-select-container .multi-select-container-root > * {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.profile-summary-modal .multi-select-field-outline multi-select-container .multi-select-container-items,
obs-profileSummary-card .multi-select-field-outline multi-select-container .multi-select-container-items,
obs-profileSummaryNO-card .multi-select-field-outline multi-select-container .multi-select-container-items,
obs-project-card .multi-select-field-outline multi-select-container .multi-select-container-items,
obs-projectNO-card .multi-select-field-outline multi-select-container .multi-select-container-items,
obs-education-card .multi-select-field-outline multi-select-container .multi-select-container-items,
obs-educationNO-card .multi-select-field-outline multi-select-container .multi-select-container-items {
  min-height: 0;
  align-items: center;
  padding-bottom: 0 !important;
}

.profile-summary-modal .multi-select-field-outline multi-select-container .multi-select-container-items > div,
obs-profileSummary-card .multi-select-field-outline multi-select-container .multi-select-container-items > div,
obs-profileSummaryNO-card .multi-select-field-outline multi-select-container .multi-select-container-items > div,
obs-project-card .multi-select-field-outline multi-select-container .multi-select-container-items > div,
obs-projectNO-card .multi-select-field-outline multi-select-container .multi-select-container-items > div,
obs-education-card .multi-select-field-outline multi-select-container .multi-select-container-items > div,
obs-educationNO-card .multi-select-field-outline multi-select-container .multi-select-container-items > div {
  min-height: 0;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  flex-direction: column !important;
}

.profile-summary-modal .multi-select-field-outline multi-select-container .multi-select-container-chips,
obs-profileSummary-card .multi-select-field-outline multi-select-container .multi-select-container-chips,
obs-profileSummaryNO-card .multi-select-field-outline multi-select-container .multi-select-container-chips,
obs-project-card .multi-select-field-outline multi-select-container .multi-select-container-chips,
obs-projectNO-card .multi-select-field-outline multi-select-container .multi-select-container-chips,
obs-education-card .multi-select-field-outline multi-select-container .multi-select-container-chips,
obs-educationNO-card .multi-select-field-outline multi-select-container .multi-select-container-chips {
  min-height: 32px;
}

.profile-summary-modal mat-form-field.profile-field-no-notch,
obs-profileSummary-card mat-form-field.profile-field-no-notch,
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch,
obs-project-card mat-form-field.profile-field-no-notch,
obs-projectNO-card mat-form-field.profile-field-no-notch,
obs-education-card mat-form-field.profile-field-no-notch,
obs-educationNO-card mat-form-field.profile-field-no-notch {
  width: 100%;
  max-width: 100%;
}

.profile-summary-modal mat-form-field.profile-field-no-notch .mat-form-field-label,
.profile-summary-modal mat-form-field.profile-field-no-notch .mat-mdc-form-field-label,
.profile-summary-modal mat-form-field.profile-field-no-notch .mdc-floating-label,
.profile-summary-modal mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-start .mat-form-field-outline-gap,
.profile-summary-modal mat-form-field.profile-field-no-notch [class*=mat-form-field-label],
obs-profileSummary-card mat-form-field.profile-field-no-notch .mat-form-field-label,
obs-profileSummary-card mat-form-field.profile-field-no-notch .mat-mdc-form-field-label,
obs-profileSummary-card mat-form-field.profile-field-no-notch .mdc-floating-label,
obs-profileSummary-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-start .mat-form-field-outline-gap,
obs-profileSummary-card mat-form-field.profile-field-no-notch [class*=mat-form-field-label],
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch .mat-form-field-label,
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch .mat-mdc-form-field-label,
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch .mdc-floating-label,
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-start .mat-form-field-outline-gap,
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch [class*=mat-form-field-label],
obs-project-card mat-form-field.profile-field-no-notch .mat-form-field-label,
obs-project-card mat-form-field.profile-field-no-notch .mat-mdc-form-field-label,
obs-project-card mat-form-field.profile-field-no-notch .mdc-floating-label,
obs-project-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-start .mat-form-field-outline-gap,
obs-project-card mat-form-field.profile-field-no-notch [class*=mat-form-field-label],
obs-projectNO-card mat-form-field.profile-field-no-notch .mat-form-field-label,
obs-projectNO-card mat-form-field.profile-field-no-notch .mat-mdc-form-field-label,
obs-projectNO-card mat-form-field.profile-field-no-notch .mdc-floating-label,
obs-projectNO-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-start .mat-form-field-outline-gap,
obs-projectNO-card mat-form-field.profile-field-no-notch [class*=mat-form-field-label],
obs-education-card mat-form-field.profile-field-no-notch .mat-form-field-label,
obs-education-card mat-form-field.profile-field-no-notch .mat-mdc-form-field-label,
obs-education-card mat-form-field.profile-field-no-notch .mdc-floating-label,
obs-education-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-start .mat-form-field-outline-gap,
obs-education-card mat-form-field.profile-field-no-notch [class*=mat-form-field-label],
obs-educationNO-card mat-form-field.profile-field-no-notch .mat-form-field-label,
obs-educationNO-card mat-form-field.profile-field-no-notch .mat-mdc-form-field-label,
obs-educationNO-card mat-form-field.profile-field-no-notch .mdc-floating-label,
obs-educationNO-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-start .mat-form-field-outline-gap,
obs-educationNO-card mat-form-field.profile-field-no-notch [class*=mat-form-field-label] {
  display: none !important;
  padding-bottom: 10px;
}

.profile-summary-modal mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-profileSummary-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-project-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-projectNO-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-education-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-educationNO-card mat-form-field.profile-field-no-notch .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-top: none;
  width: 0 !important;
  min-width: 0 !important;
}

.profile-summary-modal mat-form-field.profile-field-no-notch .mdc-notched-outline .mdc-notched-outline__notch,
obs-profileSummary-card mat-form-field.profile-field-no-notch .mdc-notched-outline .mdc-notched-outline__notch,
obs-profileSummaryNO-card mat-form-field.profile-field-no-notch .mdc-notched-outline .mdc-notched-outline__notch,
obs-project-card mat-form-field.profile-field-no-notch .mdc-notched-outline .mdc-notched-outline__notch,
obs-projectNO-card mat-form-field.profile-field-no-notch .mdc-notched-outline .mdc-notched-outline__notch,
obs-education-card mat-form-field.profile-field-no-notch .mdc-notched-outline .mdc-notched-outline__notch,
obs-educationNO-card mat-form-field.profile-field-no-notch .mdc-notched-outline .mdc-notched-outline__notch {
  max-width: 0;
  padding-left: 0;
  padding-right: 0;
  border: none;
}

.profile-summary-modal mat-form-field .mat-form-field-wrapper,
obs-profileSummary-card mat-form-field .mat-form-field-wrapper,
obs-profileSummaryNO-card mat-form-field .mat-form-field-wrapper,
obs-project-card mat-form-field .mat-form-field-wrapper,
obs-projectNO-card mat-form-field .mat-form-field-wrapper,
obs-education-card mat-form-field .mat-form-field-wrapper,
obs-educationNO-card mat-form-field .mat-form-field-wrapper {
  border-radius: 10px !important;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
}

.profile-summary-modal mat-form-field .mat-form-field-infix,
obs-profileSummary-card mat-form-field .mat-form-field-infix,
obs-profileSummaryNO-card mat-form-field .mat-form-field-infix,
obs-project-card mat-form-field .mat-form-field-infix,
obs-projectNO-card mat-form-field .mat-form-field-infix,
obs-education-card mat-form-field .mat-form-field-infix,
obs-educationNO-card mat-form-field .mat-form-field-infix {
  border-top: none !important;
}

.profile-summary-modal mat-form-field input,
.profile-summary-modal mat-form-field textarea,
obs-profileSummary-card mat-form-field input,
obs-profileSummary-card mat-form-field textarea,
obs-profileSummaryNO-card mat-form-field input,
obs-profileSummaryNO-card mat-form-field textarea,
obs-project-card mat-form-field input,
obs-project-card mat-form-field textarea,
obs-projectNO-card mat-form-field input,
obs-projectNO-card mat-form-field textarea,
obs-education-card mat-form-field input,
obs-education-card mat-form-field textarea,
obs-educationNO-card mat-form-field input,
obs-educationNO-card mat-form-field textarea {
  border-radius: 0 !important;
}

.profile-summary-modal mat-form-field input:focus,
.profile-summary-modal mat-form-field textarea:focus,
obs-profileSummary-card mat-form-field input:focus,
obs-profileSummary-card mat-form-field textarea:focus,
obs-profileSummaryNO-card mat-form-field input:focus,
obs-profileSummaryNO-card mat-form-field textarea:focus,
obs-project-card mat-form-field input:focus,
obs-project-card mat-form-field textarea:focus,
obs-projectNO-card mat-form-field input:focus,
obs-projectNO-card mat-form-field textarea:focus,
obs-education-card mat-form-field input:focus,
obs-education-card mat-form-field textarea:focus,
obs-educationNO-card mat-form-field input:focus,
obs-educationNO-card mat-form-field textarea:focus {
  outline: none;
}

.profile-summary-modal mat-form-field .mat-form-field-subscript-wrapper,
obs-profileSummary-card mat-form-field .mat-form-field-subscript-wrapper,
obs-profileSummaryNO-card mat-form-field .mat-form-field-subscript-wrapper,
obs-project-card mat-form-field .mat-form-field-subscript-wrapper,
obs-projectNO-card mat-form-field .mat-form-field-subscript-wrapper,
obs-education-card mat-form-field .mat-form-field-subscript-wrapper,
obs-educationNO-card mat-form-field .mat-form-field-subscript-wrapper {
  border-radius: 0 0 10px 10px !important;
}

.profile-summary-modal mat-form-field .mdc-text-field--outlined,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined,
obs-project-card mat-form-field .mdc-text-field--outlined,
obs-projectNO-card mat-form-field .mdc-text-field--outlined,
obs-education-card mat-form-field .mdc-text-field--outlined,
obs-educationNO-card mat-form-field .mdc-text-field--outlined {
  border-radius: 10px !important;
}

.profile-summary-modal mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
.profile-summary-modal mat-form-field .mdc-text-field--outlined .mdc-notched-outline,
.profile-summary-modal mat-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
.profile-summary-modal mat-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
.profile-summary-modal mat-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing,
obs-project-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-project-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline,
obs-project-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
obs-project-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
obs-project-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing,
obs-projectNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-projectNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline,
obs-projectNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
obs-projectNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
obs-projectNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing,
obs-education-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-education-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline,
obs-education-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
obs-education-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
obs-education-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing,
obs-educationNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-educationNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline,
obs-educationNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
obs-educationNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
obs-educationNO-card mat-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-radius: 10px !important;
}

.profile-summary-modal mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
.profile-summary-modal mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-flex,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-flex,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-flex,
obs-project-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-project-card mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-flex,
obs-projectNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-projectNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-flex,
obs-education-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-education-card mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-flex,
obs-educationNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-text-field-wrapper,
obs-educationNO-card mat-form-field .mdc-text-field--outlined .mat-mdc-form-field-flex {
  border-top: none !important;
}

.profile-summary-modal mat-form-field .mdc-text-field--outlined input,
.profile-summary-modal mat-form-field .mdc-text-field--outlined textarea,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined input,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined textarea,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined input,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined textarea,
obs-project-card mat-form-field .mdc-text-field--outlined input,
obs-project-card mat-form-field .mdc-text-field--outlined textarea,
obs-projectNO-card mat-form-field .mdc-text-field--outlined input,
obs-projectNO-card mat-form-field .mdc-text-field--outlined textarea,
obs-education-card mat-form-field .mdc-text-field--outlined input,
obs-education-card mat-form-field .mdc-text-field--outlined textarea,
obs-educationNO-card mat-form-field .mdc-text-field--outlined input,
obs-educationNO-card mat-form-field .mdc-text-field--outlined textarea {
  border-radius: 0 !important;
}

.profile-summary-modal mat-form-field .mdc-text-field--outlined input:focus,
.profile-summary-modal mat-form-field .mdc-text-field--outlined textarea:focus,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined input:focus,
obs-profileSummary-card mat-form-field .mdc-text-field--outlined textarea:focus,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined input:focus,
obs-profileSummaryNO-card mat-form-field .mdc-text-field--outlined textarea:focus,
obs-project-card mat-form-field .mdc-text-field--outlined input:focus,
obs-project-card mat-form-field .mdc-text-field--outlined textarea:focus,
obs-projectNO-card mat-form-field .mdc-text-field--outlined input:focus,
obs-projectNO-card mat-form-field .mdc-text-field--outlined textarea:focus,
obs-education-card mat-form-field .mdc-text-field--outlined input:focus,
obs-education-card mat-form-field .mdc-text-field--outlined textarea:focus,
obs-educationNO-card mat-form-field .mdc-text-field--outlined input:focus,
obs-educationNO-card mat-form-field .mdc-text-field--outlined textarea:focus {
  outline: none;
}

.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing {
  border-radius: 9999px !important;
}

.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start {
  border-radius: 9999px 0 0 9999px !important;
}

.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-radius: 0 !important;
}

.profile-summary-modal mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end,
obs-profileSummary-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end,
obs-profileSummaryNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end,
obs-project-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end,
obs-projectNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end,
obs-education-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end,
obs-educationNO-card mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end {
  border-radius: 0 9999px 9999px 0 !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0 !important;
}

.chars-left-no-bottom-padding {
  padding-bottom: 0 !important;
}

.field-label-no-top-padding {
  padding-top: 0 !important;
}

.field-input-wrap {
  position: relative;
}

.field-input-wrap-has-suffix .field-input {
  padding-right: 2.5rem;
}

.field-input-wrap-has-suffix select.field-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}

.field-input-wrap-has-suffix mat-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
}

.field-input-wrap-has-suffix mat-datepicker-toggle {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
}

.field-input {
  width: 100%;
  max-width: 97%;
  box-sizing: border-box;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  padding: 0.5rem 1rem 0.5rem 1rem;
  margin: 0 0 5px 10px;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.field-input:hover {
  border-color: #6b7280;
}

.field-input:focus {
  outline: none;
  box-shadow: 0 0 0 1px #3b82f6;
  border-color: #3b82f6;
}

.field-input-textarea {
  resize: vertical;
  border-radius: 10px; /* rounded corners like other form fields; 9999px would make textarea look circular */
}

.field-input-max-width-98 {
  max-width: 98%;
}

.field-input-error {
  display: block;
  font-size: 75%;
  color: #f44336;
  margin-top: 0.25rem;
  padding-left: 20px;
}

mat-form-field.multi-dropdown-field-input-style {
  width: 100%;
  max-width: 97%;
  margin: 0 0 5px 10px;
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper,
mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline,
mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing {
  border-radius: 9999px !important;
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start {
  border-radius: 9999px 0 0 9999px !important;
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-radius: 0 !important;
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end {
  border-radius: 0 9999px 9999px 0 !important;
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-infix,
mat-form-field.multi-dropdown-field-input-style .mat-mdc-form-field-flex {
  padding: 0.5rem 1rem;
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline,
mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-start,
mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-gap,
mat-form-field.multi-dropdown-field-input-style .mat-form-field-outline-thick .mat-form-field-outline-end,
mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__leading,
mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__notch,
mat-form-field.multi-dropdown-field-input-style .mdc-notched-outline__trailing {
  border-color: #d1d5db !important;
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper,
mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper:hover .mat-form-field-outline,
mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper:hover .mdc-notched-outline__leading,
mat-form-field.multi-dropdown-field-input-style .mat-form-field-wrapper:hover .mdc-notched-outline__trailing,
mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper:hover .mdc-notched-outline__leading,
mat-form-field.multi-dropdown-field-input-style .mat-mdc-text-field-wrapper:hover .mdc-notched-outline__trailing {
  border-color: #6b7280 !important;
}

mat-form-field.multi-dropdown-field-input-style.mat-focused .mat-form-field-outline, mat-form-field.multi-dropdown-field-input-style.mat-focused .mdc-notched-outline__leading, mat-form-field.multi-dropdown-field-input-style.mat-focused .mdc-notched-outline__trailing,
mat-form-field.multi-dropdown-field-input-style .mat-mdc-form-field-focus-overlay {
  border-color: #3b82f6 !important;
}

mat-form-field.multi-dropdown-field-input-style.mat-focused .mat-form-field-wrapper, mat-form-field.multi-dropdown-field-input-style.mat-focused .mat-mdc-text-field-wrapper {
  box-shadow: 0 0 0 1px #3b82f6 !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular-devkit/build-angular/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[9].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!./src/@vex/styles/tailwind.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
 */

[type=search]::-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 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--foreground-divider); /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role=button] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

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;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

input, textarea {
  box-sizing: content-box;
  line-height: 1.5;
}

button:focus {
  outline: medium none invert !important;
  outline: initial !important;
}

code {
  background: var(--background-app-bar);
  border-radius: var(--border-radius);
  color: var(--text-color);
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 85%;
  padding: 0.2em 0.4em;
}

blockquote {
  background-color: #FBE4E7;
  border-left: 3px solid #1976d2;
  color: rgba(0, 0, 0, 0.87);
  font-style: normal;
  margin: 1em 0 1.5em;
  padding: 1em 1.5em;
}

blockquote > * {
  margin: 0;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--padding-gutter);
  padding-left: var(--padding-gutter);
}

@media (min-width: 600px) {
  .container {
    max-width: 600px;
  }
}

@media (min-width: 960px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

:root .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

:root .not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

:root .focus\:sr-only:focus {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

:root .focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

:root .appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

:root .bg-fixed {
  background-attachment: fixed;
}

:root .bg-local {
  background-attachment: local;
}

:root .bg-scroll {
  background-attachment: scroll;
}

:root .bg-base {
  background-color: var(--background-base);
}

:root .bg-card {
  background-color: var(--background-card);
}

:root .bg-app-bar {
  background-color: var(--background-app-bar);
}

:root .bg-hover {
  background-color: var(--background-hover);
}

:root .bg-transparent {
  background-color: transparent;
}

:root .bg-black {
  background-color: var(--text-color);
}

:root .bg-white {
  background-color: var(--text-color-light);
}

:root .bg-contrast-black {
  background-color: black;
}

:root .bg-contrast-white {
  background-color: white;
}

:root .bg-obs-primary {
  background-color: #5977FF;
}

:root .bg-obs-secondary {
  background-color: #5d5c64;
}

:root .bg-obs-maroon {
  background-color: #961e36;
}

:root .bg-obs-navy {
  background-color: #3e4861;
}

:root .bg-obs-pink {
  background-color: #d2afc5;
}

:root .bg-obs-dark-orange {
  background-color: #d6582a;
}

:root .bg-obs-gold {
  background-color: #9d8944;
}

:root .bg-obs-light-blue {
  background-color: #A3C2D6;
}

:root .bg-obs-purple {
  background-color: #722670;
}

:root .bg-obs-light-orange {
  background-color: #fF9c01;
}

:root .bg-obs-blue {
  background-color: #5da7d6;
}

:root .bg-gray-50 {
  background-color: #fafafa;
}

:root .bg-gray-100 {
  background-color: #f5f5f5;
}

:root .bg-gray-200 {
  background-color: #eeeeee;
}

:root .bg-gray-300 {
  background-color: #e0e0e0;
}

:root .bg-gray-400 {
  background-color: #bdbdbd;
}

:root .bg-gray-500 {
  background-color: #9e9e9e;
}

:root .bg-gray-600 {
  background-color: #757575;
}

:root .bg-gray-700 {
  background-color: #616161;
}

:root .bg-gray-800 {
  background-color: #424242;
}

:root .bg-gray-900 {
  background-color: #212121;
}

:root .bg-red-50 {
  background-color: #ffebee;
}

:root .bg-red-100 {
  background-color: #ffcdd2;
}

:root .bg-red-200 {
  background-color: #ef9a9a;
}

:root .bg-red-300 {
  background-color: #e57373;
}

:root .bg-red-400 {
  background-color: #ef5350;
}

:root .bg-red-500 {
  background-color: #f44336;
}

:root .bg-red-600 {
  background-color: #e53935;
}

:root .bg-red-700 {
  background-color: #d32f2f;
}

:root .bg-red-800 {
  background-color: #c62828;
}

:root .bg-red-900 {
  background-color: #b71c1c;
}

:root .bg-orange-50 {
  background-color: #fff3e0;
}

:root .bg-orange-100 {
  background-color: #ffe0b2;
}

:root .bg-orange-200 {
  background-color: #ffcc80;
}

:root .bg-orange-300 {
  background-color: #ffb74d;
}

:root .bg-orange-400 {
  background-color: #ffa726;
}

:root .bg-orange-500 {
  background-color: #ff9800;
}

:root .bg-orange-600 {
  background-color: #fb8c00;
}

:root .bg-orange-700 {
  background-color: #f57c00;
}

:root .bg-orange-800 {
  background-color: #ef6c00;
}

:root .bg-orange-900 {
  background-color: #e65100;
}

:root .bg-deep-orange-50 {
  background-color: #fbe9e7;
}

:root .bg-deep-orange-100 {
  background-color: #ffccbc;
}

:root .bg-deep-orange-200 {
  background-color: #ffab91;
}

:root .bg-deep-orange-300 {
  background-color: #ff8a65;
}

:root .bg-deep-orange-400 {
  background-color: #ff7043;
}

:root .bg-deep-orange-500 {
  background-color: #ff5722;
}

:root .bg-deep-orange-600 {
  background-color: #f4511e;
}

:root .bg-deep-orange-700 {
  background-color: #e64a19;
}

:root .bg-deep-orange-800 {
  background-color: #d84315;
}

:root .bg-deep-orange-900 {
  background-color: #bf360c;
}

:root .bg-amber-50 {
  background-color: #fff8e1;
}

:root .bg-amber-100 {
  background-color: #ffecb3;
}

:root .bg-amber-200 {
  background-color: #ffe082;
}

:root .bg-amber-300 {
  background-color: #ffd54f;
}

:root .bg-amber-400 {
  background-color: #ffca28;
}

:root .bg-amber-500 {
  background-color: #ffc107;
}

:root .bg-amber-600 {
  background-color: #ffb300;
}

:root .bg-amber-700 {
  background-color: #ffa000;
}

:root .bg-amber-800 {
  background-color: #ff8f00;
}

:root .bg-amber-900 {
  background-color: #ff6f00;
}

:root .bg-light-green-50 {
  background-color: #f1f8e9;
}

:root .bg-light-green-100 {
  background-color: #dcedc8;
}

:root .bg-light-green-200 {
  background-color: #c5e1a5;
}

:root .bg-light-green-300 {
  background-color: #aed581;
}

:root .bg-light-green-400 {
  background-color: #9ccc65;
}

:root .bg-light-green-500 {
  background-color: #8bc34a;
}

:root .bg-light-green-600 {
  background-color: #7cb342;
}

:root .bg-light-green-700 {
  background-color: #689f38;
}

:root .bg-light-green-800 {
  background-color: #558b2f;
}

:root .bg-light-green-900 {
  background-color: #33691e;
}

:root .bg-green-50 {
  background-color: #e8f5e9;
}

:root .bg-green-100 {
  background-color: #c8e6c9;
}

:root .bg-green-200 {
  background-color: #a5d6a7;
}

:root .bg-green-300 {
  background-color: #81c784;
}

:root .bg-green-400 {
  background-color: #66bb6a;
}

:root .bg-green-500 {
  background-color: #4caf50;
}

:root .bg-green-600 {
  background-color: #43a047;
}

:root .bg-green-700 {
  background-color: #388e3c;
}

:root .bg-green-800 {
  background-color: #2e7d32;
}

:root .bg-green-900 {
  background-color: #1b5e20;
}

:root .bg-teal-50 {
  background-color: #e0f2f1;
}

:root .bg-teal-100 {
  background-color: #b2dfdb;
}

:root .bg-teal-200 {
  background-color: #80cbc4;
}

:root .bg-teal-300 {
  background-color: #4db6ac;
}

:root .bg-teal-400 {
  background-color: #26a69a;
}

:root .bg-teal-500 {
  background-color: #009688;
}

:root .bg-teal-600 {
  background-color: #00897b;
}

:root .bg-teal-700 {
  background-color: #00796b;
}

:root .bg-teal-800 {
  background-color: #00695c;
}

:root .bg-teal-900 {
  background-color: #004d40;
}

:root .bg-cyan-50 {
  background-color: #e0f7fa;
}

:root .bg-cyan-100 {
  background-color: #b2ebf2;
}

:root .bg-cyan-200 {
  background-color: #80deea;
}

:root .bg-cyan-300 {
  background-color: #4dd0e1;
}

:root .bg-cyan-400 {
  background-color: #26c6da;
}

:root .bg-cyan-500 {
  background-color: #00bcd4;
}

:root .bg-cyan-600 {
  background-color: #00acc1;
}

:root .bg-cyan-700 {
  background-color: #0097a7;
}

:root .bg-cyan-800 {
  background-color: #00838f;
}

:root .bg-cyan-900 {
  background-color: #006064;
}

:root .bg-purple-50 {
  background-color: #f3e5f5;
}

:root .bg-purple-100 {
  background-color: #e1bee7;
}

:root .bg-purple-200 {
  background-color: #ce93d8;
}

:root .bg-purple-300 {
  background-color: #ba68c8;
}

:root .bg-purple-400 {
  background-color: #ab47bc;
}

:root .bg-purple-500 {
  background-color: #9c27b0;
}

:root .bg-purple-600 {
  background-color: #8e24aa;
}

:root .bg-purple-700 {
  background-color: #7b1fa2;
}

:root .bg-purple-800 {
  background-color: #6a1b9a;
}

:root .bg-purple-900 {
  background-color: #4a148c;
}

:root .bg-deep-purple-50 {
  background-color: #ede7f6;
}

:root .bg-deep-purple-100 {
  background-color: #d1c4e9;
}

:root .bg-deep-purple-200 {
  background-color: #b39ddb;
}

:root .bg-deep-purple-300 {
  background-color: #9575cd;
}

:root .bg-deep-purple-400 {
  background-color: #7e57c2;
}

:root .bg-deep-purple-500 {
  background-color: #673ab7;
}

:root .bg-deep-purple-600 {
  background-color: #5e35b1;
}

:root .bg-deep-purple-700 {
  background-color: #512da8;
}

:root .bg-deep-purple-800 {
  background-color: #4527a0;
}

:root .bg-deep-purple-900 {
  background-color: #311b92;
}

:root .bg-primary-50 {
  background-color: #FBE4E7;
}

:root .bg-primary-100 {
  background-color: #F5BCC2;
}

:root .bg-primary-200 {
  background-color: #EE8F9A;
}

:root .bg-primary-300 {
  background-color: #E76272;
}

:root .bg-primary-400 {
  background-color: #E14053;
}

:root .bg-primary-500 {
  background-color: #1976d2;
}

:root .bg-primary-600 {
  background-color: #D81A30;
}

:root .bg-primary-700 {
  background-color: #D31628;
}

:root .bg-primary-800 {
  background-color: #CE1222;
}

:root .bg-primary-900 {
  background-color: #C50A16;
}

:root .hover\:bg-base:hover {
  background-color: var(--background-base);
}

:root .hover\:bg-card:hover {
  background-color: var(--background-card);
}

:root .hover\:bg-app-bar:hover {
  background-color: var(--background-app-bar);
}

:root .hover\:bg-hover:hover {
  background-color: var(--background-hover);
}

:root .hover\:bg-transparent:hover {
  background-color: transparent;
}

:root .hover\:bg-black:hover {
  background-color: var(--text-color);
}

:root .hover\:bg-white:hover {
  background-color: var(--text-color-light);
}

:root .hover\:bg-contrast-black:hover {
  background-color: black;
}

:root .hover\:bg-contrast-white:hover {
  background-color: white;
}

:root .hover\:bg-obs-primary:hover {
  background-color: #5977FF;
}

:root .hover\:bg-obs-secondary:hover {
  background-color: #5d5c64;
}

:root .hover\:bg-obs-maroon:hover {
  background-color: #961e36;
}

:root .hover\:bg-obs-navy:hover {
  background-color: #3e4861;
}

:root .hover\:bg-obs-pink:hover {
  background-color: #d2afc5;
}

:root .hover\:bg-obs-dark-orange:hover {
  background-color: #d6582a;
}

:root .hover\:bg-obs-gold:hover {
  background-color: #9d8944;
}

:root .hover\:bg-obs-light-blue:hover {
  background-color: #A3C2D6;
}

:root .hover\:bg-obs-purple:hover {
  background-color: #722670;
}

:root .hover\:bg-obs-light-orange:hover {
  background-color: #fF9c01;
}

:root .hover\:bg-obs-blue:hover {
  background-color: #5da7d6;
}

:root .hover\:bg-gray-50:hover {
  background-color: #fafafa;
}

:root .hover\:bg-gray-100:hover {
  background-color: #f5f5f5;
}

:root .hover\:bg-gray-200:hover {
  background-color: #eeeeee;
}

:root .hover\:bg-gray-300:hover {
  background-color: #e0e0e0;
}

:root .hover\:bg-gray-400:hover {
  background-color: #bdbdbd;
}

:root .hover\:bg-gray-500:hover {
  background-color: #9e9e9e;
}

:root .hover\:bg-gray-600:hover {
  background-color: #757575;
}

:root .hover\:bg-gray-700:hover {
  background-color: #616161;
}

:root .hover\:bg-gray-800:hover {
  background-color: #424242;
}

:root .hover\:bg-gray-900:hover {
  background-color: #212121;
}

:root .hover\:bg-red-50:hover {
  background-color: #ffebee;
}

:root .hover\:bg-red-100:hover {
  background-color: #ffcdd2;
}

:root .hover\:bg-red-200:hover {
  background-color: #ef9a9a;
}

:root .hover\:bg-red-300:hover {
  background-color: #e57373;
}

:root .hover\:bg-red-400:hover {
  background-color: #ef5350;
}

:root .hover\:bg-red-500:hover {
  background-color: #f44336;
}

:root .hover\:bg-red-600:hover {
  background-color: #e53935;
}

:root .hover\:bg-red-700:hover {
  background-color: #d32f2f;
}

:root .hover\:bg-red-800:hover {
  background-color: #c62828;
}

:root .hover\:bg-red-900:hover {
  background-color: #b71c1c;
}

:root .hover\:bg-orange-50:hover {
  background-color: #fff3e0;
}

:root .hover\:bg-orange-100:hover {
  background-color: #ffe0b2;
}

:root .hover\:bg-orange-200:hover {
  background-color: #ffcc80;
}

:root .hover\:bg-orange-300:hover {
  background-color: #ffb74d;
}

:root .hover\:bg-orange-400:hover {
  background-color: #ffa726;
}

:root .hover\:bg-orange-500:hover {
  background-color: #ff9800;
}

:root .hover\:bg-orange-600:hover {
  background-color: #fb8c00;
}

:root .hover\:bg-orange-700:hover {
  background-color: #f57c00;
}

:root .hover\:bg-orange-800:hover {
  background-color: #ef6c00;
}

:root .hover\:bg-orange-900:hover {
  background-color: #e65100;
}

:root .hover\:bg-deep-orange-50:hover {
  background-color: #fbe9e7;
}

:root .hover\:bg-deep-orange-100:hover {
  background-color: #ffccbc;
}

:root .hover\:bg-deep-orange-200:hover {
  background-color: #ffab91;
}

:root .hover\:bg-deep-orange-300:hover {
  background-color: #ff8a65;
}

:root .hover\:bg-deep-orange-400:hover {
  background-color: #ff7043;
}

:root .hover\:bg-deep-orange-500:hover {
  background-color: #ff5722;
}

:root .hover\:bg-deep-orange-600:hover {
  background-color: #f4511e;
}

:root .hover\:bg-deep-orange-700:hover {
  background-color: #e64a19;
}

:root .hover\:bg-deep-orange-800:hover {
  background-color: #d84315;
}

:root .hover\:bg-deep-orange-900:hover {
  background-color: #bf360c;
}

:root .hover\:bg-amber-50:hover {
  background-color: #fff8e1;
}

:root .hover\:bg-amber-100:hover {
  background-color: #ffecb3;
}

:root .hover\:bg-amber-200:hover {
  background-color: #ffe082;
}

:root .hover\:bg-amber-300:hover {
  background-color: #ffd54f;
}

:root .hover\:bg-amber-400:hover {
  background-color: #ffca28;
}

:root .hover\:bg-amber-500:hover {
  background-color: #ffc107;
}

:root .hover\:bg-amber-600:hover {
  background-color: #ffb300;
}

:root .hover\:bg-amber-700:hover {
  background-color: #ffa000;
}

:root .hover\:bg-amber-800:hover {
  background-color: #ff8f00;
}

:root .hover\:bg-amber-900:hover {
  background-color: #ff6f00;
}

:root .hover\:bg-light-green-50:hover {
  background-color: #f1f8e9;
}

:root .hover\:bg-light-green-100:hover {
  background-color: #dcedc8;
}

:root .hover\:bg-light-green-200:hover {
  background-color: #c5e1a5;
}

:root .hover\:bg-light-green-300:hover {
  background-color: #aed581;
}

:root .hover\:bg-light-green-400:hover {
  background-color: #9ccc65;
}

:root .hover\:bg-light-green-500:hover {
  background-color: #8bc34a;
}

:root .hover\:bg-light-green-600:hover {
  background-color: #7cb342;
}

:root .hover\:bg-light-green-700:hover {
  background-color: #689f38;
}

:root .hover\:bg-light-green-800:hover {
  background-color: #558b2f;
}

:root .hover\:bg-light-green-900:hover {
  background-color: #33691e;
}

:root .hover\:bg-green-50:hover {
  background-color: #e8f5e9;
}

:root .hover\:bg-green-100:hover {
  background-color: #c8e6c9;
}

:root .hover\:bg-green-200:hover {
  background-color: #a5d6a7;
}

:root .hover\:bg-green-300:hover {
  background-color: #81c784;
}

:root .hover\:bg-green-400:hover {
  background-color: #66bb6a;
}

:root .hover\:bg-green-500:hover {
  background-color: #4caf50;
}

:root .hover\:bg-green-600:hover {
  background-color: #43a047;
}

:root .hover\:bg-green-700:hover {
  background-color: #388e3c;
}

:root .hover\:bg-green-800:hover {
  background-color: #2e7d32;
}

:root .hover\:bg-green-900:hover {
  background-color: #1b5e20;
}

:root .hover\:bg-teal-50:hover {
  background-color: #e0f2f1;
}

:root .hover\:bg-teal-100:hover {
  background-color: #b2dfdb;
}

:root .hover\:bg-teal-200:hover {
  background-color: #80cbc4;
}

:root .hover\:bg-teal-300:hover {
  background-color: #4db6ac;
}

:root .hover\:bg-teal-400:hover {
  background-color: #26a69a;
}

:root .hover\:bg-teal-500:hover {
  background-color: #009688;
}

:root .hover\:bg-teal-600:hover {
  background-color: #00897b;
}

:root .hover\:bg-teal-700:hover {
  background-color: #00796b;
}

:root .hover\:bg-teal-800:hover {
  background-color: #00695c;
}

:root .hover\:bg-teal-900:hover {
  background-color: #004d40;
}

:root .hover\:bg-cyan-50:hover {
  background-color: #e0f7fa;
}

:root .hover\:bg-cyan-100:hover {
  background-color: #b2ebf2;
}

:root .hover\:bg-cyan-200:hover {
  background-color: #80deea;
}

:root .hover\:bg-cyan-300:hover {
  background-color: #4dd0e1;
}

:root .hover\:bg-cyan-400:hover {
  background-color: #26c6da;
}

:root .hover\:bg-cyan-500:hover {
  background-color: #00bcd4;
}

:root .hover\:bg-cyan-600:hover {
  background-color: #00acc1;
}

:root .hover\:bg-cyan-700:hover {
  background-color: #0097a7;
}

:root .hover\:bg-cyan-800:hover {
  background-color: #00838f;
}

:root .hover\:bg-cyan-900:hover {
  background-color: #006064;
}

:root .hover\:bg-purple-50:hover {
  background-color: #f3e5f5;
}

:root .hover\:bg-purple-100:hover {
  background-color: #e1bee7;
}

:root .hover\:bg-purple-200:hover {
  background-color: #ce93d8;
}

:root .hover\:bg-purple-300:hover {
  background-color: #ba68c8;
}

:root .hover\:bg-purple-400:hover {
  background-color: #ab47bc;
}

:root .hover\:bg-purple-500:hover {
  background-color: #9c27b0;
}

:root .hover\:bg-purple-600:hover {
  background-color: #8e24aa;
}

:root .hover\:bg-purple-700:hover {
  background-color: #7b1fa2;
}

:root .hover\:bg-purple-800:hover {
  background-color: #6a1b9a;
}

:root .hover\:bg-purple-900:hover {
  background-color: #4a148c;
}

:root .hover\:bg-deep-purple-50:hover {
  background-color: #ede7f6;
}

:root .hover\:bg-deep-purple-100:hover {
  background-color: #d1c4e9;
}

:root .hover\:bg-deep-purple-200:hover {
  background-color: #b39ddb;
}

:root .hover\:bg-deep-purple-300:hover {
  background-color: #9575cd;
}

:root .hover\:bg-deep-purple-400:hover {
  background-color: #7e57c2;
}

:root .hover\:bg-deep-purple-500:hover {
  background-color: #673ab7;
}

:root .hover\:bg-deep-purple-600:hover {
  background-color: #5e35b1;
}

:root .hover\:bg-deep-purple-700:hover {
  background-color: #512da8;
}

:root .hover\:bg-deep-purple-800:hover {
  background-color: #4527a0;
}

:root .hover\:bg-deep-purple-900:hover {
  background-color: #311b92;
}

:root .hover\:bg-primary-50:hover {
  background-color: #FBE4E7;
}

:root .hover\:bg-primary-100:hover {
  background-color: #F5BCC2;
}

:root .hover\:bg-primary-200:hover {
  background-color: #EE8F9A;
}

:root .hover\:bg-primary-300:hover {
  background-color: #E76272;
}

:root .hover\:bg-primary-400:hover {
  background-color: #E14053;
}

:root .hover\:bg-primary-500:hover {
  background-color: #1976d2;
}

:root .hover\:bg-primary-600:hover {
  background-color: #D81A30;
}

:root .hover\:bg-primary-700:hover {
  background-color: #D31628;
}

:root .hover\:bg-primary-800:hover {
  background-color: #CE1222;
}

:root .hover\:bg-primary-900:hover {
  background-color: #C50A16;
}

:root .focus\:bg-base:focus {
  background-color: var(--background-base);
}

:root .focus\:bg-card:focus {
  background-color: var(--background-card);
}

:root .focus\:bg-app-bar:focus {
  background-color: var(--background-app-bar);
}

:root .focus\:bg-hover:focus {
  background-color: var(--background-hover);
}

:root .focus\:bg-transparent:focus {
  background-color: transparent;
}

:root .focus\:bg-black:focus {
  background-color: var(--text-color);
}

:root .focus\:bg-white:focus {
  background-color: var(--text-color-light);
}

:root .focus\:bg-contrast-black:focus {
  background-color: black;
}

:root .focus\:bg-contrast-white:focus {
  background-color: white;
}

:root .focus\:bg-obs-primary:focus {
  background-color: #5977FF;
}

:root .focus\:bg-obs-secondary:focus {
  background-color: #5d5c64;
}

:root .focus\:bg-obs-maroon:focus {
  background-color: #961e36;
}

:root .focus\:bg-obs-navy:focus {
  background-color: #3e4861;
}

:root .focus\:bg-obs-pink:focus {
  background-color: #d2afc5;
}

:root .focus\:bg-obs-dark-orange:focus {
  background-color: #d6582a;
}

:root .focus\:bg-obs-gold:focus {
  background-color: #9d8944;
}

:root .focus\:bg-obs-light-blue:focus {
  background-color: #A3C2D6;
}

:root .focus\:bg-obs-purple:focus {
  background-color: #722670;
}

:root .focus\:bg-obs-light-orange:focus {
  background-color: #fF9c01;
}

:root .focus\:bg-obs-blue:focus {
  background-color: #5da7d6;
}

:root .focus\:bg-gray-50:focus {
  background-color: #fafafa;
}

:root .focus\:bg-gray-100:focus {
  background-color: #f5f5f5;
}

:root .focus\:bg-gray-200:focus {
  background-color: #eeeeee;
}

:root .focus\:bg-gray-300:focus {
  background-color: #e0e0e0;
}

:root .focus\:bg-gray-400:focus {
  background-color: #bdbdbd;
}

:root .focus\:bg-gray-500:focus {
  background-color: #9e9e9e;
}

:root .focus\:bg-gray-600:focus {
  background-color: #757575;
}

:root .focus\:bg-gray-700:focus {
  background-color: #616161;
}

:root .focus\:bg-gray-800:focus {
  background-color: #424242;
}

:root .focus\:bg-gray-900:focus {
  background-color: #212121;
}

:root .focus\:bg-red-50:focus {
  background-color: #ffebee;
}

:root .focus\:bg-red-100:focus {
  background-color: #ffcdd2;
}

:root .focus\:bg-red-200:focus {
  background-color: #ef9a9a;
}

:root .focus\:bg-red-300:focus {
  background-color: #e57373;
}

:root .focus\:bg-red-400:focus {
  background-color: #ef5350;
}

:root .focus\:bg-red-500:focus {
  background-color: #f44336;
}

:root .focus\:bg-red-600:focus {
  background-color: #e53935;
}

:root .focus\:bg-red-700:focus {
  background-color: #d32f2f;
}

:root .focus\:bg-red-800:focus {
  background-color: #c62828;
}

:root .focus\:bg-red-900:focus {
  background-color: #b71c1c;
}

:root .focus\:bg-orange-50:focus {
  background-color: #fff3e0;
}

:root .focus\:bg-orange-100:focus {
  background-color: #ffe0b2;
}

:root .focus\:bg-orange-200:focus {
  background-color: #ffcc80;
}

:root .focus\:bg-orange-300:focus {
  background-color: #ffb74d;
}

:root .focus\:bg-orange-400:focus {
  background-color: #ffa726;
}

:root .focus\:bg-orange-500:focus {
  background-color: #ff9800;
}

:root .focus\:bg-orange-600:focus {
  background-color: #fb8c00;
}

:root .focus\:bg-orange-700:focus {
  background-color: #f57c00;
}

:root .focus\:bg-orange-800:focus {
  background-color: #ef6c00;
}

:root .focus\:bg-orange-900:focus {
  background-color: #e65100;
}

:root .focus\:bg-deep-orange-50:focus {
  background-color: #fbe9e7;
}

:root .focus\:bg-deep-orange-100:focus {
  background-color: #ffccbc;
}

:root .focus\:bg-deep-orange-200:focus {
  background-color: #ffab91;
}

:root .focus\:bg-deep-orange-300:focus {
  background-color: #ff8a65;
}

:root .focus\:bg-deep-orange-400:focus {
  background-color: #ff7043;
}

:root .focus\:bg-deep-orange-500:focus {
  background-color: #ff5722;
}

:root .focus\:bg-deep-orange-600:focus {
  background-color: #f4511e;
}

:root .focus\:bg-deep-orange-700:focus {
  background-color: #e64a19;
}

:root .focus\:bg-deep-orange-800:focus {
  background-color: #d84315;
}

:root .focus\:bg-deep-orange-900:focus {
  background-color: #bf360c;
}

:root .focus\:bg-amber-50:focus {
  background-color: #fff8e1;
}

:root .focus\:bg-amber-100:focus {
  background-color: #ffecb3;
}

:root .focus\:bg-amber-200:focus {
  background-color: #ffe082;
}

:root .focus\:bg-amber-300:focus {
  background-color: #ffd54f;
}

:root .focus\:bg-amber-400:focus {
  background-color: #ffca28;
}

:root .focus\:bg-amber-500:focus {
  background-color: #ffc107;
}

:root .focus\:bg-amber-600:focus {
  background-color: #ffb300;
}

:root .focus\:bg-amber-700:focus {
  background-color: #ffa000;
}

:root .focus\:bg-amber-800:focus {
  background-color: #ff8f00;
}

:root .focus\:bg-amber-900:focus {
  background-color: #ff6f00;
}

:root .focus\:bg-light-green-50:focus {
  background-color: #f1f8e9;
}

:root .focus\:bg-light-green-100:focus {
  background-color: #dcedc8;
}

:root .focus\:bg-light-green-200:focus {
  background-color: #c5e1a5;
}

:root .focus\:bg-light-green-300:focus {
  background-color: #aed581;
}

:root .focus\:bg-light-green-400:focus {
  background-color: #9ccc65;
}

:root .focus\:bg-light-green-500:focus {
  background-color: #8bc34a;
}

:root .focus\:bg-light-green-600:focus {
  background-color: #7cb342;
}

:root .focus\:bg-light-green-700:focus {
  background-color: #689f38;
}

:root .focus\:bg-light-green-800:focus {
  background-color: #558b2f;
}

:root .focus\:bg-light-green-900:focus {
  background-color: #33691e;
}

:root .focus\:bg-green-50:focus {
  background-color: #e8f5e9;
}

:root .focus\:bg-green-100:focus {
  background-color: #c8e6c9;
}

:root .focus\:bg-green-200:focus {
  background-color: #a5d6a7;
}

:root .focus\:bg-green-300:focus {
  background-color: #81c784;
}

:root .focus\:bg-green-400:focus {
  background-color: #66bb6a;
}

:root .focus\:bg-green-500:focus {
  background-color: #4caf50;
}

:root .focus\:bg-green-600:focus {
  background-color: #43a047;
}

:root .focus\:bg-green-700:focus {
  background-color: #388e3c;
}

:root .focus\:bg-green-800:focus {
  background-color: #2e7d32;
}

:root .focus\:bg-green-900:focus {
  background-color: #1b5e20;
}

:root .focus\:bg-teal-50:focus {
  background-color: #e0f2f1;
}

:root .focus\:bg-teal-100:focus {
  background-color: #b2dfdb;
}

:root .focus\:bg-teal-200:focus {
  background-color: #80cbc4;
}

:root .focus\:bg-teal-300:focus {
  background-color: #4db6ac;
}

:root .focus\:bg-teal-400:focus {
  background-color: #26a69a;
}

:root .focus\:bg-teal-500:focus {
  background-color: #009688;
}

:root .focus\:bg-teal-600:focus {
  background-color: #00897b;
}

:root .focus\:bg-teal-700:focus {
  background-color: #00796b;
}

:root .focus\:bg-teal-800:focus {
  background-color: #00695c;
}

:root .focus\:bg-teal-900:focus {
  background-color: #004d40;
}

:root .focus\:bg-cyan-50:focus {
  background-color: #e0f7fa;
}

:root .focus\:bg-cyan-100:focus {
  background-color: #b2ebf2;
}

:root .focus\:bg-cyan-200:focus {
  background-color: #80deea;
}

:root .focus\:bg-cyan-300:focus {
  background-color: #4dd0e1;
}

:root .focus\:bg-cyan-400:focus {
  background-color: #26c6da;
}

:root .focus\:bg-cyan-500:focus {
  background-color: #00bcd4;
}

:root .focus\:bg-cyan-600:focus {
  background-color: #00acc1;
}

:root .focus\:bg-cyan-700:focus {
  background-color: #0097a7;
}

:root .focus\:bg-cyan-800:focus {
  background-color: #00838f;
}

:root .focus\:bg-cyan-900:focus {
  background-color: #006064;
}

:root .focus\:bg-purple-50:focus {
  background-color: #f3e5f5;
}

:root .focus\:bg-purple-100:focus {
  background-color: #e1bee7;
}

:root .focus\:bg-purple-200:focus {
  background-color: #ce93d8;
}

:root .focus\:bg-purple-300:focus {
  background-color: #ba68c8;
}

:root .focus\:bg-purple-400:focus {
  background-color: #ab47bc;
}

:root .focus\:bg-purple-500:focus {
  background-color: #9c27b0;
}

:root .focus\:bg-purple-600:focus {
  background-color: #8e24aa;
}

:root .focus\:bg-purple-700:focus {
  background-color: #7b1fa2;
}

:root .focus\:bg-purple-800:focus {
  background-color: #6a1b9a;
}

:root .focus\:bg-purple-900:focus {
  background-color: #4a148c;
}

:root .focus\:bg-deep-purple-50:focus {
  background-color: #ede7f6;
}

:root .focus\:bg-deep-purple-100:focus {
  background-color: #d1c4e9;
}

:root .focus\:bg-deep-purple-200:focus {
  background-color: #b39ddb;
}

:root .focus\:bg-deep-purple-300:focus {
  background-color: #9575cd;
}

:root .focus\:bg-deep-purple-400:focus {
  background-color: #7e57c2;
}

:root .focus\:bg-deep-purple-500:focus {
  background-color: #673ab7;
}

:root .focus\:bg-deep-purple-600:focus {
  background-color: #5e35b1;
}

:root .focus\:bg-deep-purple-700:focus {
  background-color: #512da8;
}

:root .focus\:bg-deep-purple-800:focus {
  background-color: #4527a0;
}

:root .focus\:bg-deep-purple-900:focus {
  background-color: #311b92;
}

:root .focus\:bg-primary-50:focus {
  background-color: #FBE4E7;
}

:root .focus\:bg-primary-100:focus {
  background-color: #F5BCC2;
}

:root .focus\:bg-primary-200:focus {
  background-color: #EE8F9A;
}

:root .focus\:bg-primary-300:focus {
  background-color: #E76272;
}

:root .focus\:bg-primary-400:focus {
  background-color: #E14053;
}

:root .focus\:bg-primary-500:focus {
  background-color: #1976d2;
}

:root .focus\:bg-primary-600:focus {
  background-color: #D81A30;
}

:root .focus\:bg-primary-700:focus {
  background-color: #D31628;
}

:root .focus\:bg-primary-800:focus {
  background-color: #CE1222;
}

:root .focus\:bg-primary-900:focus {
  background-color: #C50A16;
}

:root .bg-bottom {
  background-position: bottom;
}

:root .bg-center {
  background-position: center;
}

:root .bg-left {
  background-position: left;
}

:root .bg-left-bottom {
  background-position: left bottom;
}

:root .bg-left-top {
  background-position: left top;
}

:root .bg-right {
  background-position: right;
}

:root .bg-right-bottom {
  background-position: right bottom;
}

:root .bg-right-top {
  background-position: right top;
}

:root .bg-top {
  background-position: top;
}

:root .bg-repeat {
  background-repeat: repeat;
}

:root .bg-no-repeat {
  background-repeat: no-repeat;
}

:root .bg-repeat-x {
  background-repeat: repeat-x;
}

:root .bg-repeat-y {
  background-repeat: repeat-y;
}

:root .bg-repeat-round {
  background-repeat: round;
}

:root .bg-repeat-space {
  background-repeat: space;
}

:root .bg-auto {
  background-size: auto;
}

:root .bg-cover {
  background-size: cover;
}

:root .bg-contain {
  background-size: contain;
}

:root .border-collapse {
  border-collapse: collapse;
}

:root .border-separate {
  border-collapse: separate;
}

:root .border-transparent {
  border-color: transparent;
}

:root .border-black {
  border-color: var(--text-color);
}

:root .border-white {
  border-color: var(--text-color-light);
}

:root .border-contrast-black {
  border-color: black;
}

:root .border-contrast-white {
  border-color: white;
}

:root .border-obs-primary {
  border-color: #5977FF;
}

:root .border-obs-secondary {
  border-color: #5d5c64;
}

:root .border-obs-maroon {
  border-color: #961e36;
}

:root .border-obs-navy {
  border-color: #3e4861;
}

:root .border-obs-pink {
  border-color: #d2afc5;
}

:root .border-obs-dark-orange {
  border-color: #d6582a;
}

:root .border-obs-gold {
  border-color: #9d8944;
}

:root .border-obs-light-blue {
  border-color: #A3C2D6;
}

:root .border-obs-purple {
  border-color: #722670;
}

:root .border-obs-light-orange {
  border-color: #fF9c01;
}

:root .border-obs-blue {
  border-color: #5da7d6;
}

:root .border-gray-50 {
  border-color: #fafafa;
}

:root .border-gray-100 {
  border-color: #f5f5f5;
}

:root .border-gray-200 {
  border-color: #eeeeee;
}

:root .border-gray-300 {
  border-color: #e0e0e0;
}

:root .border-gray-400 {
  border-color: #bdbdbd;
}

:root .border-gray-500 {
  border-color: #9e9e9e;
}

:root .border-gray-600 {
  border-color: #757575;
}

:root .border-gray-700 {
  border-color: #616161;
}

:root .border-gray-800 {
  border-color: #424242;
}

:root .border-gray-900 {
  border-color: #212121;
}

:root .border-red-50 {
  border-color: #ffebee;
}

:root .border-red-100 {
  border-color: #ffcdd2;
}

:root .border-red-200 {
  border-color: #ef9a9a;
}

:root .border-red-300 {
  border-color: #e57373;
}

:root .border-red-400 {
  border-color: #ef5350;
}

:root .border-red-500 {
  border-color: #f44336;
}

:root .border-red-600 {
  border-color: #e53935;
}

:root .border-red-700 {
  border-color: #d32f2f;
}

:root .border-red-800 {
  border-color: #c62828;
}

:root .border-red-900 {
  border-color: #b71c1c;
}

:root .border-orange-50 {
  border-color: #fff3e0;
}

:root .border-orange-100 {
  border-color: #ffe0b2;
}

:root .border-orange-200 {
  border-color: #ffcc80;
}

:root .border-orange-300 {
  border-color: #ffb74d;
}

:root .border-orange-400 {
  border-color: #ffa726;
}

:root .border-orange-500 {
  border-color: #ff9800;
}

:root .border-orange-600 {
  border-color: #fb8c00;
}

:root .border-orange-700 {
  border-color: #f57c00;
}

:root .border-orange-800 {
  border-color: #ef6c00;
}

:root .border-orange-900 {
  border-color: #e65100;
}

:root .border-deep-orange-50 {
  border-color: #fbe9e7;
}

:root .border-deep-orange-100 {
  border-color: #ffccbc;
}

:root .border-deep-orange-200 {
  border-color: #ffab91;
}

:root .border-deep-orange-300 {
  border-color: #ff8a65;
}

:root .border-deep-orange-400 {
  border-color: #ff7043;
}

:root .border-deep-orange-500 {
  border-color: #ff5722;
}

:root .border-deep-orange-600 {
  border-color: #f4511e;
}

:root .border-deep-orange-700 {
  border-color: #e64a19;
}

:root .border-deep-orange-800 {
  border-color: #d84315;
}

:root .border-deep-orange-900 {
  border-color: #bf360c;
}

:root .border-amber-50 {
  border-color: #fff8e1;
}

:root .border-amber-100 {
  border-color: #ffecb3;
}

:root .border-amber-200 {
  border-color: #ffe082;
}

:root .border-amber-300 {
  border-color: #ffd54f;
}

:root .border-amber-400 {
  border-color: #ffca28;
}

:root .border-amber-500 {
  border-color: #ffc107;
}

:root .border-amber-600 {
  border-color: #ffb300;
}

:root .border-amber-700 {
  border-color: #ffa000;
}

:root .border-amber-800 {
  border-color: #ff8f00;
}

:root .border-amber-900 {
  border-color: #ff6f00;
}

:root .border-light-green-50 {
  border-color: #f1f8e9;
}

:root .border-light-green-100 {
  border-color: #dcedc8;
}

:root .border-light-green-200 {
  border-color: #c5e1a5;
}

:root .border-light-green-300 {
  border-color: #aed581;
}

:root .border-light-green-400 {
  border-color: #9ccc65;
}

:root .border-light-green-500 {
  border-color: #8bc34a;
}

:root .border-light-green-600 {
  border-color: #7cb342;
}

:root .border-light-green-700 {
  border-color: #689f38;
}

:root .border-light-green-800 {
  border-color: #558b2f;
}

:root .border-light-green-900 {
  border-color: #33691e;
}

:root .border-green-50 {
  border-color: #e8f5e9;
}

:root .border-green-100 {
  border-color: #c8e6c9;
}

:root .border-green-200 {
  border-color: #a5d6a7;
}

:root .border-green-300 {
  border-color: #81c784;
}

:root .border-green-400 {
  border-color: #66bb6a;
}

:root .border-green-500 {
  border-color: #4caf50;
}

:root .border-green-600 {
  border-color: #43a047;
}

:root .border-green-700 {
  border-color: #388e3c;
}

:root .border-green-800 {
  border-color: #2e7d32;
}

:root .border-green-900 {
  border-color: #1b5e20;
}

:root .border-teal-50 {
  border-color: #e0f2f1;
}

:root .border-teal-100 {
  border-color: #b2dfdb;
}

:root .border-teal-200 {
  border-color: #80cbc4;
}

:root .border-teal-300 {
  border-color: #4db6ac;
}

:root .border-teal-400 {
  border-color: #26a69a;
}

:root .border-teal-500 {
  border-color: #009688;
}

:root .border-teal-600 {
  border-color: #00897b;
}

:root .border-teal-700 {
  border-color: #00796b;
}

:root .border-teal-800 {
  border-color: #00695c;
}

:root .border-teal-900 {
  border-color: #004d40;
}

:root .border-cyan-50 {
  border-color: #e0f7fa;
}

:root .border-cyan-100 {
  border-color: #b2ebf2;
}

:root .border-cyan-200 {
  border-color: #80deea;
}

:root .border-cyan-300 {
  border-color: #4dd0e1;
}

:root .border-cyan-400 {
  border-color: #26c6da;
}

:root .border-cyan-500 {
  border-color: #00bcd4;
}

:root .border-cyan-600 {
  border-color: #00acc1;
}

:root .border-cyan-700 {
  border-color: #0097a7;
}

:root .border-cyan-800 {
  border-color: #00838f;
}

:root .border-cyan-900 {
  border-color: #006064;
}

:root .border-purple-50 {
  border-color: #f3e5f5;
}

:root .border-purple-100 {
  border-color: #e1bee7;
}

:root .border-purple-200 {
  border-color: #ce93d8;
}

:root .border-purple-300 {
  border-color: #ba68c8;
}

:root .border-purple-400 {
  border-color: #ab47bc;
}

:root .border-purple-500 {
  border-color: #9c27b0;
}

:root .border-purple-600 {
  border-color: #8e24aa;
}

:root .border-purple-700 {
  border-color: #7b1fa2;
}

:root .border-purple-800 {
  border-color: #6a1b9a;
}

:root .border-purple-900 {
  border-color: #4a148c;
}

:root .border-deep-purple-50 {
  border-color: #ede7f6;
}

:root .border-deep-purple-100 {
  border-color: #d1c4e9;
}

:root .border-deep-purple-200 {
  border-color: #b39ddb;
}

:root .border-deep-purple-300 {
  border-color: #9575cd;
}

:root .border-deep-purple-400 {
  border-color: #7e57c2;
}

:root .border-deep-purple-500 {
  border-color: #673ab7;
}

:root .border-deep-purple-600 {
  border-color: #5e35b1;
}

:root .border-deep-purple-700 {
  border-color: #512da8;
}

:root .border-deep-purple-800 {
  border-color: #4527a0;
}

:root .border-deep-purple-900 {
  border-color: #311b92;
}

:root .border-primary-50 {
  border-color: #FBE4E7;
}

:root .border-primary-100 {
  border-color: #F5BCC2;
}

:root .border-primary-200 {
  border-color: #EE8F9A;
}

:root .border-primary-300 {
  border-color: #E76272;
}

:root .border-primary-400 {
  border-color: #E14053;
}

:root .border-primary-500 {
  border-color: #1976d2;
}

:root .border-primary-600 {
  border-color: #D81A30;
}

:root .border-primary-700 {
  border-color: #D31628;
}

:root .border-primary-800 {
  border-color: #CE1222;
}

:root .border-primary-900 {
  border-color: #C50A16;
}

:root .hover\:border-transparent:hover {
  border-color: transparent;
}

:root .hover\:border-black:hover {
  border-color: var(--text-color);
}

:root .hover\:border-white:hover {
  border-color: var(--text-color-light);
}

:root .hover\:border-contrast-black:hover {
  border-color: black;
}

:root .hover\:border-contrast-white:hover {
  border-color: white;
}

:root .hover\:border-obs-primary:hover {
  border-color: #5977FF;
}

:root .hover\:border-obs-secondary:hover {
  border-color: #5d5c64;
}

:root .hover\:border-obs-maroon:hover {
  border-color: #961e36;
}

:root .hover\:border-obs-navy:hover {
  border-color: #3e4861;
}

:root .hover\:border-obs-pink:hover {
  border-color: #d2afc5;
}

:root .hover\:border-obs-dark-orange:hover {
  border-color: #d6582a;
}

:root .hover\:border-obs-gold:hover {
  border-color: #9d8944;
}

:root .hover\:border-obs-light-blue:hover {
  border-color: #A3C2D6;
}

:root .hover\:border-obs-purple:hover {
  border-color: #722670;
}

:root .hover\:border-obs-light-orange:hover {
  border-color: #fF9c01;
}

:root .hover\:border-obs-blue:hover {
  border-color: #5da7d6;
}

:root .hover\:border-gray-50:hover {
  border-color: #fafafa;
}

:root .hover\:border-gray-100:hover {
  border-color: #f5f5f5;
}

:root .hover\:border-gray-200:hover {
  border-color: #eeeeee;
}

:root .hover\:border-gray-300:hover {
  border-color: #e0e0e0;
}

:root .hover\:border-gray-400:hover {
  border-color: #bdbdbd;
}

:root .hover\:border-gray-500:hover {
  border-color: #9e9e9e;
}

:root .hover\:border-gray-600:hover {
  border-color: #757575;
}

:root .hover\:border-gray-700:hover {
  border-color: #616161;
}

:root .hover\:border-gray-800:hover {
  border-color: #424242;
}

:root .hover\:border-gray-900:hover {
  border-color: #212121;
}

:root .hover\:border-red-50:hover {
  border-color: #ffebee;
}

:root .hover\:border-red-100:hover {
  border-color: #ffcdd2;
}

:root .hover\:border-red-200:hover {
  border-color: #ef9a9a;
}

:root .hover\:border-red-300:hover {
  border-color: #e57373;
}

:root .hover\:border-red-400:hover {
  border-color: #ef5350;
}

:root .hover\:border-red-500:hover {
  border-color: #f44336;
}

:root .hover\:border-red-600:hover {
  border-color: #e53935;
}

:root .hover\:border-red-700:hover {
  border-color: #d32f2f;
}

:root .hover\:border-red-800:hover {
  border-color: #c62828;
}

:root .hover\:border-red-900:hover {
  border-color: #b71c1c;
}

:root .hover\:border-orange-50:hover {
  border-color: #fff3e0;
}

:root .hover\:border-orange-100:hover {
  border-color: #ffe0b2;
}

:root .hover\:border-orange-200:hover {
  border-color: #ffcc80;
}

:root .hover\:border-orange-300:hover {
  border-color: #ffb74d;
}

:root .hover\:border-orange-400:hover {
  border-color: #ffa726;
}

:root .hover\:border-orange-500:hover {
  border-color: #ff9800;
}

:root .hover\:border-orange-600:hover {
  border-color: #fb8c00;
}

:root .hover\:border-orange-700:hover {
  border-color: #f57c00;
}

:root .hover\:border-orange-800:hover {
  border-color: #ef6c00;
}

:root .hover\:border-orange-900:hover {
  border-color: #e65100;
}

:root .hover\:border-deep-orange-50:hover {
  border-color: #fbe9e7;
}

:root .hover\:border-deep-orange-100:hover {
  border-color: #ffccbc;
}

:root .hover\:border-deep-orange-200:hover {
  border-color: #ffab91;
}

:root .hover\:border-deep-orange-300:hover {
  border-color: #ff8a65;
}

:root .hover\:border-deep-orange-400:hover {
  border-color: #ff7043;
}

:root .hover\:border-deep-orange-500:hover {
  border-color: #ff5722;
}

:root .hover\:border-deep-orange-600:hover {
  border-color: #f4511e;
}

:root .hover\:border-deep-orange-700:hover {
  border-color: #e64a19;
}

:root .hover\:border-deep-orange-800:hover {
  border-color: #d84315;
}

:root .hover\:border-deep-orange-900:hover {
  border-color: #bf360c;
}

:root .hover\:border-amber-50:hover {
  border-color: #fff8e1;
}

:root .hover\:border-amber-100:hover {
  border-color: #ffecb3;
}

:root .hover\:border-amber-200:hover {
  border-color: #ffe082;
}

:root .hover\:border-amber-300:hover {
  border-color: #ffd54f;
}

:root .hover\:border-amber-400:hover {
  border-color: #ffca28;
}

:root .hover\:border-amber-500:hover {
  border-color: #ffc107;
}

:root .hover\:border-amber-600:hover {
  border-color: #ffb300;
}

:root .hover\:border-amber-700:hover {
  border-color: #ffa000;
}

:root .hover\:border-amber-800:hover {
  border-color: #ff8f00;
}

:root .hover\:border-amber-900:hover {
  border-color: #ff6f00;
}

:root .hover\:border-light-green-50:hover {
  border-color: #f1f8e9;
}

:root .hover\:border-light-green-100:hover {
  border-color: #dcedc8;
}

:root .hover\:border-light-green-200:hover {
  border-color: #c5e1a5;
}

:root .hover\:border-light-green-300:hover {
  border-color: #aed581;
}

:root .hover\:border-light-green-400:hover {
  border-color: #9ccc65;
}

:root .hover\:border-light-green-500:hover {
  border-color: #8bc34a;
}

:root .hover\:border-light-green-600:hover {
  border-color: #7cb342;
}

:root .hover\:border-light-green-700:hover {
  border-color: #689f38;
}

:root .hover\:border-light-green-800:hover {
  border-color: #558b2f;
}

:root .hover\:border-light-green-900:hover {
  border-color: #33691e;
}

:root .hover\:border-green-50:hover {
  border-color: #e8f5e9;
}

:root .hover\:border-green-100:hover {
  border-color: #c8e6c9;
}

:root .hover\:border-green-200:hover {
  border-color: #a5d6a7;
}

:root .hover\:border-green-300:hover {
  border-color: #81c784;
}

:root .hover\:border-green-400:hover {
  border-color: #66bb6a;
}

:root .hover\:border-green-500:hover {
  border-color: #4caf50;
}

:root .hover\:border-green-600:hover {
  border-color: #43a047;
}

:root .hover\:border-green-700:hover {
  border-color: #388e3c;
}

:root .hover\:border-green-800:hover {
  border-color: #2e7d32;
}

:root .hover\:border-green-900:hover {
  border-color: #1b5e20;
}

:root .hover\:border-teal-50:hover {
  border-color: #e0f2f1;
}

:root .hover\:border-teal-100:hover {
  border-color: #b2dfdb;
}

:root .hover\:border-teal-200:hover {
  border-color: #80cbc4;
}

:root .hover\:border-teal-300:hover {
  border-color: #4db6ac;
}

:root .hover\:border-teal-400:hover {
  border-color: #26a69a;
}

:root .hover\:border-teal-500:hover {
  border-color: #009688;
}

:root .hover\:border-teal-600:hover {
  border-color: #00897b;
}

:root .hover\:border-teal-700:hover {
  border-color: #00796b;
}

:root .hover\:border-teal-800:hover {
  border-color: #00695c;
}

:root .hover\:border-teal-900:hover {
  border-color: #004d40;
}

:root .hover\:border-cyan-50:hover {
  border-color: #e0f7fa;
}

:root .hover\:border-cyan-100:hover {
  border-color: #b2ebf2;
}

:root .hover\:border-cyan-200:hover {
  border-color: #80deea;
}

:root .hover\:border-cyan-300:hover {
  border-color: #4dd0e1;
}

:root .hover\:border-cyan-400:hover {
  border-color: #26c6da;
}

:root .hover\:border-cyan-500:hover {
  border-color: #00bcd4;
}

:root .hover\:border-cyan-600:hover {
  border-color: #00acc1;
}

:root .hover\:border-cyan-700:hover {
  border-color: #0097a7;
}

:root .hover\:border-cyan-800:hover {
  border-color: #00838f;
}

:root .hover\:border-cyan-900:hover {
  border-color: #006064;
}

:root .hover\:border-purple-50:hover {
  border-color: #f3e5f5;
}

:root .hover\:border-purple-100:hover {
  border-color: #e1bee7;
}

:root .hover\:border-purple-200:hover {
  border-color: #ce93d8;
}

:root .hover\:border-purple-300:hover {
  border-color: #ba68c8;
}

:root .hover\:border-purple-400:hover {
  border-color: #ab47bc;
}

:root .hover\:border-purple-500:hover {
  border-color: #9c27b0;
}

:root .hover\:border-purple-600:hover {
  border-color: #8e24aa;
}

:root .hover\:border-purple-700:hover {
  border-color: #7b1fa2;
}

:root .hover\:border-purple-800:hover {
  border-color: #6a1b9a;
}

:root .hover\:border-purple-900:hover {
  border-color: #4a148c;
}

:root .hover\:border-deep-purple-50:hover {
  border-color: #ede7f6;
}

:root .hover\:border-deep-purple-100:hover {
  border-color: #d1c4e9;
}

:root .hover\:border-deep-purple-200:hover {
  border-color: #b39ddb;
}

:root .hover\:border-deep-purple-300:hover {
  border-color: #9575cd;
}

:root .hover\:border-deep-purple-400:hover {
  border-color: #7e57c2;
}

:root .hover\:border-deep-purple-500:hover {
  border-color: #673ab7;
}

:root .hover\:border-deep-purple-600:hover {
  border-color: #5e35b1;
}

:root .hover\:border-deep-purple-700:hover {
  border-color: #512da8;
}

:root .hover\:border-deep-purple-800:hover {
  border-color: #4527a0;
}

:root .hover\:border-deep-purple-900:hover {
  border-color: #311b92;
}

:root .hover\:border-primary-50:hover {
  border-color: #FBE4E7;
}

:root .hover\:border-primary-100:hover {
  border-color: #F5BCC2;
}

:root .hover\:border-primary-200:hover {
  border-color: #EE8F9A;
}

:root .hover\:border-primary-300:hover {
  border-color: #E76272;
}

:root .hover\:border-primary-400:hover {
  border-color: #E14053;
}

:root .hover\:border-primary-500:hover {
  border-color: #1976d2;
}

:root .hover\:border-primary-600:hover {
  border-color: #D81A30;
}

:root .hover\:border-primary-700:hover {
  border-color: #D31628;
}

:root .hover\:border-primary-800:hover {
  border-color: #CE1222;
}

:root .hover\:border-primary-900:hover {
  border-color: #C50A16;
}

:root .focus\:border-transparent:focus {
  border-color: transparent;
}

:root .focus\:border-black:focus {
  border-color: var(--text-color);
}

:root .focus\:border-white:focus {
  border-color: var(--text-color-light);
}

:root .focus\:border-contrast-black:focus {
  border-color: black;
}

:root .focus\:border-contrast-white:focus {
  border-color: white;
}

:root .focus\:border-obs-primary:focus {
  border-color: #5977FF;
}

:root .focus\:border-obs-secondary:focus {
  border-color: #5d5c64;
}

:root .focus\:border-obs-maroon:focus {
  border-color: #961e36;
}

:root .focus\:border-obs-navy:focus {
  border-color: #3e4861;
}

:root .focus\:border-obs-pink:focus {
  border-color: #d2afc5;
}

:root .focus\:border-obs-dark-orange:focus {
  border-color: #d6582a;
}

:root .focus\:border-obs-gold:focus {
  border-color: #9d8944;
}

:root .focus\:border-obs-light-blue:focus {
  border-color: #A3C2D6;
}

:root .focus\:border-obs-purple:focus {
  border-color: #722670;
}

:root .focus\:border-obs-light-orange:focus {
  border-color: #fF9c01;
}

:root .focus\:border-obs-blue:focus {
  border-color: #5da7d6;
}

:root .focus\:border-gray-50:focus {
  border-color: #fafafa;
}

:root .focus\:border-gray-100:focus {
  border-color: #f5f5f5;
}

:root .focus\:border-gray-200:focus {
  border-color: #eeeeee;
}

:root .focus\:border-gray-300:focus {
  border-color: #e0e0e0;
}

:root .focus\:border-gray-400:focus {
  border-color: #bdbdbd;
}

:root .focus\:border-gray-500:focus {
  border-color: #9e9e9e;
}

:root .focus\:border-gray-600:focus {
  border-color: #757575;
}

:root .focus\:border-gray-700:focus {
  border-color: #616161;
}

:root .focus\:border-gray-800:focus {
  border-color: #424242;
}

:root .focus\:border-gray-900:focus {
  border-color: #212121;
}

:root .focus\:border-red-50:focus {
  border-color: #ffebee;
}

:root .focus\:border-red-100:focus {
  border-color: #ffcdd2;
}

:root .focus\:border-red-200:focus {
  border-color: #ef9a9a;
}

:root .focus\:border-red-300:focus {
  border-color: #e57373;
}

:root .focus\:border-red-400:focus {
  border-color: #ef5350;
}

:root .focus\:border-red-500:focus {
  border-color: #f44336;
}

:root .focus\:border-red-600:focus {
  border-color: #e53935;
}

:root .focus\:border-red-700:focus {
  border-color: #d32f2f;
}

:root .focus\:border-red-800:focus {
  border-color: #c62828;
}

:root .focus\:border-red-900:focus {
  border-color: #b71c1c;
}

:root .focus\:border-orange-50:focus {
  border-color: #fff3e0;
}

:root .focus\:border-orange-100:focus {
  border-color: #ffe0b2;
}

:root .focus\:border-orange-200:focus {
  border-color: #ffcc80;
}

:root .focus\:border-orange-300:focus {
  border-color: #ffb74d;
}

:root .focus\:border-orange-400:focus {
  border-color: #ffa726;
}

:root .focus\:border-orange-500:focus {
  border-color: #ff9800;
}

:root .focus\:border-orange-600:focus {
  border-color: #fb8c00;
}

:root .focus\:border-orange-700:focus {
  border-color: #f57c00;
}

:root .focus\:border-orange-800:focus {
  border-color: #ef6c00;
}

:root .focus\:border-orange-900:focus {
  border-color: #e65100;
}

:root .focus\:border-deep-orange-50:focus {
  border-color: #fbe9e7;
}

:root .focus\:border-deep-orange-100:focus {
  border-color: #ffccbc;
}

:root .focus\:border-deep-orange-200:focus {
  border-color: #ffab91;
}

:root .focus\:border-deep-orange-300:focus {
  border-color: #ff8a65;
}

:root .focus\:border-deep-orange-400:focus {
  border-color: #ff7043;
}

:root .focus\:border-deep-orange-500:focus {
  border-color: #ff5722;
}

:root .focus\:border-deep-orange-600:focus {
  border-color: #f4511e;
}

:root .focus\:border-deep-orange-700:focus {
  border-color: #e64a19;
}

:root .focus\:border-deep-orange-800:focus {
  border-color: #d84315;
}

:root .focus\:border-deep-orange-900:focus {
  border-color: #bf360c;
}

:root .focus\:border-amber-50:focus {
  border-color: #fff8e1;
}

:root .focus\:border-amber-100:focus {
  border-color: #ffecb3;
}

:root .focus\:border-amber-200:focus {
  border-color: #ffe082;
}

:root .focus\:border-amber-300:focus {
  border-color: #ffd54f;
}

:root .focus\:border-amber-400:focus {
  border-color: #ffca28;
}

:root .focus\:border-amber-500:focus {
  border-color: #ffc107;
}

:root .focus\:border-amber-600:focus {
  border-color: #ffb300;
}

:root .focus\:border-amber-700:focus {
  border-color: #ffa000;
}

:root .focus\:border-amber-800:focus {
  border-color: #ff8f00;
}

:root .focus\:border-amber-900:focus {
  border-color: #ff6f00;
}

:root .focus\:border-light-green-50:focus {
  border-color: #f1f8e9;
}

:root .focus\:border-light-green-100:focus {
  border-color: #dcedc8;
}

:root .focus\:border-light-green-200:focus {
  border-color: #c5e1a5;
}

:root .focus\:border-light-green-300:focus {
  border-color: #aed581;
}

:root .focus\:border-light-green-400:focus {
  border-color: #9ccc65;
}

:root .focus\:border-light-green-500:focus {
  border-color: #8bc34a;
}

:root .focus\:border-light-green-600:focus {
  border-color: #7cb342;
}

:root .focus\:border-light-green-700:focus {
  border-color: #689f38;
}

:root .focus\:border-light-green-800:focus {
  border-color: #558b2f;
}

:root .focus\:border-light-green-900:focus {
  border-color: #33691e;
}

:root .focus\:border-green-50:focus {
  border-color: #e8f5e9;
}

:root .focus\:border-green-100:focus {
  border-color: #c8e6c9;
}

:root .focus\:border-green-200:focus {
  border-color: #a5d6a7;
}

:root .focus\:border-green-300:focus {
  border-color: #81c784;
}

:root .focus\:border-green-400:focus {
  border-color: #66bb6a;
}

:root .focus\:border-green-500:focus {
  border-color: #4caf50;
}

:root .focus\:border-green-600:focus {
  border-color: #43a047;
}

:root .focus\:border-green-700:focus {
  border-color: #388e3c;
}

:root .focus\:border-green-800:focus {
  border-color: #2e7d32;
}

:root .focus\:border-green-900:focus {
  border-color: #1b5e20;
}

:root .focus\:border-teal-50:focus {
  border-color: #e0f2f1;
}

:root .focus\:border-teal-100:focus {
  border-color: #b2dfdb;
}

:root .focus\:border-teal-200:focus {
  border-color: #80cbc4;
}

:root .focus\:border-teal-300:focus {
  border-color: #4db6ac;
}

:root .focus\:border-teal-400:focus {
  border-color: #26a69a;
}

:root .focus\:border-teal-500:focus {
  border-color: #009688;
}

:root .focus\:border-teal-600:focus {
  border-color: #00897b;
}

:root .focus\:border-teal-700:focus {
  border-color: #00796b;
}

:root .focus\:border-teal-800:focus {
  border-color: #00695c;
}

:root .focus\:border-teal-900:focus {
  border-color: #004d40;
}

:root .focus\:border-cyan-50:focus {
  border-color: #e0f7fa;
}

:root .focus\:border-cyan-100:focus {
  border-color: #b2ebf2;
}

:root .focus\:border-cyan-200:focus {
  border-color: #80deea;
}

:root .focus\:border-cyan-300:focus {
  border-color: #4dd0e1;
}

:root .focus\:border-cyan-400:focus {
  border-color: #26c6da;
}

:root .focus\:border-cyan-500:focus {
  border-color: #00bcd4;
}

:root .focus\:border-cyan-600:focus {
  border-color: #00acc1;
}

:root .focus\:border-cyan-700:focus {
  border-color: #0097a7;
}

:root .focus\:border-cyan-800:focus {
  border-color: #00838f;
}

:root .focus\:border-cyan-900:focus {
  border-color: #006064;
}

:root .focus\:border-purple-50:focus {
  border-color: #f3e5f5;
}

:root .focus\:border-purple-100:focus {
  border-color: #e1bee7;
}

:root .focus\:border-purple-200:focus {
  border-color: #ce93d8;
}

:root .focus\:border-purple-300:focus {
  border-color: #ba68c8;
}

:root .focus\:border-purple-400:focus {
  border-color: #ab47bc;
}

:root .focus\:border-purple-500:focus {
  border-color: #9c27b0;
}

:root .focus\:border-purple-600:focus {
  border-color: #8e24aa;
}

:root .focus\:border-purple-700:focus {
  border-color: #7b1fa2;
}

:root .focus\:border-purple-800:focus {
  border-color: #6a1b9a;
}

:root .focus\:border-purple-900:focus {
  border-color: #4a148c;
}

:root .focus\:border-deep-purple-50:focus {
  border-color: #ede7f6;
}

:root .focus\:border-deep-purple-100:focus {
  border-color: #d1c4e9;
}

:root .focus\:border-deep-purple-200:focus {
  border-color: #b39ddb;
}

:root .focus\:border-deep-purple-300:focus {
  border-color: #9575cd;
}

:root .focus\:border-deep-purple-400:focus {
  border-color: #7e57c2;
}

:root .focus\:border-deep-purple-500:focus {
  border-color: #673ab7;
}

:root .focus\:border-deep-purple-600:focus {
  border-color: #5e35b1;
}

:root .focus\:border-deep-purple-700:focus {
  border-color: #512da8;
}

:root .focus\:border-deep-purple-800:focus {
  border-color: #4527a0;
}

:root .focus\:border-deep-purple-900:focus {
  border-color: #311b92;
}

:root .focus\:border-primary-50:focus {
  border-color: #FBE4E7;
}

:root .focus\:border-primary-100:focus {
  border-color: #F5BCC2;
}

:root .focus\:border-primary-200:focus {
  border-color: #EE8F9A;
}

:root .focus\:border-primary-300:focus {
  border-color: #E76272;
}

:root .focus\:border-primary-400:focus {
  border-color: #E14053;
}

:root .focus\:border-primary-500:focus {
  border-color: #1976d2;
}

:root .focus\:border-primary-600:focus {
  border-color: #D81A30;
}

:root .focus\:border-primary-700:focus {
  border-color: #D31628;
}

:root .focus\:border-primary-800:focus {
  border-color: #CE1222;
}

:root .focus\:border-primary-900:focus {
  border-color: #C50A16;
}

:root .rounded-none {
  border-radius: 0;
}

:root .rounded-sm {
  border-radius: 0.125rem;
}

:root .rounded {
  border-radius: 0.25rem;
}

:root .rounded-lg {
  border-radius: 0.5rem;
}

:root .rounded-full {
  border-radius: 9999px;
}

:root .rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

:root .rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

:root .rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

:root .rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

:root .rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

:root .rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

:root .rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

:root .rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

:root .rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

:root .rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

:root .rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

:root .rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

:root .rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

:root .rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

:root .rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

:root .rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

:root .rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

:root .rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

:root .rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

:root .rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

:root .rounded-tl-none {
  border-top-left-radius: 0;
}

:root .rounded-tr-none {
  border-top-right-radius: 0;
}

:root .rounded-br-none {
  border-bottom-right-radius: 0;
}

:root .rounded-bl-none {
  border-bottom-left-radius: 0;
}

:root .rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}

:root .rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}

:root .rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}

:root .rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}

:root .rounded-tl {
  border-top-left-radius: 0.25rem;
}

:root .rounded-tr {
  border-top-right-radius: 0.25rem;
}

:root .rounded-br {
  border-bottom-right-radius: 0.25rem;
}

:root .rounded-bl {
  border-bottom-left-radius: 0.25rem;
}

:root .rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

:root .rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

:root .rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

:root .rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}

:root .rounded-tl-full {
  border-top-left-radius: 9999px;
}

:root .rounded-tr-full {
  border-top-right-radius: 9999px;
}

:root .rounded-br-full {
  border-bottom-right-radius: 9999px;
}

:root .rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

:root .border-solid {
  border-style: solid;
}

:root .border-dashed {
  border-style: dashed;
}

:root .border-dotted {
  border-style: dotted;
}

:root .border-double {
  border-style: double;
}

:root .border-none {
  border-style: none;
}

:root .border-0 {
  border-width: 0;
}

:root .border-2 {
  border-width: 2px;
}

:root .border-4 {
  border-width: 4px;
}

:root .border-8 {
  border-width: 8px;
}

:root .border {
  border-width: 1px;
}

:root .border-t-0 {
  border-top-width: 0;
}

:root .border-r-0 {
  border-right-width: 0;
}

:root .border-b-0 {
  border-bottom-width: 0;
}

:root .border-l-0 {
  border-left-width: 0;
}

:root .border-t-2 {
  border-top-width: 2px;
}

:root .border-r-2 {
  border-right-width: 2px;
}

:root .border-b-2 {
  border-bottom-width: 2px;
}

:root .border-l-2 {
  border-left-width: 2px;
}

:root .border-t-4 {
  border-top-width: 4px;
}

:root .border-r-4 {
  border-right-width: 4px;
}

:root .border-b-4 {
  border-bottom-width: 4px;
}

:root .border-l-4 {
  border-left-width: 4px;
}

:root .border-t-8 {
  border-top-width: 8px;
}

:root .border-r-8 {
  border-right-width: 8px;
}

:root .border-b-8 {
  border-bottom-width: 8px;
}

:root .border-l-8 {
  border-left-width: 8px;
}

:root .border-t {
  border-top-width: 1px;
}

:root .border-r {
  border-right-width: 1px;
}

:root .border-b {
  border-bottom-width: 1px;
}

:root .border-l {
  border-left-width: 1px;
}

[dir=ltr] .ltr\:border-0 {
  border-width: 0;
}

[dir=ltr] .ltr\:border-2 {
  border-width: 2px;
}

[dir=ltr] .ltr\:border-4 {
  border-width: 4px;
}

[dir=ltr] .ltr\:border-8 {
  border-width: 8px;
}

[dir=ltr] .ltr\:border {
  border-width: 1px;
}

[dir=ltr] .ltr\:border-t-0 {
  border-top-width: 0;
}

[dir=ltr] .ltr\:border-r-0 {
  border-right-width: 0;
}

[dir=ltr] .ltr\:border-b-0 {
  border-bottom-width: 0;
}

[dir=ltr] .ltr\:border-l-0 {
  border-left-width: 0;
}

[dir=ltr] .ltr\:border-t-2 {
  border-top-width: 2px;
}

[dir=ltr] .ltr\:border-r-2 {
  border-right-width: 2px;
}

[dir=ltr] .ltr\:border-b-2 {
  border-bottom-width: 2px;
}

[dir=ltr] .ltr\:border-l-2 {
  border-left-width: 2px;
}

[dir=ltr] .ltr\:border-t-4 {
  border-top-width: 4px;
}

[dir=ltr] .ltr\:border-r-4 {
  border-right-width: 4px;
}

[dir=ltr] .ltr\:border-b-4 {
  border-bottom-width: 4px;
}

[dir=ltr] .ltr\:border-l-4 {
  border-left-width: 4px;
}

[dir=ltr] .ltr\:border-t-8 {
  border-top-width: 8px;
}

[dir=ltr] .ltr\:border-r-8 {
  border-right-width: 8px;
}

[dir=ltr] .ltr\:border-b-8 {
  border-bottom-width: 8px;
}

[dir=ltr] .ltr\:border-l-8 {
  border-left-width: 8px;
}

[dir=ltr] .ltr\:border-t {
  border-top-width: 1px;
}

[dir=ltr] .ltr\:border-r {
  border-right-width: 1px;
}

[dir=ltr] .ltr\:border-b {
  border-bottom-width: 1px;
}

[dir=ltr] .ltr\:border-l {
  border-left-width: 1px;
}

[dir=rtl] .rtl\:border-0 {
  border-width: 0;
}

[dir=rtl] .rtl\:border-2 {
  border-width: 2px;
}

[dir=rtl] .rtl\:border-4 {
  border-width: 4px;
}

[dir=rtl] .rtl\:border-8 {
  border-width: 8px;
}

[dir=rtl] .rtl\:border {
  border-width: 1px;
}

[dir=rtl] .rtl\:border-t-0 {
  border-top-width: 0;
}

[dir=rtl] .rtl\:border-r-0 {
  border-right-width: 0;
}

[dir=rtl] .rtl\:border-b-0 {
  border-bottom-width: 0;
}

[dir=rtl] .rtl\:border-l-0 {
  border-left-width: 0;
}

[dir=rtl] .rtl\:border-t-2 {
  border-top-width: 2px;
}

[dir=rtl] .rtl\:border-r-2 {
  border-right-width: 2px;
}

[dir=rtl] .rtl\:border-b-2 {
  border-bottom-width: 2px;
}

[dir=rtl] .rtl\:border-l-2 {
  border-left-width: 2px;
}

[dir=rtl] .rtl\:border-t-4 {
  border-top-width: 4px;
}

[dir=rtl] .rtl\:border-r-4 {
  border-right-width: 4px;
}

[dir=rtl] .rtl\:border-b-4 {
  border-bottom-width: 4px;
}

[dir=rtl] .rtl\:border-l-4 {
  border-left-width: 4px;
}

[dir=rtl] .rtl\:border-t-8 {
  border-top-width: 8px;
}

[dir=rtl] .rtl\:border-r-8 {
  border-right-width: 8px;
}

[dir=rtl] .rtl\:border-b-8 {
  border-bottom-width: 8px;
}

[dir=rtl] .rtl\:border-l-8 {
  border-left-width: 8px;
}

[dir=rtl] .rtl\:border-t {
  border-top-width: 1px;
}

[dir=rtl] .rtl\:border-r {
  border-right-width: 1px;
}

[dir=rtl] .rtl\:border-b {
  border-bottom-width: 1px;
}

[dir=rtl] .rtl\:border-l {
  border-left-width: 1px;
}

:root .box-border {
  box-sizing: border-box;
}

:root .box-content {
  box-sizing: content-box;
}

:root .cursor-auto {
  cursor: auto;
}

:root .cursor-default {
  cursor: default;
}

:root .cursor-pointer {
  cursor: pointer;
}

:root .cursor-wait {
  cursor: wait;
}

:root .cursor-text {
  cursor: text;
}

:root .cursor-move {
  cursor: move;
}

:root .cursor-not-allowed {
  cursor: not-allowed;
}

:root .block {
  display: block;
}

:root .inline-block {
  display: inline-block;
}

:root .inline {
  display: inline;
}

:root .flex {
  display: flex;
}

:root .inline-flex {
  display: inline-flex;
}

:root .grid {
  display: grid;
}

:root .table {
  display: table;
}

:root .table-caption {
  display: table-caption;
}

:root .table-cell {
  display: table-cell;
}

:root .table-column {
  display: table-column;
}

:root .table-column-group {
  display: table-column-group;
}

:root .table-footer-group {
  display: table-footer-group;
}

:root .table-header-group {
  display: table-header-group;
}

:root .table-row-group {
  display: table-row-group;
}

:root .table-row {
  display: table-row;
}

:root .hidden {
  display: none;
}

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

:root .flex-row-reverse {
  flex-direction: row-reverse;
}

:root .flex-col {
  flex-direction: column;
}

:root .flex-col-reverse {
  flex-direction: column-reverse;
}

:root .flex-wrap {
  flex-wrap: wrap;
}

:root .flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

:root .flex-no-wrap {
  flex-wrap: nowrap;
}

:root .items-start {
  align-items: flex-start;
}

:root .items-end {
  align-items: flex-end;
}

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

:root .items-baseline {
  align-items: baseline;
}

:root .items-stretch {
  align-items: stretch;
}

:root .self-auto {
  align-self: auto;
}

:root .self-start {
  align-self: flex-start;
}

:root .self-end {
  align-self: flex-end;
}

:root .self-center {
  align-self: center;
}

:root .self-stretch {
  align-self: stretch;
}

:root .justify-start {
  justify-content: flex-start;
}

:root .justify-end {
  justify-content: flex-end;
}

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

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

:root .justify-around {
  justify-content: space-around;
}

:root .justify-evenly {
  justify-content: space-evenly;
}

:root .content-center {
  align-content: center;
}

:root .content-start {
  align-content: flex-start;
}

:root .content-end {
  align-content: flex-end;
}

:root .content-between {
  align-content: space-between;
}

:root .content-around {
  align-content: space-around;
}

:root .flex-1 {
  flex: 1 1 0%;
}

:root .flex-auto {
  flex: 1 1 auto;
}

:root .flex-initial {
  flex: 0 1 auto;
}

:root .flex-none {
  flex: none;
}

:root .flex-grow-0 {
  flex-grow: 0;
}

:root .flex-grow {
  flex-grow: 1;
}

:root .flex-shrink-0 {
  flex-shrink: 0;
}

:root .flex-shrink {
  flex-shrink: 1;
}

:root .order-1 {
  order: 1;
}

:root .order-2 {
  order: 2;
}

:root .order-3 {
  order: 3;
}

:root .order-4 {
  order: 4;
}

:root .order-5 {
  order: 5;
}

:root .order-6 {
  order: 6;
}

:root .order-7 {
  order: 7;
}

:root .order-8 {
  order: 8;
}

:root .order-9 {
  order: 9;
}

:root .order-10 {
  order: 10;
}

:root .order-11 {
  order: 11;
}

:root .order-12 {
  order: 12;
}

:root .order-first {
  order: -9999;
}

:root .order-last {
  order: 9999;
}

:root .order-none {
  order: 0;
}

:root .float-right {
  float: right;
}

:root .float-left {
  float: left;
}

:root .float-none {
  float: none;
}

:root .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

:root .clear-left {
  clear: left;
}

:root .clear-right {
  clear: right;
}

:root .clear-both {
  clear: both;
}

:root .font-sans {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
}

:root .font-serif {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}

:root .font-mono {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

:root .font-hairline {
  font-weight: 100;
}

:root .font-thin {
  font-weight: 200;
}

:root .font-light {
  font-weight: 300;
}

:root .font-normal {
  font-weight: 400;
}

:root .font-medium {
  font-weight: 500;
}

:root .font-semibold {
  font-weight: 600;
}

:root .font-bold {
  font-weight: 700;
}

:root .font-extrabold {
  font-weight: 800;
}

:root .font-black {
  font-weight: 900;
}

:root .hover\:font-hairline:hover {
  font-weight: 100;
}

:root .hover\:font-thin:hover {
  font-weight: 200;
}

:root .hover\:font-light:hover {
  font-weight: 300;
}

:root .hover\:font-normal:hover {
  font-weight: 400;
}

:root .hover\:font-medium:hover {
  font-weight: 500;
}

:root .hover\:font-semibold:hover {
  font-weight: 600;
}

:root .hover\:font-bold:hover {
  font-weight: 700;
}

:root .hover\:font-extrabold:hover {
  font-weight: 800;
}

:root .hover\:font-black:hover {
  font-weight: 900;
}

:root .focus\:font-hairline:focus {
  font-weight: 100;
}

:root .focus\:font-thin:focus {
  font-weight: 200;
}

:root .focus\:font-light:focus {
  font-weight: 300;
}

:root .focus\:font-normal:focus {
  font-weight: 400;
}

:root .focus\:font-medium:focus {
  font-weight: 500;
}

:root .focus\:font-semibold:focus {
  font-weight: 600;
}

:root .focus\:font-bold:focus {
  font-weight: 700;
}

:root .focus\:font-extrabold:focus {
  font-weight: 800;
}

:root .focus\:font-black:focus {
  font-weight: 900;
}

:root .h-0 {
  height: 0;
}

:root .h-1 {
  height: 0.25rem;
}

:root .h-2 {
  height: 0.5rem;
}

:root .h-3 {
  height: 0.75rem;
}

:root .h-4 {
  height: 1rem;
}

:root .h-5 {
  height: 1.25rem;
}

:root .h-6 {
  height: 1.5rem;
}

:root .h-8 {
  height: 2rem;
}

:root .h-9 {
  height: 2.25rem;
}

:root .h-10 {
  height: 2.5rem;
}

:root .h-12 {
  height: 3rem;
}

:root .h-14 {
  height: 3.5rem;
}

:root .h-16 {
  height: 4rem;
}

:root .h-20 {
  height: 5rem;
}

:root .h-24 {
  height: 6rem;
}

:root .h-32 {
  height: 8rem;
}

:root .h-40 {
  height: 10rem;
}

:root .h-48 {
  height: 12rem;
}

:root .h-56 {
  height: 14rem;
}

:root .h-64 {
  height: 16rem;
}

:root .h-auto {
  height: auto;
}

:root .h-px {
  height: 1px;
}

:root .h-gutter {
  height: var(--padding-gutter);
}

:root .h-full {
  height: 100%;
}

:root .h-screen {
  height: 100vh;
}

:root .leading-none {
  line-height: 1;
}

:root .leading-tight {
  line-height: 1.25;
}

:root .leading-snug {
  line-height: 1.375;
}

:root .leading-normal {
  line-height: 1.5;
}

:root .leading-relaxed {
  line-height: 1.625;
}

:root .leading-loose {
  line-height: 2;
}

:root .list-inside {
  list-style-position: inside;
}

:root .list-outside {
  list-style-position: outside;
}

:root .list-none {
  list-style-type: none;
}

:root .list-disc {
  list-style-type: disc;
}

:root .list-decimal {
  list-style-type: decimal;
}

:root .m-0 {
  margin: 0;
}

:root .m-1 {
  margin: 0.25rem;
}

:root .m-2 {
  margin: 0.5rem;
}

:root .m-3 {
  margin: 0.75rem;
}

:root .m-4 {
  margin: 1rem;
}

:root .m-5 {
  margin: 1.25rem;
}

:root .m-6 {
  margin: 1.5rem;
}

:root .m-8 {
  margin: 2rem;
}

:root .m-9 {
  margin: 2.25rem;
}

:root .m-10 {
  margin: 2.5rem;
}

:root .m-12 {
  margin: 3rem;
}

:root .m-14 {
  margin: 3.5rem;
}

:root .m-16 {
  margin: 4rem;
}

:root .m-20 {
  margin: 5rem;
}

:root .m-24 {
  margin: 6rem;
}

:root .m-32 {
  margin: 8rem;
}

:root .m-40 {
  margin: 10rem;
}

:root .m-48 {
  margin: 12rem;
}

:root .m-56 {
  margin: 14rem;
}

:root .m-64 {
  margin: 16rem;
}

:root .m-auto {
  margin: auto;
}

:root .m-px {
  margin: 1px;
}

:root .m-gutter {
  margin: var(--padding-gutter);
}

:root .-m-1 {
  margin: -0.25rem;
}

:root .-m-2 {
  margin: -0.5rem;
}

:root .-m-3 {
  margin: -0.75rem;
}

:root .-m-4 {
  margin: -1rem;
}

:root .-m-5 {
  margin: -1.25rem;
}

:root .-m-6 {
  margin: -1.5rem;
}

:root .-m-8 {
  margin: -2rem;
}

:root .-m-9 {
  margin: -2.25rem;
}

:root .-m-10 {
  margin: -2.5rem;
}

:root .-m-12 {
  margin: -3rem;
}

:root .-m-14 {
  margin: -3.5rem;
}

:root .-m-16 {
  margin: -4rem;
}

:root .-m-20 {
  margin: -5rem;
}

:root .-m-24 {
  margin: -6rem;
}

:root .-m-32 {
  margin: -8rem;
}

:root .-m-40 {
  margin: -10rem;
}

:root .-m-48 {
  margin: -12rem;
}

:root .-m-56 {
  margin: -14rem;
}

:root .-m-64 {
  margin: -16rem;
}

:root .-m-px {
  margin: -1px;
}

:root .-m-gutter {
  margin: calc(var(--padding-gutter) * -1);
}

:root .my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

:root .mx-0 {
  margin-left: 0;
  margin-right: 0;
}

:root .my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

:root .mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

:root .my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

:root .mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

:root .my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

:root .mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

:root .my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

:root .mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

:root .my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

:root .mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

:root .my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

:root .mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

:root .my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

:root .mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

:root .my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

:root .mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

:root .my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

:root .mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

:root .my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

:root .mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

:root .my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

:root .mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

:root .my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

:root .mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

:root .my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

:root .mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

:root .my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

:root .mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

:root .my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

:root .mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

:root .my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

:root .mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

:root .my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

:root .mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

:root .my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

:root .mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

:root .my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

:root .mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

:root .my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

:root .mx-auto {
  margin-left: auto;
  margin-right: auto;
}

:root .my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

:root .mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

:root .my-gutter {
  margin-top: var(--padding-gutter);
  margin-bottom: var(--padding-gutter);
}

:root .mx-gutter {
  margin-left: var(--padding-gutter);
  margin-right: var(--padding-gutter);
}

:root .-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

:root .-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

:root .-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

:root .-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

:root .-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

:root .-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

:root .-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

:root .-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

:root .-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

:root .-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

:root .-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

:root .-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

:root .-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

:root .-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

:root .-my-9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}

:root .-mx-9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}

:root .-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

:root .-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

:root .-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

:root .-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}

:root .-my-14 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}

:root .-mx-14 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}

:root .-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

:root .-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}

:root .-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}

:root .-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}

:root .-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}

:root .-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}

:root .-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

:root .-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}

:root .-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}

:root .-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}

:root .-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}

:root .-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}

:root .-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}

:root .-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}

:root .-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}

:root .-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}

:root .-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

:root .-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

:root .-my-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
}

:root .-mx-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
  margin-right: calc(var(--padding-gutter) * -1);
}

:root .mt-0 {
  margin-top: 0;
}

:root .mr-0 {
  margin-right: 0;
}

:root .mb-0 {
  margin-bottom: 0;
}

:root .ml-0 {
  margin-left: 0;
}

:root .mt-1 {
  margin-top: 0.25rem;
}

:root .mr-1 {
  margin-right: 0.25rem;
}

:root .mb-1 {
  margin-bottom: 0.25rem;
}

:root .ml-1 {
  margin-left: 0.25rem;
}

:root .mt-2 {
  margin-top: 0.5rem;
}

:root .mr-2 {
  margin-right: 0.5rem;
}

:root .mb-2 {
  margin-bottom: 0.5rem;
}

:root .ml-2 {
  margin-left: 0.5rem;
}

:root .mt-3 {
  margin-top: 0.75rem;
}

:root .mr-3 {
  margin-right: 0.75rem;
}

:root .mb-3 {
  margin-bottom: 0.75rem;
}

:root .ml-3 {
  margin-left: 0.75rem;
}

:root .mt-4 {
  margin-top: 1rem;
}

:root .mr-4 {
  margin-right: 1rem;
}

:root .mb-4 {
  margin-bottom: 1rem;
}

:root .ml-4 {
  margin-left: 1rem;
}

:root .mt-5 {
  margin-top: 1.25rem;
}

:root .mr-5 {
  margin-right: 1.25rem;
}

:root .mb-5 {
  margin-bottom: 1.25rem;
}

:root .ml-5 {
  margin-left: 1.25rem;
}

:root .mt-6 {
  margin-top: 1.5rem;
}

:root .mr-6 {
  margin-right: 1.5rem;
}

:root .mb-6 {
  margin-bottom: 1.5rem;
}

:root .ml-6 {
  margin-left: 1.5rem;
}

:root .mt-8 {
  margin-top: 2rem;
}

:root .mr-8 {
  margin-right: 2rem;
}

:root .mb-8 {
  margin-bottom: 2rem;
}

:root .ml-8 {
  margin-left: 2rem;
}

:root .mt-9 {
  margin-top: 2.25rem;
}

:root .mr-9 {
  margin-right: 2.25rem;
}

:root .mb-9 {
  margin-bottom: 2.25rem;
}

:root .ml-9 {
  margin-left: 2.25rem;
}

:root .mt-10 {
  margin-top: 2.5rem;
}

:root .mr-10 {
  margin-right: 2.5rem;
}

:root .mb-10 {
  margin-bottom: 2.5rem;
}

:root .ml-10 {
  margin-left: 2.5rem;
}

:root .mt-12 {
  margin-top: 3rem;
}

:root .mr-12 {
  margin-right: 3rem;
}

:root .mb-12 {
  margin-bottom: 3rem;
}

:root .ml-12 {
  margin-left: 3rem;
}

:root .mt-14 {
  margin-top: 3.5rem;
}

:root .mr-14 {
  margin-right: 3.5rem;
}

:root .mb-14 {
  margin-bottom: 3.5rem;
}

:root .ml-14 {
  margin-left: 3.5rem;
}

:root .mt-16 {
  margin-top: 4rem;
}

:root .mr-16 {
  margin-right: 4rem;
}

:root .mb-16 {
  margin-bottom: 4rem;
}

:root .ml-16 {
  margin-left: 4rem;
}

:root .mt-20 {
  margin-top: 5rem;
}

:root .mr-20 {
  margin-right: 5rem;
}

:root .mb-20 {
  margin-bottom: 5rem;
}

:root .ml-20 {
  margin-left: 5rem;
}

:root .mt-24 {
  margin-top: 6rem;
}

:root .mr-24 {
  margin-right: 6rem;
}

:root .mb-24 {
  margin-bottom: 6rem;
}

:root .ml-24 {
  margin-left: 6rem;
}

:root .mt-32 {
  margin-top: 8rem;
}

:root .mr-32 {
  margin-right: 8rem;
}

:root .mb-32 {
  margin-bottom: 8rem;
}

:root .ml-32 {
  margin-left: 8rem;
}

:root .mt-40 {
  margin-top: 10rem;
}

:root .mr-40 {
  margin-right: 10rem;
}

:root .mb-40 {
  margin-bottom: 10rem;
}

:root .ml-40 {
  margin-left: 10rem;
}

:root .mt-48 {
  margin-top: 12rem;
}

:root .mr-48 {
  margin-right: 12rem;
}

:root .mb-48 {
  margin-bottom: 12rem;
}

:root .ml-48 {
  margin-left: 12rem;
}

:root .mt-56 {
  margin-top: 14rem;
}

:root .mr-56 {
  margin-right: 14rem;
}

:root .mb-56 {
  margin-bottom: 14rem;
}

:root .ml-56 {
  margin-left: 14rem;
}

:root .mt-64 {
  margin-top: 16rem;
}

:root .mr-64 {
  margin-right: 16rem;
}

:root .mb-64 {
  margin-bottom: 16rem;
}

:root .ml-64 {
  margin-left: 16rem;
}

:root .mt-auto {
  margin-top: auto;
}

:root .mr-auto {
  margin-right: auto;
}

:root .mb-auto {
  margin-bottom: auto;
}

:root .ml-auto {
  margin-left: auto;
}

:root .mt-px {
  margin-top: 1px;
}

:root .mr-px {
  margin-right: 1px;
}

:root .mb-px {
  margin-bottom: 1px;
}

:root .ml-px {
  margin-left: 1px;
}

:root .mt-gutter {
  margin-top: var(--padding-gutter);
}

:root .mr-gutter {
  margin-right: var(--padding-gutter);
}

:root .mb-gutter {
  margin-bottom: var(--padding-gutter);
}

:root .ml-gutter {
  margin-left: var(--padding-gutter);
}

:root .-mt-1 {
  margin-top: -0.25rem;
}

:root .-mr-1 {
  margin-right: -0.25rem;
}

:root .-mb-1 {
  margin-bottom: -0.25rem;
}

:root .-ml-1 {
  margin-left: -0.25rem;
}

:root .-mt-2 {
  margin-top: -0.5rem;
}

:root .-mr-2 {
  margin-right: -0.5rem;
}

:root .-mb-2 {
  margin-bottom: -0.5rem;
}

:root .-ml-2 {
  margin-left: -0.5rem;
}

:root .-mt-3 {
  margin-top: -0.75rem;
}

:root .-mr-3 {
  margin-right: -0.75rem;
}

:root .-mb-3 {
  margin-bottom: -0.75rem;
}

:root .-ml-3 {
  margin-left: -0.75rem;
}

:root .-mt-4 {
  margin-top: -1rem;
}

:root .-mr-4 {
  margin-right: -1rem;
}

:root .-mb-4 {
  margin-bottom: -1rem;
}

:root .-ml-4 {
  margin-left: -1rem;
}

:root .-mt-5 {
  margin-top: -1.25rem;
}

:root .-mr-5 {
  margin-right: -1.25rem;
}

:root .-mb-5 {
  margin-bottom: -1.25rem;
}

:root .-ml-5 {
  margin-left: -1.25rem;
}

:root .-mt-6 {
  margin-top: -1.5rem;
}

:root .-mr-6 {
  margin-right: -1.5rem;
}

:root .-mb-6 {
  margin-bottom: -1.5rem;
}

:root .-ml-6 {
  margin-left: -1.5rem;
}

:root .-mt-8 {
  margin-top: -2rem;
}

:root .-mr-8 {
  margin-right: -2rem;
}

:root .-mb-8 {
  margin-bottom: -2rem;
}

:root .-ml-8 {
  margin-left: -2rem;
}

:root .-mt-9 {
  margin-top: -2.25rem;
}

:root .-mr-9 {
  margin-right: -2.25rem;
}

:root .-mb-9 {
  margin-bottom: -2.25rem;
}

:root .-ml-9 {
  margin-left: -2.25rem;
}

:root .-mt-10 {
  margin-top: -2.5rem;
}

:root .-mr-10 {
  margin-right: -2.5rem;
}

:root .-mb-10 {
  margin-bottom: -2.5rem;
}

:root .-ml-10 {
  margin-left: -2.5rem;
}

:root .-mt-12 {
  margin-top: -3rem;
}

:root .-mr-12 {
  margin-right: -3rem;
}

:root .-mb-12 {
  margin-bottom: -3rem;
}

:root .-ml-12 {
  margin-left: -3rem;
}

:root .-mt-14 {
  margin-top: -3.5rem;
}

:root .-mr-14 {
  margin-right: -3.5rem;
}

:root .-mb-14 {
  margin-bottom: -3.5rem;
}

:root .-ml-14 {
  margin-left: -3.5rem;
}

:root .-mt-16 {
  margin-top: -4rem;
}

:root .-mr-16 {
  margin-right: -4rem;
}

:root .-mb-16 {
  margin-bottom: -4rem;
}

:root .-ml-16 {
  margin-left: -4rem;
}

:root .-mt-20 {
  margin-top: -5rem;
}

:root .-mr-20 {
  margin-right: -5rem;
}

:root .-mb-20 {
  margin-bottom: -5rem;
}

:root .-ml-20 {
  margin-left: -5rem;
}

:root .-mt-24 {
  margin-top: -6rem;
}

:root .-mr-24 {
  margin-right: -6rem;
}

:root .-mb-24 {
  margin-bottom: -6rem;
}

:root .-ml-24 {
  margin-left: -6rem;
}

:root .-mt-32 {
  margin-top: -8rem;
}

:root .-mr-32 {
  margin-right: -8rem;
}

:root .-mb-32 {
  margin-bottom: -8rem;
}

:root .-ml-32 {
  margin-left: -8rem;
}

:root .-mt-40 {
  margin-top: -10rem;
}

:root .-mr-40 {
  margin-right: -10rem;
}

:root .-mb-40 {
  margin-bottom: -10rem;
}

:root .-ml-40 {
  margin-left: -10rem;
}

:root .-mt-48 {
  margin-top: -12rem;
}

:root .-mr-48 {
  margin-right: -12rem;
}

:root .-mb-48 {
  margin-bottom: -12rem;
}

:root .-ml-48 {
  margin-left: -12rem;
}

:root .-mt-56 {
  margin-top: -14rem;
}

:root .-mr-56 {
  margin-right: -14rem;
}

:root .-mb-56 {
  margin-bottom: -14rem;
}

:root .-ml-56 {
  margin-left: -14rem;
}

:root .-mt-64 {
  margin-top: -16rem;
}

:root .-mr-64 {
  margin-right: -16rem;
}

:root .-mb-64 {
  margin-bottom: -16rem;
}

:root .-ml-64 {
  margin-left: -16rem;
}

:root .-mt-px {
  margin-top: -1px;
}

:root .-mr-px {
  margin-right: -1px;
}

:root .-mb-px {
  margin-bottom: -1px;
}

:root .-ml-px {
  margin-left: -1px;
}

:root .-mt-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
}

:root .-mr-gutter {
  margin-right: calc(var(--padding-gutter) * -1);
}

:root .-mb-gutter {
  margin-bottom: calc(var(--padding-gutter) * -1);
}

:root .-ml-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
}

[dir=ltr] .ltr\:m-0 {
  margin: 0;
}

[dir=ltr] .ltr\:m-1 {
  margin: 0.25rem;
}

[dir=ltr] .ltr\:m-2 {
  margin: 0.5rem;
}

[dir=ltr] .ltr\:m-3 {
  margin: 0.75rem;
}

[dir=ltr] .ltr\:m-4 {
  margin: 1rem;
}

[dir=ltr] .ltr\:m-5 {
  margin: 1.25rem;
}

[dir=ltr] .ltr\:m-6 {
  margin: 1.5rem;
}

[dir=ltr] .ltr\:m-8 {
  margin: 2rem;
}

[dir=ltr] .ltr\:m-9 {
  margin: 2.25rem;
}

[dir=ltr] .ltr\:m-10 {
  margin: 2.5rem;
}

[dir=ltr] .ltr\:m-12 {
  margin: 3rem;
}

[dir=ltr] .ltr\:m-14 {
  margin: 3.5rem;
}

[dir=ltr] .ltr\:m-16 {
  margin: 4rem;
}

[dir=ltr] .ltr\:m-20 {
  margin: 5rem;
}

[dir=ltr] .ltr\:m-24 {
  margin: 6rem;
}

[dir=ltr] .ltr\:m-32 {
  margin: 8rem;
}

[dir=ltr] .ltr\:m-40 {
  margin: 10rem;
}

[dir=ltr] .ltr\:m-48 {
  margin: 12rem;
}

[dir=ltr] .ltr\:m-56 {
  margin: 14rem;
}

[dir=ltr] .ltr\:m-64 {
  margin: 16rem;
}

[dir=ltr] .ltr\:m-auto {
  margin: auto;
}

[dir=ltr] .ltr\:m-px {
  margin: 1px;
}

[dir=ltr] .ltr\:m-gutter {
  margin: var(--padding-gutter);
}

[dir=ltr] .ltr\:-m-1 {
  margin: -0.25rem;
}

[dir=ltr] .ltr\:-m-2 {
  margin: -0.5rem;
}

[dir=ltr] .ltr\:-m-3 {
  margin: -0.75rem;
}

[dir=ltr] .ltr\:-m-4 {
  margin: -1rem;
}

[dir=ltr] .ltr\:-m-5 {
  margin: -1.25rem;
}

[dir=ltr] .ltr\:-m-6 {
  margin: -1.5rem;
}

[dir=ltr] .ltr\:-m-8 {
  margin: -2rem;
}

[dir=ltr] .ltr\:-m-9 {
  margin: -2.25rem;
}

[dir=ltr] .ltr\:-m-10 {
  margin: -2.5rem;
}

[dir=ltr] .ltr\:-m-12 {
  margin: -3rem;
}

[dir=ltr] .ltr\:-m-14 {
  margin: -3.5rem;
}

[dir=ltr] .ltr\:-m-16 {
  margin: -4rem;
}

[dir=ltr] .ltr\:-m-20 {
  margin: -5rem;
}

[dir=ltr] .ltr\:-m-24 {
  margin: -6rem;
}

[dir=ltr] .ltr\:-m-32 {
  margin: -8rem;
}

[dir=ltr] .ltr\:-m-40 {
  margin: -10rem;
}

[dir=ltr] .ltr\:-m-48 {
  margin: -12rem;
}

[dir=ltr] .ltr\:-m-56 {
  margin: -14rem;
}

[dir=ltr] .ltr\:-m-64 {
  margin: -16rem;
}

[dir=ltr] .ltr\:-m-px {
  margin: -1px;
}

[dir=ltr] .ltr\:-m-gutter {
  margin: calc(var(--padding-gutter) * -1);
}

[dir=ltr] .ltr\:my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

[dir=ltr] .ltr\:mx-0 {
  margin-left: 0;
  margin-right: 0;
}

[dir=ltr] .ltr\:my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[dir=ltr] .ltr\:mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

[dir=ltr] .ltr\:my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

[dir=ltr] .ltr\:mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

[dir=ltr] .ltr\:my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir=ltr] .ltr\:mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

[dir=ltr] .ltr\:my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

[dir=ltr] .ltr\:mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

[dir=ltr] .ltr\:my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

[dir=ltr] .ltr\:mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

[dir=ltr] .ltr\:my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

[dir=ltr] .ltr\:mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

[dir=ltr] .ltr\:my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

[dir=ltr] .ltr\:mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

[dir=ltr] .ltr\:my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

[dir=ltr] .ltr\:mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

[dir=ltr] .ltr\:my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

[dir=ltr] .ltr\:mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

[dir=ltr] .ltr\:my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

[dir=ltr] .ltr\:mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

[dir=ltr] .ltr\:my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

[dir=ltr] .ltr\:mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

[dir=ltr] .ltr\:my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

[dir=ltr] .ltr\:mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

[dir=ltr] .ltr\:my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

[dir=ltr] .ltr\:mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

[dir=ltr] .ltr\:my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

[dir=ltr] .ltr\:mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

[dir=ltr] .ltr\:my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

[dir=ltr] .ltr\:mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

[dir=ltr] .ltr\:my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

[dir=ltr] .ltr\:mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

[dir=ltr] .ltr\:my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

[dir=ltr] .ltr\:mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

[dir=ltr] .ltr\:my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

[dir=ltr] .ltr\:mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

[dir=ltr] .ltr\:my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

[dir=ltr] .ltr\:mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

[dir=ltr] .ltr\:my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

[dir=ltr] .ltr\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

[dir=ltr] .ltr\:my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

[dir=ltr] .ltr\:mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

[dir=ltr] .ltr\:my-gutter {
  margin-top: var(--padding-gutter);
  margin-bottom: var(--padding-gutter);
}

[dir=ltr] .ltr\:mx-gutter {
  margin-left: var(--padding-gutter);
  margin-right: var(--padding-gutter);
}

[dir=ltr] .ltr\:-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

[dir=ltr] .ltr\:-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

[dir=ltr] .ltr\:-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

[dir=ltr] .ltr\:-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

[dir=ltr] .ltr\:-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

[dir=ltr] .ltr\:-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

[dir=ltr] .ltr\:-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

[dir=ltr] .ltr\:-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

[dir=ltr] .ltr\:-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

[dir=ltr] .ltr\:-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

[dir=ltr] .ltr\:-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

[dir=ltr] .ltr\:-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

[dir=ltr] .ltr\:-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

[dir=ltr] .ltr\:-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

[dir=ltr] .ltr\:-my-9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}

[dir=ltr] .ltr\:-mx-9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}

[dir=ltr] .ltr\:-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

[dir=ltr] .ltr\:-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

[dir=ltr] .ltr\:-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

[dir=ltr] .ltr\:-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}

[dir=ltr] .ltr\:-my-14 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}

[dir=ltr] .ltr\:-mx-14 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}

[dir=ltr] .ltr\:-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

[dir=ltr] .ltr\:-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}

[dir=ltr] .ltr\:-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}

[dir=ltr] .ltr\:-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}

[dir=ltr] .ltr\:-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}

[dir=ltr] .ltr\:-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}

[dir=ltr] .ltr\:-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

[dir=ltr] .ltr\:-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}

[dir=ltr] .ltr\:-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}

[dir=ltr] .ltr\:-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}

[dir=ltr] .ltr\:-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}

[dir=ltr] .ltr\:-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}

[dir=ltr] .ltr\:-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}

[dir=ltr] .ltr\:-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}

[dir=ltr] .ltr\:-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}

[dir=ltr] .ltr\:-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}

[dir=ltr] .ltr\:-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

[dir=ltr] .ltr\:-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

[dir=ltr] .ltr\:-my-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
}

[dir=ltr] .ltr\:-mx-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
  margin-right: calc(var(--padding-gutter) * -1);
}

[dir=ltr] .ltr\:mt-0 {
  margin-top: 0;
}

[dir=ltr] .ltr\:mr-0 {
  margin-right: 0;
}

[dir=ltr] .ltr\:mb-0 {
  margin-bottom: 0;
}

[dir=ltr] .ltr\:ml-0 {
  margin-left: 0;
}

[dir=ltr] .ltr\:mt-1 {
  margin-top: 0.25rem;
}

[dir=ltr] .ltr\:mr-1 {
  margin-right: 0.25rem;
}

[dir=ltr] .ltr\:mb-1 {
  margin-bottom: 0.25rem;
}

[dir=ltr] .ltr\:ml-1 {
  margin-left: 0.25rem;
}

[dir=ltr] .ltr\:mt-2 {
  margin-top: 0.5rem;
}

[dir=ltr] .ltr\:mr-2 {
  margin-right: 0.5rem;
}

[dir=ltr] .ltr\:mb-2 {
  margin-bottom: 0.5rem;
}

[dir=ltr] .ltr\:ml-2 {
  margin-left: 0.5rem;
}

[dir=ltr] .ltr\:mt-3 {
  margin-top: 0.75rem;
}

[dir=ltr] .ltr\:mr-3 {
  margin-right: 0.75rem;
}

[dir=ltr] .ltr\:mb-3 {
  margin-bottom: 0.75rem;
}

[dir=ltr] .ltr\:ml-3 {
  margin-left: 0.75rem;
}

[dir=ltr] .ltr\:mt-4 {
  margin-top: 1rem;
}

[dir=ltr] .ltr\:mr-4 {
  margin-right: 1rem;
}

[dir=ltr] .ltr\:mb-4 {
  margin-bottom: 1rem;
}

[dir=ltr] .ltr\:ml-4 {
  margin-left: 1rem;
}

[dir=ltr] .ltr\:mt-5 {
  margin-top: 1.25rem;
}

[dir=ltr] .ltr\:mr-5 {
  margin-right: 1.25rem;
}

[dir=ltr] .ltr\:mb-5 {
  margin-bottom: 1.25rem;
}

[dir=ltr] .ltr\:ml-5 {
  margin-left: 1.25rem;
}

[dir=ltr] .ltr\:mt-6 {
  margin-top: 1.5rem;
}

[dir=ltr] .ltr\:mr-6 {
  margin-right: 1.5rem;
}

[dir=ltr] .ltr\:mb-6 {
  margin-bottom: 1.5rem;
}

[dir=ltr] .ltr\:ml-6 {
  margin-left: 1.5rem;
}

[dir=ltr] .ltr\:mt-8 {
  margin-top: 2rem;
}

[dir=ltr] .ltr\:mr-8 {
  margin-right: 2rem;
}

[dir=ltr] .ltr\:mb-8 {
  margin-bottom: 2rem;
}

[dir=ltr] .ltr\:ml-8 {
  margin-left: 2rem;
}

[dir=ltr] .ltr\:mt-9 {
  margin-top: 2.25rem;
}

[dir=ltr] .ltr\:mr-9 {
  margin-right: 2.25rem;
}

[dir=ltr] .ltr\:mb-9 {
  margin-bottom: 2.25rem;
}

[dir=ltr] .ltr\:ml-9 {
  margin-left: 2.25rem;
}

[dir=ltr] .ltr\:mt-10 {
  margin-top: 2.5rem;
}

[dir=ltr] .ltr\:mr-10 {
  margin-right: 2.5rem;
}

[dir=ltr] .ltr\:mb-10 {
  margin-bottom: 2.5rem;
}

[dir=ltr] .ltr\:ml-10 {
  margin-left: 2.5rem;
}

[dir=ltr] .ltr\:mt-12 {
  margin-top: 3rem;
}

[dir=ltr] .ltr\:mr-12 {
  margin-right: 3rem;
}

[dir=ltr] .ltr\:mb-12 {
  margin-bottom: 3rem;
}

[dir=ltr] .ltr\:ml-12 {
  margin-left: 3rem;
}

[dir=ltr] .ltr\:mt-14 {
  margin-top: 3.5rem;
}

[dir=ltr] .ltr\:mr-14 {
  margin-right: 3.5rem;
}

[dir=ltr] .ltr\:mb-14 {
  margin-bottom: 3.5rem;
}

[dir=ltr] .ltr\:ml-14 {
  margin-left: 3.5rem;
}

[dir=ltr] .ltr\:mt-16 {
  margin-top: 4rem;
}

[dir=ltr] .ltr\:mr-16 {
  margin-right: 4rem;
}

[dir=ltr] .ltr\:mb-16 {
  margin-bottom: 4rem;
}

[dir=ltr] .ltr\:ml-16 {
  margin-left: 4rem;
}

[dir=ltr] .ltr\:mt-20 {
  margin-top: 5rem;
}

[dir=ltr] .ltr\:mr-20 {
  margin-right: 5rem;
}

[dir=ltr] .ltr\:mb-20 {
  margin-bottom: 5rem;
}

[dir=ltr] .ltr\:ml-20 {
  margin-left: 5rem;
}

[dir=ltr] .ltr\:mt-24 {
  margin-top: 6rem;
}

[dir=ltr] .ltr\:mr-24 {
  margin-right: 6rem;
}

[dir=ltr] .ltr\:mb-24 {
  margin-bottom: 6rem;
}

[dir=ltr] .ltr\:ml-24 {
  margin-left: 6rem;
}

[dir=ltr] .ltr\:mt-32 {
  margin-top: 8rem;
}

[dir=ltr] .ltr\:mr-32 {
  margin-right: 8rem;
}

[dir=ltr] .ltr\:mb-32 {
  margin-bottom: 8rem;
}

[dir=ltr] .ltr\:ml-32 {
  margin-left: 8rem;
}

[dir=ltr] .ltr\:mt-40 {
  margin-top: 10rem;
}

[dir=ltr] .ltr\:mr-40 {
  margin-right: 10rem;
}

[dir=ltr] .ltr\:mb-40 {
  margin-bottom: 10rem;
}

[dir=ltr] .ltr\:ml-40 {
  margin-left: 10rem;
}

[dir=ltr] .ltr\:mt-48 {
  margin-top: 12rem;
}

[dir=ltr] .ltr\:mr-48 {
  margin-right: 12rem;
}

[dir=ltr] .ltr\:mb-48 {
  margin-bottom: 12rem;
}

[dir=ltr] .ltr\:ml-48 {
  margin-left: 12rem;
}

[dir=ltr] .ltr\:mt-56 {
  margin-top: 14rem;
}

[dir=ltr] .ltr\:mr-56 {
  margin-right: 14rem;
}

[dir=ltr] .ltr\:mb-56 {
  margin-bottom: 14rem;
}

[dir=ltr] .ltr\:ml-56 {
  margin-left: 14rem;
}

[dir=ltr] .ltr\:mt-64 {
  margin-top: 16rem;
}

[dir=ltr] .ltr\:mr-64 {
  margin-right: 16rem;
}

[dir=ltr] .ltr\:mb-64 {
  margin-bottom: 16rem;
}

[dir=ltr] .ltr\:ml-64 {
  margin-left: 16rem;
}

[dir=ltr] .ltr\:mt-auto {
  margin-top: auto;
}

[dir=ltr] .ltr\:mr-auto {
  margin-right: auto;
}

[dir=ltr] .ltr\:mb-auto {
  margin-bottom: auto;
}

[dir=ltr] .ltr\:ml-auto {
  margin-left: auto;
}

[dir=ltr] .ltr\:mt-px {
  margin-top: 1px;
}

[dir=ltr] .ltr\:mr-px {
  margin-right: 1px;
}

[dir=ltr] .ltr\:mb-px {
  margin-bottom: 1px;
}

[dir=ltr] .ltr\:ml-px {
  margin-left: 1px;
}

[dir=ltr] .ltr\:mt-gutter {
  margin-top: var(--padding-gutter);
}

[dir=ltr] .ltr\:mr-gutter {
  margin-right: var(--padding-gutter);
}

[dir=ltr] .ltr\:mb-gutter {
  margin-bottom: var(--padding-gutter);
}

[dir=ltr] .ltr\:ml-gutter {
  margin-left: var(--padding-gutter);
}

[dir=ltr] .ltr\:-mt-1 {
  margin-top: -0.25rem;
}

[dir=ltr] .ltr\:-mr-1 {
  margin-right: -0.25rem;
}

[dir=ltr] .ltr\:-mb-1 {
  margin-bottom: -0.25rem;
}

[dir=ltr] .ltr\:-ml-1 {
  margin-left: -0.25rem;
}

[dir=ltr] .ltr\:-mt-2 {
  margin-top: -0.5rem;
}

[dir=ltr] .ltr\:-mr-2 {
  margin-right: -0.5rem;
}

[dir=ltr] .ltr\:-mb-2 {
  margin-bottom: -0.5rem;
}

[dir=ltr] .ltr\:-ml-2 {
  margin-left: -0.5rem;
}

[dir=ltr] .ltr\:-mt-3 {
  margin-top: -0.75rem;
}

[dir=ltr] .ltr\:-mr-3 {
  margin-right: -0.75rem;
}

[dir=ltr] .ltr\:-mb-3 {
  margin-bottom: -0.75rem;
}

[dir=ltr] .ltr\:-ml-3 {
  margin-left: -0.75rem;
}

[dir=ltr] .ltr\:-mt-4 {
  margin-top: -1rem;
}

[dir=ltr] .ltr\:-mr-4 {
  margin-right: -1rem;
}

[dir=ltr] .ltr\:-mb-4 {
  margin-bottom: -1rem;
}

[dir=ltr] .ltr\:-ml-4 {
  margin-left: -1rem;
}

[dir=ltr] .ltr\:-mt-5 {
  margin-top: -1.25rem;
}

[dir=ltr] .ltr\:-mr-5 {
  margin-right: -1.25rem;
}

[dir=ltr] .ltr\:-mb-5 {
  margin-bottom: -1.25rem;
}

[dir=ltr] .ltr\:-ml-5 {
  margin-left: -1.25rem;
}

[dir=ltr] .ltr\:-mt-6 {
  margin-top: -1.5rem;
}

[dir=ltr] .ltr\:-mr-6 {
  margin-right: -1.5rem;
}

[dir=ltr] .ltr\:-mb-6 {
  margin-bottom: -1.5rem;
}

[dir=ltr] .ltr\:-ml-6 {
  margin-left: -1.5rem;
}

[dir=ltr] .ltr\:-mt-8 {
  margin-top: -2rem;
}

[dir=ltr] .ltr\:-mr-8 {
  margin-right: -2rem;
}

[dir=ltr] .ltr\:-mb-8 {
  margin-bottom: -2rem;
}

[dir=ltr] .ltr\:-ml-8 {
  margin-left: -2rem;
}

[dir=ltr] .ltr\:-mt-9 {
  margin-top: -2.25rem;
}

[dir=ltr] .ltr\:-mr-9 {
  margin-right: -2.25rem;
}

[dir=ltr] .ltr\:-mb-9 {
  margin-bottom: -2.25rem;
}

[dir=ltr] .ltr\:-ml-9 {
  margin-left: -2.25rem;
}

[dir=ltr] .ltr\:-mt-10 {
  margin-top: -2.5rem;
}

[dir=ltr] .ltr\:-mr-10 {
  margin-right: -2.5rem;
}

[dir=ltr] .ltr\:-mb-10 {
  margin-bottom: -2.5rem;
}

[dir=ltr] .ltr\:-ml-10 {
  margin-left: -2.5rem;
}

[dir=ltr] .ltr\:-mt-12 {
  margin-top: -3rem;
}

[dir=ltr] .ltr\:-mr-12 {
  margin-right: -3rem;
}

[dir=ltr] .ltr\:-mb-12 {
  margin-bottom: -3rem;
}

[dir=ltr] .ltr\:-ml-12 {
  margin-left: -3rem;
}

[dir=ltr] .ltr\:-mt-14 {
  margin-top: -3.5rem;
}

[dir=ltr] .ltr\:-mr-14 {
  margin-right: -3.5rem;
}

[dir=ltr] .ltr\:-mb-14 {
  margin-bottom: -3.5rem;
}

[dir=ltr] .ltr\:-ml-14 {
  margin-left: -3.5rem;
}

[dir=ltr] .ltr\:-mt-16 {
  margin-top: -4rem;
}

[dir=ltr] .ltr\:-mr-16 {
  margin-right: -4rem;
}

[dir=ltr] .ltr\:-mb-16 {
  margin-bottom: -4rem;
}

[dir=ltr] .ltr\:-ml-16 {
  margin-left: -4rem;
}

[dir=ltr] .ltr\:-mt-20 {
  margin-top: -5rem;
}

[dir=ltr] .ltr\:-mr-20 {
  margin-right: -5rem;
}

[dir=ltr] .ltr\:-mb-20 {
  margin-bottom: -5rem;
}

[dir=ltr] .ltr\:-ml-20 {
  margin-left: -5rem;
}

[dir=ltr] .ltr\:-mt-24 {
  margin-top: -6rem;
}

[dir=ltr] .ltr\:-mr-24 {
  margin-right: -6rem;
}

[dir=ltr] .ltr\:-mb-24 {
  margin-bottom: -6rem;
}

[dir=ltr] .ltr\:-ml-24 {
  margin-left: -6rem;
}

[dir=ltr] .ltr\:-mt-32 {
  margin-top: -8rem;
}

[dir=ltr] .ltr\:-mr-32 {
  margin-right: -8rem;
}

[dir=ltr] .ltr\:-mb-32 {
  margin-bottom: -8rem;
}

[dir=ltr] .ltr\:-ml-32 {
  margin-left: -8rem;
}

[dir=ltr] .ltr\:-mt-40 {
  margin-top: -10rem;
}

[dir=ltr] .ltr\:-mr-40 {
  margin-right: -10rem;
}

[dir=ltr] .ltr\:-mb-40 {
  margin-bottom: -10rem;
}

[dir=ltr] .ltr\:-ml-40 {
  margin-left: -10rem;
}

[dir=ltr] .ltr\:-mt-48 {
  margin-top: -12rem;
}

[dir=ltr] .ltr\:-mr-48 {
  margin-right: -12rem;
}

[dir=ltr] .ltr\:-mb-48 {
  margin-bottom: -12rem;
}

[dir=ltr] .ltr\:-ml-48 {
  margin-left: -12rem;
}

[dir=ltr] .ltr\:-mt-56 {
  margin-top: -14rem;
}

[dir=ltr] .ltr\:-mr-56 {
  margin-right: -14rem;
}

[dir=ltr] .ltr\:-mb-56 {
  margin-bottom: -14rem;
}

[dir=ltr] .ltr\:-ml-56 {
  margin-left: -14rem;
}

[dir=ltr] .ltr\:-mt-64 {
  margin-top: -16rem;
}

[dir=ltr] .ltr\:-mr-64 {
  margin-right: -16rem;
}

[dir=ltr] .ltr\:-mb-64 {
  margin-bottom: -16rem;
}

[dir=ltr] .ltr\:-ml-64 {
  margin-left: -16rem;
}

[dir=ltr] .ltr\:-mt-px {
  margin-top: -1px;
}

[dir=ltr] .ltr\:-mr-px {
  margin-right: -1px;
}

[dir=ltr] .ltr\:-mb-px {
  margin-bottom: -1px;
}

[dir=ltr] .ltr\:-ml-px {
  margin-left: -1px;
}

[dir=ltr] .ltr\:-mt-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
}

[dir=ltr] .ltr\:-mr-gutter {
  margin-right: calc(var(--padding-gutter) * -1);
}

[dir=ltr] .ltr\:-mb-gutter {
  margin-bottom: calc(var(--padding-gutter) * -1);
}

[dir=ltr] .ltr\:-ml-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
}

[dir=rtl] .rtl\:m-0 {
  margin: 0;
}

[dir=rtl] .rtl\:m-1 {
  margin: 0.25rem;
}

[dir=rtl] .rtl\:m-2 {
  margin: 0.5rem;
}

[dir=rtl] .rtl\:m-3 {
  margin: 0.75rem;
}

[dir=rtl] .rtl\:m-4 {
  margin: 1rem;
}

[dir=rtl] .rtl\:m-5 {
  margin: 1.25rem;
}

[dir=rtl] .rtl\:m-6 {
  margin: 1.5rem;
}

[dir=rtl] .rtl\:m-8 {
  margin: 2rem;
}

[dir=rtl] .rtl\:m-9 {
  margin: 2.25rem;
}

[dir=rtl] .rtl\:m-10 {
  margin: 2.5rem;
}

[dir=rtl] .rtl\:m-12 {
  margin: 3rem;
}

[dir=rtl] .rtl\:m-14 {
  margin: 3.5rem;
}

[dir=rtl] .rtl\:m-16 {
  margin: 4rem;
}

[dir=rtl] .rtl\:m-20 {
  margin: 5rem;
}

[dir=rtl] .rtl\:m-24 {
  margin: 6rem;
}

[dir=rtl] .rtl\:m-32 {
  margin: 8rem;
}

[dir=rtl] .rtl\:m-40 {
  margin: 10rem;
}

[dir=rtl] .rtl\:m-48 {
  margin: 12rem;
}

[dir=rtl] .rtl\:m-56 {
  margin: 14rem;
}

[dir=rtl] .rtl\:m-64 {
  margin: 16rem;
}

[dir=rtl] .rtl\:m-auto {
  margin: auto;
}

[dir=rtl] .rtl\:m-px {
  margin: 1px;
}

[dir=rtl] .rtl\:m-gutter {
  margin: var(--padding-gutter);
}

[dir=rtl] .rtl\:-m-1 {
  margin: -0.25rem;
}

[dir=rtl] .rtl\:-m-2 {
  margin: -0.5rem;
}

[dir=rtl] .rtl\:-m-3 {
  margin: -0.75rem;
}

[dir=rtl] .rtl\:-m-4 {
  margin: -1rem;
}

[dir=rtl] .rtl\:-m-5 {
  margin: -1.25rem;
}

[dir=rtl] .rtl\:-m-6 {
  margin: -1.5rem;
}

[dir=rtl] .rtl\:-m-8 {
  margin: -2rem;
}

[dir=rtl] .rtl\:-m-9 {
  margin: -2.25rem;
}

[dir=rtl] .rtl\:-m-10 {
  margin: -2.5rem;
}

[dir=rtl] .rtl\:-m-12 {
  margin: -3rem;
}

[dir=rtl] .rtl\:-m-14 {
  margin: -3.5rem;
}

[dir=rtl] .rtl\:-m-16 {
  margin: -4rem;
}

[dir=rtl] .rtl\:-m-20 {
  margin: -5rem;
}

[dir=rtl] .rtl\:-m-24 {
  margin: -6rem;
}

[dir=rtl] .rtl\:-m-32 {
  margin: -8rem;
}

[dir=rtl] .rtl\:-m-40 {
  margin: -10rem;
}

[dir=rtl] .rtl\:-m-48 {
  margin: -12rem;
}

[dir=rtl] .rtl\:-m-56 {
  margin: -14rem;
}

[dir=rtl] .rtl\:-m-64 {
  margin: -16rem;
}

[dir=rtl] .rtl\:-m-px {
  margin: -1px;
}

[dir=rtl] .rtl\:-m-gutter {
  margin: calc(var(--padding-gutter) * -1);
}

[dir=rtl] .rtl\:my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

[dir=rtl] .rtl\:mx-0 {
  margin-left: 0;
  margin-right: 0;
}

[dir=rtl] .rtl\:my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[dir=rtl] .rtl\:mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

[dir=rtl] .rtl\:my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

[dir=rtl] .rtl\:mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

[dir=rtl] .rtl\:my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir=rtl] .rtl\:mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

[dir=rtl] .rtl\:my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

[dir=rtl] .rtl\:mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

[dir=rtl] .rtl\:my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

[dir=rtl] .rtl\:mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

[dir=rtl] .rtl\:my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

[dir=rtl] .rtl\:mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

[dir=rtl] .rtl\:my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

[dir=rtl] .rtl\:mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

[dir=rtl] .rtl\:my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

[dir=rtl] .rtl\:mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

[dir=rtl] .rtl\:my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

[dir=rtl] .rtl\:mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

[dir=rtl] .rtl\:my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

[dir=rtl] .rtl\:mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

[dir=rtl] .rtl\:my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

[dir=rtl] .rtl\:mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

[dir=rtl] .rtl\:my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

[dir=rtl] .rtl\:mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

[dir=rtl] .rtl\:my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

[dir=rtl] .rtl\:mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

[dir=rtl] .rtl\:my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

[dir=rtl] .rtl\:mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

[dir=rtl] .rtl\:my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

[dir=rtl] .rtl\:mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

[dir=rtl] .rtl\:my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

[dir=rtl] .rtl\:mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

[dir=rtl] .rtl\:my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

[dir=rtl] .rtl\:mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

[dir=rtl] .rtl\:my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

[dir=rtl] .rtl\:mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

[dir=rtl] .rtl\:my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

[dir=rtl] .rtl\:mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

[dir=rtl] .rtl\:my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

[dir=rtl] .rtl\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

[dir=rtl] .rtl\:my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

[dir=rtl] .rtl\:mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

[dir=rtl] .rtl\:my-gutter {
  margin-top: var(--padding-gutter);
  margin-bottom: var(--padding-gutter);
}

[dir=rtl] .rtl\:mx-gutter {
  margin-left: var(--padding-gutter);
  margin-right: var(--padding-gutter);
}

[dir=rtl] .rtl\:-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

[dir=rtl] .rtl\:-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

[dir=rtl] .rtl\:-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

[dir=rtl] .rtl\:-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

[dir=rtl] .rtl\:-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

[dir=rtl] .rtl\:-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

[dir=rtl] .rtl\:-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

[dir=rtl] .rtl\:-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

[dir=rtl] .rtl\:-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

[dir=rtl] .rtl\:-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

[dir=rtl] .rtl\:-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

[dir=rtl] .rtl\:-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

[dir=rtl] .rtl\:-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

[dir=rtl] .rtl\:-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

[dir=rtl] .rtl\:-my-9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}

[dir=rtl] .rtl\:-mx-9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}

[dir=rtl] .rtl\:-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

[dir=rtl] .rtl\:-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

[dir=rtl] .rtl\:-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

[dir=rtl] .rtl\:-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}

[dir=rtl] .rtl\:-my-14 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}

[dir=rtl] .rtl\:-mx-14 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}

[dir=rtl] .rtl\:-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

[dir=rtl] .rtl\:-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}

[dir=rtl] .rtl\:-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}

[dir=rtl] .rtl\:-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}

[dir=rtl] .rtl\:-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}

[dir=rtl] .rtl\:-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}

[dir=rtl] .rtl\:-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

[dir=rtl] .rtl\:-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}

[dir=rtl] .rtl\:-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}

[dir=rtl] .rtl\:-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}

[dir=rtl] .rtl\:-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}

[dir=rtl] .rtl\:-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}

[dir=rtl] .rtl\:-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}

[dir=rtl] .rtl\:-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}

[dir=rtl] .rtl\:-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}

[dir=rtl] .rtl\:-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}

[dir=rtl] .rtl\:-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

[dir=rtl] .rtl\:-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

[dir=rtl] .rtl\:-my-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
}

[dir=rtl] .rtl\:-mx-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
  margin-right: calc(var(--padding-gutter) * -1);
}

[dir=rtl] .rtl\:mt-0 {
  margin-top: 0;
}

[dir=rtl] .rtl\:mr-0 {
  margin-right: 0;
}

[dir=rtl] .rtl\:mb-0 {
  margin-bottom: 0;
}

[dir=rtl] .rtl\:ml-0 {
  margin-left: 0;
}

[dir=rtl] .rtl\:mt-1 {
  margin-top: 0.25rem;
}

[dir=rtl] .rtl\:mr-1 {
  margin-right: 0.25rem;
}

[dir=rtl] .rtl\:mb-1 {
  margin-bottom: 0.25rem;
}

[dir=rtl] .rtl\:ml-1 {
  margin-left: 0.25rem;
}

[dir=rtl] .rtl\:mt-2 {
  margin-top: 0.5rem;
}

[dir=rtl] .rtl\:mr-2 {
  margin-right: 0.5rem;
}

[dir=rtl] .rtl\:mb-2 {
  margin-bottom: 0.5rem;
}

[dir=rtl] .rtl\:ml-2 {
  margin-left: 0.5rem;
}

[dir=rtl] .rtl\:mt-3 {
  margin-top: 0.75rem;
}

[dir=rtl] .rtl\:mr-3 {
  margin-right: 0.75rem;
}

[dir=rtl] .rtl\:mb-3 {
  margin-bottom: 0.75rem;
}

[dir=rtl] .rtl\:ml-3 {
  margin-left: 0.75rem;
}

[dir=rtl] .rtl\:mt-4 {
  margin-top: 1rem;
}

[dir=rtl] .rtl\:mr-4 {
  margin-right: 1rem;
}

[dir=rtl] .rtl\:mb-4 {
  margin-bottom: 1rem;
}

[dir=rtl] .rtl\:ml-4 {
  margin-left: 1rem;
}

[dir=rtl] .rtl\:mt-5 {
  margin-top: 1.25rem;
}

[dir=rtl] .rtl\:mr-5 {
  margin-right: 1.25rem;
}

[dir=rtl] .rtl\:mb-5 {
  margin-bottom: 1.25rem;
}

[dir=rtl] .rtl\:ml-5 {
  margin-left: 1.25rem;
}

[dir=rtl] .rtl\:mt-6 {
  margin-top: 1.5rem;
}

[dir=rtl] .rtl\:mr-6 {
  margin-right: 1.5rem;
}

[dir=rtl] .rtl\:mb-6 {
  margin-bottom: 1.5rem;
}

[dir=rtl] .rtl\:ml-6 {
  margin-left: 1.5rem;
}

[dir=rtl] .rtl\:mt-8 {
  margin-top: 2rem;
}

[dir=rtl] .rtl\:mr-8 {
  margin-right: 2rem;
}

[dir=rtl] .rtl\:mb-8 {
  margin-bottom: 2rem;
}

[dir=rtl] .rtl\:ml-8 {
  margin-left: 2rem;
}

[dir=rtl] .rtl\:mt-9 {
  margin-top: 2.25rem;
}

[dir=rtl] .rtl\:mr-9 {
  margin-right: 2.25rem;
}

[dir=rtl] .rtl\:mb-9 {
  margin-bottom: 2.25rem;
}

[dir=rtl] .rtl\:ml-9 {
  margin-left: 2.25rem;
}

[dir=rtl] .rtl\:mt-10 {
  margin-top: 2.5rem;
}

[dir=rtl] .rtl\:mr-10 {
  margin-right: 2.5rem;
}

[dir=rtl] .rtl\:mb-10 {
  margin-bottom: 2.5rem;
}

[dir=rtl] .rtl\:ml-10 {
  margin-left: 2.5rem;
}

[dir=rtl] .rtl\:mt-12 {
  margin-top: 3rem;
}

[dir=rtl] .rtl\:mr-12 {
  margin-right: 3rem;
}

[dir=rtl] .rtl\:mb-12 {
  margin-bottom: 3rem;
}

[dir=rtl] .rtl\:ml-12 {
  margin-left: 3rem;
}

[dir=rtl] .rtl\:mt-14 {
  margin-top: 3.5rem;
}

[dir=rtl] .rtl\:mr-14 {
  margin-right: 3.5rem;
}

[dir=rtl] .rtl\:mb-14 {
  margin-bottom: 3.5rem;
}

[dir=rtl] .rtl\:ml-14 {
  margin-left: 3.5rem;
}

[dir=rtl] .rtl\:mt-16 {
  margin-top: 4rem;
}

[dir=rtl] .rtl\:mr-16 {
  margin-right: 4rem;
}

[dir=rtl] .rtl\:mb-16 {
  margin-bottom: 4rem;
}

[dir=rtl] .rtl\:ml-16 {
  margin-left: 4rem;
}

[dir=rtl] .rtl\:mt-20 {
  margin-top: 5rem;
}

[dir=rtl] .rtl\:mr-20 {
  margin-right: 5rem;
}

[dir=rtl] .rtl\:mb-20 {
  margin-bottom: 5rem;
}

[dir=rtl] .rtl\:ml-20 {
  margin-left: 5rem;
}

[dir=rtl] .rtl\:mt-24 {
  margin-top: 6rem;
}

[dir=rtl] .rtl\:mr-24 {
  margin-right: 6rem;
}

[dir=rtl] .rtl\:mb-24 {
  margin-bottom: 6rem;
}

[dir=rtl] .rtl\:ml-24 {
  margin-left: 6rem;
}

[dir=rtl] .rtl\:mt-32 {
  margin-top: 8rem;
}

[dir=rtl] .rtl\:mr-32 {
  margin-right: 8rem;
}

[dir=rtl] .rtl\:mb-32 {
  margin-bottom: 8rem;
}

[dir=rtl] .rtl\:ml-32 {
  margin-left: 8rem;
}

[dir=rtl] .rtl\:mt-40 {
  margin-top: 10rem;
}

[dir=rtl] .rtl\:mr-40 {
  margin-right: 10rem;
}

[dir=rtl] .rtl\:mb-40 {
  margin-bottom: 10rem;
}

[dir=rtl] .rtl\:ml-40 {
  margin-left: 10rem;
}

[dir=rtl] .rtl\:mt-48 {
  margin-top: 12rem;
}

[dir=rtl] .rtl\:mr-48 {
  margin-right: 12rem;
}

[dir=rtl] .rtl\:mb-48 {
  margin-bottom: 12rem;
}

[dir=rtl] .rtl\:ml-48 {
  margin-left: 12rem;
}

[dir=rtl] .rtl\:mt-56 {
  margin-top: 14rem;
}

[dir=rtl] .rtl\:mr-56 {
  margin-right: 14rem;
}

[dir=rtl] .rtl\:mb-56 {
  margin-bottom: 14rem;
}

[dir=rtl] .rtl\:ml-56 {
  margin-left: 14rem;
}

[dir=rtl] .rtl\:mt-64 {
  margin-top: 16rem;
}

[dir=rtl] .rtl\:mr-64 {
  margin-right: 16rem;
}

[dir=rtl] .rtl\:mb-64 {
  margin-bottom: 16rem;
}

[dir=rtl] .rtl\:ml-64 {
  margin-left: 16rem;
}

[dir=rtl] .rtl\:mt-auto {
  margin-top: auto;
}

[dir=rtl] .rtl\:mr-auto {
  margin-right: auto;
}

[dir=rtl] .rtl\:mb-auto {
  margin-bottom: auto;
}

[dir=rtl] .rtl\:ml-auto {
  margin-left: auto;
}

[dir=rtl] .rtl\:mt-px {
  margin-top: 1px;
}

[dir=rtl] .rtl\:mr-px {
  margin-right: 1px;
}

[dir=rtl] .rtl\:mb-px {
  margin-bottom: 1px;
}

[dir=rtl] .rtl\:ml-px {
  margin-left: 1px;
}

[dir=rtl] .rtl\:mt-gutter {
  margin-top: var(--padding-gutter);
}

[dir=rtl] .rtl\:mr-gutter {
  margin-right: var(--padding-gutter);
}

[dir=rtl] .rtl\:mb-gutter {
  margin-bottom: var(--padding-gutter);
}

[dir=rtl] .rtl\:ml-gutter {
  margin-left: var(--padding-gutter);
}

[dir=rtl] .rtl\:-mt-1 {
  margin-top: -0.25rem;
}

[dir=rtl] .rtl\:-mr-1 {
  margin-right: -0.25rem;
}

[dir=rtl] .rtl\:-mb-1 {
  margin-bottom: -0.25rem;
}

[dir=rtl] .rtl\:-ml-1 {
  margin-left: -0.25rem;
}

[dir=rtl] .rtl\:-mt-2 {
  margin-top: -0.5rem;
}

[dir=rtl] .rtl\:-mr-2 {
  margin-right: -0.5rem;
}

[dir=rtl] .rtl\:-mb-2 {
  margin-bottom: -0.5rem;
}

[dir=rtl] .rtl\:-ml-2 {
  margin-left: -0.5rem;
}

[dir=rtl] .rtl\:-mt-3 {
  margin-top: -0.75rem;
}

[dir=rtl] .rtl\:-mr-3 {
  margin-right: -0.75rem;
}

[dir=rtl] .rtl\:-mb-3 {
  margin-bottom: -0.75rem;
}

[dir=rtl] .rtl\:-ml-3 {
  margin-left: -0.75rem;
}

[dir=rtl] .rtl\:-mt-4 {
  margin-top: -1rem;
}

[dir=rtl] .rtl\:-mr-4 {
  margin-right: -1rem;
}

[dir=rtl] .rtl\:-mb-4 {
  margin-bottom: -1rem;
}

[dir=rtl] .rtl\:-ml-4 {
  margin-left: -1rem;
}

[dir=rtl] .rtl\:-mt-5 {
  margin-top: -1.25rem;
}

[dir=rtl] .rtl\:-mr-5 {
  margin-right: -1.25rem;
}

[dir=rtl] .rtl\:-mb-5 {
  margin-bottom: -1.25rem;
}

[dir=rtl] .rtl\:-ml-5 {
  margin-left: -1.25rem;
}

[dir=rtl] .rtl\:-mt-6 {
  margin-top: -1.5rem;
}

[dir=rtl] .rtl\:-mr-6 {
  margin-right: -1.5rem;
}

[dir=rtl] .rtl\:-mb-6 {
  margin-bottom: -1.5rem;
}

[dir=rtl] .rtl\:-ml-6 {
  margin-left: -1.5rem;
}

[dir=rtl] .rtl\:-mt-8 {
  margin-top: -2rem;
}

[dir=rtl] .rtl\:-mr-8 {
  margin-right: -2rem;
}

[dir=rtl] .rtl\:-mb-8 {
  margin-bottom: -2rem;
}

[dir=rtl] .rtl\:-ml-8 {
  margin-left: -2rem;
}

[dir=rtl] .rtl\:-mt-9 {
  margin-top: -2.25rem;
}

[dir=rtl] .rtl\:-mr-9 {
  margin-right: -2.25rem;
}

[dir=rtl] .rtl\:-mb-9 {
  margin-bottom: -2.25rem;
}

[dir=rtl] .rtl\:-ml-9 {
  margin-left: -2.25rem;
}

[dir=rtl] .rtl\:-mt-10 {
  margin-top: -2.5rem;
}

[dir=rtl] .rtl\:-mr-10 {
  margin-right: -2.5rem;
}

[dir=rtl] .rtl\:-mb-10 {
  margin-bottom: -2.5rem;
}

[dir=rtl] .rtl\:-ml-10 {
  margin-left: -2.5rem;
}

[dir=rtl] .rtl\:-mt-12 {
  margin-top: -3rem;
}

[dir=rtl] .rtl\:-mr-12 {
  margin-right: -3rem;
}

[dir=rtl] .rtl\:-mb-12 {
  margin-bottom: -3rem;
}

[dir=rtl] .rtl\:-ml-12 {
  margin-left: -3rem;
}

[dir=rtl] .rtl\:-mt-14 {
  margin-top: -3.5rem;
}

[dir=rtl] .rtl\:-mr-14 {
  margin-right: -3.5rem;
}

[dir=rtl] .rtl\:-mb-14 {
  margin-bottom: -3.5rem;
}

[dir=rtl] .rtl\:-ml-14 {
  margin-left: -3.5rem;
}

[dir=rtl] .rtl\:-mt-16 {
  margin-top: -4rem;
}

[dir=rtl] .rtl\:-mr-16 {
  margin-right: -4rem;
}

[dir=rtl] .rtl\:-mb-16 {
  margin-bottom: -4rem;
}

[dir=rtl] .rtl\:-ml-16 {
  margin-left: -4rem;
}

[dir=rtl] .rtl\:-mt-20 {
  margin-top: -5rem;
}

[dir=rtl] .rtl\:-mr-20 {
  margin-right: -5rem;
}

[dir=rtl] .rtl\:-mb-20 {
  margin-bottom: -5rem;
}

[dir=rtl] .rtl\:-ml-20 {
  margin-left: -5rem;
}

[dir=rtl] .rtl\:-mt-24 {
  margin-top: -6rem;
}

[dir=rtl] .rtl\:-mr-24 {
  margin-right: -6rem;
}

[dir=rtl] .rtl\:-mb-24 {
  margin-bottom: -6rem;
}

[dir=rtl] .rtl\:-ml-24 {
  margin-left: -6rem;
}

[dir=rtl] .rtl\:-mt-32 {
  margin-top: -8rem;
}

[dir=rtl] .rtl\:-mr-32 {
  margin-right: -8rem;
}

[dir=rtl] .rtl\:-mb-32 {
  margin-bottom: -8rem;
}

[dir=rtl] .rtl\:-ml-32 {
  margin-left: -8rem;
}

[dir=rtl] .rtl\:-mt-40 {
  margin-top: -10rem;
}

[dir=rtl] .rtl\:-mr-40 {
  margin-right: -10rem;
}

[dir=rtl] .rtl\:-mb-40 {
  margin-bottom: -10rem;
}

[dir=rtl] .rtl\:-ml-40 {
  margin-left: -10rem;
}

[dir=rtl] .rtl\:-mt-48 {
  margin-top: -12rem;
}

[dir=rtl] .rtl\:-mr-48 {
  margin-right: -12rem;
}

[dir=rtl] .rtl\:-mb-48 {
  margin-bottom: -12rem;
}

[dir=rtl] .rtl\:-ml-48 {
  margin-left: -12rem;
}

[dir=rtl] .rtl\:-mt-56 {
  margin-top: -14rem;
}

[dir=rtl] .rtl\:-mr-56 {
  margin-right: -14rem;
}

[dir=rtl] .rtl\:-mb-56 {
  margin-bottom: -14rem;
}

[dir=rtl] .rtl\:-ml-56 {
  margin-left: -14rem;
}

[dir=rtl] .rtl\:-mt-64 {
  margin-top: -16rem;
}

[dir=rtl] .rtl\:-mr-64 {
  margin-right: -16rem;
}

[dir=rtl] .rtl\:-mb-64 {
  margin-bottom: -16rem;
}

[dir=rtl] .rtl\:-ml-64 {
  margin-left: -16rem;
}

[dir=rtl] .rtl\:-mt-px {
  margin-top: -1px;
}

[dir=rtl] .rtl\:-mr-px {
  margin-right: -1px;
}

[dir=rtl] .rtl\:-mb-px {
  margin-bottom: -1px;
}

[dir=rtl] .rtl\:-ml-px {
  margin-left: -1px;
}

[dir=rtl] .rtl\:-mt-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
}

[dir=rtl] .rtl\:-mr-gutter {
  margin-right: calc(var(--padding-gutter) * -1);
}

[dir=rtl] .rtl\:-mb-gutter {
  margin-bottom: calc(var(--padding-gutter) * -1);
}

[dir=rtl] .rtl\:-ml-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
}

:root .max-h-full {
  max-height: 100%;
}

:root .max-h-screen {
  max-height: 100vh;
}

:root .max-w-xxxs {
  max-width: 16rem;
}

:root .max-w-xxs {
  max-width: 18rem;
}

:root .max-w-xs {
  max-width: 20rem;
}

:root .max-w-sm {
  max-width: 24rem;
}

:root .max-w-md {
  max-width: 28rem;
}

:root .max-w-lg {
  max-width: 32rem;
}

:root .max-w-xl {
  max-width: 36rem;
}

:root .max-w-2xl {
  max-width: 42rem;
}

:root .max-w-3xl {
  max-width: 48rem;
}

:root .max-w-4xl {
  max-width: 56rem;
}

:root .max-w-5xl {
  max-width: 64rem;
}

:root .max-w-6xl {
  max-width: 72rem;
}

:root .max-w-full {
  max-width: 100%;
}

:root .min-h-0 {
  min-height: 0;
}

:root .min-h-full {
  min-height: 100%;
}

:root .min-h-screen {
  min-height: 100vh;
}

:root .min-w-0 {
  min-width: 0;
}

:root .min-w-1 {
  min-width: 0.25rem;
}

:root .min-w-2 {
  min-width: 0.5rem;
}

:root .min-w-3 {
  min-width: 0.75rem;
}

:root .min-w-4 {
  min-width: 1rem;
}

:root .min-w-5 {
  min-width: 1.25rem;
}

:root .min-w-6 {
  min-width: 1.5rem;
}

:root .min-w-8 {
  min-width: 2rem;
}

:root .min-w-9 {
  min-width: 2.25rem;
}

:root .min-w-10 {
  min-width: 2.5rem;
}

:root .min-w-12 {
  min-width: 3rem;
}

:root .min-w-14 {
  min-width: 3.5rem;
}

:root .min-w-16 {
  min-width: 4rem;
}

:root .min-w-20 {
  min-width: 5rem;
}

:root .min-w-24 {
  min-width: 6rem;
}

:root .min-w-32 {
  min-width: 8rem;
}

:root .min-w-40 {
  min-width: 10rem;
}

:root .min-w-48 {
  min-width: 12rem;
}

:root .min-w-56 {
  min-width: 14rem;
}

:root .min-w-64 {
  min-width: 16rem;
}

:root .min-w-full {
  min-width: 100%;
}

:root .min-w-px {
  min-width: 1px;
}

:root .min-w-gutter {
  min-width: var(--padding-gutter);
}

:root .object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

:root .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

:root .object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

:root .object-none {
  -o-object-fit: none;
     object-fit: none;
}

:root .object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

:root .object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

:root .object-center {
  -o-object-position: center;
     object-position: center;
}

:root .object-left {
  -o-object-position: left;
     object-position: left;
}

:root .object-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}

:root .object-left-top {
  -o-object-position: left top;
     object-position: left top;
}

:root .object-right {
  -o-object-position: right;
     object-position: right;
}

:root .object-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}

:root .object-right-top {
  -o-object-position: right top;
     object-position: right top;
}

:root .object-top {
  -o-object-position: top;
     object-position: top;
}

:root .opacity-0 {
  opacity: 0;
}

:root .opacity-25 {
  opacity: 0.25;
}

:root .opacity-50 {
  opacity: 0.5;
}

:root .opacity-75 {
  opacity: 0.75;
}

:root .opacity-100 {
  opacity: 1;
}

:root .hover\:opacity-0:hover {
  opacity: 0;
}

:root .hover\:opacity-25:hover {
  opacity: 0.25;
}

:root .hover\:opacity-50:hover {
  opacity: 0.5;
}

:root .hover\:opacity-75:hover {
  opacity: 0.75;
}

:root .hover\:opacity-100:hover {
  opacity: 1;
}

:root .focus\:opacity-0:focus {
  opacity: 0;
}

:root .focus\:opacity-25:focus {
  opacity: 0.25;
}

:root .focus\:opacity-50:focus {
  opacity: 0.5;
}

:root .focus\:opacity-75:focus {
  opacity: 0.75;
}

:root .focus\:opacity-100:focus {
  opacity: 1;
}

:root .outline-none {
  outline: 0;
}

:root .focus\:outline-none:focus {
  outline: 0;
}

:root .overflow-auto {
  overflow: auto;
}

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

:root .overflow-visible {
  overflow: visible;
}

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

:root .overflow-x-auto {
  overflow-x: auto;
}

:root .overflow-y-auto {
  overflow-y: auto;
}

:root .overflow-x-hidden {
  overflow-x: hidden;
}

:root .overflow-y-hidden {
  overflow-y: hidden;
}

:root .overflow-x-visible {
  overflow-x: visible;
}

:root .overflow-y-visible {
  overflow-y: visible;
}

:root .overflow-x-scroll {
  overflow-x: scroll;
}

:root .overflow-y-scroll {
  overflow-y: scroll;
}

:root .scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

:root .scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

:root .p-0 {
  padding: 0;
}

:root .p-1 {
  padding: 0.25rem;
}

:root .p-2 {
  padding: 0.5rem;
}

:root .p-3 {
  padding: 0.75rem;
}

:root .p-4 {
  padding: 1rem;
}

:root .p-5 {
  padding: 1.25rem;
}

:root .p-6 {
  padding: 1.5rem;
}

:root .p-8 {
  padding: 2rem;
}

:root .p-9 {
  padding: 2.25rem;
}

:root .p-10 {
  padding: 2.5rem;
}

:root .p-12 {
  padding: 3rem;
}

:root .p-14 {
  padding: 3.5rem;
}

:root .p-16 {
  padding: 4rem;
}

:root .p-20 {
  padding: 5rem;
}

:root .p-24 {
  padding: 6rem;
}

:root .p-32 {
  padding: 8rem;
}

:root .p-40 {
  padding: 10rem;
}

:root .p-48 {
  padding: 12rem;
}

:root .p-56 {
  padding: 14rem;
}

:root .p-64 {
  padding: 16rem;
}

:root .p-px {
  padding: 1px;
}

:root .p-gutter {
  padding: var(--padding-gutter);
}

:root .py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

:root .px-0 {
  padding-left: 0;
  padding-right: 0;
}

:root .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

:root .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

:root .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

:root .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

:root .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

:root .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

:root .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

:root .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

:root .py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

:root .px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

:root .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

:root .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

:root .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

:root .px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

:root .py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

:root .px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

:root .py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

:root .px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

:root .py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

:root .px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

:root .py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

:root .px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

:root .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

:root .px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

:root .py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

:root .px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

:root .py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

:root .px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

:root .py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

:root .px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

:root .py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

:root .px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

:root .py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

:root .px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

:root .py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

:root .px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

:root .py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

:root .px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

:root .py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

:root .px-px {
  padding-left: 1px;
  padding-right: 1px;
}

:root .py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}

:root .px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}

:root .pt-0 {
  padding-top: 0;
}

:root .pr-0 {
  padding-right: 0;
}

:root .pb-0 {
  padding-bottom: 0;
}

:root .pl-0 {
  padding-left: 0;
}

:root .pt-1 {
  padding-top: 0.25rem;
}

:root .pr-1 {
  padding-right: 0.25rem;
}

:root .pb-1 {
  padding-bottom: 0.25rem;
}

:root .pl-1 {
  padding-left: 0.25rem;
}

:root .pt-2 {
  padding-top: 0.5rem;
}

:root .pr-2 {
  padding-right: 0.5rem;
}

:root .pb-2 {
  padding-bottom: 0.5rem;
}

:root .pl-2 {
  padding-left: 0.5rem;
}

:root .pt-3 {
  padding-top: 0.75rem;
}

:root .pr-3 {
  padding-right: 0.75rem;
}

:root .pb-3 {
  padding-bottom: 0.75rem;
}

:root .pl-3 {
  padding-left: 0.75rem;
}

:root .pt-4 {
  padding-top: 1rem;
}

:root .pr-4 {
  padding-right: 1rem;
}

:root .pb-4 {
  padding-bottom: 1rem;
}

:root .pl-4 {
  padding-left: 1rem;
}

:root .pt-5 {
  padding-top: 1.25rem;
}

:root .pr-5 {
  padding-right: 1.25rem;
}

:root .pb-5 {
  padding-bottom: 1.25rem;
}

:root .pl-5 {
  padding-left: 1.25rem;
}

:root .pt-6 {
  padding-top: 1.5rem;
}

:root .pr-6 {
  padding-right: 1.5rem;
}

:root .pb-6 {
  padding-bottom: 1.5rem;
}

:root .pl-6 {
  padding-left: 1.5rem;
}

:root .pt-8 {
  padding-top: 2rem;
}

:root .pr-8 {
  padding-right: 2rem;
}

:root .pb-8 {
  padding-bottom: 2rem;
}

:root .pl-8 {
  padding-left: 2rem;
}

:root .pt-9 {
  padding-top: 2.25rem;
}

:root .pr-9 {
  padding-right: 2.25rem;
}

:root .pb-9 {
  padding-bottom: 2.25rem;
}

:root .pl-9 {
  padding-left: 2.25rem;
}

:root .pt-10 {
  padding-top: 2.5rem;
}

:root .pr-10 {
  padding-right: 2.5rem;
}

:root .pb-10 {
  padding-bottom: 2.5rem;
}

:root .pl-10 {
  padding-left: 2.5rem;
}

:root .pt-12 {
  padding-top: 3rem;
}

:root .pr-12 {
  padding-right: 3rem;
}

:root .pb-12 {
  padding-bottom: 3rem;
}

:root .pl-12 {
  padding-left: 3rem;
}

:root .pt-14 {
  padding-top: 3.5rem;
}

:root .pr-14 {
  padding-right: 3.5rem;
}

:root .pb-14 {
  padding-bottom: 3.5rem;
}

:root .pl-14 {
  padding-left: 3.5rem;
}

:root .pt-16 {
  padding-top: 4rem;
}

:root .pr-16 {
  padding-right: 4rem;
}

:root .pb-16 {
  padding-bottom: 4rem;
}

:root .pl-16 {
  padding-left: 4rem;
}

:root .pt-20 {
  padding-top: 5rem;
}

:root .pr-20 {
  padding-right: 5rem;
}

:root .pb-20 {
  padding-bottom: 5rem;
}

:root .pl-20 {
  padding-left: 5rem;
}

:root .pt-24 {
  padding-top: 6rem;
}

:root .pr-24 {
  padding-right: 6rem;
}

:root .pb-24 {
  padding-bottom: 6rem;
}

:root .pl-24 {
  padding-left: 6rem;
}

:root .pt-32 {
  padding-top: 8rem;
}

:root .pr-32 {
  padding-right: 8rem;
}

:root .pb-32 {
  padding-bottom: 8rem;
}

:root .pl-32 {
  padding-left: 8rem;
}

:root .pt-40 {
  padding-top: 10rem;
}

:root .pr-40 {
  padding-right: 10rem;
}

:root .pb-40 {
  padding-bottom: 10rem;
}

:root .pl-40 {
  padding-left: 10rem;
}

:root .pt-48 {
  padding-top: 12rem;
}

:root .pr-48 {
  padding-right: 12rem;
}

:root .pb-48 {
  padding-bottom: 12rem;
}

:root .pl-48 {
  padding-left: 12rem;
}

:root .pt-56 {
  padding-top: 14rem;
}

:root .pr-56 {
  padding-right: 14rem;
}

:root .pb-56 {
  padding-bottom: 14rem;
}

:root .pl-56 {
  padding-left: 14rem;
}

:root .pt-64 {
  padding-top: 16rem;
}

:root .pr-64 {
  padding-right: 16rem;
}

:root .pb-64 {
  padding-bottom: 16rem;
}

:root .pl-64 {
  padding-left: 16rem;
}

:root .pt-px {
  padding-top: 1px;
}

:root .pr-px {
  padding-right: 1px;
}

:root .pb-px {
  padding-bottom: 1px;
}

:root .pl-px {
  padding-left: 1px;
}

:root .pt-gutter {
  padding-top: var(--padding-gutter);
}

:root .pr-gutter {
  padding-right: var(--padding-gutter);
}

:root .pb-gutter {
  padding-bottom: var(--padding-gutter);
}

:root .pl-gutter {
  padding-left: var(--padding-gutter);
}

[dir=ltr] .ltr\:p-0 {
  padding: 0;
}

[dir=ltr] .ltr\:p-1 {
  padding: 0.25rem;
}

[dir=ltr] .ltr\:p-2 {
  padding: 0.5rem;
}

[dir=ltr] .ltr\:p-3 {
  padding: 0.75rem;
}

[dir=ltr] .ltr\:p-4 {
  padding: 1rem;
}

[dir=ltr] .ltr\:p-5 {
  padding: 1.25rem;
}

[dir=ltr] .ltr\:p-6 {
  padding: 1.5rem;
}

[dir=ltr] .ltr\:p-8 {
  padding: 2rem;
}

[dir=ltr] .ltr\:p-9 {
  padding: 2.25rem;
}

[dir=ltr] .ltr\:p-10 {
  padding: 2.5rem;
}

[dir=ltr] .ltr\:p-12 {
  padding: 3rem;
}

[dir=ltr] .ltr\:p-14 {
  padding: 3.5rem;
}

[dir=ltr] .ltr\:p-16 {
  padding: 4rem;
}

[dir=ltr] .ltr\:p-20 {
  padding: 5rem;
}

[dir=ltr] .ltr\:p-24 {
  padding: 6rem;
}

[dir=ltr] .ltr\:p-32 {
  padding: 8rem;
}

[dir=ltr] .ltr\:p-40 {
  padding: 10rem;
}

[dir=ltr] .ltr\:p-48 {
  padding: 12rem;
}

[dir=ltr] .ltr\:p-56 {
  padding: 14rem;
}

[dir=ltr] .ltr\:p-64 {
  padding: 16rem;
}

[dir=ltr] .ltr\:p-px {
  padding: 1px;
}

[dir=ltr] .ltr\:p-gutter {
  padding: var(--padding-gutter);
}

[dir=ltr] .ltr\:py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

[dir=ltr] .ltr\:px-0 {
  padding-left: 0;
  padding-right: 0;
}

[dir=ltr] .ltr\:py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

[dir=ltr] .ltr\:px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

[dir=ltr] .ltr\:py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[dir=ltr] .ltr\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

[dir=ltr] .ltr\:py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[dir=ltr] .ltr\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

[dir=ltr] .ltr\:py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir=ltr] .ltr\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

[dir=ltr] .ltr\:py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

[dir=ltr] .ltr\:px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[dir=ltr] .ltr\:py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

[dir=ltr] .ltr\:px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

[dir=ltr] .ltr\:py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

[dir=ltr] .ltr\:px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

[dir=ltr] .ltr\:py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

[dir=ltr] .ltr\:px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

[dir=ltr] .ltr\:py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

[dir=ltr] .ltr\:px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

[dir=ltr] .ltr\:py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

[dir=ltr] .ltr\:px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

[dir=ltr] .ltr\:py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

[dir=ltr] .ltr\:px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

[dir=ltr] .ltr\:py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

[dir=ltr] .ltr\:px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

[dir=ltr] .ltr\:py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

[dir=ltr] .ltr\:px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

[dir=ltr] .ltr\:py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

[dir=ltr] .ltr\:px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

[dir=ltr] .ltr\:py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

[dir=ltr] .ltr\:px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

[dir=ltr] .ltr\:py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

[dir=ltr] .ltr\:px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

[dir=ltr] .ltr\:py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

[dir=ltr] .ltr\:px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

[dir=ltr] .ltr\:py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

[dir=ltr] .ltr\:px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

[dir=ltr] .ltr\:py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

[dir=ltr] .ltr\:px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

[dir=ltr] .ltr\:py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

[dir=ltr] .ltr\:px-px {
  padding-left: 1px;
  padding-right: 1px;
}

[dir=ltr] .ltr\:py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}

[dir=ltr] .ltr\:px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}

[dir=ltr] .ltr\:pt-0 {
  padding-top: 0;
}

[dir=ltr] .ltr\:pr-0 {
  padding-right: 0;
}

[dir=ltr] .ltr\:pb-0 {
  padding-bottom: 0;
}

[dir=ltr] .ltr\:pl-0 {
  padding-left: 0;
}

[dir=ltr] .ltr\:pt-1 {
  padding-top: 0.25rem;
}

[dir=ltr] .ltr\:pr-1 {
  padding-right: 0.25rem;
}

[dir=ltr] .ltr\:pb-1 {
  padding-bottom: 0.25rem;
}

[dir=ltr] .ltr\:pl-1 {
  padding-left: 0.25rem;
}

[dir=ltr] .ltr\:pt-2 {
  padding-top: 0.5rem;
}

[dir=ltr] .ltr\:pr-2 {
  padding-right: 0.5rem;
}

[dir=ltr] .ltr\:pb-2 {
  padding-bottom: 0.5rem;
}

[dir=ltr] .ltr\:pl-2 {
  padding-left: 0.5rem;
}

[dir=ltr] .ltr\:pt-3 {
  padding-top: 0.75rem;
}

[dir=ltr] .ltr\:pr-3 {
  padding-right: 0.75rem;
}

[dir=ltr] .ltr\:pb-3 {
  padding-bottom: 0.75rem;
}

[dir=ltr] .ltr\:pl-3 {
  padding-left: 0.75rem;
}

[dir=ltr] .ltr\:pt-4 {
  padding-top: 1rem;
}

[dir=ltr] .ltr\:pr-4 {
  padding-right: 1rem;
}

[dir=ltr] .ltr\:pb-4 {
  padding-bottom: 1rem;
}

[dir=ltr] .ltr\:pl-4 {
  padding-left: 1rem;
}

[dir=ltr] .ltr\:pt-5 {
  padding-top: 1.25rem;
}

[dir=ltr] .ltr\:pr-5 {
  padding-right: 1.25rem;
}

[dir=ltr] .ltr\:pb-5 {
  padding-bottom: 1.25rem;
}

[dir=ltr] .ltr\:pl-5 {
  padding-left: 1.25rem;
}

[dir=ltr] .ltr\:pt-6 {
  padding-top: 1.5rem;
}

[dir=ltr] .ltr\:pr-6 {
  padding-right: 1.5rem;
}

[dir=ltr] .ltr\:pb-6 {
  padding-bottom: 1.5rem;
}

[dir=ltr] .ltr\:pl-6 {
  padding-left: 1.5rem;
}

[dir=ltr] .ltr\:pt-8 {
  padding-top: 2rem;
}

[dir=ltr] .ltr\:pr-8 {
  padding-right: 2rem;
}

[dir=ltr] .ltr\:pb-8 {
  padding-bottom: 2rem;
}

[dir=ltr] .ltr\:pl-8 {
  padding-left: 2rem;
}

[dir=ltr] .ltr\:pt-9 {
  padding-top: 2.25rem;
}

[dir=ltr] .ltr\:pr-9 {
  padding-right: 2.25rem;
}

[dir=ltr] .ltr\:pb-9 {
  padding-bottom: 2.25rem;
}

[dir=ltr] .ltr\:pl-9 {
  padding-left: 2.25rem;
}

[dir=ltr] .ltr\:pt-10 {
  padding-top: 2.5rem;
}

[dir=ltr] .ltr\:pr-10 {
  padding-right: 2.5rem;
}

[dir=ltr] .ltr\:pb-10 {
  padding-bottom: 2.5rem;
}

[dir=ltr] .ltr\:pl-10 {
  padding-left: 2.5rem;
}

[dir=ltr] .ltr\:pt-12 {
  padding-top: 3rem;
}

[dir=ltr] .ltr\:pr-12 {
  padding-right: 3rem;
}

[dir=ltr] .ltr\:pb-12 {
  padding-bottom: 3rem;
}

[dir=ltr] .ltr\:pl-12 {
  padding-left: 3rem;
}

[dir=ltr] .ltr\:pt-14 {
  padding-top: 3.5rem;
}

[dir=ltr] .ltr\:pr-14 {
  padding-right: 3.5rem;
}

[dir=ltr] .ltr\:pb-14 {
  padding-bottom: 3.5rem;
}

[dir=ltr] .ltr\:pl-14 {
  padding-left: 3.5rem;
}

[dir=ltr] .ltr\:pt-16 {
  padding-top: 4rem;
}

[dir=ltr] .ltr\:pr-16 {
  padding-right: 4rem;
}

[dir=ltr] .ltr\:pb-16 {
  padding-bottom: 4rem;
}

[dir=ltr] .ltr\:pl-16 {
  padding-left: 4rem;
}

[dir=ltr] .ltr\:pt-20 {
  padding-top: 5rem;
}

[dir=ltr] .ltr\:pr-20 {
  padding-right: 5rem;
}

[dir=ltr] .ltr\:pb-20 {
  padding-bottom: 5rem;
}

[dir=ltr] .ltr\:pl-20 {
  padding-left: 5rem;
}

[dir=ltr] .ltr\:pt-24 {
  padding-top: 6rem;
}

[dir=ltr] .ltr\:pr-24 {
  padding-right: 6rem;
}

[dir=ltr] .ltr\:pb-24 {
  padding-bottom: 6rem;
}

[dir=ltr] .ltr\:pl-24 {
  padding-left: 6rem;
}

[dir=ltr] .ltr\:pt-32 {
  padding-top: 8rem;
}

[dir=ltr] .ltr\:pr-32 {
  padding-right: 8rem;
}

[dir=ltr] .ltr\:pb-32 {
  padding-bottom: 8rem;
}

[dir=ltr] .ltr\:pl-32 {
  padding-left: 8rem;
}

[dir=ltr] .ltr\:pt-40 {
  padding-top: 10rem;
}

[dir=ltr] .ltr\:pr-40 {
  padding-right: 10rem;
}

[dir=ltr] .ltr\:pb-40 {
  padding-bottom: 10rem;
}

[dir=ltr] .ltr\:pl-40 {
  padding-left: 10rem;
}

[dir=ltr] .ltr\:pt-48 {
  padding-top: 12rem;
}

[dir=ltr] .ltr\:pr-48 {
  padding-right: 12rem;
}

[dir=ltr] .ltr\:pb-48 {
  padding-bottom: 12rem;
}

[dir=ltr] .ltr\:pl-48 {
  padding-left: 12rem;
}

[dir=ltr] .ltr\:pt-56 {
  padding-top: 14rem;
}

[dir=ltr] .ltr\:pr-56 {
  padding-right: 14rem;
}

[dir=ltr] .ltr\:pb-56 {
  padding-bottom: 14rem;
}

[dir=ltr] .ltr\:pl-56 {
  padding-left: 14rem;
}

[dir=ltr] .ltr\:pt-64 {
  padding-top: 16rem;
}

[dir=ltr] .ltr\:pr-64 {
  padding-right: 16rem;
}

[dir=ltr] .ltr\:pb-64 {
  padding-bottom: 16rem;
}

[dir=ltr] .ltr\:pl-64 {
  padding-left: 16rem;
}

[dir=ltr] .ltr\:pt-px {
  padding-top: 1px;
}

[dir=ltr] .ltr\:pr-px {
  padding-right: 1px;
}

[dir=ltr] .ltr\:pb-px {
  padding-bottom: 1px;
}

[dir=ltr] .ltr\:pl-px {
  padding-left: 1px;
}

[dir=ltr] .ltr\:pt-gutter {
  padding-top: var(--padding-gutter);
}

[dir=ltr] .ltr\:pr-gutter {
  padding-right: var(--padding-gutter);
}

[dir=ltr] .ltr\:pb-gutter {
  padding-bottom: var(--padding-gutter);
}

[dir=ltr] .ltr\:pl-gutter {
  padding-left: var(--padding-gutter);
}

[dir=rtl] .rtl\:p-0 {
  padding: 0;
}

[dir=rtl] .rtl\:p-1 {
  padding: 0.25rem;
}

[dir=rtl] .rtl\:p-2 {
  padding: 0.5rem;
}

[dir=rtl] .rtl\:p-3 {
  padding: 0.75rem;
}

[dir=rtl] .rtl\:p-4 {
  padding: 1rem;
}

[dir=rtl] .rtl\:p-5 {
  padding: 1.25rem;
}

[dir=rtl] .rtl\:p-6 {
  padding: 1.5rem;
}

[dir=rtl] .rtl\:p-8 {
  padding: 2rem;
}

[dir=rtl] .rtl\:p-9 {
  padding: 2.25rem;
}

[dir=rtl] .rtl\:p-10 {
  padding: 2.5rem;
}

[dir=rtl] .rtl\:p-12 {
  padding: 3rem;
}

[dir=rtl] .rtl\:p-14 {
  padding: 3.5rem;
}

[dir=rtl] .rtl\:p-16 {
  padding: 4rem;
}

[dir=rtl] .rtl\:p-20 {
  padding: 5rem;
}

[dir=rtl] .rtl\:p-24 {
  padding: 6rem;
}

[dir=rtl] .rtl\:p-32 {
  padding: 8rem;
}

[dir=rtl] .rtl\:p-40 {
  padding: 10rem;
}

[dir=rtl] .rtl\:p-48 {
  padding: 12rem;
}

[dir=rtl] .rtl\:p-56 {
  padding: 14rem;
}

[dir=rtl] .rtl\:p-64 {
  padding: 16rem;
}

[dir=rtl] .rtl\:p-px {
  padding: 1px;
}

[dir=rtl] .rtl\:p-gutter {
  padding: var(--padding-gutter);
}

[dir=rtl] .rtl\:py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

[dir=rtl] .rtl\:px-0 {
  padding-left: 0;
  padding-right: 0;
}

[dir=rtl] .rtl\:py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

[dir=rtl] .rtl\:px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

[dir=rtl] .rtl\:py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[dir=rtl] .rtl\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

[dir=rtl] .rtl\:py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[dir=rtl] .rtl\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

[dir=rtl] .rtl\:py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[dir=rtl] .rtl\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

[dir=rtl] .rtl\:py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

[dir=rtl] .rtl\:px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[dir=rtl] .rtl\:py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

[dir=rtl] .rtl\:px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

[dir=rtl] .rtl\:py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

[dir=rtl] .rtl\:px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

[dir=rtl] .rtl\:py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

[dir=rtl] .rtl\:px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

[dir=rtl] .rtl\:py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

[dir=rtl] .rtl\:px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

[dir=rtl] .rtl\:py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

[dir=rtl] .rtl\:px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

[dir=rtl] .rtl\:py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

[dir=rtl] .rtl\:px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

[dir=rtl] .rtl\:py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

[dir=rtl] .rtl\:px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

[dir=rtl] .rtl\:py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

[dir=rtl] .rtl\:px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

[dir=rtl] .rtl\:py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

[dir=rtl] .rtl\:px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

[dir=rtl] .rtl\:py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

[dir=rtl] .rtl\:px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

[dir=rtl] .rtl\:py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

[dir=rtl] .rtl\:px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

[dir=rtl] .rtl\:py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

[dir=rtl] .rtl\:px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

[dir=rtl] .rtl\:py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

[dir=rtl] .rtl\:px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

[dir=rtl] .rtl\:py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

[dir=rtl] .rtl\:px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

[dir=rtl] .rtl\:py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

[dir=rtl] .rtl\:px-px {
  padding-left: 1px;
  padding-right: 1px;
}

[dir=rtl] .rtl\:py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}

[dir=rtl] .rtl\:px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}

[dir=rtl] .rtl\:pt-0 {
  padding-top: 0;
}

[dir=rtl] .rtl\:pr-0 {
  padding-right: 0;
}

[dir=rtl] .rtl\:pb-0 {
  padding-bottom: 0;
}

[dir=rtl] .rtl\:pl-0 {
  padding-left: 0;
}

[dir=rtl] .rtl\:pt-1 {
  padding-top: 0.25rem;
}

[dir=rtl] .rtl\:pr-1 {
  padding-right: 0.25rem;
}

[dir=rtl] .rtl\:pb-1 {
  padding-bottom: 0.25rem;
}

[dir=rtl] .rtl\:pl-1 {
  padding-left: 0.25rem;
}

[dir=rtl] .rtl\:pt-2 {
  padding-top: 0.5rem;
}

[dir=rtl] .rtl\:pr-2 {
  padding-right: 0.5rem;
}

[dir=rtl] .rtl\:pb-2 {
  padding-bottom: 0.5rem;
}

[dir=rtl] .rtl\:pl-2 {
  padding-left: 0.5rem;
}

[dir=rtl] .rtl\:pt-3 {
  padding-top: 0.75rem;
}

[dir=rtl] .rtl\:pr-3 {
  padding-right: 0.75rem;
}

[dir=rtl] .rtl\:pb-3 {
  padding-bottom: 0.75rem;
}

[dir=rtl] .rtl\:pl-3 {
  padding-left: 0.75rem;
}

[dir=rtl] .rtl\:pt-4 {
  padding-top: 1rem;
}

[dir=rtl] .rtl\:pr-4 {
  padding-right: 1rem;
}

[dir=rtl] .rtl\:pb-4 {
  padding-bottom: 1rem;
}

[dir=rtl] .rtl\:pl-4 {
  padding-left: 1rem;
}

[dir=rtl] .rtl\:pt-5 {
  padding-top: 1.25rem;
}

[dir=rtl] .rtl\:pr-5 {
  padding-right: 1.25rem;
}

[dir=rtl] .rtl\:pb-5 {
  padding-bottom: 1.25rem;
}

[dir=rtl] .rtl\:pl-5 {
  padding-left: 1.25rem;
}

[dir=rtl] .rtl\:pt-6 {
  padding-top: 1.5rem;
}

[dir=rtl] .rtl\:pr-6 {
  padding-right: 1.5rem;
}

[dir=rtl] .rtl\:pb-6 {
  padding-bottom: 1.5rem;
}

[dir=rtl] .rtl\:pl-6 {
  padding-left: 1.5rem;
}

[dir=rtl] .rtl\:pt-8 {
  padding-top: 2rem;
}

[dir=rtl] .rtl\:pr-8 {
  padding-right: 2rem;
}

[dir=rtl] .rtl\:pb-8 {
  padding-bottom: 2rem;
}

[dir=rtl] .rtl\:pl-8 {
  padding-left: 2rem;
}

[dir=rtl] .rtl\:pt-9 {
  padding-top: 2.25rem;
}

[dir=rtl] .rtl\:pr-9 {
  padding-right: 2.25rem;
}

[dir=rtl] .rtl\:pb-9 {
  padding-bottom: 2.25rem;
}

[dir=rtl] .rtl\:pl-9 {
  padding-left: 2.25rem;
}

[dir=rtl] .rtl\:pt-10 {
  padding-top: 2.5rem;
}

[dir=rtl] .rtl\:pr-10 {
  padding-right: 2.5rem;
}

[dir=rtl] .rtl\:pb-10 {
  padding-bottom: 2.5rem;
}

[dir=rtl] .rtl\:pl-10 {
  padding-left: 2.5rem;
}

[dir=rtl] .rtl\:pt-12 {
  padding-top: 3rem;
}

[dir=rtl] .rtl\:pr-12 {
  padding-right: 3rem;
}

[dir=rtl] .rtl\:pb-12 {
  padding-bottom: 3rem;
}

[dir=rtl] .rtl\:pl-12 {
  padding-left: 3rem;
}

[dir=rtl] .rtl\:pt-14 {
  padding-top: 3.5rem;
}

[dir=rtl] .rtl\:pr-14 {
  padding-right: 3.5rem;
}

[dir=rtl] .rtl\:pb-14 {
  padding-bottom: 3.5rem;
}

[dir=rtl] .rtl\:pl-14 {
  padding-left: 3.5rem;
}

[dir=rtl] .rtl\:pt-16 {
  padding-top: 4rem;
}

[dir=rtl] .rtl\:pr-16 {
  padding-right: 4rem;
}

[dir=rtl] .rtl\:pb-16 {
  padding-bottom: 4rem;
}

[dir=rtl] .rtl\:pl-16 {
  padding-left: 4rem;
}

[dir=rtl] .rtl\:pt-20 {
  padding-top: 5rem;
}

[dir=rtl] .rtl\:pr-20 {
  padding-right: 5rem;
}

[dir=rtl] .rtl\:pb-20 {
  padding-bottom: 5rem;
}

[dir=rtl] .rtl\:pl-20 {
  padding-left: 5rem;
}

[dir=rtl] .rtl\:pt-24 {
  padding-top: 6rem;
}

[dir=rtl] .rtl\:pr-24 {
  padding-right: 6rem;
}

[dir=rtl] .rtl\:pb-24 {
  padding-bottom: 6rem;
}

[dir=rtl] .rtl\:pl-24 {
  padding-left: 6rem;
}

[dir=rtl] .rtl\:pt-32 {
  padding-top: 8rem;
}

[dir=rtl] .rtl\:pr-32 {
  padding-right: 8rem;
}

[dir=rtl] .rtl\:pb-32 {
  padding-bottom: 8rem;
}

[dir=rtl] .rtl\:pl-32 {
  padding-left: 8rem;
}

[dir=rtl] .rtl\:pt-40 {
  padding-top: 10rem;
}

[dir=rtl] .rtl\:pr-40 {
  padding-right: 10rem;
}

[dir=rtl] .rtl\:pb-40 {
  padding-bottom: 10rem;
}

[dir=rtl] .rtl\:pl-40 {
  padding-left: 10rem;
}

[dir=rtl] .rtl\:pt-48 {
  padding-top: 12rem;
}

[dir=rtl] .rtl\:pr-48 {
  padding-right: 12rem;
}

[dir=rtl] .rtl\:pb-48 {
  padding-bottom: 12rem;
}

[dir=rtl] .rtl\:pl-48 {
  padding-left: 12rem;
}

[dir=rtl] .rtl\:pt-56 {
  padding-top: 14rem;
}

[dir=rtl] .rtl\:pr-56 {
  padding-right: 14rem;
}

[dir=rtl] .rtl\:pb-56 {
  padding-bottom: 14rem;
}

[dir=rtl] .rtl\:pl-56 {
  padding-left: 14rem;
}

[dir=rtl] .rtl\:pt-64 {
  padding-top: 16rem;
}

[dir=rtl] .rtl\:pr-64 {
  padding-right: 16rem;
}

[dir=rtl] .rtl\:pb-64 {
  padding-bottom: 16rem;
}

[dir=rtl] .rtl\:pl-64 {
  padding-left: 16rem;
}

[dir=rtl] .rtl\:pt-px {
  padding-top: 1px;
}

[dir=rtl] .rtl\:pr-px {
  padding-right: 1px;
}

[dir=rtl] .rtl\:pb-px {
  padding-bottom: 1px;
}

[dir=rtl] .rtl\:pl-px {
  padding-left: 1px;
}

[dir=rtl] .rtl\:pt-gutter {
  padding-top: var(--padding-gutter);
}

[dir=rtl] .rtl\:pr-gutter {
  padding-right: var(--padding-gutter);
}

[dir=rtl] .rtl\:pb-gutter {
  padding-bottom: var(--padding-gutter);
}

[dir=rtl] .rtl\:pl-gutter {
  padding-left: var(--padding-gutter);
}

:root .placeholder-transparent::-moz-placeholder {
  color: transparent;
}

:root .placeholder-transparent::placeholder {
  color: transparent;
}

:root .placeholder-black::-moz-placeholder {
  color: var(--text-color);
}

:root .placeholder-black::placeholder {
  color: var(--text-color);
}

:root .placeholder-white::-moz-placeholder {
  color: var(--text-color-light);
}

:root .placeholder-white::placeholder {
  color: var(--text-color-light);
}

:root .placeholder-contrast-black::-moz-placeholder {
  color: black;
}

:root .placeholder-contrast-black::placeholder {
  color: black;
}

:root .placeholder-contrast-white::-moz-placeholder {
  color: white;
}

:root .placeholder-contrast-white::placeholder {
  color: white;
}

:root .placeholder-obs-primary::-moz-placeholder {
  color: #5977FF;
}

:root .placeholder-obs-primary::placeholder {
  color: #5977FF;
}

:root .placeholder-obs-secondary::-moz-placeholder {
  color: #5d5c64;
}

:root .placeholder-obs-secondary::placeholder {
  color: #5d5c64;
}

:root .placeholder-obs-maroon::-moz-placeholder {
  color: #961e36;
}

:root .placeholder-obs-maroon::placeholder {
  color: #961e36;
}

:root .placeholder-obs-navy::-moz-placeholder {
  color: #3e4861;
}

:root .placeholder-obs-navy::placeholder {
  color: #3e4861;
}

:root .placeholder-obs-pink::-moz-placeholder {
  color: #d2afc5;
}

:root .placeholder-obs-pink::placeholder {
  color: #d2afc5;
}

:root .placeholder-obs-dark-orange::-moz-placeholder {
  color: #d6582a;
}

:root .placeholder-obs-dark-orange::placeholder {
  color: #d6582a;
}

:root .placeholder-obs-gold::-moz-placeholder {
  color: #9d8944;
}

:root .placeholder-obs-gold::placeholder {
  color: #9d8944;
}

:root .placeholder-obs-light-blue::-moz-placeholder {
  color: #A3C2D6;
}

:root .placeholder-obs-light-blue::placeholder {
  color: #A3C2D6;
}

:root .placeholder-obs-purple::-moz-placeholder {
  color: #722670;
}

:root .placeholder-obs-purple::placeholder {
  color: #722670;
}

:root .placeholder-obs-light-orange::-moz-placeholder {
  color: #fF9c01;
}

:root .placeholder-obs-light-orange::placeholder {
  color: #fF9c01;
}

:root .placeholder-obs-blue::-moz-placeholder {
  color: #5da7d6;
}

:root .placeholder-obs-blue::placeholder {
  color: #5da7d6;
}

:root .placeholder-gray-50::-moz-placeholder {
  color: #fafafa;
}

:root .placeholder-gray-50::placeholder {
  color: #fafafa;
}

:root .placeholder-gray-100::-moz-placeholder {
  color: #f5f5f5;
}

:root .placeholder-gray-100::placeholder {
  color: #f5f5f5;
}

:root .placeholder-gray-200::-moz-placeholder {
  color: #eeeeee;
}

:root .placeholder-gray-200::placeholder {
  color: #eeeeee;
}

:root .placeholder-gray-300::-moz-placeholder {
  color: #e0e0e0;
}

:root .placeholder-gray-300::placeholder {
  color: #e0e0e0;
}

:root .placeholder-gray-400::-moz-placeholder {
  color: #bdbdbd;
}

:root .placeholder-gray-400::placeholder {
  color: #bdbdbd;
}

:root .placeholder-gray-500::-moz-placeholder {
  color: #9e9e9e;
}

:root .placeholder-gray-500::placeholder {
  color: #9e9e9e;
}

:root .placeholder-gray-600::-moz-placeholder {
  color: #757575;
}

:root .placeholder-gray-600::placeholder {
  color: #757575;
}

:root .placeholder-gray-700::-moz-placeholder {
  color: #616161;
}

:root .placeholder-gray-700::placeholder {
  color: #616161;
}

:root .placeholder-gray-800::-moz-placeholder {
  color: #424242;
}

:root .placeholder-gray-800::placeholder {
  color: #424242;
}

:root .placeholder-gray-900::-moz-placeholder {
  color: #212121;
}

:root .placeholder-gray-900::placeholder {
  color: #212121;
}

:root .placeholder-red-50::-moz-placeholder {
  color: #ffebee;
}

:root .placeholder-red-50::placeholder {
  color: #ffebee;
}

:root .placeholder-red-100::-moz-placeholder {
  color: #ffcdd2;
}

:root .placeholder-red-100::placeholder {
  color: #ffcdd2;
}

:root .placeholder-red-200::-moz-placeholder {
  color: #ef9a9a;
}

:root .placeholder-red-200::placeholder {
  color: #ef9a9a;
}

:root .placeholder-red-300::-moz-placeholder {
  color: #e57373;
}

:root .placeholder-red-300::placeholder {
  color: #e57373;
}

:root .placeholder-red-400::-moz-placeholder {
  color: #ef5350;
}

:root .placeholder-red-400::placeholder {
  color: #ef5350;
}

:root .placeholder-red-500::-moz-placeholder {
  color: #f44336;
}

:root .placeholder-red-500::placeholder {
  color: #f44336;
}

:root .placeholder-red-600::-moz-placeholder {
  color: #e53935;
}

:root .placeholder-red-600::placeholder {
  color: #e53935;
}

:root .placeholder-red-700::-moz-placeholder {
  color: #d32f2f;
}

:root .placeholder-red-700::placeholder {
  color: #d32f2f;
}

:root .placeholder-red-800::-moz-placeholder {
  color: #c62828;
}

:root .placeholder-red-800::placeholder {
  color: #c62828;
}

:root .placeholder-red-900::-moz-placeholder {
  color: #b71c1c;
}

:root .placeholder-red-900::placeholder {
  color: #b71c1c;
}

:root .placeholder-orange-50::-moz-placeholder {
  color: #fff3e0;
}

:root .placeholder-orange-50::placeholder {
  color: #fff3e0;
}

:root .placeholder-orange-100::-moz-placeholder {
  color: #ffe0b2;
}

:root .placeholder-orange-100::placeholder {
  color: #ffe0b2;
}

:root .placeholder-orange-200::-moz-placeholder {
  color: #ffcc80;
}

:root .placeholder-orange-200::placeholder {
  color: #ffcc80;
}

:root .placeholder-orange-300::-moz-placeholder {
  color: #ffb74d;
}

:root .placeholder-orange-300::placeholder {
  color: #ffb74d;
}

:root .placeholder-orange-400::-moz-placeholder {
  color: #ffa726;
}

:root .placeholder-orange-400::placeholder {
  color: #ffa726;
}

:root .placeholder-orange-500::-moz-placeholder {
  color: #ff9800;
}

:root .placeholder-orange-500::placeholder {
  color: #ff9800;
}

:root .placeholder-orange-600::-moz-placeholder {
  color: #fb8c00;
}

:root .placeholder-orange-600::placeholder {
  color: #fb8c00;
}

:root .placeholder-orange-700::-moz-placeholder {
  color: #f57c00;
}

:root .placeholder-orange-700::placeholder {
  color: #f57c00;
}

:root .placeholder-orange-800::-moz-placeholder {
  color: #ef6c00;
}

:root .placeholder-orange-800::placeholder {
  color: #ef6c00;
}

:root .placeholder-orange-900::-moz-placeholder {
  color: #e65100;
}

:root .placeholder-orange-900::placeholder {
  color: #e65100;
}

:root .placeholder-deep-orange-50::-moz-placeholder {
  color: #fbe9e7;
}

:root .placeholder-deep-orange-50::placeholder {
  color: #fbe9e7;
}

:root .placeholder-deep-orange-100::-moz-placeholder {
  color: #ffccbc;
}

:root .placeholder-deep-orange-100::placeholder {
  color: #ffccbc;
}

:root .placeholder-deep-orange-200::-moz-placeholder {
  color: #ffab91;
}

:root .placeholder-deep-orange-200::placeholder {
  color: #ffab91;
}

:root .placeholder-deep-orange-300::-moz-placeholder {
  color: #ff8a65;
}

:root .placeholder-deep-orange-300::placeholder {
  color: #ff8a65;
}

:root .placeholder-deep-orange-400::-moz-placeholder {
  color: #ff7043;
}

:root .placeholder-deep-orange-400::placeholder {
  color: #ff7043;
}

:root .placeholder-deep-orange-500::-moz-placeholder {
  color: #ff5722;
}

:root .placeholder-deep-orange-500::placeholder {
  color: #ff5722;
}

:root .placeholder-deep-orange-600::-moz-placeholder {
  color: #f4511e;
}

:root .placeholder-deep-orange-600::placeholder {
  color: #f4511e;
}

:root .placeholder-deep-orange-700::-moz-placeholder {
  color: #e64a19;
}

:root .placeholder-deep-orange-700::placeholder {
  color: #e64a19;
}

:root .placeholder-deep-orange-800::-moz-placeholder {
  color: #d84315;
}

:root .placeholder-deep-orange-800::placeholder {
  color: #d84315;
}

:root .placeholder-deep-orange-900::-moz-placeholder {
  color: #bf360c;
}

:root .placeholder-deep-orange-900::placeholder {
  color: #bf360c;
}

:root .placeholder-amber-50::-moz-placeholder {
  color: #fff8e1;
}

:root .placeholder-amber-50::placeholder {
  color: #fff8e1;
}

:root .placeholder-amber-100::-moz-placeholder {
  color: #ffecb3;
}

:root .placeholder-amber-100::placeholder {
  color: #ffecb3;
}

:root .placeholder-amber-200::-moz-placeholder {
  color: #ffe082;
}

:root .placeholder-amber-200::placeholder {
  color: #ffe082;
}

:root .placeholder-amber-300::-moz-placeholder {
  color: #ffd54f;
}

:root .placeholder-amber-300::placeholder {
  color: #ffd54f;
}

:root .placeholder-amber-400::-moz-placeholder {
  color: #ffca28;
}

:root .placeholder-amber-400::placeholder {
  color: #ffca28;
}

:root .placeholder-amber-500::-moz-placeholder {
  color: #ffc107;
}

:root .placeholder-amber-500::placeholder {
  color: #ffc107;
}

:root .placeholder-amber-600::-moz-placeholder {
  color: #ffb300;
}

:root .placeholder-amber-600::placeholder {
  color: #ffb300;
}

:root .placeholder-amber-700::-moz-placeholder {
  color: #ffa000;
}

:root .placeholder-amber-700::placeholder {
  color: #ffa000;
}

:root .placeholder-amber-800::-moz-placeholder {
  color: #ff8f00;
}

:root .placeholder-amber-800::placeholder {
  color: #ff8f00;
}

:root .placeholder-amber-900::-moz-placeholder {
  color: #ff6f00;
}

:root .placeholder-amber-900::placeholder {
  color: #ff6f00;
}

:root .placeholder-light-green-50::-moz-placeholder {
  color: #f1f8e9;
}

:root .placeholder-light-green-50::placeholder {
  color: #f1f8e9;
}

:root .placeholder-light-green-100::-moz-placeholder {
  color: #dcedc8;
}

:root .placeholder-light-green-100::placeholder {
  color: #dcedc8;
}

:root .placeholder-light-green-200::-moz-placeholder {
  color: #c5e1a5;
}

:root .placeholder-light-green-200::placeholder {
  color: #c5e1a5;
}

:root .placeholder-light-green-300::-moz-placeholder {
  color: #aed581;
}

:root .placeholder-light-green-300::placeholder {
  color: #aed581;
}

:root .placeholder-light-green-400::-moz-placeholder {
  color: #9ccc65;
}

:root .placeholder-light-green-400::placeholder {
  color: #9ccc65;
}

:root .placeholder-light-green-500::-moz-placeholder {
  color: #8bc34a;
}

:root .placeholder-light-green-500::placeholder {
  color: #8bc34a;
}

:root .placeholder-light-green-600::-moz-placeholder {
  color: #7cb342;
}

:root .placeholder-light-green-600::placeholder {
  color: #7cb342;
}

:root .placeholder-light-green-700::-moz-placeholder {
  color: #689f38;
}

:root .placeholder-light-green-700::placeholder {
  color: #689f38;
}

:root .placeholder-light-green-800::-moz-placeholder {
  color: #558b2f;
}

:root .placeholder-light-green-800::placeholder {
  color: #558b2f;
}

:root .placeholder-light-green-900::-moz-placeholder {
  color: #33691e;
}

:root .placeholder-light-green-900::placeholder {
  color: #33691e;
}

:root .placeholder-green-50::-moz-placeholder {
  color: #e8f5e9;
}

:root .placeholder-green-50::placeholder {
  color: #e8f5e9;
}

:root .placeholder-green-100::-moz-placeholder {
  color: #c8e6c9;
}

:root .placeholder-green-100::placeholder {
  color: #c8e6c9;
}

:root .placeholder-green-200::-moz-placeholder {
  color: #a5d6a7;
}

:root .placeholder-green-200::placeholder {
  color: #a5d6a7;
}

:root .placeholder-green-300::-moz-placeholder {
  color: #81c784;
}

:root .placeholder-green-300::placeholder {
  color: #81c784;
}

:root .placeholder-green-400::-moz-placeholder {
  color: #66bb6a;
}

:root .placeholder-green-400::placeholder {
  color: #66bb6a;
}

:root .placeholder-green-500::-moz-placeholder {
  color: #4caf50;
}

:root .placeholder-green-500::placeholder {
  color: #4caf50;
}

:root .placeholder-green-600::-moz-placeholder {
  color: #43a047;
}

:root .placeholder-green-600::placeholder {
  color: #43a047;
}

:root .placeholder-green-700::-moz-placeholder {
  color: #388e3c;
}

:root .placeholder-green-700::placeholder {
  color: #388e3c;
}

:root .placeholder-green-800::-moz-placeholder {
  color: #2e7d32;
}

:root .placeholder-green-800::placeholder {
  color: #2e7d32;
}

:root .placeholder-green-900::-moz-placeholder {
  color: #1b5e20;
}

:root .placeholder-green-900::placeholder {
  color: #1b5e20;
}

:root .placeholder-teal-50::-moz-placeholder {
  color: #e0f2f1;
}

:root .placeholder-teal-50::placeholder {
  color: #e0f2f1;
}

:root .placeholder-teal-100::-moz-placeholder {
  color: #b2dfdb;
}

:root .placeholder-teal-100::placeholder {
  color: #b2dfdb;
}

:root .placeholder-teal-200::-moz-placeholder {
  color: #80cbc4;
}

:root .placeholder-teal-200::placeholder {
  color: #80cbc4;
}

:root .placeholder-teal-300::-moz-placeholder {
  color: #4db6ac;
}

:root .placeholder-teal-300::placeholder {
  color: #4db6ac;
}

:root .placeholder-teal-400::-moz-placeholder {
  color: #26a69a;
}

:root .placeholder-teal-400::placeholder {
  color: #26a69a;
}

:root .placeholder-teal-500::-moz-placeholder {
  color: #009688;
}

:root .placeholder-teal-500::placeholder {
  color: #009688;
}

:root .placeholder-teal-600::-moz-placeholder {
  color: #00897b;
}

:root .placeholder-teal-600::placeholder {
  color: #00897b;
}

:root .placeholder-teal-700::-moz-placeholder {
  color: #00796b;
}

:root .placeholder-teal-700::placeholder {
  color: #00796b;
}

:root .placeholder-teal-800::-moz-placeholder {
  color: #00695c;
}

:root .placeholder-teal-800::placeholder {
  color: #00695c;
}

:root .placeholder-teal-900::-moz-placeholder {
  color: #004d40;
}

:root .placeholder-teal-900::placeholder {
  color: #004d40;
}

:root .placeholder-cyan-50::-moz-placeholder {
  color: #e0f7fa;
}

:root .placeholder-cyan-50::placeholder {
  color: #e0f7fa;
}

:root .placeholder-cyan-100::-moz-placeholder {
  color: #b2ebf2;
}

:root .placeholder-cyan-100::placeholder {
  color: #b2ebf2;
}

:root .placeholder-cyan-200::-moz-placeholder {
  color: #80deea;
}

:root .placeholder-cyan-200::placeholder {
  color: #80deea;
}

:root .placeholder-cyan-300::-moz-placeholder {
  color: #4dd0e1;
}

:root .placeholder-cyan-300::placeholder {
  color: #4dd0e1;
}

:root .placeholder-cyan-400::-moz-placeholder {
  color: #26c6da;
}

:root .placeholder-cyan-400::placeholder {
  color: #26c6da;
}

:root .placeholder-cyan-500::-moz-placeholder {
  color: #00bcd4;
}

:root .placeholder-cyan-500::placeholder {
  color: #00bcd4;
}

:root .placeholder-cyan-600::-moz-placeholder {
  color: #00acc1;
}

:root .placeholder-cyan-600::placeholder {
  color: #00acc1;
}

:root .placeholder-cyan-700::-moz-placeholder {
  color: #0097a7;
}

:root .placeholder-cyan-700::placeholder {
  color: #0097a7;
}

:root .placeholder-cyan-800::-moz-placeholder {
  color: #00838f;
}

:root .placeholder-cyan-800::placeholder {
  color: #00838f;
}

:root .placeholder-cyan-900::-moz-placeholder {
  color: #006064;
}

:root .placeholder-cyan-900::placeholder {
  color: #006064;
}

:root .placeholder-purple-50::-moz-placeholder {
  color: #f3e5f5;
}

:root .placeholder-purple-50::placeholder {
  color: #f3e5f5;
}

:root .placeholder-purple-100::-moz-placeholder {
  color: #e1bee7;
}

:root .placeholder-purple-100::placeholder {
  color: #e1bee7;
}

:root .placeholder-purple-200::-moz-placeholder {
  color: #ce93d8;
}

:root .placeholder-purple-200::placeholder {
  color: #ce93d8;
}

:root .placeholder-purple-300::-moz-placeholder {
  color: #ba68c8;
}

:root .placeholder-purple-300::placeholder {
  color: #ba68c8;
}

:root .placeholder-purple-400::-moz-placeholder {
  color: #ab47bc;
}

:root .placeholder-purple-400::placeholder {
  color: #ab47bc;
}

:root .placeholder-purple-500::-moz-placeholder {
  color: #9c27b0;
}

:root .placeholder-purple-500::placeholder {
  color: #9c27b0;
}

:root .placeholder-purple-600::-moz-placeholder {
  color: #8e24aa;
}

:root .placeholder-purple-600::placeholder {
  color: #8e24aa;
}

:root .placeholder-purple-700::-moz-placeholder {
  color: #7b1fa2;
}

:root .placeholder-purple-700::placeholder {
  color: #7b1fa2;
}

:root .placeholder-purple-800::-moz-placeholder {
  color: #6a1b9a;
}

:root .placeholder-purple-800::placeholder {
  color: #6a1b9a;
}

:root .placeholder-purple-900::-moz-placeholder {
  color: #4a148c;
}

:root .placeholder-purple-900::placeholder {
  color: #4a148c;
}

:root .placeholder-deep-purple-50::-moz-placeholder {
  color: #ede7f6;
}

:root .placeholder-deep-purple-50::placeholder {
  color: #ede7f6;
}

:root .placeholder-deep-purple-100::-moz-placeholder {
  color: #d1c4e9;
}

:root .placeholder-deep-purple-100::placeholder {
  color: #d1c4e9;
}

:root .placeholder-deep-purple-200::-moz-placeholder {
  color: #b39ddb;
}

:root .placeholder-deep-purple-200::placeholder {
  color: #b39ddb;
}

:root .placeholder-deep-purple-300::-moz-placeholder {
  color: #9575cd;
}

:root .placeholder-deep-purple-300::placeholder {
  color: #9575cd;
}

:root .placeholder-deep-purple-400::-moz-placeholder {
  color: #7e57c2;
}

:root .placeholder-deep-purple-400::placeholder {
  color: #7e57c2;
}

:root .placeholder-deep-purple-500::-moz-placeholder {
  color: #673ab7;
}

:root .placeholder-deep-purple-500::placeholder {
  color: #673ab7;
}

:root .placeholder-deep-purple-600::-moz-placeholder {
  color: #5e35b1;
}

:root .placeholder-deep-purple-600::placeholder {
  color: #5e35b1;
}

:root .placeholder-deep-purple-700::-moz-placeholder {
  color: #512da8;
}

:root .placeholder-deep-purple-700::placeholder {
  color: #512da8;
}

:root .placeholder-deep-purple-800::-moz-placeholder {
  color: #4527a0;
}

:root .placeholder-deep-purple-800::placeholder {
  color: #4527a0;
}

:root .placeholder-deep-purple-900::-moz-placeholder {
  color: #311b92;
}

:root .placeholder-deep-purple-900::placeholder {
  color: #311b92;
}

:root .placeholder-primary-50::-moz-placeholder {
  color: #FBE4E7;
}

:root .placeholder-primary-50::placeholder {
  color: #FBE4E7;
}

:root .placeholder-primary-100::-moz-placeholder {
  color: #F5BCC2;
}

:root .placeholder-primary-100::placeholder {
  color: #F5BCC2;
}

:root .placeholder-primary-200::-moz-placeholder {
  color: #EE8F9A;
}

:root .placeholder-primary-200::placeholder {
  color: #EE8F9A;
}

:root .placeholder-primary-300::-moz-placeholder {
  color: #E76272;
}

:root .placeholder-primary-300::placeholder {
  color: #E76272;
}

:root .placeholder-primary-400::-moz-placeholder {
  color: #E14053;
}

:root .placeholder-primary-400::placeholder {
  color: #E14053;
}

:root .placeholder-primary-500::-moz-placeholder {
  color: #1976d2;
}

:root .placeholder-primary-500::placeholder {
  color: #1976d2;
}

:root .placeholder-primary-600::-moz-placeholder {
  color: #D81A30;
}

:root .placeholder-primary-600::placeholder {
  color: #D81A30;
}

:root .placeholder-primary-700::-moz-placeholder {
  color: #D31628;
}

:root .placeholder-primary-700::placeholder {
  color: #D31628;
}

:root .placeholder-primary-800::-moz-placeholder {
  color: #CE1222;
}

:root .placeholder-primary-800::placeholder {
  color: #CE1222;
}

:root .placeholder-primary-900::-moz-placeholder {
  color: #C50A16;
}

:root .placeholder-primary-900::placeholder {
  color: #C50A16;
}

:root .focus\:placeholder-transparent:focus::-moz-placeholder {
  color: transparent;
}

:root .focus\:placeholder-transparent:focus::placeholder {
  color: transparent;
}

:root .focus\:placeholder-black:focus::-moz-placeholder {
  color: var(--text-color);
}

:root .focus\:placeholder-black:focus::placeholder {
  color: var(--text-color);
}

:root .focus\:placeholder-white:focus::-moz-placeholder {
  color: var(--text-color-light);
}

:root .focus\:placeholder-white:focus::placeholder {
  color: var(--text-color-light);
}

:root .focus\:placeholder-contrast-black:focus::-moz-placeholder {
  color: black;
}

:root .focus\:placeholder-contrast-black:focus::placeholder {
  color: black;
}

:root .focus\:placeholder-contrast-white:focus::-moz-placeholder {
  color: white;
}

:root .focus\:placeholder-contrast-white:focus::placeholder {
  color: white;
}

:root .focus\:placeholder-obs-primary:focus::-moz-placeholder {
  color: #5977FF;
}

:root .focus\:placeholder-obs-primary:focus::placeholder {
  color: #5977FF;
}

:root .focus\:placeholder-obs-secondary:focus::-moz-placeholder {
  color: #5d5c64;
}

:root .focus\:placeholder-obs-secondary:focus::placeholder {
  color: #5d5c64;
}

:root .focus\:placeholder-obs-maroon:focus::-moz-placeholder {
  color: #961e36;
}

:root .focus\:placeholder-obs-maroon:focus::placeholder {
  color: #961e36;
}

:root .focus\:placeholder-obs-navy:focus::-moz-placeholder {
  color: #3e4861;
}

:root .focus\:placeholder-obs-navy:focus::placeholder {
  color: #3e4861;
}

:root .focus\:placeholder-obs-pink:focus::-moz-placeholder {
  color: #d2afc5;
}

:root .focus\:placeholder-obs-pink:focus::placeholder {
  color: #d2afc5;
}

:root .focus\:placeholder-obs-dark-orange:focus::-moz-placeholder {
  color: #d6582a;
}

:root .focus\:placeholder-obs-dark-orange:focus::placeholder {
  color: #d6582a;
}

:root .focus\:placeholder-obs-gold:focus::-moz-placeholder {
  color: #9d8944;
}

:root .focus\:placeholder-obs-gold:focus::placeholder {
  color: #9d8944;
}

:root .focus\:placeholder-obs-light-blue:focus::-moz-placeholder {
  color: #A3C2D6;
}

:root .focus\:placeholder-obs-light-blue:focus::placeholder {
  color: #A3C2D6;
}

:root .focus\:placeholder-obs-purple:focus::-moz-placeholder {
  color: #722670;
}

:root .focus\:placeholder-obs-purple:focus::placeholder {
  color: #722670;
}

:root .focus\:placeholder-obs-light-orange:focus::-moz-placeholder {
  color: #fF9c01;
}

:root .focus\:placeholder-obs-light-orange:focus::placeholder {
  color: #fF9c01;
}

:root .focus\:placeholder-obs-blue:focus::-moz-placeholder {
  color: #5da7d6;
}

:root .focus\:placeholder-obs-blue:focus::placeholder {
  color: #5da7d6;
}

:root .focus\:placeholder-gray-50:focus::-moz-placeholder {
  color: #fafafa;
}

:root .focus\:placeholder-gray-50:focus::placeholder {
  color: #fafafa;
}

:root .focus\:placeholder-gray-100:focus::-moz-placeholder {
  color: #f5f5f5;
}

:root .focus\:placeholder-gray-100:focus::placeholder {
  color: #f5f5f5;
}

:root .focus\:placeholder-gray-200:focus::-moz-placeholder {
  color: #eeeeee;
}

:root .focus\:placeholder-gray-200:focus::placeholder {
  color: #eeeeee;
}

:root .focus\:placeholder-gray-300:focus::-moz-placeholder {
  color: #e0e0e0;
}

:root .focus\:placeholder-gray-300:focus::placeholder {
  color: #e0e0e0;
}

:root .focus\:placeholder-gray-400:focus::-moz-placeholder {
  color: #bdbdbd;
}

:root .focus\:placeholder-gray-400:focus::placeholder {
  color: #bdbdbd;
}

:root .focus\:placeholder-gray-500:focus::-moz-placeholder {
  color: #9e9e9e;
}

:root .focus\:placeholder-gray-500:focus::placeholder {
  color: #9e9e9e;
}

:root .focus\:placeholder-gray-600:focus::-moz-placeholder {
  color: #757575;
}

:root .focus\:placeholder-gray-600:focus::placeholder {
  color: #757575;
}

:root .focus\:placeholder-gray-700:focus::-moz-placeholder {
  color: #616161;
}

:root .focus\:placeholder-gray-700:focus::placeholder {
  color: #616161;
}

:root .focus\:placeholder-gray-800:focus::-moz-placeholder {
  color: #424242;
}

:root .focus\:placeholder-gray-800:focus::placeholder {
  color: #424242;
}

:root .focus\:placeholder-gray-900:focus::-moz-placeholder {
  color: #212121;
}

:root .focus\:placeholder-gray-900:focus::placeholder {
  color: #212121;
}

:root .focus\:placeholder-red-50:focus::-moz-placeholder {
  color: #ffebee;
}

:root .focus\:placeholder-red-50:focus::placeholder {
  color: #ffebee;
}

:root .focus\:placeholder-red-100:focus::-moz-placeholder {
  color: #ffcdd2;
}

:root .focus\:placeholder-red-100:focus::placeholder {
  color: #ffcdd2;
}

:root .focus\:placeholder-red-200:focus::-moz-placeholder {
  color: #ef9a9a;
}

:root .focus\:placeholder-red-200:focus::placeholder {
  color: #ef9a9a;
}

:root .focus\:placeholder-red-300:focus::-moz-placeholder {
  color: #e57373;
}

:root .focus\:placeholder-red-300:focus::placeholder {
  color: #e57373;
}

:root .focus\:placeholder-red-400:focus::-moz-placeholder {
  color: #ef5350;
}

:root .focus\:placeholder-red-400:focus::placeholder {
  color: #ef5350;
}

:root .focus\:placeholder-red-500:focus::-moz-placeholder {
  color: #f44336;
}

:root .focus\:placeholder-red-500:focus::placeholder {
  color: #f44336;
}

:root .focus\:placeholder-red-600:focus::-moz-placeholder {
  color: #e53935;
}

:root .focus\:placeholder-red-600:focus::placeholder {
  color: #e53935;
}

:root .focus\:placeholder-red-700:focus::-moz-placeholder {
  color: #d32f2f;
}

:root .focus\:placeholder-red-700:focus::placeholder {
  color: #d32f2f;
}

:root .focus\:placeholder-red-800:focus::-moz-placeholder {
  color: #c62828;
}

:root .focus\:placeholder-red-800:focus::placeholder {
  color: #c62828;
}

:root .focus\:placeholder-red-900:focus::-moz-placeholder {
  color: #b71c1c;
}

:root .focus\:placeholder-red-900:focus::placeholder {
  color: #b71c1c;
}

:root .focus\:placeholder-orange-50:focus::-moz-placeholder {
  color: #fff3e0;
}

:root .focus\:placeholder-orange-50:focus::placeholder {
  color: #fff3e0;
}

:root .focus\:placeholder-orange-100:focus::-moz-placeholder {
  color: #ffe0b2;
}

:root .focus\:placeholder-orange-100:focus::placeholder {
  color: #ffe0b2;
}

:root .focus\:placeholder-orange-200:focus::-moz-placeholder {
  color: #ffcc80;
}

:root .focus\:placeholder-orange-200:focus::placeholder {
  color: #ffcc80;
}

:root .focus\:placeholder-orange-300:focus::-moz-placeholder {
  color: #ffb74d;
}

:root .focus\:placeholder-orange-300:focus::placeholder {
  color: #ffb74d;
}

:root .focus\:placeholder-orange-400:focus::-moz-placeholder {
  color: #ffa726;
}

:root .focus\:placeholder-orange-400:focus::placeholder {
  color: #ffa726;
}

:root .focus\:placeholder-orange-500:focus::-moz-placeholder {
  color: #ff9800;
}

:root .focus\:placeholder-orange-500:focus::placeholder {
  color: #ff9800;
}

:root .focus\:placeholder-orange-600:focus::-moz-placeholder {
  color: #fb8c00;
}

:root .focus\:placeholder-orange-600:focus::placeholder {
  color: #fb8c00;
}

:root .focus\:placeholder-orange-700:focus::-moz-placeholder {
  color: #f57c00;
}

:root .focus\:placeholder-orange-700:focus::placeholder {
  color: #f57c00;
}

:root .focus\:placeholder-orange-800:focus::-moz-placeholder {
  color: #ef6c00;
}

:root .focus\:placeholder-orange-800:focus::placeholder {
  color: #ef6c00;
}

:root .focus\:placeholder-orange-900:focus::-moz-placeholder {
  color: #e65100;
}

:root .focus\:placeholder-orange-900:focus::placeholder {
  color: #e65100;
}

:root .focus\:placeholder-deep-orange-50:focus::-moz-placeholder {
  color: #fbe9e7;
}

:root .focus\:placeholder-deep-orange-50:focus::placeholder {
  color: #fbe9e7;
}

:root .focus\:placeholder-deep-orange-100:focus::-moz-placeholder {
  color: #ffccbc;
}

:root .focus\:placeholder-deep-orange-100:focus::placeholder {
  color: #ffccbc;
}

:root .focus\:placeholder-deep-orange-200:focus::-moz-placeholder {
  color: #ffab91;
}

:root .focus\:placeholder-deep-orange-200:focus::placeholder {
  color: #ffab91;
}

:root .focus\:placeholder-deep-orange-300:focus::-moz-placeholder {
  color: #ff8a65;
}

:root .focus\:placeholder-deep-orange-300:focus::placeholder {
  color: #ff8a65;
}

:root .focus\:placeholder-deep-orange-400:focus::-moz-placeholder {
  color: #ff7043;
}

:root .focus\:placeholder-deep-orange-400:focus::placeholder {
  color: #ff7043;
}

:root .focus\:placeholder-deep-orange-500:focus::-moz-placeholder {
  color: #ff5722;
}

:root .focus\:placeholder-deep-orange-500:focus::placeholder {
  color: #ff5722;
}

:root .focus\:placeholder-deep-orange-600:focus::-moz-placeholder {
  color: #f4511e;
}

:root .focus\:placeholder-deep-orange-600:focus::placeholder {
  color: #f4511e;
}

:root .focus\:placeholder-deep-orange-700:focus::-moz-placeholder {
  color: #e64a19;
}

:root .focus\:placeholder-deep-orange-700:focus::placeholder {
  color: #e64a19;
}

:root .focus\:placeholder-deep-orange-800:focus::-moz-placeholder {
  color: #d84315;
}

:root .focus\:placeholder-deep-orange-800:focus::placeholder {
  color: #d84315;
}

:root .focus\:placeholder-deep-orange-900:focus::-moz-placeholder {
  color: #bf360c;
}

:root .focus\:placeholder-deep-orange-900:focus::placeholder {
  color: #bf360c;
}

:root .focus\:placeholder-amber-50:focus::-moz-placeholder {
  color: #fff8e1;
}

:root .focus\:placeholder-amber-50:focus::placeholder {
  color: #fff8e1;
}

:root .focus\:placeholder-amber-100:focus::-moz-placeholder {
  color: #ffecb3;
}

:root .focus\:placeholder-amber-100:focus::placeholder {
  color: #ffecb3;
}

:root .focus\:placeholder-amber-200:focus::-moz-placeholder {
  color: #ffe082;
}

:root .focus\:placeholder-amber-200:focus::placeholder {
  color: #ffe082;
}

:root .focus\:placeholder-amber-300:focus::-moz-placeholder {
  color: #ffd54f;
}

:root .focus\:placeholder-amber-300:focus::placeholder {
  color: #ffd54f;
}

:root .focus\:placeholder-amber-400:focus::-moz-placeholder {
  color: #ffca28;
}

:root .focus\:placeholder-amber-400:focus::placeholder {
  color: #ffca28;
}

:root .focus\:placeholder-amber-500:focus::-moz-placeholder {
  color: #ffc107;
}

:root .focus\:placeholder-amber-500:focus::placeholder {
  color: #ffc107;
}

:root .focus\:placeholder-amber-600:focus::-moz-placeholder {
  color: #ffb300;
}

:root .focus\:placeholder-amber-600:focus::placeholder {
  color: #ffb300;
}

:root .focus\:placeholder-amber-700:focus::-moz-placeholder {
  color: #ffa000;
}

:root .focus\:placeholder-amber-700:focus::placeholder {
  color: #ffa000;
}

:root .focus\:placeholder-amber-800:focus::-moz-placeholder {
  color: #ff8f00;
}

:root .focus\:placeholder-amber-800:focus::placeholder {
  color: #ff8f00;
}

:root .focus\:placeholder-amber-900:focus::-moz-placeholder {
  color: #ff6f00;
}

:root .focus\:placeholder-amber-900:focus::placeholder {
  color: #ff6f00;
}

:root .focus\:placeholder-light-green-50:focus::-moz-placeholder {
  color: #f1f8e9;
}

:root .focus\:placeholder-light-green-50:focus::placeholder {
  color: #f1f8e9;
}

:root .focus\:placeholder-light-green-100:focus::-moz-placeholder {
  color: #dcedc8;
}

:root .focus\:placeholder-light-green-100:focus::placeholder {
  color: #dcedc8;
}

:root .focus\:placeholder-light-green-200:focus::-moz-placeholder {
  color: #c5e1a5;
}

:root .focus\:placeholder-light-green-200:focus::placeholder {
  color: #c5e1a5;
}

:root .focus\:placeholder-light-green-300:focus::-moz-placeholder {
  color: #aed581;
}

:root .focus\:placeholder-light-green-300:focus::placeholder {
  color: #aed581;
}

:root .focus\:placeholder-light-green-400:focus::-moz-placeholder {
  color: #9ccc65;
}

:root .focus\:placeholder-light-green-400:focus::placeholder {
  color: #9ccc65;
}

:root .focus\:placeholder-light-green-500:focus::-moz-placeholder {
  color: #8bc34a;
}

:root .focus\:placeholder-light-green-500:focus::placeholder {
  color: #8bc34a;
}

:root .focus\:placeholder-light-green-600:focus::-moz-placeholder {
  color: #7cb342;
}

:root .focus\:placeholder-light-green-600:focus::placeholder {
  color: #7cb342;
}

:root .focus\:placeholder-light-green-700:focus::-moz-placeholder {
  color: #689f38;
}

:root .focus\:placeholder-light-green-700:focus::placeholder {
  color: #689f38;
}

:root .focus\:placeholder-light-green-800:focus::-moz-placeholder {
  color: #558b2f;
}

:root .focus\:placeholder-light-green-800:focus::placeholder {
  color: #558b2f;
}

:root .focus\:placeholder-light-green-900:focus::-moz-placeholder {
  color: #33691e;
}

:root .focus\:placeholder-light-green-900:focus::placeholder {
  color: #33691e;
}

:root .focus\:placeholder-green-50:focus::-moz-placeholder {
  color: #e8f5e9;
}

:root .focus\:placeholder-green-50:focus::placeholder {
  color: #e8f5e9;
}

:root .focus\:placeholder-green-100:focus::-moz-placeholder {
  color: #c8e6c9;
}

:root .focus\:placeholder-green-100:focus::placeholder {
  color: #c8e6c9;
}

:root .focus\:placeholder-green-200:focus::-moz-placeholder {
  color: #a5d6a7;
}

:root .focus\:placeholder-green-200:focus::placeholder {
  color: #a5d6a7;
}

:root .focus\:placeholder-green-300:focus::-moz-placeholder {
  color: #81c784;
}

:root .focus\:placeholder-green-300:focus::placeholder {
  color: #81c784;
}

:root .focus\:placeholder-green-400:focus::-moz-placeholder {
  color: #66bb6a;
}

:root .focus\:placeholder-green-400:focus::placeholder {
  color: #66bb6a;
}

:root .focus\:placeholder-green-500:focus::-moz-placeholder {
  color: #4caf50;
}

:root .focus\:placeholder-green-500:focus::placeholder {
  color: #4caf50;
}

:root .focus\:placeholder-green-600:focus::-moz-placeholder {
  color: #43a047;
}

:root .focus\:placeholder-green-600:focus::placeholder {
  color: #43a047;
}

:root .focus\:placeholder-green-700:focus::-moz-placeholder {
  color: #388e3c;
}

:root .focus\:placeholder-green-700:focus::placeholder {
  color: #388e3c;
}

:root .focus\:placeholder-green-800:focus::-moz-placeholder {
  color: #2e7d32;
}

:root .focus\:placeholder-green-800:focus::placeholder {
  color: #2e7d32;
}

:root .focus\:placeholder-green-900:focus::-moz-placeholder {
  color: #1b5e20;
}

:root .focus\:placeholder-green-900:focus::placeholder {
  color: #1b5e20;
}

:root .focus\:placeholder-teal-50:focus::-moz-placeholder {
  color: #e0f2f1;
}

:root .focus\:placeholder-teal-50:focus::placeholder {
  color: #e0f2f1;
}

:root .focus\:placeholder-teal-100:focus::-moz-placeholder {
  color: #b2dfdb;
}

:root .focus\:placeholder-teal-100:focus::placeholder {
  color: #b2dfdb;
}

:root .focus\:placeholder-teal-200:focus::-moz-placeholder {
  color: #80cbc4;
}

:root .focus\:placeholder-teal-200:focus::placeholder {
  color: #80cbc4;
}

:root .focus\:placeholder-teal-300:focus::-moz-placeholder {
  color: #4db6ac;
}

:root .focus\:placeholder-teal-300:focus::placeholder {
  color: #4db6ac;
}

:root .focus\:placeholder-teal-400:focus::-moz-placeholder {
  color: #26a69a;
}

:root .focus\:placeholder-teal-400:focus::placeholder {
  color: #26a69a;
}

:root .focus\:placeholder-teal-500:focus::-moz-placeholder {
  color: #009688;
}

:root .focus\:placeholder-teal-500:focus::placeholder {
  color: #009688;
}

:root .focus\:placeholder-teal-600:focus::-moz-placeholder {
  color: #00897b;
}

:root .focus\:placeholder-teal-600:focus::placeholder {
  color: #00897b;
}

:root .focus\:placeholder-teal-700:focus::-moz-placeholder {
  color: #00796b;
}

:root .focus\:placeholder-teal-700:focus::placeholder {
  color: #00796b;
}

:root .focus\:placeholder-teal-800:focus::-moz-placeholder {
  color: #00695c;
}

:root .focus\:placeholder-teal-800:focus::placeholder {
  color: #00695c;
}

:root .focus\:placeholder-teal-900:focus::-moz-placeholder {
  color: #004d40;
}

:root .focus\:placeholder-teal-900:focus::placeholder {
  color: #004d40;
}

:root .focus\:placeholder-cyan-50:focus::-moz-placeholder {
  color: #e0f7fa;
}

:root .focus\:placeholder-cyan-50:focus::placeholder {
  color: #e0f7fa;
}

:root .focus\:placeholder-cyan-100:focus::-moz-placeholder {
  color: #b2ebf2;
}

:root .focus\:placeholder-cyan-100:focus::placeholder {
  color: #b2ebf2;
}

:root .focus\:placeholder-cyan-200:focus::-moz-placeholder {
  color: #80deea;
}

:root .focus\:placeholder-cyan-200:focus::placeholder {
  color: #80deea;
}

:root .focus\:placeholder-cyan-300:focus::-moz-placeholder {
  color: #4dd0e1;
}

:root .focus\:placeholder-cyan-300:focus::placeholder {
  color: #4dd0e1;
}

:root .focus\:placeholder-cyan-400:focus::-moz-placeholder {
  color: #26c6da;
}

:root .focus\:placeholder-cyan-400:focus::placeholder {
  color: #26c6da;
}

:root .focus\:placeholder-cyan-500:focus::-moz-placeholder {
  color: #00bcd4;
}

:root .focus\:placeholder-cyan-500:focus::placeholder {
  color: #00bcd4;
}

:root .focus\:placeholder-cyan-600:focus::-moz-placeholder {
  color: #00acc1;
}

:root .focus\:placeholder-cyan-600:focus::placeholder {
  color: #00acc1;
}

:root .focus\:placeholder-cyan-700:focus::-moz-placeholder {
  color: #0097a7;
}

:root .focus\:placeholder-cyan-700:focus::placeholder {
  color: #0097a7;
}

:root .focus\:placeholder-cyan-800:focus::-moz-placeholder {
  color: #00838f;
}

:root .focus\:placeholder-cyan-800:focus::placeholder {
  color: #00838f;
}

:root .focus\:placeholder-cyan-900:focus::-moz-placeholder {
  color: #006064;
}

:root .focus\:placeholder-cyan-900:focus::placeholder {
  color: #006064;
}

:root .focus\:placeholder-purple-50:focus::-moz-placeholder {
  color: #f3e5f5;
}

:root .focus\:placeholder-purple-50:focus::placeholder {
  color: #f3e5f5;
}

:root .focus\:placeholder-purple-100:focus::-moz-placeholder {
  color: #e1bee7;
}

:root .focus\:placeholder-purple-100:focus::placeholder {
  color: #e1bee7;
}

:root .focus\:placeholder-purple-200:focus::-moz-placeholder {
  color: #ce93d8;
}

:root .focus\:placeholder-purple-200:focus::placeholder {
  color: #ce93d8;
}

:root .focus\:placeholder-purple-300:focus::-moz-placeholder {
  color: #ba68c8;
}

:root .focus\:placeholder-purple-300:focus::placeholder {
  color: #ba68c8;
}

:root .focus\:placeholder-purple-400:focus::-moz-placeholder {
  color: #ab47bc;
}

:root .focus\:placeholder-purple-400:focus::placeholder {
  color: #ab47bc;
}

:root .focus\:placeholder-purple-500:focus::-moz-placeholder {
  color: #9c27b0;
}

:root .focus\:placeholder-purple-500:focus::placeholder {
  color: #9c27b0;
}

:root .focus\:placeholder-purple-600:focus::-moz-placeholder {
  color: #8e24aa;
}

:root .focus\:placeholder-purple-600:focus::placeholder {
  color: #8e24aa;
}

:root .focus\:placeholder-purple-700:focus::-moz-placeholder {
  color: #7b1fa2;
}

:root .focus\:placeholder-purple-700:focus::placeholder {
  color: #7b1fa2;
}

:root .focus\:placeholder-purple-800:focus::-moz-placeholder {
  color: #6a1b9a;
}

:root .focus\:placeholder-purple-800:focus::placeholder {
  color: #6a1b9a;
}

:root .focus\:placeholder-purple-900:focus::-moz-placeholder {
  color: #4a148c;
}

:root .focus\:placeholder-purple-900:focus::placeholder {
  color: #4a148c;
}

:root .focus\:placeholder-deep-purple-50:focus::-moz-placeholder {
  color: #ede7f6;
}

:root .focus\:placeholder-deep-purple-50:focus::placeholder {
  color: #ede7f6;
}

:root .focus\:placeholder-deep-purple-100:focus::-moz-placeholder {
  color: #d1c4e9;
}

:root .focus\:placeholder-deep-purple-100:focus::placeholder {
  color: #d1c4e9;
}

:root .focus\:placeholder-deep-purple-200:focus::-moz-placeholder {
  color: #b39ddb;
}

:root .focus\:placeholder-deep-purple-200:focus::placeholder {
  color: #b39ddb;
}

:root .focus\:placeholder-deep-purple-300:focus::-moz-placeholder {
  color: #9575cd;
}

:root .focus\:placeholder-deep-purple-300:focus::placeholder {
  color: #9575cd;
}

:root .focus\:placeholder-deep-purple-400:focus::-moz-placeholder {
  color: #7e57c2;
}

:root .focus\:placeholder-deep-purple-400:focus::placeholder {
  color: #7e57c2;
}

:root .focus\:placeholder-deep-purple-500:focus::-moz-placeholder {
  color: #673ab7;
}

:root .focus\:placeholder-deep-purple-500:focus::placeholder {
  color: #673ab7;
}

:root .focus\:placeholder-deep-purple-600:focus::-moz-placeholder {
  color: #5e35b1;
}

:root .focus\:placeholder-deep-purple-600:focus::placeholder {
  color: #5e35b1;
}

:root .focus\:placeholder-deep-purple-700:focus::-moz-placeholder {
  color: #512da8;
}

:root .focus\:placeholder-deep-purple-700:focus::placeholder {
  color: #512da8;
}

:root .focus\:placeholder-deep-purple-800:focus::-moz-placeholder {
  color: #4527a0;
}

:root .focus\:placeholder-deep-purple-800:focus::placeholder {
  color: #4527a0;
}

:root .focus\:placeholder-deep-purple-900:focus::-moz-placeholder {
  color: #311b92;
}

:root .focus\:placeholder-deep-purple-900:focus::placeholder {
  color: #311b92;
}

:root .focus\:placeholder-primary-50:focus::-moz-placeholder {
  color: #FBE4E7;
}

:root .focus\:placeholder-primary-50:focus::placeholder {
  color: #FBE4E7;
}

:root .focus\:placeholder-primary-100:focus::-moz-placeholder {
  color: #F5BCC2;
}

:root .focus\:placeholder-primary-100:focus::placeholder {
  color: #F5BCC2;
}

:root .focus\:placeholder-primary-200:focus::-moz-placeholder {
  color: #EE8F9A;
}

:root .focus\:placeholder-primary-200:focus::placeholder {
  color: #EE8F9A;
}

:root .focus\:placeholder-primary-300:focus::-moz-placeholder {
  color: #E76272;
}

:root .focus\:placeholder-primary-300:focus::placeholder {
  color: #E76272;
}

:root .focus\:placeholder-primary-400:focus::-moz-placeholder {
  color: #E14053;
}

:root .focus\:placeholder-primary-400:focus::placeholder {
  color: #E14053;
}

:root .focus\:placeholder-primary-500:focus::-moz-placeholder {
  color: #1976d2;
}

:root .focus\:placeholder-primary-500:focus::placeholder {
  color: #1976d2;
}

:root .focus\:placeholder-primary-600:focus::-moz-placeholder {
  color: #D81A30;
}

:root .focus\:placeholder-primary-600:focus::placeholder {
  color: #D81A30;
}

:root .focus\:placeholder-primary-700:focus::-moz-placeholder {
  color: #D31628;
}

:root .focus\:placeholder-primary-700:focus::placeholder {
  color: #D31628;
}

:root .focus\:placeholder-primary-800:focus::-moz-placeholder {
  color: #CE1222;
}

:root .focus\:placeholder-primary-800:focus::placeholder {
  color: #CE1222;
}

:root .focus\:placeholder-primary-900:focus::-moz-placeholder {
  color: #C50A16;
}

:root .focus\:placeholder-primary-900:focus::placeholder {
  color: #C50A16;
}

:root .pointer-events-none {
  pointer-events: none;
}

:root .pointer-events-auto {
  pointer-events: auto;
}

:root .static {
  position: static;
}

:root .fixed {
  position: fixed;
}

:root .absolute {
  position: absolute;
}

:root .relative {
  position: relative;
}

:root .sticky {
  position: sticky;
}

:root .inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

:root .inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}

:root .inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}

:root .inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}

:root .inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}

:root .inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}

:root .inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}

:root .inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}

:root .inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}

:root .inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}

:root .-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}

:root .-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}

:root .-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem;
}

:root .-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}

:root .-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
}

:root .-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem;
}

:root .-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
}

:root .-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem;
}

:root .-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem;
}

:root .inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

:root .inset-y-0 {
  top: 0;
  bottom: 0;
}

:root .inset-x-0 {
  right: 0;
  left: 0;
}

:root .inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}

:root .inset-x-1 {
  right: 0.25rem;
  left: 0.25rem;
}

:root .inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}

:root .inset-x-2 {
  right: 0.5rem;
  left: 0.5rem;
}

:root .inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}

:root .inset-x-3 {
  right: 0.75rem;
  left: 0.75rem;
}

:root .inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}

:root .inset-x-4 {
  right: 1rem;
  left: 1rem;
}

:root .inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem;
}

:root .inset-x-5 {
  right: 1.25rem;
  left: 1.25rem;
}

:root .inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}

:root .inset-x-6 {
  right: 1.5rem;
  left: 1.5rem;
}

:root .inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}

:root .inset-x-8 {
  right: 2rem;
  left: 2rem;
}

:root .inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}

:root .inset-x-10 {
  right: 2.5rem;
  left: 2.5rem;
}

:root .inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}

:root .inset-x-12 {
  right: 3rem;
  left: 3rem;
}

:root .-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem;
}

:root .-inset-x-1 {
  right: -0.25rem;
  left: -0.25rem;
}

:root .-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem;
}

:root .-inset-x-2 {
  right: -0.5rem;
  left: -0.5rem;
}

:root .-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem;
}

:root .-inset-x-3 {
  right: -0.75rem;
  left: -0.75rem;
}

:root .-inset-y-4 {
  top: -1rem;
  bottom: -1rem;
}

:root .-inset-x-4 {
  right: -1rem;
  left: -1rem;
}

:root .-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem;
}

:root .-inset-x-5 {
  right: -1.25rem;
  left: -1.25rem;
}

:root .-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem;
}

:root .-inset-x-6 {
  right: -1.5rem;
  left: -1.5rem;
}

:root .-inset-y-8 {
  top: -2rem;
  bottom: -2rem;
}

:root .-inset-x-8 {
  right: -2rem;
  left: -2rem;
}

:root .-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem;
}

:root .-inset-x-10 {
  right: -2.5rem;
  left: -2.5rem;
}

:root .-inset-y-12 {
  top: -3rem;
  bottom: -3rem;
}

:root .-inset-x-12 {
  right: -3rem;
  left: -3rem;
}

:root .inset-y-auto {
  top: auto;
  bottom: auto;
}

:root .inset-x-auto {
  right: auto;
  left: auto;
}

:root .top-0 {
  top: 0;
}

:root .right-0 {
  right: 0;
}

:root .bottom-0 {
  bottom: 0;
}

:root .left-0 {
  left: 0;
}

:root .top-1 {
  top: 0.25rem;
}

:root .right-1 {
  right: 0.25rem;
}

:root .bottom-1 {
  bottom: 0.25rem;
}

:root .left-1 {
  left: 0.25rem;
}

:root .top-2 {
  top: 0.5rem;
}

:root .right-2 {
  right: 0.5rem;
}

:root .bottom-2 {
  bottom: 0.5rem;
}

:root .left-2 {
  left: 0.5rem;
}

:root .top-3 {
  top: 0.75rem;
}

:root .right-3 {
  right: 0.75rem;
}

:root .bottom-3 {
  bottom: 0.75rem;
}

:root .left-3 {
  left: 0.75rem;
}

:root .top-4 {
  top: 1rem;
}

:root .right-4 {
  right: 1rem;
}

:root .bottom-4 {
  bottom: 1rem;
}

:root .left-4 {
  left: 1rem;
}

:root .top-5 {
  top: 1.25rem;
}

:root .right-5 {
  right: 1.25rem;
}

:root .bottom-5 {
  bottom: 1.25rem;
}

:root .left-5 {
  left: 1.25rem;
}

:root .top-6 {
  top: 1.5rem;
}

:root .right-6 {
  right: 1.5rem;
}

:root .bottom-6 {
  bottom: 1.5rem;
}

:root .left-6 {
  left: 1.5rem;
}

:root .top-8 {
  top: 2rem;
}

:root .right-8 {
  right: 2rem;
}

:root .bottom-8 {
  bottom: 2rem;
}

:root .left-8 {
  left: 2rem;
}

:root .top-10 {
  top: 2.5rem;
}

:root .right-10 {
  right: 2.5rem;
}

:root .bottom-10 {
  bottom: 2.5rem;
}

:root .left-10 {
  left: 2.5rem;
}

:root .top-12 {
  top: 3rem;
}

:root .right-12 {
  right: 3rem;
}

:root .bottom-12 {
  bottom: 3rem;
}

:root .left-12 {
  left: 3rem;
}

:root .-top-1 {
  top: -0.25rem;
}

:root .-right-1 {
  right: -0.25rem;
}

:root .-bottom-1 {
  bottom: -0.25rem;
}

:root .-left-1 {
  left: -0.25rem;
}

:root .-top-2 {
  top: -0.5rem;
}

:root .-right-2 {
  right: -0.5rem;
}

:root .-bottom-2 {
  bottom: -0.5rem;
}

:root .-left-2 {
  left: -0.5rem;
}

:root .-top-3 {
  top: -0.75rem;
}

:root .-right-3 {
  right: -0.75rem;
}

:root .-bottom-3 {
  bottom: -0.75rem;
}

:root .-left-3 {
  left: -0.75rem;
}

:root .-top-4 {
  top: -1rem;
}

:root .-right-4 {
  right: -1rem;
}

:root .-bottom-4 {
  bottom: -1rem;
}

:root .-left-4 {
  left: -1rem;
}

:root .-top-5 {
  top: -1.25rem;
}

:root .-right-5 {
  right: -1.25rem;
}

:root .-bottom-5 {
  bottom: -1.25rem;
}

:root .-left-5 {
  left: -1.25rem;
}

:root .-top-6 {
  top: -1.5rem;
}

:root .-right-6 {
  right: -1.5rem;
}

:root .-bottom-6 {
  bottom: -1.5rem;
}

:root .-left-6 {
  left: -1.5rem;
}

:root .-top-8 {
  top: -2rem;
}

:root .-right-8 {
  right: -2rem;
}

:root .-bottom-8 {
  bottom: -2rem;
}

:root .-left-8 {
  left: -2rem;
}

:root .-top-10 {
  top: -2.5rem;
}

:root .-right-10 {
  right: -2.5rem;
}

:root .-bottom-10 {
  bottom: -2.5rem;
}

:root .-left-10 {
  left: -2.5rem;
}

:root .-top-12 {
  top: -3rem;
}

:root .-right-12 {
  right: -3rem;
}

:root .-bottom-12 {
  bottom: -3rem;
}

:root .-left-12 {
  left: -3rem;
}

:root .top-auto {
  top: auto;
}

:root .right-auto {
  right: auto;
}

:root .bottom-auto {
  bottom: auto;
}

:root .left-auto {
  left: auto;
}

[dir=ltr] .ltr\:inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

[dir=ltr] .ltr\:inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}

[dir=ltr] .ltr\:inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}

[dir=ltr] .ltr\:inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}

[dir=ltr] .ltr\:inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}

[dir=ltr] .ltr\:inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}

[dir=ltr] .ltr\:inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}

[dir=ltr] .ltr\:inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}

[dir=ltr] .ltr\:inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}

[dir=ltr] .ltr\:inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}

[dir=ltr] .ltr\:-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}

[dir=ltr] .ltr\:-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}

[dir=ltr] .ltr\:-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem;
}

[dir=ltr] .ltr\:-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}

[dir=ltr] .ltr\:-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
}

[dir=ltr] .ltr\:-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem;
}

[dir=ltr] .ltr\:-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
}

[dir=ltr] .ltr\:-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem;
}

[dir=ltr] .ltr\:-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem;
}

[dir=ltr] .ltr\:inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

[dir=ltr] .ltr\:inset-y-0 {
  top: 0;
  bottom: 0;
}

[dir=ltr] .ltr\:inset-x-0 {
  right: 0;
  left: 0;
}

[dir=ltr] .ltr\:inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}

[dir=ltr] .ltr\:inset-x-1 {
  right: 0.25rem;
  left: 0.25rem;
}

[dir=ltr] .ltr\:inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}

[dir=ltr] .ltr\:inset-x-2 {
  right: 0.5rem;
  left: 0.5rem;
}

[dir=ltr] .ltr\:inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}

[dir=ltr] .ltr\:inset-x-3 {
  right: 0.75rem;
  left: 0.75rem;
}

[dir=ltr] .ltr\:inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}

[dir=ltr] .ltr\:inset-x-4 {
  right: 1rem;
  left: 1rem;
}

[dir=ltr] .ltr\:inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem;
}

[dir=ltr] .ltr\:inset-x-5 {
  right: 1.25rem;
  left: 1.25rem;
}

[dir=ltr] .ltr\:inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}

[dir=ltr] .ltr\:inset-x-6 {
  right: 1.5rem;
  left: 1.5rem;
}

[dir=ltr] .ltr\:inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}

[dir=ltr] .ltr\:inset-x-8 {
  right: 2rem;
  left: 2rem;
}

[dir=ltr] .ltr\:inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}

[dir=ltr] .ltr\:inset-x-10 {
  right: 2.5rem;
  left: 2.5rem;
}

[dir=ltr] .ltr\:inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}

[dir=ltr] .ltr\:inset-x-12 {
  right: 3rem;
  left: 3rem;
}

[dir=ltr] .ltr\:-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem;
}

[dir=ltr] .ltr\:-inset-x-1 {
  right: -0.25rem;
  left: -0.25rem;
}

[dir=ltr] .ltr\:-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem;
}

[dir=ltr] .ltr\:-inset-x-2 {
  right: -0.5rem;
  left: -0.5rem;
}

[dir=ltr] .ltr\:-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem;
}

[dir=ltr] .ltr\:-inset-x-3 {
  right: -0.75rem;
  left: -0.75rem;
}

[dir=ltr] .ltr\:-inset-y-4 {
  top: -1rem;
  bottom: -1rem;
}

[dir=ltr] .ltr\:-inset-x-4 {
  right: -1rem;
  left: -1rem;
}

[dir=ltr] .ltr\:-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem;
}

[dir=ltr] .ltr\:-inset-x-5 {
  right: -1.25rem;
  left: -1.25rem;
}

[dir=ltr] .ltr\:-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem;
}

[dir=ltr] .ltr\:-inset-x-6 {
  right: -1.5rem;
  left: -1.5rem;
}

[dir=ltr] .ltr\:-inset-y-8 {
  top: -2rem;
  bottom: -2rem;
}

[dir=ltr] .ltr\:-inset-x-8 {
  right: -2rem;
  left: -2rem;
}

[dir=ltr] .ltr\:-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem;
}

[dir=ltr] .ltr\:-inset-x-10 {
  right: -2.5rem;
  left: -2.5rem;
}

[dir=ltr] .ltr\:-inset-y-12 {
  top: -3rem;
  bottom: -3rem;
}

[dir=ltr] .ltr\:-inset-x-12 {
  right: -3rem;
  left: -3rem;
}

[dir=ltr] .ltr\:inset-y-auto {
  top: auto;
  bottom: auto;
}

[dir=ltr] .ltr\:inset-x-auto {
  right: auto;
  left: auto;
}

[dir=ltr] .ltr\:top-0 {
  top: 0;
}

[dir=ltr] .ltr\:right-0 {
  right: 0;
}

[dir=ltr] .ltr\:bottom-0 {
  bottom: 0;
}

[dir=ltr] .ltr\:left-0 {
  left: 0;
}

[dir=ltr] .ltr\:top-1 {
  top: 0.25rem;
}

[dir=ltr] .ltr\:right-1 {
  right: 0.25rem;
}

[dir=ltr] .ltr\:bottom-1 {
  bottom: 0.25rem;
}

[dir=ltr] .ltr\:left-1 {
  left: 0.25rem;
}

[dir=ltr] .ltr\:top-2 {
  top: 0.5rem;
}

[dir=ltr] .ltr\:right-2 {
  right: 0.5rem;
}

[dir=ltr] .ltr\:bottom-2 {
  bottom: 0.5rem;
}

[dir=ltr] .ltr\:left-2 {
  left: 0.5rem;
}

[dir=ltr] .ltr\:top-3 {
  top: 0.75rem;
}

[dir=ltr] .ltr\:right-3 {
  right: 0.75rem;
}

[dir=ltr] .ltr\:bottom-3 {
  bottom: 0.75rem;
}

[dir=ltr] .ltr\:left-3 {
  left: 0.75rem;
}

[dir=ltr] .ltr\:top-4 {
  top: 1rem;
}

[dir=ltr] .ltr\:right-4 {
  right: 1rem;
}

[dir=ltr] .ltr\:bottom-4 {
  bottom: 1rem;
}

[dir=ltr] .ltr\:left-4 {
  left: 1rem;
}

[dir=ltr] .ltr\:top-5 {
  top: 1.25rem;
}

[dir=ltr] .ltr\:right-5 {
  right: 1.25rem;
}

[dir=ltr] .ltr\:bottom-5 {
  bottom: 1.25rem;
}

[dir=ltr] .ltr\:left-5 {
  left: 1.25rem;
}

[dir=ltr] .ltr\:top-6 {
  top: 1.5rem;
}

[dir=ltr] .ltr\:right-6 {
  right: 1.5rem;
}

[dir=ltr] .ltr\:bottom-6 {
  bottom: 1.5rem;
}

[dir=ltr] .ltr\:left-6 {
  left: 1.5rem;
}

[dir=ltr] .ltr\:top-8 {
  top: 2rem;
}

[dir=ltr] .ltr\:right-8 {
  right: 2rem;
}

[dir=ltr] .ltr\:bottom-8 {
  bottom: 2rem;
}

[dir=ltr] .ltr\:left-8 {
  left: 2rem;
}

[dir=ltr] .ltr\:top-10 {
  top: 2.5rem;
}

[dir=ltr] .ltr\:right-10 {
  right: 2.5rem;
}

[dir=ltr] .ltr\:bottom-10 {
  bottom: 2.5rem;
}

[dir=ltr] .ltr\:left-10 {
  left: 2.5rem;
}

[dir=ltr] .ltr\:top-12 {
  top: 3rem;
}

[dir=ltr] .ltr\:right-12 {
  right: 3rem;
}

[dir=ltr] .ltr\:bottom-12 {
  bottom: 3rem;
}

[dir=ltr] .ltr\:left-12 {
  left: 3rem;
}

[dir=ltr] .ltr\:-top-1 {
  top: -0.25rem;
}

[dir=ltr] .ltr\:-right-1 {
  right: -0.25rem;
}

[dir=ltr] .ltr\:-bottom-1 {
  bottom: -0.25rem;
}

[dir=ltr] .ltr\:-left-1 {
  left: -0.25rem;
}

[dir=ltr] .ltr\:-top-2 {
  top: -0.5rem;
}

[dir=ltr] .ltr\:-right-2 {
  right: -0.5rem;
}

[dir=ltr] .ltr\:-bottom-2 {
  bottom: -0.5rem;
}

[dir=ltr] .ltr\:-left-2 {
  left: -0.5rem;
}

[dir=ltr] .ltr\:-top-3 {
  top: -0.75rem;
}

[dir=ltr] .ltr\:-right-3 {
  right: -0.75rem;
}

[dir=ltr] .ltr\:-bottom-3 {
  bottom: -0.75rem;
}

[dir=ltr] .ltr\:-left-3 {
  left: -0.75rem;
}

[dir=ltr] .ltr\:-top-4 {
  top: -1rem;
}

[dir=ltr] .ltr\:-right-4 {
  right: -1rem;
}

[dir=ltr] .ltr\:-bottom-4 {
  bottom: -1rem;
}

[dir=ltr] .ltr\:-left-4 {
  left: -1rem;
}

[dir=ltr] .ltr\:-top-5 {
  top: -1.25rem;
}

[dir=ltr] .ltr\:-right-5 {
  right: -1.25rem;
}

[dir=ltr] .ltr\:-bottom-5 {
  bottom: -1.25rem;
}

[dir=ltr] .ltr\:-left-5 {
  left: -1.25rem;
}

[dir=ltr] .ltr\:-top-6 {
  top: -1.5rem;
}

[dir=ltr] .ltr\:-right-6 {
  right: -1.5rem;
}

[dir=ltr] .ltr\:-bottom-6 {
  bottom: -1.5rem;
}

[dir=ltr] .ltr\:-left-6 {
  left: -1.5rem;
}

[dir=ltr] .ltr\:-top-8 {
  top: -2rem;
}

[dir=ltr] .ltr\:-right-8 {
  right: -2rem;
}

[dir=ltr] .ltr\:-bottom-8 {
  bottom: -2rem;
}

[dir=ltr] .ltr\:-left-8 {
  left: -2rem;
}

[dir=ltr] .ltr\:-top-10 {
  top: -2.5rem;
}

[dir=ltr] .ltr\:-right-10 {
  right: -2.5rem;
}

[dir=ltr] .ltr\:-bottom-10 {
  bottom: -2.5rem;
}

[dir=ltr] .ltr\:-left-10 {
  left: -2.5rem;
}

[dir=ltr] .ltr\:-top-12 {
  top: -3rem;
}

[dir=ltr] .ltr\:-right-12 {
  right: -3rem;
}

[dir=ltr] .ltr\:-bottom-12 {
  bottom: -3rem;
}

[dir=ltr] .ltr\:-left-12 {
  left: -3rem;
}

[dir=ltr] .ltr\:top-auto {
  top: auto;
}

[dir=ltr] .ltr\:right-auto {
  right: auto;
}

[dir=ltr] .ltr\:bottom-auto {
  bottom: auto;
}

[dir=ltr] .ltr\:left-auto {
  left: auto;
}

[dir=rtl] .rtl\:inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

[dir=rtl] .rtl\:inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}

[dir=rtl] .rtl\:inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}

[dir=rtl] .rtl\:inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}

[dir=rtl] .rtl\:inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}

[dir=rtl] .rtl\:inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}

[dir=rtl] .rtl\:inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}

[dir=rtl] .rtl\:inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}

[dir=rtl] .rtl\:inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}

[dir=rtl] .rtl\:inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}

[dir=rtl] .rtl\:-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}

[dir=rtl] .rtl\:-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}

[dir=rtl] .rtl\:-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem;
}

[dir=rtl] .rtl\:-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}

[dir=rtl] .rtl\:-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
}

[dir=rtl] .rtl\:-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem;
}

[dir=rtl] .rtl\:-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
}

[dir=rtl] .rtl\:-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem;
}

[dir=rtl] .rtl\:-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem;
}

[dir=rtl] .rtl\:inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

[dir=rtl] .rtl\:inset-y-0 {
  top: 0;
  bottom: 0;
}

[dir=rtl] .rtl\:inset-x-0 {
  right: 0;
  left: 0;
}

[dir=rtl] .rtl\:inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}

[dir=rtl] .rtl\:inset-x-1 {
  right: 0.25rem;
  left: 0.25rem;
}

[dir=rtl] .rtl\:inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}

[dir=rtl] .rtl\:inset-x-2 {
  right: 0.5rem;
  left: 0.5rem;
}

[dir=rtl] .rtl\:inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}

[dir=rtl] .rtl\:inset-x-3 {
  right: 0.75rem;
  left: 0.75rem;
}

[dir=rtl] .rtl\:inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}

[dir=rtl] .rtl\:inset-x-4 {
  right: 1rem;
  left: 1rem;
}

[dir=rtl] .rtl\:inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem;
}

[dir=rtl] .rtl\:inset-x-5 {
  right: 1.25rem;
  left: 1.25rem;
}

[dir=rtl] .rtl\:inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}

[dir=rtl] .rtl\:inset-x-6 {
  right: 1.5rem;
  left: 1.5rem;
}

[dir=rtl] .rtl\:inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}

[dir=rtl] .rtl\:inset-x-8 {
  right: 2rem;
  left: 2rem;
}

[dir=rtl] .rtl\:inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}

[dir=rtl] .rtl\:inset-x-10 {
  right: 2.5rem;
  left: 2.5rem;
}

[dir=rtl] .rtl\:inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}

[dir=rtl] .rtl\:inset-x-12 {
  right: 3rem;
  left: 3rem;
}

[dir=rtl] .rtl\:-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem;
}

[dir=rtl] .rtl\:-inset-x-1 {
  right: -0.25rem;
  left: -0.25rem;
}

[dir=rtl] .rtl\:-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem;
}

[dir=rtl] .rtl\:-inset-x-2 {
  right: -0.5rem;
  left: -0.5rem;
}

[dir=rtl] .rtl\:-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem;
}

[dir=rtl] .rtl\:-inset-x-3 {
  right: -0.75rem;
  left: -0.75rem;
}

[dir=rtl] .rtl\:-inset-y-4 {
  top: -1rem;
  bottom: -1rem;
}

[dir=rtl] .rtl\:-inset-x-4 {
  right: -1rem;
  left: -1rem;
}

[dir=rtl] .rtl\:-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem;
}

[dir=rtl] .rtl\:-inset-x-5 {
  right: -1.25rem;
  left: -1.25rem;
}

[dir=rtl] .rtl\:-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem;
}

[dir=rtl] .rtl\:-inset-x-6 {
  right: -1.5rem;
  left: -1.5rem;
}

[dir=rtl] .rtl\:-inset-y-8 {
  top: -2rem;
  bottom: -2rem;
}

[dir=rtl] .rtl\:-inset-x-8 {
  right: -2rem;
  left: -2rem;
}

[dir=rtl] .rtl\:-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem;
}

[dir=rtl] .rtl\:-inset-x-10 {
  right: -2.5rem;
  left: -2.5rem;
}

[dir=rtl] .rtl\:-inset-y-12 {
  top: -3rem;
  bottom: -3rem;
}

[dir=rtl] .rtl\:-inset-x-12 {
  right: -3rem;
  left: -3rem;
}

[dir=rtl] .rtl\:inset-y-auto {
  top: auto;
  bottom: auto;
}

[dir=rtl] .rtl\:inset-x-auto {
  right: auto;
  left: auto;
}

[dir=rtl] .rtl\:top-0 {
  top: 0;
}

[dir=rtl] .rtl\:right-0 {
  right: 0;
}

[dir=rtl] .rtl\:bottom-0 {
  bottom: 0;
}

[dir=rtl] .rtl\:left-0 {
  left: 0;
}

[dir=rtl] .rtl\:top-1 {
  top: 0.25rem;
}

[dir=rtl] .rtl\:right-1 {
  right: 0.25rem;
}

[dir=rtl] .rtl\:bottom-1 {
  bottom: 0.25rem;
}

[dir=rtl] .rtl\:left-1 {
  left: 0.25rem;
}

[dir=rtl] .rtl\:top-2 {
  top: 0.5rem;
}

[dir=rtl] .rtl\:right-2 {
  right: 0.5rem;
}

[dir=rtl] .rtl\:bottom-2 {
  bottom: 0.5rem;
}

[dir=rtl] .rtl\:left-2 {
  left: 0.5rem;
}

[dir=rtl] .rtl\:top-3 {
  top: 0.75rem;
}

[dir=rtl] .rtl\:right-3 {
  right: 0.75rem;
}

[dir=rtl] .rtl\:bottom-3 {
  bottom: 0.75rem;
}

[dir=rtl] .rtl\:left-3 {
  left: 0.75rem;
}

[dir=rtl] .rtl\:top-4 {
  top: 1rem;
}

[dir=rtl] .rtl\:right-4 {
  right: 1rem;
}

[dir=rtl] .rtl\:bottom-4 {
  bottom: 1rem;
}

[dir=rtl] .rtl\:left-4 {
  left: 1rem;
}

[dir=rtl] .rtl\:top-5 {
  top: 1.25rem;
}

[dir=rtl] .rtl\:right-5 {
  right: 1.25rem;
}

[dir=rtl] .rtl\:bottom-5 {
  bottom: 1.25rem;
}

[dir=rtl] .rtl\:left-5 {
  left: 1.25rem;
}

[dir=rtl] .rtl\:top-6 {
  top: 1.5rem;
}

[dir=rtl] .rtl\:right-6 {
  right: 1.5rem;
}

[dir=rtl] .rtl\:bottom-6 {
  bottom: 1.5rem;
}

[dir=rtl] .rtl\:left-6 {
  left: 1.5rem;
}

[dir=rtl] .rtl\:top-8 {
  top: 2rem;
}

[dir=rtl] .rtl\:right-8 {
  right: 2rem;
}

[dir=rtl] .rtl\:bottom-8 {
  bottom: 2rem;
}

[dir=rtl] .rtl\:left-8 {
  left: 2rem;
}

[dir=rtl] .rtl\:top-10 {
  top: 2.5rem;
}

[dir=rtl] .rtl\:right-10 {
  right: 2.5rem;
}

[dir=rtl] .rtl\:bottom-10 {
  bottom: 2.5rem;
}

[dir=rtl] .rtl\:left-10 {
  left: 2.5rem;
}

[dir=rtl] .rtl\:top-12 {
  top: 3rem;
}

[dir=rtl] .rtl\:right-12 {
  right: 3rem;
}

[dir=rtl] .rtl\:bottom-12 {
  bottom: 3rem;
}

[dir=rtl] .rtl\:left-12 {
  left: 3rem;
}

[dir=rtl] .rtl\:-top-1 {
  top: -0.25rem;
}

[dir=rtl] .rtl\:-right-1 {
  right: -0.25rem;
}

[dir=rtl] .rtl\:-bottom-1 {
  bottom: -0.25rem;
}

[dir=rtl] .rtl\:-left-1 {
  left: -0.25rem;
}

[dir=rtl] .rtl\:-top-2 {
  top: -0.5rem;
}

[dir=rtl] .rtl\:-right-2 {
  right: -0.5rem;
}

[dir=rtl] .rtl\:-bottom-2 {
  bottom: -0.5rem;
}

[dir=rtl] .rtl\:-left-2 {
  left: -0.5rem;
}

[dir=rtl] .rtl\:-top-3 {
  top: -0.75rem;
}

[dir=rtl] .rtl\:-right-3 {
  right: -0.75rem;
}

[dir=rtl] .rtl\:-bottom-3 {
  bottom: -0.75rem;
}

[dir=rtl] .rtl\:-left-3 {
  left: -0.75rem;
}

[dir=rtl] .rtl\:-top-4 {
  top: -1rem;
}

[dir=rtl] .rtl\:-right-4 {
  right: -1rem;
}

[dir=rtl] .rtl\:-bottom-4 {
  bottom: -1rem;
}

[dir=rtl] .rtl\:-left-4 {
  left: -1rem;
}

[dir=rtl] .rtl\:-top-5 {
  top: -1.25rem;
}

[dir=rtl] .rtl\:-right-5 {
  right: -1.25rem;
}

[dir=rtl] .rtl\:-bottom-5 {
  bottom: -1.25rem;
}

[dir=rtl] .rtl\:-left-5 {
  left: -1.25rem;
}

[dir=rtl] .rtl\:-top-6 {
  top: -1.5rem;
}

[dir=rtl] .rtl\:-right-6 {
  right: -1.5rem;
}

[dir=rtl] .rtl\:-bottom-6 {
  bottom: -1.5rem;
}

[dir=rtl] .rtl\:-left-6 {
  left: -1.5rem;
}

[dir=rtl] .rtl\:-top-8 {
  top: -2rem;
}

[dir=rtl] .rtl\:-right-8 {
  right: -2rem;
}

[dir=rtl] .rtl\:-bottom-8 {
  bottom: -2rem;
}

[dir=rtl] .rtl\:-left-8 {
  left: -2rem;
}

[dir=rtl] .rtl\:-top-10 {
  top: -2.5rem;
}

[dir=rtl] .rtl\:-right-10 {
  right: -2.5rem;
}

[dir=rtl] .rtl\:-bottom-10 {
  bottom: -2.5rem;
}

[dir=rtl] .rtl\:-left-10 {
  left: -2.5rem;
}

[dir=rtl] .rtl\:-top-12 {
  top: -3rem;
}

[dir=rtl] .rtl\:-right-12 {
  right: -3rem;
}

[dir=rtl] .rtl\:-bottom-12 {
  bottom: -3rem;
}

[dir=rtl] .rtl\:-left-12 {
  left: -3rem;
}

[dir=rtl] .rtl\:top-auto {
  top: auto;
}

[dir=rtl] .rtl\:right-auto {
  right: auto;
}

[dir=rtl] .rtl\:bottom-auto {
  bottom: auto;
}

[dir=rtl] .rtl\:left-auto {
  left: auto;
}

:root .resize-none {
  resize: none;
}

:root .resize-y {
  resize: vertical;
}

:root .resize-x {
  resize: horizontal;
}

:root .resize {
  resize: both;
}

:root .shadow-1 {
  box-shadow: var(--elevation-z1);
}

:root .shadow-2 {
  box-shadow: var(--elevation-z2);
}

:root .shadow-3 {
  box-shadow: var(--elevation-z3);
}

:root .shadow-4 {
  box-shadow: var(--elevation-z4);
}

:root .shadow-5 {
  box-shadow: var(--elevation-z5);
}

:root .shadow-6 {
  box-shadow: var(--elevation-z6);
}

:root .shadow-7 {
  box-shadow: var(--elevation-z7);
}

:root .shadow-8 {
  box-shadow: var(--elevation-z8);
}

:root .shadow-9 {
  box-shadow: var(--elevation-z9);
}

:root .shadow-10 {
  box-shadow: var(--elevation-z10);
}

:root .shadow-11 {
  box-shadow: var(--elevation-z11);
}

:root .shadow-12 {
  box-shadow: var(--elevation-z12);
}

:root .shadow-13 {
  box-shadow: var(--elevation-z13);
}

:root .shadow-14 {
  box-shadow: var(--elevation-z14);
}

:root .shadow-15 {
  box-shadow: var(--elevation-z15);
}

:root .shadow-16 {
  box-shadow: var(--elevation-z16);
}

:root .shadow-17 {
  box-shadow: var(--elevation-z17);
}

:root .shadow-18 {
  box-shadow: var(--elevation-z18);
}

:root .shadow-19 {
  box-shadow: var(--elevation-z19);
}

:root .shadow-20 {
  box-shadow: var(--elevation-z20);
}

:root .shadow {
  box-shadow: var(--elevation-z6);
}

:root .shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

:root .shadow-lg {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}

:root .shadow-xl {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}

:root .shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

:root .shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

:root .shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

:root .shadow-none {
  box-shadow: none;
}

:root .shadow-b {
  box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
}

:root .hover\:shadow-1:hover {
  box-shadow: var(--elevation-z1);
}

:root .hover\:shadow-2:hover {
  box-shadow: var(--elevation-z2);
}

:root .hover\:shadow-3:hover {
  box-shadow: var(--elevation-z3);
}

:root .hover\:shadow-4:hover {
  box-shadow: var(--elevation-z4);
}

:root .hover\:shadow-5:hover {
  box-shadow: var(--elevation-z5);
}

:root .hover\:shadow-6:hover {
  box-shadow: var(--elevation-z6);
}

:root .hover\:shadow-7:hover {
  box-shadow: var(--elevation-z7);
}

:root .hover\:shadow-8:hover {
  box-shadow: var(--elevation-z8);
}

:root .hover\:shadow-9:hover {
  box-shadow: var(--elevation-z9);
}

:root .hover\:shadow-10:hover {
  box-shadow: var(--elevation-z10);
}

:root .hover\:shadow-11:hover {
  box-shadow: var(--elevation-z11);
}

:root .hover\:shadow-12:hover {
  box-shadow: var(--elevation-z12);
}

:root .hover\:shadow-13:hover {
  box-shadow: var(--elevation-z13);
}

:root .hover\:shadow-14:hover {
  box-shadow: var(--elevation-z14);
}

:root .hover\:shadow-15:hover {
  box-shadow: var(--elevation-z15);
}

:root .hover\:shadow-16:hover {
  box-shadow: var(--elevation-z16);
}

:root .hover\:shadow-17:hover {
  box-shadow: var(--elevation-z17);
}

:root .hover\:shadow-18:hover {
  box-shadow: var(--elevation-z18);
}

:root .hover\:shadow-19:hover {
  box-shadow: var(--elevation-z19);
}

:root .hover\:shadow-20:hover {
  box-shadow: var(--elevation-z20);
}

:root .hover\:shadow:hover {
  box-shadow: var(--elevation-z6);
}

:root .hover\:shadow-md:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

:root .hover\:shadow-lg:hover {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}

:root .hover\:shadow-xl:hover {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}

:root .hover\:shadow-2xl:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

:root .hover\:shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

:root .hover\:shadow-outline:hover {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

:root .hover\:shadow-none:hover {
  box-shadow: none;
}

:root .hover\:shadow-b:hover {
  box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
}

:root .focus\:shadow-1:focus {
  box-shadow: var(--elevation-z1);
}

:root .focus\:shadow-2:focus {
  box-shadow: var(--elevation-z2);
}

:root .focus\:shadow-3:focus {
  box-shadow: var(--elevation-z3);
}

:root .focus\:shadow-4:focus {
  box-shadow: var(--elevation-z4);
}

:root .focus\:shadow-5:focus {
  box-shadow: var(--elevation-z5);
}

:root .focus\:shadow-6:focus {
  box-shadow: var(--elevation-z6);
}

:root .focus\:shadow-7:focus {
  box-shadow: var(--elevation-z7);
}

:root .focus\:shadow-8:focus {
  box-shadow: var(--elevation-z8);
}

:root .focus\:shadow-9:focus {
  box-shadow: var(--elevation-z9);
}

:root .focus\:shadow-10:focus {
  box-shadow: var(--elevation-z10);
}

:root .focus\:shadow-11:focus {
  box-shadow: var(--elevation-z11);
}

:root .focus\:shadow-12:focus {
  box-shadow: var(--elevation-z12);
}

:root .focus\:shadow-13:focus {
  box-shadow: var(--elevation-z13);
}

:root .focus\:shadow-14:focus {
  box-shadow: var(--elevation-z14);
}

:root .focus\:shadow-15:focus {
  box-shadow: var(--elevation-z15);
}

:root .focus\:shadow-16:focus {
  box-shadow: var(--elevation-z16);
}

:root .focus\:shadow-17:focus {
  box-shadow: var(--elevation-z17);
}

:root .focus\:shadow-18:focus {
  box-shadow: var(--elevation-z18);
}

:root .focus\:shadow-19:focus {
  box-shadow: var(--elevation-z19);
}

:root .focus\:shadow-20:focus {
  box-shadow: var(--elevation-z20);
}

:root .focus\:shadow:focus {
  box-shadow: var(--elevation-z6);
}

:root .focus\:shadow-md:focus {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

:root .focus\:shadow-lg:focus {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}

:root .focus\:shadow-xl:focus {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}

:root .focus\:shadow-2xl:focus {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

:root .focus\:shadow-inner:focus {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

:root .focus\:shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

:root .focus\:shadow-none:focus {
  box-shadow: none;
}

:root .focus\:shadow-b:focus {
  box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
}

:root .fill-current {
  fill: currentColor;
}

:root .stroke-current {
  stroke: currentColor;
}

:root .stroke-0 {
  stroke-width: 0;
}

:root .stroke-1 {
  stroke-width: 1;
}

:root .stroke-2 {
  stroke-width: 2;
}

:root .table-auto {
  table-layout: auto;
}

:root .table-fixed {
  table-layout: fixed;
}

:root .text-left {
  text-align: left;
}

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

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

:root .text-justify {
  text-align: justify;
}

:root .text-secondary {
  color: var(--text-secondary);
}

:root .text-hint {
  color: var(--text-hint);
}

:root .text-transparent {
  color: transparent;
}

:root .text-black {
  color: var(--text-color);
}

:root .text-white {
  color: var(--text-color-light);
}

:root .text-contrast-black {
  color: black;
}

:root .text-contrast-white {
  color: white;
}

:root .text-obs-primary {
  color: #5977FF;
}

:root .text-obs-secondary {
  color: #5d5c64;
}

:root .text-obs-maroon {
  color: #961e36;
}

:root .text-obs-navy {
  color: #3e4861;
}

:root .text-obs-pink {
  color: #d2afc5;
}

:root .text-obs-dark-orange {
  color: #d6582a;
}

:root .text-obs-gold {
  color: #9d8944;
}

:root .text-obs-light-blue {
  color: #A3C2D6;
}

:root .text-obs-purple {
  color: #722670;
}

:root .text-obs-light-orange {
  color: #fF9c01;
}

:root .text-obs-blue {
  color: #5da7d6;
}

:root .text-gray-50 {
  color: #fafafa;
}

:root .text-gray-100 {
  color: #f5f5f5;
}

:root .text-gray-200 {
  color: #eeeeee;
}

:root .text-gray-300 {
  color: #e0e0e0;
}

:root .text-gray-400 {
  color: #bdbdbd;
}

:root .text-gray-500 {
  color: #9e9e9e;
}

:root .text-gray-600 {
  color: #757575;
}

:root .text-gray-700 {
  color: #616161;
}

:root .text-gray-800 {
  color: #424242;
}

:root .text-gray-900 {
  color: #212121;
}

:root .text-red-50 {
  color: #ffebee;
}

:root .text-red-100 {
  color: #ffcdd2;
}

:root .text-red-200 {
  color: #ef9a9a;
}

:root .text-red-300 {
  color: #e57373;
}

:root .text-red-400 {
  color: #ef5350;
}

:root .text-red-500 {
  color: #f44336;
}

:root .text-red-600 {
  color: #e53935;
}

:root .text-red-700 {
  color: #d32f2f;
}

:root .text-red-800 {
  color: #c62828;
}

:root .text-red-900 {
  color: #b71c1c;
}

:root .text-orange-50 {
  color: #fff3e0;
}

:root .text-orange-100 {
  color: #ffe0b2;
}

:root .text-orange-200 {
  color: #ffcc80;
}

:root .text-orange-300 {
  color: #ffb74d;
}

:root .text-orange-400 {
  color: #ffa726;
}

:root .text-orange-500 {
  color: #ff9800;
}

:root .text-orange-600 {
  color: #fb8c00;
}

:root .text-orange-700 {
  color: #f57c00;
}

:root .text-orange-800 {
  color: #ef6c00;
}

:root .text-orange-900 {
  color: #e65100;
}

:root .text-deep-orange-50 {
  color: #fbe9e7;
}

:root .text-deep-orange-100 {
  color: #ffccbc;
}

:root .text-deep-orange-200 {
  color: #ffab91;
}

:root .text-deep-orange-300 {
  color: #ff8a65;
}

:root .text-deep-orange-400 {
  color: #ff7043;
}

:root .text-deep-orange-500 {
  color: #ff5722;
}

:root .text-deep-orange-600 {
  color: #f4511e;
}

:root .text-deep-orange-700 {
  color: #e64a19;
}

:root .text-deep-orange-800 {
  color: #d84315;
}

:root .text-deep-orange-900 {
  color: #bf360c;
}

:root .text-amber-50 {
  color: #fff8e1;
}

:root .text-amber-100 {
  color: #ffecb3;
}

:root .text-amber-200 {
  color: #ffe082;
}

:root .text-amber-300 {
  color: #ffd54f;
}

:root .text-amber-400 {
  color: #ffca28;
}

:root .text-amber-500 {
  color: #ffc107;
}

:root .text-amber-600 {
  color: #ffb300;
}

:root .text-amber-700 {
  color: #ffa000;
}

:root .text-amber-800 {
  color: #ff8f00;
}

:root .text-amber-900 {
  color: #ff6f00;
}

:root .text-light-green-50 {
  color: #f1f8e9;
}

:root .text-light-green-100 {
  color: #dcedc8;
}

:root .text-light-green-200 {
  color: #c5e1a5;
}

:root .text-light-green-300 {
  color: #aed581;
}

:root .text-light-green-400 {
  color: #9ccc65;
}

:root .text-light-green-500 {
  color: #8bc34a;
}

:root .text-light-green-600 {
  color: #7cb342;
}

:root .text-light-green-700 {
  color: #689f38;
}

:root .text-light-green-800 {
  color: #558b2f;
}

:root .text-light-green-900 {
  color: #33691e;
}

:root .text-green-50 {
  color: #e8f5e9;
}

:root .text-green-100 {
  color: #c8e6c9;
}

:root .text-green-200 {
  color: #a5d6a7;
}

:root .text-green-300 {
  color: #81c784;
}

:root .text-green-400 {
  color: #66bb6a;
}

:root .text-green-500 {
  color: #4caf50;
}

:root .text-green-600 {
  color: #43a047;
}

:root .text-green-700 {
  color: #388e3c;
}

:root .text-green-800 {
  color: #2e7d32;
}

:root .text-green-900 {
  color: #1b5e20;
}

:root .text-teal-50 {
  color: #e0f2f1;
}

:root .text-teal-100 {
  color: #b2dfdb;
}

:root .text-teal-200 {
  color: #80cbc4;
}

:root .text-teal-300 {
  color: #4db6ac;
}

:root .text-teal-400 {
  color: #26a69a;
}

:root .text-teal-500 {
  color: #009688;
}

:root .text-teal-600 {
  color: #00897b;
}

:root .text-teal-700 {
  color: #00796b;
}

:root .text-teal-800 {
  color: #00695c;
}

:root .text-teal-900 {
  color: #004d40;
}

:root .text-cyan-50 {
  color: #e0f7fa;
}

:root .text-cyan-100 {
  color: #b2ebf2;
}

:root .text-cyan-200 {
  color: #80deea;
}

:root .text-cyan-300 {
  color: #4dd0e1;
}

:root .text-cyan-400 {
  color: #26c6da;
}

:root .text-cyan-500 {
  color: #00bcd4;
}

:root .text-cyan-600 {
  color: #00acc1;
}

:root .text-cyan-700 {
  color: #0097a7;
}

:root .text-cyan-800 {
  color: #00838f;
}

:root .text-cyan-900 {
  color: #006064;
}

:root .text-purple-50 {
  color: #f3e5f5;
}

:root .text-purple-100 {
  color: #e1bee7;
}

:root .text-purple-200 {
  color: #ce93d8;
}

:root .text-purple-300 {
  color: #ba68c8;
}

:root .text-purple-400 {
  color: #ab47bc;
}

:root .text-purple-500 {
  color: #9c27b0;
}

:root .text-purple-600 {
  color: #8e24aa;
}

:root .text-purple-700 {
  color: #7b1fa2;
}

:root .text-purple-800 {
  color: #6a1b9a;
}

:root .text-purple-900 {
  color: #4a148c;
}

:root .text-deep-purple-50 {
  color: #ede7f6;
}

:root .text-deep-purple-100 {
  color: #d1c4e9;
}

:root .text-deep-purple-200 {
  color: #b39ddb;
}

:root .text-deep-purple-300 {
  color: #9575cd;
}

:root .text-deep-purple-400 {
  color: #7e57c2;
}

:root .text-deep-purple-500 {
  color: #673ab7;
}

:root .text-deep-purple-600 {
  color: #5e35b1;
}

:root .text-deep-purple-700 {
  color: #512da8;
}

:root .text-deep-purple-800 {
  color: #4527a0;
}

:root .text-deep-purple-900 {
  color: #311b92;
}

:root .text-primary-50 {
  color: #FBE4E7;
}

:root .text-primary-100 {
  color: #F5BCC2;
}

:root .text-primary-200 {
  color: #EE8F9A;
}

:root .text-primary-300 {
  color: #E76272;
}

:root .text-primary-400 {
  color: #E14053;
}

:root .text-primary-500 {
  color: #1976d2;
}

:root .text-primary-600 {
  color: #D81A30;
}

:root .text-primary-700 {
  color: #D31628;
}

:root .text-primary-800 {
  color: #CE1222;
}

:root .text-primary-900 {
  color: #C50A16;
}

:root .text-primary-contrast-50 {
  color: #000;
}

:root .text-primary-contrast-100 {
  color: #000;
}

:root .text-primary-contrast-200 {
  color: #000;
}

:root .text-primary-contrast-300 {
  color: #000;
}

:root .text-primary-contrast-400 {
  color: #000;
}

:root .text-primary-contrast-500 {
  color: #FFF;
}

:root .text-primary-contrast-600 {
  color: #FFF;
}

:root .text-primary-contrast-700 {
  color: #FFF;
}

:root .text-primary-contrast-800 {
  color: #FFF;
}

:root .text-primary-contrast-900 {
  color: #FFF;
}

:root .text-red-contrast-50 {
  color: #000;
}

:root .text-red-contrast-100 {
  color: #000;
}

:root .text-red-contrast-200 {
  color: #000;
}

:root .text-red-contrast-300 {
  color: #000;
}

:root .text-red-contrast-400 {
  color: #000;
}

:root .text-red-contrast-500 {
  color: #FFF;
}

:root .text-red-contrast-600 {
  color: #FFF;
}

:root .text-red-contrast-700 {
  color: #FFF;
}

:root .text-red-contrast-800 {
  color: #FFF;
}

:root .text-red-contrast-900 {
  color: #FFF;
}

:root .text-green-contrast-50 {
  color: #000;
}

:root .text-green-contrast-100 {
  color: #000;
}

:root .text-green-contrast-200 {
  color: #000;
}

:root .text-green-contrast-300 {
  color: #000;
}

:root .text-green-contrast-400 {
  color: #000;
}

:root .text-green-contrast-500 {
  color: #FFF;
}

:root .text-green-contrast-600 {
  color: #FFF;
}

:root .text-green-contrast-700 {
  color: #FFF;
}

:root .text-green-contrast-800 {
  color: #FFF;
}

:root .text-green-contrast-900 {
  color: #FFF;
}

:root .text-amber-contrast-50 {
  color: #000;
}

:root .text-amber-contrast-100 {
  color: #000;
}

:root .text-amber-contrast-200 {
  color: #000;
}

:root .text-amber-contrast-300 {
  color: #000;
}

:root .text-amber-contrast-400 {
  color: #000;
}

:root .text-amber-contrast-500 {
  color: #000;
}

:root .text-amber-contrast-600 {
  color: #000;
}

:root .text-amber-contrast-700 {
  color: #000;
}

:root .text-amber-contrast-800 {
  color: #000;
}

:root .text-amber-contrast-900 {
  color: #000;
}

:root .text-orange-contrast-50 {
  color: #000;
}

:root .text-orange-contrast-100 {
  color: #000;
}

:root .text-orange-contrast-200 {
  color: #000;
}

:root .text-orange-contrast-300 {
  color: #000;
}

:root .text-orange-contrast-400 {
  color: #000;
}

:root .text-orange-contrast-500 {
  color: #000;
}

:root .text-orange-contrast-600 {
  color: #000;
}

:root .text-orange-contrast-700 {
  color: #000;
}

:root .text-orange-contrast-800 {
  color: #FFF;
}

:root .text-orange-contrast-900 {
  color: #FFF;
}

:root .text-deep-orange-contrast-50 {
  color: #000;
}

:root .text-deep-orange-contrast-100 {
  color: #000;
}

:root .text-deep-orange-contrast-200 {
  color: #000;
}

:root .text-deep-orange-contrast-300 {
  color: #000;
}

:root .text-deep-orange-contrast-400 {
  color: #000;
}

:root .text-deep-orange-contrast-500 {
  color: #FFF;
}

:root .text-deep-orange-contrast-600 {
  color: #FFF;
}

:root .text-deep-orange-contrast-700 {
  color: #FFF;
}

:root .text-deep-orange-contrast-800 {
  color: #FFF;
}

:root .text-deep-orange-contrast-900 {
  color: #FFF;
}

:root .text-purple-contrast-50 {
  color: #000;
}

:root .text-purple-contrast-100 {
  color: #000;
}

:root .text-purple-contrast-200 {
  color: #000;
}

:root .text-purple-contrast-300 {
  color: #FFF;
}

:root .text-purple-contrast-400 {
  color: #FFF;
}

:root .text-purple-contrast-500 {
  color: #FFF;
}

:root .text-purple-contrast-600 {
  color: #FFF;
}

:root .text-purple-contrast-700 {
  color: #FFF;
}

:root .text-purple-contrast-800 {
  color: #FFF;
}

:root .text-purple-contrast-900 {
  color: #FFF;
}

:root .text-deep-purple-contrast-50 {
  color: #000;
}

:root .text-deep-purple-contrast-100 {
  color: #000;
}

:root .text-deep-purple-contrast-200 {
  color: #000;
}

:root .text-deep-purple-contrast-300 {
  color: #FFF;
}

:root .text-deep-purple-contrast-400 {
  color: #FFF;
}

:root .text-deep-purple-contrast-500 {
  color: #FFF;
}

:root .text-deep-purple-contrast-600 {
  color: #FFF;
}

:root .text-deep-purple-contrast-700 {
  color: #FFF;
}

:root .text-deep-purple-contrast-800 {
  color: #FFF;
}

:root .text-deep-purple-contrast-900 {
  color: #FFF;
}

:root .text-cyan-contrast-50 {
  color: #000;
}

:root .text-cyan-contrast-100 {
  color: #000;
}

:root .text-cyan-contrast-200 {
  color: #000;
}

:root .text-cyan-contrast-300 {
  color: #000;
}

:root .text-cyan-contrast-400 {
  color: #000;
}

:root .text-cyan-contrast-500 {
  color: #FFF;
}

:root .text-cyan-contrast-600 {
  color: #FFF;
}

:root .text-cyan-contrast-700 {
  color: #FFF;
}

:root .text-cyan-contrast-800 {
  color: #FFF;
}

:root .text-cyan-contrast-900 {
  color: #FFF;
}

:root .text-teal-contrast-50 {
  color: #000;
}

:root .text-teal-contrast-100 {
  color: #000;
}

:root .text-teal-contrast-200 {
  color: #000;
}

:root .text-teal-contrast-300 {
  color: #000;
}

:root .text-teal-contrast-400 {
  color: #000;
}

:root .text-teal-contrast-500 {
  color: #FFF;
}

:root .text-teal-contrast-600 {
  color: #FFF;
}

:root .text-teal-contrast-700 {
  color: #FFF;
}

:root .text-teal-contrast-800 {
  color: #FFF;
}

:root .text-teal-contrast-900 {
  color: #FFF;
}

:root .text-gray-contrast-50 {
  color: #000;
}

:root .text-gray-contrast-100 {
  color: #000;
}

:root .text-gray-contrast-200 {
  color: #000;
}

:root .text-gray-contrast-300 {
  color: #000;
}

:root .text-gray-contrast-400 {
  color: #000;
}

:root .text-gray-contrast-500 {
  color: #FFF;
}

:root .text-gray-contrast-600 {
  color: #FFF;
}

:root .text-gray-contrast-700 {
  color: #FFF;
}

:root .text-gray-contrast-800 {
  color: #FFF;
}

:root .text-gray-contrast-900 {
  color: #FFF;
}

:root .text-light-green-contrast-50 {
  color: #000;
}

:root .text-light-green-contrast-100 {
  color: #000;
}

:root .text-light-green-contrast-200 {
  color: #000;
}

:root .text-light-green-contrast-300 {
  color: #000;
}

:root .text-light-green-contrast-400 {
  color: #000;
}

:root .text-light-green-contrast-500 {
  color: #000;
}

:root .text-light-green-contrast-600 {
  color: #000;
}

:root .text-light-green-contrast-700 {
  color: #FFF;
}

:root .text-light-green-contrast-800 {
  color: #FFF;
}

:root .text-light-green-contrast-900 {
  color: #FFF;
}

:root .hover\:text-secondary:hover {
  color: var(--text-secondary);
}

:root .hover\:text-hint:hover {
  color: var(--text-hint);
}

:root .hover\:text-transparent:hover {
  color: transparent;
}

:root .hover\:text-black:hover {
  color: var(--text-color);
}

:root .hover\:text-white:hover {
  color: var(--text-color-light);
}

:root .hover\:text-contrast-black:hover {
  color: black;
}

:root .hover\:text-contrast-white:hover {
  color: white;
}

:root .hover\:text-obs-primary:hover {
  color: #5977FF;
}

:root .hover\:text-obs-secondary:hover {
  color: #5d5c64;
}

:root .hover\:text-obs-maroon:hover {
  color: #961e36;
}

:root .hover\:text-obs-navy:hover {
  color: #3e4861;
}

:root .hover\:text-obs-pink:hover {
  color: #d2afc5;
}

:root .hover\:text-obs-dark-orange:hover {
  color: #d6582a;
}

:root .hover\:text-obs-gold:hover {
  color: #9d8944;
}

:root .hover\:text-obs-light-blue:hover {
  color: #A3C2D6;
}

:root .hover\:text-obs-purple:hover {
  color: #722670;
}

:root .hover\:text-obs-light-orange:hover {
  color: #fF9c01;
}

:root .hover\:text-obs-blue:hover {
  color: #5da7d6;
}

:root .hover\:text-gray-50:hover {
  color: #fafafa;
}

:root .hover\:text-gray-100:hover {
  color: #f5f5f5;
}

:root .hover\:text-gray-200:hover {
  color: #eeeeee;
}

:root .hover\:text-gray-300:hover {
  color: #e0e0e0;
}

:root .hover\:text-gray-400:hover {
  color: #bdbdbd;
}

:root .hover\:text-gray-500:hover {
  color: #9e9e9e;
}

:root .hover\:text-gray-600:hover {
  color: #757575;
}

:root .hover\:text-gray-700:hover {
  color: #616161;
}

:root .hover\:text-gray-800:hover {
  color: #424242;
}

:root .hover\:text-gray-900:hover {
  color: #212121;
}

:root .hover\:text-red-50:hover {
  color: #ffebee;
}

:root .hover\:text-red-100:hover {
  color: #ffcdd2;
}

:root .hover\:text-red-200:hover {
  color: #ef9a9a;
}

:root .hover\:text-red-300:hover {
  color: #e57373;
}

:root .hover\:text-red-400:hover {
  color: #ef5350;
}

:root .hover\:text-red-500:hover {
  color: #f44336;
}

:root .hover\:text-red-600:hover {
  color: #e53935;
}

:root .hover\:text-red-700:hover {
  color: #d32f2f;
}

:root .hover\:text-red-800:hover {
  color: #c62828;
}

:root .hover\:text-red-900:hover {
  color: #b71c1c;
}

:root .hover\:text-orange-50:hover {
  color: #fff3e0;
}

:root .hover\:text-orange-100:hover {
  color: #ffe0b2;
}

:root .hover\:text-orange-200:hover {
  color: #ffcc80;
}

:root .hover\:text-orange-300:hover {
  color: #ffb74d;
}

:root .hover\:text-orange-400:hover {
  color: #ffa726;
}

:root .hover\:text-orange-500:hover {
  color: #ff9800;
}

:root .hover\:text-orange-600:hover {
  color: #fb8c00;
}

:root .hover\:text-orange-700:hover {
  color: #f57c00;
}

:root .hover\:text-orange-800:hover {
  color: #ef6c00;
}

:root .hover\:text-orange-900:hover {
  color: #e65100;
}

:root .hover\:text-deep-orange-50:hover {
  color: #fbe9e7;
}

:root .hover\:text-deep-orange-100:hover {
  color: #ffccbc;
}

:root .hover\:text-deep-orange-200:hover {
  color: #ffab91;
}

:root .hover\:text-deep-orange-300:hover {
  color: #ff8a65;
}

:root .hover\:text-deep-orange-400:hover {
  color: #ff7043;
}

:root .hover\:text-deep-orange-500:hover {
  color: #ff5722;
}

:root .hover\:text-deep-orange-600:hover {
  color: #f4511e;
}

:root .hover\:text-deep-orange-700:hover {
  color: #e64a19;
}

:root .hover\:text-deep-orange-800:hover {
  color: #d84315;
}

:root .hover\:text-deep-orange-900:hover {
  color: #bf360c;
}

:root .hover\:text-amber-50:hover {
  color: #fff8e1;
}

:root .hover\:text-amber-100:hover {
  color: #ffecb3;
}

:root .hover\:text-amber-200:hover {
  color: #ffe082;
}

:root .hover\:text-amber-300:hover {
  color: #ffd54f;
}

:root .hover\:text-amber-400:hover {
  color: #ffca28;
}

:root .hover\:text-amber-500:hover {
  color: #ffc107;
}

:root .hover\:text-amber-600:hover {
  color: #ffb300;
}

:root .hover\:text-amber-700:hover {
  color: #ffa000;
}

:root .hover\:text-amber-800:hover {
  color: #ff8f00;
}

:root .hover\:text-amber-900:hover {
  color: #ff6f00;
}

:root .hover\:text-light-green-50:hover {
  color: #f1f8e9;
}

:root .hover\:text-light-green-100:hover {
  color: #dcedc8;
}

:root .hover\:text-light-green-200:hover {
  color: #c5e1a5;
}

:root .hover\:text-light-green-300:hover {
  color: #aed581;
}

:root .hover\:text-light-green-400:hover {
  color: #9ccc65;
}

:root .hover\:text-light-green-500:hover {
  color: #8bc34a;
}

:root .hover\:text-light-green-600:hover {
  color: #7cb342;
}

:root .hover\:text-light-green-700:hover {
  color: #689f38;
}

:root .hover\:text-light-green-800:hover {
  color: #558b2f;
}

:root .hover\:text-light-green-900:hover {
  color: #33691e;
}

:root .hover\:text-green-50:hover {
  color: #e8f5e9;
}

:root .hover\:text-green-100:hover {
  color: #c8e6c9;
}

:root .hover\:text-green-200:hover {
  color: #a5d6a7;
}

:root .hover\:text-green-300:hover {
  color: #81c784;
}

:root .hover\:text-green-400:hover {
  color: #66bb6a;
}

:root .hover\:text-green-500:hover {
  color: #4caf50;
}

:root .hover\:text-green-600:hover {
  color: #43a047;
}

:root .hover\:text-green-700:hover {
  color: #388e3c;
}

:root .hover\:text-green-800:hover {
  color: #2e7d32;
}

:root .hover\:text-green-900:hover {
  color: #1b5e20;
}

:root .hover\:text-teal-50:hover {
  color: #e0f2f1;
}

:root .hover\:text-teal-100:hover {
  color: #b2dfdb;
}

:root .hover\:text-teal-200:hover {
  color: #80cbc4;
}

:root .hover\:text-teal-300:hover {
  color: #4db6ac;
}

:root .hover\:text-teal-400:hover {
  color: #26a69a;
}

:root .hover\:text-teal-500:hover {
  color: #009688;
}

:root .hover\:text-teal-600:hover {
  color: #00897b;
}

:root .hover\:text-teal-700:hover {
  color: #00796b;
}

:root .hover\:text-teal-800:hover {
  color: #00695c;
}

:root .hover\:text-teal-900:hover {
  color: #004d40;
}

:root .hover\:text-cyan-50:hover {
  color: #e0f7fa;
}

:root .hover\:text-cyan-100:hover {
  color: #b2ebf2;
}

:root .hover\:text-cyan-200:hover {
  color: #80deea;
}

:root .hover\:text-cyan-300:hover {
  color: #4dd0e1;
}

:root .hover\:text-cyan-400:hover {
  color: #26c6da;
}

:root .hover\:text-cyan-500:hover {
  color: #00bcd4;
}

:root .hover\:text-cyan-600:hover {
  color: #00acc1;
}

:root .hover\:text-cyan-700:hover {
  color: #0097a7;
}

:root .hover\:text-cyan-800:hover {
  color: #00838f;
}

:root .hover\:text-cyan-900:hover {
  color: #006064;
}

:root .hover\:text-purple-50:hover {
  color: #f3e5f5;
}

:root .hover\:text-purple-100:hover {
  color: #e1bee7;
}

:root .hover\:text-purple-200:hover {
  color: #ce93d8;
}

:root .hover\:text-purple-300:hover {
  color: #ba68c8;
}

:root .hover\:text-purple-400:hover {
  color: #ab47bc;
}

:root .hover\:text-purple-500:hover {
  color: #9c27b0;
}

:root .hover\:text-purple-600:hover {
  color: #8e24aa;
}

:root .hover\:text-purple-700:hover {
  color: #7b1fa2;
}

:root .hover\:text-purple-800:hover {
  color: #6a1b9a;
}

:root .hover\:text-purple-900:hover {
  color: #4a148c;
}

:root .hover\:text-deep-purple-50:hover {
  color: #ede7f6;
}

:root .hover\:text-deep-purple-100:hover {
  color: #d1c4e9;
}

:root .hover\:text-deep-purple-200:hover {
  color: #b39ddb;
}

:root .hover\:text-deep-purple-300:hover {
  color: #9575cd;
}

:root .hover\:text-deep-purple-400:hover {
  color: #7e57c2;
}

:root .hover\:text-deep-purple-500:hover {
  color: #673ab7;
}

:root .hover\:text-deep-purple-600:hover {
  color: #5e35b1;
}

:root .hover\:text-deep-purple-700:hover {
  color: #512da8;
}

:root .hover\:text-deep-purple-800:hover {
  color: #4527a0;
}

:root .hover\:text-deep-purple-900:hover {
  color: #311b92;
}

:root .hover\:text-primary-50:hover {
  color: #FBE4E7;
}

:root .hover\:text-primary-100:hover {
  color: #F5BCC2;
}

:root .hover\:text-primary-200:hover {
  color: #EE8F9A;
}

:root .hover\:text-primary-300:hover {
  color: #E76272;
}

:root .hover\:text-primary-400:hover {
  color: #E14053;
}

:root .hover\:text-primary-500:hover {
  color: #1976d2;
}

:root .hover\:text-primary-600:hover {
  color: #D81A30;
}

:root .hover\:text-primary-700:hover {
  color: #D31628;
}

:root .hover\:text-primary-800:hover {
  color: #CE1222;
}

:root .hover\:text-primary-900:hover {
  color: #C50A16;
}

:root .hover\:text-primary-contrast-50:hover {
  color: #000;
}

:root .hover\:text-primary-contrast-100:hover {
  color: #000;
}

:root .hover\:text-primary-contrast-200:hover {
  color: #000;
}

:root .hover\:text-primary-contrast-300:hover {
  color: #000;
}

:root .hover\:text-primary-contrast-400:hover {
  color: #000;
}

:root .hover\:text-primary-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-primary-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-primary-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-primary-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-primary-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-red-contrast-50:hover {
  color: #000;
}

:root .hover\:text-red-contrast-100:hover {
  color: #000;
}

:root .hover\:text-red-contrast-200:hover {
  color: #000;
}

:root .hover\:text-red-contrast-300:hover {
  color: #000;
}

:root .hover\:text-red-contrast-400:hover {
  color: #000;
}

:root .hover\:text-red-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-red-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-red-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-red-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-red-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-green-contrast-50:hover {
  color: #000;
}

:root .hover\:text-green-contrast-100:hover {
  color: #000;
}

:root .hover\:text-green-contrast-200:hover {
  color: #000;
}

:root .hover\:text-green-contrast-300:hover {
  color: #000;
}

:root .hover\:text-green-contrast-400:hover {
  color: #000;
}

:root .hover\:text-green-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-green-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-green-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-green-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-green-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-amber-contrast-50:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-100:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-200:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-300:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-400:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-500:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-600:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-700:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-800:hover {
  color: #000;
}

:root .hover\:text-amber-contrast-900:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-50:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-100:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-200:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-300:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-400:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-500:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-600:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-700:hover {
  color: #000;
}

:root .hover\:text-orange-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-orange-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-deep-orange-contrast-50:hover {
  color: #000;
}

:root .hover\:text-deep-orange-contrast-100:hover {
  color: #000;
}

:root .hover\:text-deep-orange-contrast-200:hover {
  color: #000;
}

:root .hover\:text-deep-orange-contrast-300:hover {
  color: #000;
}

:root .hover\:text-deep-orange-contrast-400:hover {
  color: #000;
}

:root .hover\:text-deep-orange-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-deep-orange-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-deep-orange-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-deep-orange-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-deep-orange-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-purple-contrast-50:hover {
  color: #000;
}

:root .hover\:text-purple-contrast-100:hover {
  color: #000;
}

:root .hover\:text-purple-contrast-200:hover {
  color: #000;
}

:root .hover\:text-purple-contrast-300:hover {
  color: #FFF;
}

:root .hover\:text-purple-contrast-400:hover {
  color: #FFF;
}

:root .hover\:text-purple-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-purple-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-purple-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-purple-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-purple-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-deep-purple-contrast-50:hover {
  color: #000;
}

:root .hover\:text-deep-purple-contrast-100:hover {
  color: #000;
}

:root .hover\:text-deep-purple-contrast-200:hover {
  color: #000;
}

:root .hover\:text-deep-purple-contrast-300:hover {
  color: #FFF;
}

:root .hover\:text-deep-purple-contrast-400:hover {
  color: #FFF;
}

:root .hover\:text-deep-purple-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-deep-purple-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-deep-purple-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-deep-purple-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-deep-purple-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-cyan-contrast-50:hover {
  color: #000;
}

:root .hover\:text-cyan-contrast-100:hover {
  color: #000;
}

:root .hover\:text-cyan-contrast-200:hover {
  color: #000;
}

:root .hover\:text-cyan-contrast-300:hover {
  color: #000;
}

:root .hover\:text-cyan-contrast-400:hover {
  color: #000;
}

:root .hover\:text-cyan-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-cyan-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-cyan-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-cyan-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-cyan-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-teal-contrast-50:hover {
  color: #000;
}

:root .hover\:text-teal-contrast-100:hover {
  color: #000;
}

:root .hover\:text-teal-contrast-200:hover {
  color: #000;
}

:root .hover\:text-teal-contrast-300:hover {
  color: #000;
}

:root .hover\:text-teal-contrast-400:hover {
  color: #000;
}

:root .hover\:text-teal-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-teal-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-teal-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-teal-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-teal-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-gray-contrast-50:hover {
  color: #000;
}

:root .hover\:text-gray-contrast-100:hover {
  color: #000;
}

:root .hover\:text-gray-contrast-200:hover {
  color: #000;
}

:root .hover\:text-gray-contrast-300:hover {
  color: #000;
}

:root .hover\:text-gray-contrast-400:hover {
  color: #000;
}

:root .hover\:text-gray-contrast-500:hover {
  color: #FFF;
}

:root .hover\:text-gray-contrast-600:hover {
  color: #FFF;
}

:root .hover\:text-gray-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-gray-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-gray-contrast-900:hover {
  color: #FFF;
}

:root .hover\:text-light-green-contrast-50:hover {
  color: #000;
}

:root .hover\:text-light-green-contrast-100:hover {
  color: #000;
}

:root .hover\:text-light-green-contrast-200:hover {
  color: #000;
}

:root .hover\:text-light-green-contrast-300:hover {
  color: #000;
}

:root .hover\:text-light-green-contrast-400:hover {
  color: #000;
}

:root .hover\:text-light-green-contrast-500:hover {
  color: #000;
}

:root .hover\:text-light-green-contrast-600:hover {
  color: #000;
}

:root .hover\:text-light-green-contrast-700:hover {
  color: #FFF;
}

:root .hover\:text-light-green-contrast-800:hover {
  color: #FFF;
}

:root .hover\:text-light-green-contrast-900:hover {
  color: #FFF;
}

:root .focus\:text-secondary:focus {
  color: var(--text-secondary);
}

:root .focus\:text-hint:focus {
  color: var(--text-hint);
}

:root .focus\:text-transparent:focus {
  color: transparent;
}

:root .focus\:text-black:focus {
  color: var(--text-color);
}

:root .focus\:text-white:focus {
  color: var(--text-color-light);
}

:root .focus\:text-contrast-black:focus {
  color: black;
}

:root .focus\:text-contrast-white:focus {
  color: white;
}

:root .focus\:text-obs-primary:focus {
  color: #5977FF;
}

:root .focus\:text-obs-secondary:focus {
  color: #5d5c64;
}

:root .focus\:text-obs-maroon:focus {
  color: #961e36;
}

:root .focus\:text-obs-navy:focus {
  color: #3e4861;
}

:root .focus\:text-obs-pink:focus {
  color: #d2afc5;
}

:root .focus\:text-obs-dark-orange:focus {
  color: #d6582a;
}

:root .focus\:text-obs-gold:focus {
  color: #9d8944;
}

:root .focus\:text-obs-light-blue:focus {
  color: #A3C2D6;
}

:root .focus\:text-obs-purple:focus {
  color: #722670;
}

:root .focus\:text-obs-light-orange:focus {
  color: #fF9c01;
}

:root .focus\:text-obs-blue:focus {
  color: #5da7d6;
}

:root .focus\:text-gray-50:focus {
  color: #fafafa;
}

:root .focus\:text-gray-100:focus {
  color: #f5f5f5;
}

:root .focus\:text-gray-200:focus {
  color: #eeeeee;
}

:root .focus\:text-gray-300:focus {
  color: #e0e0e0;
}

:root .focus\:text-gray-400:focus {
  color: #bdbdbd;
}

:root .focus\:text-gray-500:focus {
  color: #9e9e9e;
}

:root .focus\:text-gray-600:focus {
  color: #757575;
}

:root .focus\:text-gray-700:focus {
  color: #616161;
}

:root .focus\:text-gray-800:focus {
  color: #424242;
}

:root .focus\:text-gray-900:focus {
  color: #212121;
}

:root .focus\:text-red-50:focus {
  color: #ffebee;
}

:root .focus\:text-red-100:focus {
  color: #ffcdd2;
}

:root .focus\:text-red-200:focus {
  color: #ef9a9a;
}

:root .focus\:text-red-300:focus {
  color: #e57373;
}

:root .focus\:text-red-400:focus {
  color: #ef5350;
}

:root .focus\:text-red-500:focus {
  color: #f44336;
}

:root .focus\:text-red-600:focus {
  color: #e53935;
}

:root .focus\:text-red-700:focus {
  color: #d32f2f;
}

:root .focus\:text-red-800:focus {
  color: #c62828;
}

:root .focus\:text-red-900:focus {
  color: #b71c1c;
}

:root .focus\:text-orange-50:focus {
  color: #fff3e0;
}

:root .focus\:text-orange-100:focus {
  color: #ffe0b2;
}

:root .focus\:text-orange-200:focus {
  color: #ffcc80;
}

:root .focus\:text-orange-300:focus {
  color: #ffb74d;
}

:root .focus\:text-orange-400:focus {
  color: #ffa726;
}

:root .focus\:text-orange-500:focus {
  color: #ff9800;
}

:root .focus\:text-orange-600:focus {
  color: #fb8c00;
}

:root .focus\:text-orange-700:focus {
  color: #f57c00;
}

:root .focus\:text-orange-800:focus {
  color: #ef6c00;
}

:root .focus\:text-orange-900:focus {
  color: #e65100;
}

:root .focus\:text-deep-orange-50:focus {
  color: #fbe9e7;
}

:root .focus\:text-deep-orange-100:focus {
  color: #ffccbc;
}

:root .focus\:text-deep-orange-200:focus {
  color: #ffab91;
}

:root .focus\:text-deep-orange-300:focus {
  color: #ff8a65;
}

:root .focus\:text-deep-orange-400:focus {
  color: #ff7043;
}

:root .focus\:text-deep-orange-500:focus {
  color: #ff5722;
}

:root .focus\:text-deep-orange-600:focus {
  color: #f4511e;
}

:root .focus\:text-deep-orange-700:focus {
  color: #e64a19;
}

:root .focus\:text-deep-orange-800:focus {
  color: #d84315;
}

:root .focus\:text-deep-orange-900:focus {
  color: #bf360c;
}

:root .focus\:text-amber-50:focus {
  color: #fff8e1;
}

:root .focus\:text-amber-100:focus {
  color: #ffecb3;
}

:root .focus\:text-amber-200:focus {
  color: #ffe082;
}

:root .focus\:text-amber-300:focus {
  color: #ffd54f;
}

:root .focus\:text-amber-400:focus {
  color: #ffca28;
}

:root .focus\:text-amber-500:focus {
  color: #ffc107;
}

:root .focus\:text-amber-600:focus {
  color: #ffb300;
}

:root .focus\:text-amber-700:focus {
  color: #ffa000;
}

:root .focus\:text-amber-800:focus {
  color: #ff8f00;
}

:root .focus\:text-amber-900:focus {
  color: #ff6f00;
}

:root .focus\:text-light-green-50:focus {
  color: #f1f8e9;
}

:root .focus\:text-light-green-100:focus {
  color: #dcedc8;
}

:root .focus\:text-light-green-200:focus {
  color: #c5e1a5;
}

:root .focus\:text-light-green-300:focus {
  color: #aed581;
}

:root .focus\:text-light-green-400:focus {
  color: #9ccc65;
}

:root .focus\:text-light-green-500:focus {
  color: #8bc34a;
}

:root .focus\:text-light-green-600:focus {
  color: #7cb342;
}

:root .focus\:text-light-green-700:focus {
  color: #689f38;
}

:root .focus\:text-light-green-800:focus {
  color: #558b2f;
}

:root .focus\:text-light-green-900:focus {
  color: #33691e;
}

:root .focus\:text-green-50:focus {
  color: #e8f5e9;
}

:root .focus\:text-green-100:focus {
  color: #c8e6c9;
}

:root .focus\:text-green-200:focus {
  color: #a5d6a7;
}

:root .focus\:text-green-300:focus {
  color: #81c784;
}

:root .focus\:text-green-400:focus {
  color: #66bb6a;
}

:root .focus\:text-green-500:focus {
  color: #4caf50;
}

:root .focus\:text-green-600:focus {
  color: #43a047;
}

:root .focus\:text-green-700:focus {
  color: #388e3c;
}

:root .focus\:text-green-800:focus {
  color: #2e7d32;
}

:root .focus\:text-green-900:focus {
  color: #1b5e20;
}

:root .focus\:text-teal-50:focus {
  color: #e0f2f1;
}

:root .focus\:text-teal-100:focus {
  color: #b2dfdb;
}

:root .focus\:text-teal-200:focus {
  color: #80cbc4;
}

:root .focus\:text-teal-300:focus {
  color: #4db6ac;
}

:root .focus\:text-teal-400:focus {
  color: #26a69a;
}

:root .focus\:text-teal-500:focus {
  color: #009688;
}

:root .focus\:text-teal-600:focus {
  color: #00897b;
}

:root .focus\:text-teal-700:focus {
  color: #00796b;
}

:root .focus\:text-teal-800:focus {
  color: #00695c;
}

:root .focus\:text-teal-900:focus {
  color: #004d40;
}

:root .focus\:text-cyan-50:focus {
  color: #e0f7fa;
}

:root .focus\:text-cyan-100:focus {
  color: #b2ebf2;
}

:root .focus\:text-cyan-200:focus {
  color: #80deea;
}

:root .focus\:text-cyan-300:focus {
  color: #4dd0e1;
}

:root .focus\:text-cyan-400:focus {
  color: #26c6da;
}

:root .focus\:text-cyan-500:focus {
  color: #00bcd4;
}

:root .focus\:text-cyan-600:focus {
  color: #00acc1;
}

:root .focus\:text-cyan-700:focus {
  color: #0097a7;
}

:root .focus\:text-cyan-800:focus {
  color: #00838f;
}

:root .focus\:text-cyan-900:focus {
  color: #006064;
}

:root .focus\:text-purple-50:focus {
  color: #f3e5f5;
}

:root .focus\:text-purple-100:focus {
  color: #e1bee7;
}

:root .focus\:text-purple-200:focus {
  color: #ce93d8;
}

:root .focus\:text-purple-300:focus {
  color: #ba68c8;
}

:root .focus\:text-purple-400:focus {
  color: #ab47bc;
}

:root .focus\:text-purple-500:focus {
  color: #9c27b0;
}

:root .focus\:text-purple-600:focus {
  color: #8e24aa;
}

:root .focus\:text-purple-700:focus {
  color: #7b1fa2;
}

:root .focus\:text-purple-800:focus {
  color: #6a1b9a;
}

:root .focus\:text-purple-900:focus {
  color: #4a148c;
}

:root .focus\:text-deep-purple-50:focus {
  color: #ede7f6;
}

:root .focus\:text-deep-purple-100:focus {
  color: #d1c4e9;
}

:root .focus\:text-deep-purple-200:focus {
  color: #b39ddb;
}

:root .focus\:text-deep-purple-300:focus {
  color: #9575cd;
}

:root .focus\:text-deep-purple-400:focus {
  color: #7e57c2;
}

:root .focus\:text-deep-purple-500:focus {
  color: #673ab7;
}

:root .focus\:text-deep-purple-600:focus {
  color: #5e35b1;
}

:root .focus\:text-deep-purple-700:focus {
  color: #512da8;
}

:root .focus\:text-deep-purple-800:focus {
  color: #4527a0;
}

:root .focus\:text-deep-purple-900:focus {
  color: #311b92;
}

:root .focus\:text-primary-50:focus {
  color: #FBE4E7;
}

:root .focus\:text-primary-100:focus {
  color: #F5BCC2;
}

:root .focus\:text-primary-200:focus {
  color: #EE8F9A;
}

:root .focus\:text-primary-300:focus {
  color: #E76272;
}

:root .focus\:text-primary-400:focus {
  color: #E14053;
}

:root .focus\:text-primary-500:focus {
  color: #1976d2;
}

:root .focus\:text-primary-600:focus {
  color: #D81A30;
}

:root .focus\:text-primary-700:focus {
  color: #D31628;
}

:root .focus\:text-primary-800:focus {
  color: #CE1222;
}

:root .focus\:text-primary-900:focus {
  color: #C50A16;
}

:root .focus\:text-primary-contrast-50:focus {
  color: #000;
}

:root .focus\:text-primary-contrast-100:focus {
  color: #000;
}

:root .focus\:text-primary-contrast-200:focus {
  color: #000;
}

:root .focus\:text-primary-contrast-300:focus {
  color: #000;
}

:root .focus\:text-primary-contrast-400:focus {
  color: #000;
}

:root .focus\:text-primary-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-primary-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-primary-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-primary-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-primary-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-red-contrast-50:focus {
  color: #000;
}

:root .focus\:text-red-contrast-100:focus {
  color: #000;
}

:root .focus\:text-red-contrast-200:focus {
  color: #000;
}

:root .focus\:text-red-contrast-300:focus {
  color: #000;
}

:root .focus\:text-red-contrast-400:focus {
  color: #000;
}

:root .focus\:text-red-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-red-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-red-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-red-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-red-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-green-contrast-50:focus {
  color: #000;
}

:root .focus\:text-green-contrast-100:focus {
  color: #000;
}

:root .focus\:text-green-contrast-200:focus {
  color: #000;
}

:root .focus\:text-green-contrast-300:focus {
  color: #000;
}

:root .focus\:text-green-contrast-400:focus {
  color: #000;
}

:root .focus\:text-green-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-green-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-green-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-green-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-green-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-amber-contrast-50:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-100:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-200:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-300:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-400:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-500:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-600:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-700:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-800:focus {
  color: #000;
}

:root .focus\:text-amber-contrast-900:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-50:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-100:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-200:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-300:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-400:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-500:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-600:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-700:focus {
  color: #000;
}

:root .focus\:text-orange-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-orange-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-deep-orange-contrast-50:focus {
  color: #000;
}

:root .focus\:text-deep-orange-contrast-100:focus {
  color: #000;
}

:root .focus\:text-deep-orange-contrast-200:focus {
  color: #000;
}

:root .focus\:text-deep-orange-contrast-300:focus {
  color: #000;
}

:root .focus\:text-deep-orange-contrast-400:focus {
  color: #000;
}

:root .focus\:text-deep-orange-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-deep-orange-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-deep-orange-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-deep-orange-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-deep-orange-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-purple-contrast-50:focus {
  color: #000;
}

:root .focus\:text-purple-contrast-100:focus {
  color: #000;
}

:root .focus\:text-purple-contrast-200:focus {
  color: #000;
}

:root .focus\:text-purple-contrast-300:focus {
  color: #FFF;
}

:root .focus\:text-purple-contrast-400:focus {
  color: #FFF;
}

:root .focus\:text-purple-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-purple-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-purple-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-purple-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-purple-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-deep-purple-contrast-50:focus {
  color: #000;
}

:root .focus\:text-deep-purple-contrast-100:focus {
  color: #000;
}

:root .focus\:text-deep-purple-contrast-200:focus {
  color: #000;
}

:root .focus\:text-deep-purple-contrast-300:focus {
  color: #FFF;
}

:root .focus\:text-deep-purple-contrast-400:focus {
  color: #FFF;
}

:root .focus\:text-deep-purple-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-deep-purple-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-deep-purple-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-deep-purple-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-deep-purple-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-cyan-contrast-50:focus {
  color: #000;
}

:root .focus\:text-cyan-contrast-100:focus {
  color: #000;
}

:root .focus\:text-cyan-contrast-200:focus {
  color: #000;
}

:root .focus\:text-cyan-contrast-300:focus {
  color: #000;
}

:root .focus\:text-cyan-contrast-400:focus {
  color: #000;
}

:root .focus\:text-cyan-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-cyan-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-cyan-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-cyan-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-cyan-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-teal-contrast-50:focus {
  color: #000;
}

:root .focus\:text-teal-contrast-100:focus {
  color: #000;
}

:root .focus\:text-teal-contrast-200:focus {
  color: #000;
}

:root .focus\:text-teal-contrast-300:focus {
  color: #000;
}

:root .focus\:text-teal-contrast-400:focus {
  color: #000;
}

:root .focus\:text-teal-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-teal-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-teal-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-teal-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-teal-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-gray-contrast-50:focus {
  color: #000;
}

:root .focus\:text-gray-contrast-100:focus {
  color: #000;
}

:root .focus\:text-gray-contrast-200:focus {
  color: #000;
}

:root .focus\:text-gray-contrast-300:focus {
  color: #000;
}

:root .focus\:text-gray-contrast-400:focus {
  color: #000;
}

:root .focus\:text-gray-contrast-500:focus {
  color: #FFF;
}

:root .focus\:text-gray-contrast-600:focus {
  color: #FFF;
}

:root .focus\:text-gray-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-gray-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-gray-contrast-900:focus {
  color: #FFF;
}

:root .focus\:text-light-green-contrast-50:focus {
  color: #000;
}

:root .focus\:text-light-green-contrast-100:focus {
  color: #000;
}

:root .focus\:text-light-green-contrast-200:focus {
  color: #000;
}

:root .focus\:text-light-green-contrast-300:focus {
  color: #000;
}

:root .focus\:text-light-green-contrast-400:focus {
  color: #000;
}

:root .focus\:text-light-green-contrast-500:focus {
  color: #000;
}

:root .focus\:text-light-green-contrast-600:focus {
  color: #000;
}

:root .focus\:text-light-green-contrast-700:focus {
  color: #FFF;
}

:root .focus\:text-light-green-contrast-800:focus {
  color: #FFF;
}

:root .focus\:text-light-green-contrast-900:focus {
  color: #FFF;
}

:root .text-xs {
  font-size: 0.75rem;
}

:root .text-sm {
  font-size: 0.875rem;
}

:root .text-base {
  font-size: 1rem;
}

:root .text-lg {
  font-size: 1.125rem;
}

:root .text-xl {
  font-size: 1.25rem;
}

:root .text-2xl {
  font-size: 1.5rem;
}

:root .text-3xl {
  font-size: 1.875rem;
}

:root .text-4xl {
  font-size: 2.25rem;
}

:root .text-5xl {
  font-size: 3rem;
}

:root .text-6xl {
  font-size: 4rem;
}

:root .italic {
  font-style: italic;
}

:root .not-italic {
  font-style: normal;
}

:root .uppercase {
  text-transform: uppercase;
}

:root .lowercase {
  text-transform: lowercase;
}

:root .capitalize {
  text-transform: capitalize;
}

:root .normal-case {
  text-transform: none;
}

:root .underline {
  text-decoration: underline;
}

:root .line-through {
  text-decoration: line-through;
}

:root .no-underline {
  text-decoration: none;
}

:root .hover\:underline:hover {
  text-decoration: underline;
}

:root .hover\:line-through:hover {
  text-decoration: line-through;
}

:root .hover\:no-underline:hover {
  text-decoration: none;
}

:root .focus\:underline:focus {
  text-decoration: underline;
}

:root .focus\:line-through:focus {
  text-decoration: line-through;
}

:root .focus\:no-underline:focus {
  text-decoration: none;
}

:root .antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root .subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

:root .tracking-tighter {
  letter-spacing: -0.05em;
}

:root .tracking-tight {
  letter-spacing: -0.025em;
}

:root .tracking-normal {
  letter-spacing: 0;
}

:root .tracking-wide {
  letter-spacing: 0.025em;
}

:root .tracking-wider {
  letter-spacing: 0.05em;
}

:root .tracking-widest {
  letter-spacing: 0.1em;
}

:root .select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

:root .select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

:root .select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

:root .select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

:root .align-baseline {
  vertical-align: baseline;
}

:root .align-top {
  vertical-align: top;
}

:root .align-middle {
  vertical-align: middle;
}

:root .align-bottom {
  vertical-align: bottom;
}

:root .align-text-top {
  vertical-align: text-top;
}

:root .align-text-bottom {
  vertical-align: text-bottom;
}

:root .visible {
  visibility: visible;
}

:root .invisible {
  visibility: hidden;
}

:root .whitespace-normal {
  white-space: normal;
}

:root .whitespace-no-wrap {
  white-space: nowrap;
}

:root .whitespace-pre {
  white-space: pre;
}

:root .whitespace-pre-line {
  white-space: pre-line;
}

:root .whitespace-pre-wrap {
  white-space: pre-wrap;
}

:root .break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

:root .break-words {
  overflow-wrap: break-word;
}

:root .break-all {
  word-break: break-all;
}

:root .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:root .w-0 {
  width: 0;
}

:root .w-1 {
  width: 0.25rem;
}

:root .w-2 {
  width: 0.5rem;
}

:root .w-3 {
  width: 0.75rem;
}

:root .w-4 {
  width: 1rem;
}

:root .w-5 {
  width: 1.25rem;
}

:root .w-6 {
  width: 1.5rem;
}

:root .w-8 {
  width: 2rem;
}

:root .w-9 {
  width: 2.25rem;
}

:root .w-10 {
  width: 2.5rem;
}

:root .w-12 {
  width: 3rem;
}

:root .w-14 {
  width: 3.5rem;
}

:root .w-16 {
  width: 4rem;
}

:root .w-20 {
  width: 5rem;
}

:root .w-24 {
  width: 6rem;
}

:root .w-32 {
  width: 8rem;
}

:root .w-40 {
  width: 10rem;
}

:root .w-48 {
  width: 12rem;
}

:root .w-56 {
  width: 14rem;
}

:root .w-64 {
  width: 16rem;
}

:root .w-auto {
  width: auto;
}

:root .w-px {
  width: 1px;
}

:root .w-gutter {
  width: var(--padding-gutter);
}

:root .w-1\/2 {
  width: 50%;
}

:root .w-1\/3 {
  width: 33.333333%;
}

:root .w-2\/3 {
  width: 66.666667%;
}

:root .w-1\/4 {
  width: 25%;
}

:root .w-2\/4 {
  width: 50%;
}

:root .w-3\/4 {
  width: 75%;
}

:root .w-1\/5 {
  width: 20%;
}

:root .w-2\/5 {
  width: 40%;
}

:root .w-3\/5 {
  width: 60%;
}

:root .w-4\/5 {
  width: 80%;
}

:root .w-1\/6 {
  width: 16.666667%;
}

:root .w-2\/6 {
  width: 33.333333%;
}

:root .w-3\/6 {
  width: 50%;
}

:root .w-4\/6 {
  width: 66.666667%;
}

:root .w-5\/6 {
  width: 83.333333%;
}

:root .w-1\/12 {
  width: 8.333333%;
}

:root .w-2\/12 {
  width: 16.666667%;
}

:root .w-3\/12 {
  width: 25%;
}

:root .w-4\/12 {
  width: 33.333333%;
}

:root .w-5\/12 {
  width: 41.666667%;
}

:root .w-6\/12 {
  width: 50%;
}

:root .w-7\/12 {
  width: 58.333333%;
}

:root .w-8\/12 {
  width: 66.666667%;
}

:root .w-9\/12 {
  width: 75%;
}

:root .w-10\/12 {
  width: 83.333333%;
}

:root .w-11\/12 {
  width: 91.666667%;
}

:root .w-full {
  width: 100%;
}

:root .w-screen {
  width: 100vw;
}

:root .z-0 {
  z-index: 0;
}

:root .z-10 {
  z-index: 10;
}

:root .z-20 {
  z-index: 20;
}

:root .z-30 {
  z-index: 30;
}

:root .z-40 {
  z-index: 40;
}

:root .z-50 {
  z-index: 50;
}

:root .z-auto {
  z-index: auto;
}

:root .gap-0 {
  grid-gap: 0;
  gap: 0;
}

:root .gap-1 {
  grid-gap: 0.25rem;
  gap: 0.25rem;
}

:root .gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

:root .gap-3 {
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

:root .gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}

:root .gap-5 {
  grid-gap: 1.25rem;
  gap: 1.25rem;
}

:root .gap-6 {
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

:root .gap-8 {
  grid-gap: 2rem;
  gap: 2rem;
}

:root .gap-9 {
  grid-gap: 2.25rem;
  gap: 2.25rem;
}

:root .gap-10 {
  grid-gap: 2.5rem;
  gap: 2.5rem;
}

:root .gap-12 {
  grid-gap: 3rem;
  gap: 3rem;
}

:root .gap-14 {
  grid-gap: 3.5rem;
  gap: 3.5rem;
}

:root .gap-16 {
  grid-gap: 4rem;
  gap: 4rem;
}

:root .gap-20 {
  grid-gap: 5rem;
  gap: 5rem;
}

:root .gap-24 {
  grid-gap: 6rem;
  gap: 6rem;
}

:root .gap-32 {
  grid-gap: 8rem;
  gap: 8rem;
}

:root .gap-40 {
  grid-gap: 10rem;
  gap: 10rem;
}

:root .gap-48 {
  grid-gap: 12rem;
  gap: 12rem;
}

:root .gap-56 {
  grid-gap: 14rem;
  gap: 14rem;
}

:root .gap-64 {
  grid-gap: 16rem;
  gap: 16rem;
}

:root .gap-px {
  grid-gap: 1px;
  gap: 1px;
}

:root .gap-gutter {
  grid-gap: var(--padding-gutter);
  gap: var(--padding-gutter);
}

:root .col-gap-0 {
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
}

:root .col-gap-1 {
  grid-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

:root .col-gap-2 {
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

:root .col-gap-3 {
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

:root .col-gap-4 {
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

:root .col-gap-5 {
  grid-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

:root .col-gap-6 {
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

:root .col-gap-8 {
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

:root .col-gap-9 {
  grid-column-gap: 2.25rem;
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}

:root .col-gap-10 {
  grid-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

:root .col-gap-12 {
  grid-column-gap: 3rem;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

:root .col-gap-14 {
  grid-column-gap: 3.5rem;
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}

:root .col-gap-16 {
  grid-column-gap: 4rem;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

:root .col-gap-20 {
  grid-column-gap: 5rem;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

:root .col-gap-24 {
  grid-column-gap: 6rem;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

:root .col-gap-32 {
  grid-column-gap: 8rem;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

:root .col-gap-40 {
  grid-column-gap: 10rem;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

:root .col-gap-48 {
  grid-column-gap: 12rem;
  -moz-column-gap: 12rem;
       column-gap: 12rem;
}

:root .col-gap-56 {
  grid-column-gap: 14rem;
  -moz-column-gap: 14rem;
       column-gap: 14rem;
}

:root .col-gap-64 {
  grid-column-gap: 16rem;
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}

:root .col-gap-px {
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

:root .col-gap-gutter {
  grid-column-gap: var(--padding-gutter);
  -moz-column-gap: var(--padding-gutter);
       column-gap: var(--padding-gutter);
}

:root .row-gap-0 {
  grid-row-gap: 0;
  row-gap: 0;
}

:root .row-gap-1 {
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

:root .row-gap-2 {
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

:root .row-gap-3 {
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

:root .row-gap-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

:root .row-gap-5 {
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

:root .row-gap-6 {
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

:root .row-gap-8 {
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

:root .row-gap-9 {
  grid-row-gap: 2.25rem;
  row-gap: 2.25rem;
}

:root .row-gap-10 {
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

:root .row-gap-12 {
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

:root .row-gap-14 {
  grid-row-gap: 3.5rem;
  row-gap: 3.5rem;
}

:root .row-gap-16 {
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

:root .row-gap-20 {
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

:root .row-gap-24 {
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

:root .row-gap-32 {
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

:root .row-gap-40 {
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

:root .row-gap-48 {
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

:root .row-gap-56 {
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

:root .row-gap-64 {
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

:root .row-gap-px {
  grid-row-gap: 1px;
  row-gap: 1px;
}

:root .row-gap-gutter {
  grid-row-gap: var(--padding-gutter);
  row-gap: var(--padding-gutter);
}

:root .grid-flow-row {
  grid-auto-flow: row;
}

:root .grid-flow-col {
  grid-auto-flow: column;
}

:root .grid-flow-row-dense {
  grid-auto-flow: row dense;
}

:root .grid-flow-col-dense {
  grid-auto-flow: column dense;
}

:root .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

:root .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:root .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:root .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

:root .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

:root .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

:root .grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

:root .grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

:root .grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

:root .grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

:root .grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

:root .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

:root .grid-cols-none {
  grid-template-columns: none;
}

:root .col-auto {
  grid-column: auto;
}

:root .col-span-1 {
  grid-column: span 1/span 1;
}

:root .col-span-2 {
  grid-column: span 2/span 2;
}

:root .col-span-3 {
  grid-column: span 3/span 3;
}

:root .col-span-4 {
  grid-column: span 4/span 4;
}

:root .col-span-5 {
  grid-column: span 5/span 5;
}

:root .col-span-6 {
  grid-column: span 6/span 6;
}

:root .col-span-7 {
  grid-column: span 7/span 7;
}

:root .col-span-8 {
  grid-column: span 8/span 8;
}

:root .col-span-9 {
  grid-column: span 9/span 9;
}

:root .col-span-10 {
  grid-column: span 10/span 10;
}

:root .col-span-11 {
  grid-column: span 11/span 11;
}

:root .col-span-12 {
  grid-column: span 12/span 12;
}

:root .col-start-1 {
  grid-column-start: 1;
}

:root .col-start-2 {
  grid-column-start: 2;
}

:root .col-start-3 {
  grid-column-start: 3;
}

:root .col-start-4 {
  grid-column-start: 4;
}

:root .col-start-5 {
  grid-column-start: 5;
}

:root .col-start-6 {
  grid-column-start: 6;
}

:root .col-start-7 {
  grid-column-start: 7;
}

:root .col-start-8 {
  grid-column-start: 8;
}

:root .col-start-9 {
  grid-column-start: 9;
}

:root .col-start-10 {
  grid-column-start: 10;
}

:root .col-start-11 {
  grid-column-start: 11;
}

:root .col-start-12 {
  grid-column-start: 12;
}

:root .col-start-13 {
  grid-column-start: 13;
}

:root .col-start-auto {
  grid-column-start: auto;
}

:root .col-end-1 {
  grid-column-end: 1;
}

:root .col-end-2 {
  grid-column-end: 2;
}

:root .col-end-3 {
  grid-column-end: 3;
}

:root .col-end-4 {
  grid-column-end: 4;
}

:root .col-end-5 {
  grid-column-end: 5;
}

:root .col-end-6 {
  grid-column-end: 6;
}

:root .col-end-7 {
  grid-column-end: 7;
}

:root .col-end-8 {
  grid-column-end: 8;
}

:root .col-end-9 {
  grid-column-end: 9;
}

:root .col-end-10 {
  grid-column-end: 10;
}

:root .col-end-11 {
  grid-column-end: 11;
}

:root .col-end-12 {
  grid-column-end: 12;
}

:root .col-end-13 {
  grid-column-end: 13;
}

:root .col-end-auto {
  grid-column-end: auto;
}

:root .grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

:root .grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

:root .grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

:root .grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

:root .grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

:root .grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

:root .grid-rows-none {
  grid-template-rows: none;
}

:root .row-auto {
  grid-row: auto;
}

:root .row-span-1 {
  grid-row: span 1/span 1;
}

:root .row-span-2 {
  grid-row: span 2/span 2;
}

:root .row-span-3 {
  grid-row: span 3/span 3;
}

:root .row-span-4 {
  grid-row: span 4/span 4;
}

:root .row-span-5 {
  grid-row: span 5/span 5;
}

:root .row-span-6 {
  grid-row: span 6/span 6;
}

:root .row-start-1 {
  grid-row-start: 1;
}

:root .row-start-2 {
  grid-row-start: 2;
}

:root .row-start-3 {
  grid-row-start: 3;
}

:root .row-start-4 {
  grid-row-start: 4;
}

:root .row-start-5 {
  grid-row-start: 5;
}

:root .row-start-6 {
  grid-row-start: 6;
}

:root .row-start-7 {
  grid-row-start: 7;
}

:root .row-start-auto {
  grid-row-start: auto;
}

:root .row-end-1 {
  grid-row-end: 1;
}

:root .row-end-2 {
  grid-row-end: 2;
}

:root .row-end-3 {
  grid-row-end: 3;
}

:root .row-end-4 {
  grid-row-end: 4;
}

:root .row-end-5 {
  grid-row-end: 5;
}

:root .row-end-6 {
  grid-row-end: 6;
}

:root .row-end-7 {
  grid-row-end: 7;
}

:root .row-end-auto {
  grid-row-end: auto;
}

:root .transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

:root .transform-none {
  transform: none;
}

:root .origin-center {
  transform-origin: center;
}

:root .origin-top {
  transform-origin: top;
}

:root .origin-top-right {
  transform-origin: top right;
}

:root .origin-right {
  transform-origin: right;
}

:root .origin-bottom-right {
  transform-origin: bottom right;
}

:root .origin-bottom {
  transform-origin: bottom;
}

:root .origin-bottom-left {
  transform-origin: bottom left;
}

:root .origin-left {
  transform-origin: left;
}

:root .origin-top-left {
  transform-origin: top left;
}

:root .scale-0 {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

:root .scale-50 {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

:root .scale-75 {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

:root .scale-90 {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

:root .scale-95 {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

:root .scale-100 {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

:root .scale-105 {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

:root .scale-110 {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

:root .scale-125 {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

:root .scale-150 {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

:root .scale-x-0 {
  --transform-scale-x: 0;
}

:root .scale-x-50 {
  --transform-scale-x: .5;
}

:root .scale-x-75 {
  --transform-scale-x: .75;
}

:root .scale-x-90 {
  --transform-scale-x: .9;
}

:root .scale-x-95 {
  --transform-scale-x: .95;
}

:root .scale-x-100 {
  --transform-scale-x: 1;
}

:root .scale-x-105 {
  --transform-scale-x: 1.05;
}

:root .scale-x-110 {
  --transform-scale-x: 1.1;
}

:root .scale-x-125 {
  --transform-scale-x: 1.25;
}

:root .scale-x-150 {
  --transform-scale-x: 1.5;
}

:root .scale-y-0 {
  --transform-scale-y: 0;
}

:root .scale-y-50 {
  --transform-scale-y: .5;
}

:root .scale-y-75 {
  --transform-scale-y: .75;
}

:root .scale-y-90 {
  --transform-scale-y: .9;
}

:root .scale-y-95 {
  --transform-scale-y: .95;
}

:root .scale-y-100 {
  --transform-scale-y: 1;
}

:root .scale-y-105 {
  --transform-scale-y: 1.05;
}

:root .scale-y-110 {
  --transform-scale-y: 1.1;
}

:root .scale-y-125 {
  --transform-scale-y: 1.25;
}

:root .scale-y-150 {
  --transform-scale-y: 1.5;
}

:root .hover\:scale-0:hover {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

:root .hover\:scale-50:hover {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

:root .hover\:scale-75:hover {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

:root .hover\:scale-90:hover {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

:root .hover\:scale-95:hover {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

:root .hover\:scale-100:hover {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

:root .hover\:scale-105:hover {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

:root .hover\:scale-110:hover {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

:root .hover\:scale-125:hover {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

:root .hover\:scale-150:hover {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

:root .hover\:scale-x-0:hover {
  --transform-scale-x: 0;
}

:root .hover\:scale-x-50:hover {
  --transform-scale-x: .5;
}

:root .hover\:scale-x-75:hover {
  --transform-scale-x: .75;
}

:root .hover\:scale-x-90:hover {
  --transform-scale-x: .9;
}

:root .hover\:scale-x-95:hover {
  --transform-scale-x: .95;
}

:root .hover\:scale-x-100:hover {
  --transform-scale-x: 1;
}

:root .hover\:scale-x-105:hover {
  --transform-scale-x: 1.05;
}

:root .hover\:scale-x-110:hover {
  --transform-scale-x: 1.1;
}

:root .hover\:scale-x-125:hover {
  --transform-scale-x: 1.25;
}

:root .hover\:scale-x-150:hover {
  --transform-scale-x: 1.5;
}

:root .hover\:scale-y-0:hover {
  --transform-scale-y: 0;
}

:root .hover\:scale-y-50:hover {
  --transform-scale-y: .5;
}

:root .hover\:scale-y-75:hover {
  --transform-scale-y: .75;
}

:root .hover\:scale-y-90:hover {
  --transform-scale-y: .9;
}

:root .hover\:scale-y-95:hover {
  --transform-scale-y: .95;
}

:root .hover\:scale-y-100:hover {
  --transform-scale-y: 1;
}

:root .hover\:scale-y-105:hover {
  --transform-scale-y: 1.05;
}

:root .hover\:scale-y-110:hover {
  --transform-scale-y: 1.1;
}

:root .hover\:scale-y-125:hover {
  --transform-scale-y: 1.25;
}

:root .hover\:scale-y-150:hover {
  --transform-scale-y: 1.5;
}

:root .focus\:scale-0:focus {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

:root .focus\:scale-50:focus {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

:root .focus\:scale-75:focus {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

:root .focus\:scale-90:focus {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

:root .focus\:scale-95:focus {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

:root .focus\:scale-100:focus {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

:root .focus\:scale-105:focus {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

:root .focus\:scale-110:focus {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

:root .focus\:scale-125:focus {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

:root .focus\:scale-150:focus {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

:root .focus\:scale-x-0:focus {
  --transform-scale-x: 0;
}

:root .focus\:scale-x-50:focus {
  --transform-scale-x: .5;
}

:root .focus\:scale-x-75:focus {
  --transform-scale-x: .75;
}

:root .focus\:scale-x-90:focus {
  --transform-scale-x: .9;
}

:root .focus\:scale-x-95:focus {
  --transform-scale-x: .95;
}

:root .focus\:scale-x-100:focus {
  --transform-scale-x: 1;
}

:root .focus\:scale-x-105:focus {
  --transform-scale-x: 1.05;
}

:root .focus\:scale-x-110:focus {
  --transform-scale-x: 1.1;
}

:root .focus\:scale-x-125:focus {
  --transform-scale-x: 1.25;
}

:root .focus\:scale-x-150:focus {
  --transform-scale-x: 1.5;
}

:root .focus\:scale-y-0:focus {
  --transform-scale-y: 0;
}

:root .focus\:scale-y-50:focus {
  --transform-scale-y: .5;
}

:root .focus\:scale-y-75:focus {
  --transform-scale-y: .75;
}

:root .focus\:scale-y-90:focus {
  --transform-scale-y: .9;
}

:root .focus\:scale-y-95:focus {
  --transform-scale-y: .95;
}

:root .focus\:scale-y-100:focus {
  --transform-scale-y: 1;
}

:root .focus\:scale-y-105:focus {
  --transform-scale-y: 1.05;
}

:root .focus\:scale-y-110:focus {
  --transform-scale-y: 1.1;
}

:root .focus\:scale-y-125:focus {
  --transform-scale-y: 1.25;
}

:root .focus\:scale-y-150:focus {
  --transform-scale-y: 1.5;
}

:root .rotate-0 {
  --transform-rotate: 0;
}

:root .rotate-45 {
  --transform-rotate: 45deg;
}

:root .rotate-90 {
  --transform-rotate: 90deg;
}

:root .rotate-180 {
  --transform-rotate: 180deg;
}

:root .-rotate-180 {
  --transform-rotate: -180deg;
}

:root .-rotate-90 {
  --transform-rotate: -90deg;
}

:root .-rotate-45 {
  --transform-rotate: -45deg;
}

:root .hover\:rotate-0:hover {
  --transform-rotate: 0;
}

:root .hover\:rotate-45:hover {
  --transform-rotate: 45deg;
}

:root .hover\:rotate-90:hover {
  --transform-rotate: 90deg;
}

:root .hover\:rotate-180:hover {
  --transform-rotate: 180deg;
}

:root .hover\:-rotate-180:hover {
  --transform-rotate: -180deg;
}

:root .hover\:-rotate-90:hover {
  --transform-rotate: -90deg;
}

:root .hover\:-rotate-45:hover {
  --transform-rotate: -45deg;
}

:root .focus\:rotate-0:focus {
  --transform-rotate: 0;
}

:root .focus\:rotate-45:focus {
  --transform-rotate: 45deg;
}

:root .focus\:rotate-90:focus {
  --transform-rotate: 90deg;
}

:root .focus\:rotate-180:focus {
  --transform-rotate: 180deg;
}

:root .focus\:-rotate-180:focus {
  --transform-rotate: -180deg;
}

:root .focus\:-rotate-90:focus {
  --transform-rotate: -90deg;
}

:root .focus\:-rotate-45:focus {
  --transform-rotate: -45deg;
}

:root .translate-x-0 {
  --transform-translate-x: 0;
}

:root .translate-x-1 {
  --transform-translate-x: 0.25rem;
}

:root .translate-x-2 {
  --transform-translate-x: 0.5rem;
}

:root .translate-x-3 {
  --transform-translate-x: 0.75rem;
}

:root .translate-x-4 {
  --transform-translate-x: 1rem;
}

:root .translate-x-5 {
  --transform-translate-x: 1.25rem;
}

:root .translate-x-6 {
  --transform-translate-x: 1.5rem;
}

:root .translate-x-8 {
  --transform-translate-x: 2rem;
}

:root .translate-x-9 {
  --transform-translate-x: 2.25rem;
}

:root .translate-x-10 {
  --transform-translate-x: 2.5rem;
}

:root .translate-x-12 {
  --transform-translate-x: 3rem;
}

:root .translate-x-14 {
  --transform-translate-x: 3.5rem;
}

:root .translate-x-16 {
  --transform-translate-x: 4rem;
}

:root .translate-x-20 {
  --transform-translate-x: 5rem;
}

:root .translate-x-24 {
  --transform-translate-x: 6rem;
}

:root .translate-x-32 {
  --transform-translate-x: 8rem;
}

:root .translate-x-40 {
  --transform-translate-x: 10rem;
}

:root .translate-x-48 {
  --transform-translate-x: 12rem;
}

:root .translate-x-56 {
  --transform-translate-x: 14rem;
}

:root .translate-x-64 {
  --transform-translate-x: 16rem;
}

:root .translate-x-px {
  --transform-translate-x: 1px;
}

:root .translate-x-gutter {
  --transform-translate-x: var(--padding-gutter);
}

:root .-translate-x-1 {
  --transform-translate-x: -0.25rem;
}

:root .-translate-x-2 {
  --transform-translate-x: -0.5rem;
}

:root .-translate-x-3 {
  --transform-translate-x: -0.75rem;
}

:root .-translate-x-4 {
  --transform-translate-x: -1rem;
}

:root .-translate-x-5 {
  --transform-translate-x: -1.25rem;
}

:root .-translate-x-6 {
  --transform-translate-x: -1.5rem;
}

:root .-translate-x-8 {
  --transform-translate-x: -2rem;
}

:root .-translate-x-9 {
  --transform-translate-x: -2.25rem;
}

:root .-translate-x-10 {
  --transform-translate-x: -2.5rem;
}

:root .-translate-x-12 {
  --transform-translate-x: -3rem;
}

:root .-translate-x-14 {
  --transform-translate-x: -3.5rem;
}

:root .-translate-x-16 {
  --transform-translate-x: -4rem;
}

:root .-translate-x-20 {
  --transform-translate-x: -5rem;
}

:root .-translate-x-24 {
  --transform-translate-x: -6rem;
}

:root .-translate-x-32 {
  --transform-translate-x: -8rem;
}

:root .-translate-x-40 {
  --transform-translate-x: -10rem;
}

:root .-translate-x-48 {
  --transform-translate-x: -12rem;
}

:root .-translate-x-56 {
  --transform-translate-x: -14rem;
}

:root .-translate-x-64 {
  --transform-translate-x: -16rem;
}

:root .-translate-x-px {
  --transform-translate-x: -1px;
}

:root .-translate-x-gutter {
  --transform-translate-x: calc(var(--padding-gutter) * -1);
}

:root .-translate-x-full {
  --transform-translate-x: -100%;
}

:root .-translate-x-1\/2 {
  --transform-translate-x: -50%;
}

:root .translate-x-1\/2 {
  --transform-translate-x: 50%;
}

:root .translate-x-full {
  --transform-translate-x: 100%;
}

:root .translate-y-0 {
  --transform-translate-y: 0;
}

:root .translate-y-1 {
  --transform-translate-y: 0.25rem;
}

:root .translate-y-2 {
  --transform-translate-y: 0.5rem;
}

:root .translate-y-3 {
  --transform-translate-y: 0.75rem;
}

:root .translate-y-4 {
  --transform-translate-y: 1rem;
}

:root .translate-y-5 {
  --transform-translate-y: 1.25rem;
}

:root .translate-y-6 {
  --transform-translate-y: 1.5rem;
}

:root .translate-y-8 {
  --transform-translate-y: 2rem;
}

:root .translate-y-9 {
  --transform-translate-y: 2.25rem;
}

:root .translate-y-10 {
  --transform-translate-y: 2.5rem;
}

:root .translate-y-12 {
  --transform-translate-y: 3rem;
}

:root .translate-y-14 {
  --transform-translate-y: 3.5rem;
}

:root .translate-y-16 {
  --transform-translate-y: 4rem;
}

:root .translate-y-20 {
  --transform-translate-y: 5rem;
}

:root .translate-y-24 {
  --transform-translate-y: 6rem;
}

:root .translate-y-32 {
  --transform-translate-y: 8rem;
}

:root .translate-y-40 {
  --transform-translate-y: 10rem;
}

:root .translate-y-48 {
  --transform-translate-y: 12rem;
}

:root .translate-y-56 {
  --transform-translate-y: 14rem;
}

:root .translate-y-64 {
  --transform-translate-y: 16rem;
}

:root .translate-y-px {
  --transform-translate-y: 1px;
}

:root .translate-y-gutter {
  --transform-translate-y: var(--padding-gutter);
}

:root .-translate-y-1 {
  --transform-translate-y: -0.25rem;
}

:root .-translate-y-2 {
  --transform-translate-y: -0.5rem;
}

:root .-translate-y-3 {
  --transform-translate-y: -0.75rem;
}

:root .-translate-y-4 {
  --transform-translate-y: -1rem;
}

:root .-translate-y-5 {
  --transform-translate-y: -1.25rem;
}

:root .-translate-y-6 {
  --transform-translate-y: -1.5rem;
}

:root .-translate-y-8 {
  --transform-translate-y: -2rem;
}

:root .-translate-y-9 {
  --transform-translate-y: -2.25rem;
}

:root .-translate-y-10 {
  --transform-translate-y: -2.5rem;
}

:root .-translate-y-12 {
  --transform-translate-y: -3rem;
}

:root .-translate-y-14 {
  --transform-translate-y: -3.5rem;
}

:root .-translate-y-16 {
  --transform-translate-y: -4rem;
}

:root .-translate-y-20 {
  --transform-translate-y: -5rem;
}

:root .-translate-y-24 {
  --transform-translate-y: -6rem;
}

:root .-translate-y-32 {
  --transform-translate-y: -8rem;
}

:root .-translate-y-40 {
  --transform-translate-y: -10rem;
}

:root .-translate-y-48 {
  --transform-translate-y: -12rem;
}

:root .-translate-y-56 {
  --transform-translate-y: -14rem;
}

:root .-translate-y-64 {
  --transform-translate-y: -16rem;
}

:root .-translate-y-px {
  --transform-translate-y: -1px;
}

:root .-translate-y-gutter {
  --transform-translate-y: calc(var(--padding-gutter) * -1);
}

:root .-translate-y-full {
  --transform-translate-y: -100%;
}

:root .-translate-y-1\/2 {
  --transform-translate-y: -50%;
}

:root .translate-y-1\/2 {
  --transform-translate-y: 50%;
}

:root .translate-y-full {
  --transform-translate-y: 100%;
}

:root .hover\:translate-x-0:hover {
  --transform-translate-x: 0;
}

:root .hover\:translate-x-1:hover {
  --transform-translate-x: 0.25rem;
}

:root .hover\:translate-x-2:hover {
  --transform-translate-x: 0.5rem;
}

:root .hover\:translate-x-3:hover {
  --transform-translate-x: 0.75rem;
}

:root .hover\:translate-x-4:hover {
  --transform-translate-x: 1rem;
}

:root .hover\:translate-x-5:hover {
  --transform-translate-x: 1.25rem;
}

:root .hover\:translate-x-6:hover {
  --transform-translate-x: 1.5rem;
}

:root .hover\:translate-x-8:hover {
  --transform-translate-x: 2rem;
}

:root .hover\:translate-x-9:hover {
  --transform-translate-x: 2.25rem;
}

:root .hover\:translate-x-10:hover {
  --transform-translate-x: 2.5rem;
}

:root .hover\:translate-x-12:hover {
  --transform-translate-x: 3rem;
}

:root .hover\:translate-x-14:hover {
  --transform-translate-x: 3.5rem;
}

:root .hover\:translate-x-16:hover {
  --transform-translate-x: 4rem;
}

:root .hover\:translate-x-20:hover {
  --transform-translate-x: 5rem;
}

:root .hover\:translate-x-24:hover {
  --transform-translate-x: 6rem;
}

:root .hover\:translate-x-32:hover {
  --transform-translate-x: 8rem;
}

:root .hover\:translate-x-40:hover {
  --transform-translate-x: 10rem;
}

:root .hover\:translate-x-48:hover {
  --transform-translate-x: 12rem;
}

:root .hover\:translate-x-56:hover {
  --transform-translate-x: 14rem;
}

:root .hover\:translate-x-64:hover {
  --transform-translate-x: 16rem;
}

:root .hover\:translate-x-px:hover {
  --transform-translate-x: 1px;
}

:root .hover\:translate-x-gutter:hover {
  --transform-translate-x: var(--padding-gutter);
}

:root .hover\:-translate-x-1:hover {
  --transform-translate-x: -0.25rem;
}

:root .hover\:-translate-x-2:hover {
  --transform-translate-x: -0.5rem;
}

:root .hover\:-translate-x-3:hover {
  --transform-translate-x: -0.75rem;
}

:root .hover\:-translate-x-4:hover {
  --transform-translate-x: -1rem;
}

:root .hover\:-translate-x-5:hover {
  --transform-translate-x: -1.25rem;
}

:root .hover\:-translate-x-6:hover {
  --transform-translate-x: -1.5rem;
}

:root .hover\:-translate-x-8:hover {
  --transform-translate-x: -2rem;
}

:root .hover\:-translate-x-9:hover {
  --transform-translate-x: -2.25rem;
}

:root .hover\:-translate-x-10:hover {
  --transform-translate-x: -2.5rem;
}

:root .hover\:-translate-x-12:hover {
  --transform-translate-x: -3rem;
}

:root .hover\:-translate-x-14:hover {
  --transform-translate-x: -3.5rem;
}

:root .hover\:-translate-x-16:hover {
  --transform-translate-x: -4rem;
}

:root .hover\:-translate-x-20:hover {
  --transform-translate-x: -5rem;
}

:root .hover\:-translate-x-24:hover {
  --transform-translate-x: -6rem;
}

:root .hover\:-translate-x-32:hover {
  --transform-translate-x: -8rem;
}

:root .hover\:-translate-x-40:hover {
  --transform-translate-x: -10rem;
}

:root .hover\:-translate-x-48:hover {
  --transform-translate-x: -12rem;
}

:root .hover\:-translate-x-56:hover {
  --transform-translate-x: -14rem;
}

:root .hover\:-translate-x-64:hover {
  --transform-translate-x: -16rem;
}

:root .hover\:-translate-x-px:hover {
  --transform-translate-x: -1px;
}

:root .hover\:-translate-x-gutter:hover {
  --transform-translate-x: calc(var(--padding-gutter) * -1);
}

:root .hover\:-translate-x-full:hover {
  --transform-translate-x: -100%;
}

:root .hover\:-translate-x-1\/2:hover {
  --transform-translate-x: -50%;
}

:root .hover\:translate-x-1\/2:hover {
  --transform-translate-x: 50%;
}

:root .hover\:translate-x-full:hover {
  --transform-translate-x: 100%;
}

:root .hover\:translate-y-0:hover {
  --transform-translate-y: 0;
}

:root .hover\:translate-y-1:hover {
  --transform-translate-y: 0.25rem;
}

:root .hover\:translate-y-2:hover {
  --transform-translate-y: 0.5rem;
}

:root .hover\:translate-y-3:hover {
  --transform-translate-y: 0.75rem;
}

:root .hover\:translate-y-4:hover {
  --transform-translate-y: 1rem;
}

:root .hover\:translate-y-5:hover {
  --transform-translate-y: 1.25rem;
}

:root .hover\:translate-y-6:hover {
  --transform-translate-y: 1.5rem;
}

:root .hover\:translate-y-8:hover {
  --transform-translate-y: 2rem;
}

:root .hover\:translate-y-9:hover {
  --transform-translate-y: 2.25rem;
}

:root .hover\:translate-y-10:hover {
  --transform-translate-y: 2.5rem;
}

:root .hover\:translate-y-12:hover {
  --transform-translate-y: 3rem;
}

:root .hover\:translate-y-14:hover {
  --transform-translate-y: 3.5rem;
}

:root .hover\:translate-y-16:hover {
  --transform-translate-y: 4rem;
}

:root .hover\:translate-y-20:hover {
  --transform-translate-y: 5rem;
}

:root .hover\:translate-y-24:hover {
  --transform-translate-y: 6rem;
}

:root .hover\:translate-y-32:hover {
  --transform-translate-y: 8rem;
}

:root .hover\:translate-y-40:hover {
  --transform-translate-y: 10rem;
}

:root .hover\:translate-y-48:hover {
  --transform-translate-y: 12rem;
}

:root .hover\:translate-y-56:hover {
  --transform-translate-y: 14rem;
}

:root .hover\:translate-y-64:hover {
  --transform-translate-y: 16rem;
}

:root .hover\:translate-y-px:hover {
  --transform-translate-y: 1px;
}

:root .hover\:translate-y-gutter:hover {
  --transform-translate-y: var(--padding-gutter);
}

:root .hover\:-translate-y-1:hover {
  --transform-translate-y: -0.25rem;
}

:root .hover\:-translate-y-2:hover {
  --transform-translate-y: -0.5rem;
}

:root .hover\:-translate-y-3:hover {
  --transform-translate-y: -0.75rem;
}

:root .hover\:-translate-y-4:hover {
  --transform-translate-y: -1rem;
}

:root .hover\:-translate-y-5:hover {
  --transform-translate-y: -1.25rem;
}

:root .hover\:-translate-y-6:hover {
  --transform-translate-y: -1.5rem;
}

:root .hover\:-translate-y-8:hover {
  --transform-translate-y: -2rem;
}

:root .hover\:-translate-y-9:hover {
  --transform-translate-y: -2.25rem;
}

:root .hover\:-translate-y-10:hover {
  --transform-translate-y: -2.5rem;
}

:root .hover\:-translate-y-12:hover {
  --transform-translate-y: -3rem;
}

:root .hover\:-translate-y-14:hover {
  --transform-translate-y: -3.5rem;
}

:root .hover\:-translate-y-16:hover {
  --transform-translate-y: -4rem;
}

:root .hover\:-translate-y-20:hover {
  --transform-translate-y: -5rem;
}

:root .hover\:-translate-y-24:hover {
  --transform-translate-y: -6rem;
}

:root .hover\:-translate-y-32:hover {
  --transform-translate-y: -8rem;
}

:root .hover\:-translate-y-40:hover {
  --transform-translate-y: -10rem;
}

:root .hover\:-translate-y-48:hover {
  --transform-translate-y: -12rem;
}

:root .hover\:-translate-y-56:hover {
  --transform-translate-y: -14rem;
}

:root .hover\:-translate-y-64:hover {
  --transform-translate-y: -16rem;
}

:root .hover\:-translate-y-px:hover {
  --transform-translate-y: -1px;
}

:root .hover\:-translate-y-gutter:hover {
  --transform-translate-y: calc(var(--padding-gutter) * -1);
}

:root .hover\:-translate-y-full:hover {
  --transform-translate-y: -100%;
}

:root .hover\:-translate-y-1\/2:hover {
  --transform-translate-y: -50%;
}

:root .hover\:translate-y-1\/2:hover {
  --transform-translate-y: 50%;
}

:root .hover\:translate-y-full:hover {
  --transform-translate-y: 100%;
}

:root .focus\:translate-x-0:focus {
  --transform-translate-x: 0;
}

:root .focus\:translate-x-1:focus {
  --transform-translate-x: 0.25rem;
}

:root .focus\:translate-x-2:focus {
  --transform-translate-x: 0.5rem;
}

:root .focus\:translate-x-3:focus {
  --transform-translate-x: 0.75rem;
}

:root .focus\:translate-x-4:focus {
  --transform-translate-x: 1rem;
}

:root .focus\:translate-x-5:focus {
  --transform-translate-x: 1.25rem;
}

:root .focus\:translate-x-6:focus {
  --transform-translate-x: 1.5rem;
}

:root .focus\:translate-x-8:focus {
  --transform-translate-x: 2rem;
}

:root .focus\:translate-x-9:focus {
  --transform-translate-x: 2.25rem;
}

:root .focus\:translate-x-10:focus {
  --transform-translate-x: 2.5rem;
}

:root .focus\:translate-x-12:focus {
  --transform-translate-x: 3rem;
}

:root .focus\:translate-x-14:focus {
  --transform-translate-x: 3.5rem;
}

:root .focus\:translate-x-16:focus {
  --transform-translate-x: 4rem;
}

:root .focus\:translate-x-20:focus {
  --transform-translate-x: 5rem;
}

:root .focus\:translate-x-24:focus {
  --transform-translate-x: 6rem;
}

:root .focus\:translate-x-32:focus {
  --transform-translate-x: 8rem;
}

:root .focus\:translate-x-40:focus {
  --transform-translate-x: 10rem;
}

:root .focus\:translate-x-48:focus {
  --transform-translate-x: 12rem;
}

:root .focus\:translate-x-56:focus {
  --transform-translate-x: 14rem;
}

:root .focus\:translate-x-64:focus {
  --transform-translate-x: 16rem;
}

:root .focus\:translate-x-px:focus {
  --transform-translate-x: 1px;
}

:root .focus\:translate-x-gutter:focus {
  --transform-translate-x: var(--padding-gutter);
}

:root .focus\:-translate-x-1:focus {
  --transform-translate-x: -0.25rem;
}

:root .focus\:-translate-x-2:focus {
  --transform-translate-x: -0.5rem;
}

:root .focus\:-translate-x-3:focus {
  --transform-translate-x: -0.75rem;
}

:root .focus\:-translate-x-4:focus {
  --transform-translate-x: -1rem;
}

:root .focus\:-translate-x-5:focus {
  --transform-translate-x: -1.25rem;
}

:root .focus\:-translate-x-6:focus {
  --transform-translate-x: -1.5rem;
}

:root .focus\:-translate-x-8:focus {
  --transform-translate-x: -2rem;
}

:root .focus\:-translate-x-9:focus {
  --transform-translate-x: -2.25rem;
}

:root .focus\:-translate-x-10:focus {
  --transform-translate-x: -2.5rem;
}

:root .focus\:-translate-x-12:focus {
  --transform-translate-x: -3rem;
}

:root .focus\:-translate-x-14:focus {
  --transform-translate-x: -3.5rem;
}

:root .focus\:-translate-x-16:focus {
  --transform-translate-x: -4rem;
}

:root .focus\:-translate-x-20:focus {
  --transform-translate-x: -5rem;
}

:root .focus\:-translate-x-24:focus {
  --transform-translate-x: -6rem;
}

:root .focus\:-translate-x-32:focus {
  --transform-translate-x: -8rem;
}

:root .focus\:-translate-x-40:focus {
  --transform-translate-x: -10rem;
}

:root .focus\:-translate-x-48:focus {
  --transform-translate-x: -12rem;
}

:root .focus\:-translate-x-56:focus {
  --transform-translate-x: -14rem;
}

:root .focus\:-translate-x-64:focus {
  --transform-translate-x: -16rem;
}

:root .focus\:-translate-x-px:focus {
  --transform-translate-x: -1px;
}

:root .focus\:-translate-x-gutter:focus {
  --transform-translate-x: calc(var(--padding-gutter) * -1);
}

:root .focus\:-translate-x-full:focus {
  --transform-translate-x: -100%;
}

:root .focus\:-translate-x-1\/2:focus {
  --transform-translate-x: -50%;
}

:root .focus\:translate-x-1\/2:focus {
  --transform-translate-x: 50%;
}

:root .focus\:translate-x-full:focus {
  --transform-translate-x: 100%;
}

:root .focus\:translate-y-0:focus {
  --transform-translate-y: 0;
}

:root .focus\:translate-y-1:focus {
  --transform-translate-y: 0.25rem;
}

:root .focus\:translate-y-2:focus {
  --transform-translate-y: 0.5rem;
}

:root .focus\:translate-y-3:focus {
  --transform-translate-y: 0.75rem;
}

:root .focus\:translate-y-4:focus {
  --transform-translate-y: 1rem;
}

:root .focus\:translate-y-5:focus {
  --transform-translate-y: 1.25rem;
}

:root .focus\:translate-y-6:focus {
  --transform-translate-y: 1.5rem;
}

:root .focus\:translate-y-8:focus {
  --transform-translate-y: 2rem;
}

:root .focus\:translate-y-9:focus {
  --transform-translate-y: 2.25rem;
}

:root .focus\:translate-y-10:focus {
  --transform-translate-y: 2.5rem;
}

:root .focus\:translate-y-12:focus {
  --transform-translate-y: 3rem;
}

:root .focus\:translate-y-14:focus {
  --transform-translate-y: 3.5rem;
}

:root .focus\:translate-y-16:focus {
  --transform-translate-y: 4rem;
}

:root .focus\:translate-y-20:focus {
  --transform-translate-y: 5rem;
}

:root .focus\:translate-y-24:focus {
  --transform-translate-y: 6rem;
}

:root .focus\:translate-y-32:focus {
  --transform-translate-y: 8rem;
}

:root .focus\:translate-y-40:focus {
  --transform-translate-y: 10rem;
}

:root .focus\:translate-y-48:focus {
  --transform-translate-y: 12rem;
}

:root .focus\:translate-y-56:focus {
  --transform-translate-y: 14rem;
}

:root .focus\:translate-y-64:focus {
  --transform-translate-y: 16rem;
}

:root .focus\:translate-y-px:focus {
  --transform-translate-y: 1px;
}

:root .focus\:translate-y-gutter:focus {
  --transform-translate-y: var(--padding-gutter);
}

:root .focus\:-translate-y-1:focus {
  --transform-translate-y: -0.25rem;
}

:root .focus\:-translate-y-2:focus {
  --transform-translate-y: -0.5rem;
}

:root .focus\:-translate-y-3:focus {
  --transform-translate-y: -0.75rem;
}

:root .focus\:-translate-y-4:focus {
  --transform-translate-y: -1rem;
}

:root .focus\:-translate-y-5:focus {
  --transform-translate-y: -1.25rem;
}

:root .focus\:-translate-y-6:focus {
  --transform-translate-y: -1.5rem;
}

:root .focus\:-translate-y-8:focus {
  --transform-translate-y: -2rem;
}

:root .focus\:-translate-y-9:focus {
  --transform-translate-y: -2.25rem;
}

:root .focus\:-translate-y-10:focus {
  --transform-translate-y: -2.5rem;
}

:root .focus\:-translate-y-12:focus {
  --transform-translate-y: -3rem;
}

:root .focus\:-translate-y-14:focus {
  --transform-translate-y: -3.5rem;
}

:root .focus\:-translate-y-16:focus {
  --transform-translate-y: -4rem;
}

:root .focus\:-translate-y-20:focus {
  --transform-translate-y: -5rem;
}

:root .focus\:-translate-y-24:focus {
  --transform-translate-y: -6rem;
}

:root .focus\:-translate-y-32:focus {
  --transform-translate-y: -8rem;
}

:root .focus\:-translate-y-40:focus {
  --transform-translate-y: -10rem;
}

:root .focus\:-translate-y-48:focus {
  --transform-translate-y: -12rem;
}

:root .focus\:-translate-y-56:focus {
  --transform-translate-y: -14rem;
}

:root .focus\:-translate-y-64:focus {
  --transform-translate-y: -16rem;
}

:root .focus\:-translate-y-px:focus {
  --transform-translate-y: -1px;
}

:root .focus\:-translate-y-gutter:focus {
  --transform-translate-y: calc(var(--padding-gutter) * -1);
}

:root .focus\:-translate-y-full:focus {
  --transform-translate-y: -100%;
}

:root .focus\:-translate-y-1\/2:focus {
  --transform-translate-y: -50%;
}

:root .focus\:translate-y-1\/2:focus {
  --transform-translate-y: 50%;
}

:root .focus\:translate-y-full:focus {
  --transform-translate-y: 100%;
}

:root .skew-x-0 {
  --transform-skew-x: 0;
}

:root .skew-x-3 {
  --transform-skew-x: 3deg;
}

:root .skew-x-6 {
  --transform-skew-x: 6deg;
}

:root .skew-x-12 {
  --transform-skew-x: 12deg;
}

:root .-skew-x-12 {
  --transform-skew-x: -12deg;
}

:root .-skew-x-6 {
  --transform-skew-x: -6deg;
}

:root .-skew-x-3 {
  --transform-skew-x: -3deg;
}

:root .skew-y-0 {
  --transform-skew-y: 0;
}

:root .skew-y-3 {
  --transform-skew-y: 3deg;
}

:root .skew-y-6 {
  --transform-skew-y: 6deg;
}

:root .skew-y-12 {
  --transform-skew-y: 12deg;
}

:root .-skew-y-12 {
  --transform-skew-y: -12deg;
}

:root .-skew-y-6 {
  --transform-skew-y: -6deg;
}

:root .-skew-y-3 {
  --transform-skew-y: -3deg;
}

:root .hover\:skew-x-0:hover {
  --transform-skew-x: 0;
}

:root .hover\:skew-x-3:hover {
  --transform-skew-x: 3deg;
}

:root .hover\:skew-x-6:hover {
  --transform-skew-x: 6deg;
}

:root .hover\:skew-x-12:hover {
  --transform-skew-x: 12deg;
}

:root .hover\:-skew-x-12:hover {
  --transform-skew-x: -12deg;
}

:root .hover\:-skew-x-6:hover {
  --transform-skew-x: -6deg;
}

:root .hover\:-skew-x-3:hover {
  --transform-skew-x: -3deg;
}

:root .hover\:skew-y-0:hover {
  --transform-skew-y: 0;
}

:root .hover\:skew-y-3:hover {
  --transform-skew-y: 3deg;
}

:root .hover\:skew-y-6:hover {
  --transform-skew-y: 6deg;
}

:root .hover\:skew-y-12:hover {
  --transform-skew-y: 12deg;
}

:root .hover\:-skew-y-12:hover {
  --transform-skew-y: -12deg;
}

:root .hover\:-skew-y-6:hover {
  --transform-skew-y: -6deg;
}

:root .hover\:-skew-y-3:hover {
  --transform-skew-y: -3deg;
}

:root .focus\:skew-x-0:focus {
  --transform-skew-x: 0;
}

:root .focus\:skew-x-3:focus {
  --transform-skew-x: 3deg;
}

:root .focus\:skew-x-6:focus {
  --transform-skew-x: 6deg;
}

:root .focus\:skew-x-12:focus {
  --transform-skew-x: 12deg;
}

:root .focus\:-skew-x-12:focus {
  --transform-skew-x: -12deg;
}

:root .focus\:-skew-x-6:focus {
  --transform-skew-x: -6deg;
}

:root .focus\:-skew-x-3:focus {
  --transform-skew-x: -3deg;
}

:root .focus\:skew-y-0:focus {
  --transform-skew-y: 0;
}

:root .focus\:skew-y-3:focus {
  --transform-skew-y: 3deg;
}

:root .focus\:skew-y-6:focus {
  --transform-skew-y: 6deg;
}

:root .focus\:skew-y-12:focus {
  --transform-skew-y: 12deg;
}

:root .focus\:-skew-y-12:focus {
  --transform-skew-y: -12deg;
}

:root .focus\:-skew-y-6:focus {
  --transform-skew-y: -6deg;
}

:root .focus\:-skew-y-3:focus {
  --transform-skew-y: -3deg;
}

:root .transition-none {
  transition-property: none;
}

:root .transition-all {
  transition-property: all;
}

:root .transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

:root .transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
}

:root .transition-opacity {
  transition-property: opacity;
}

:root .transition-shadow {
  transition-property: box-shadow;
}

:root .transition-transform {
  transition-property: transform;
}

:root .ease-linear {
  transition-timing-function: linear;
}

:root .ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

:root .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

:root .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

:root .duration-75 {
  transition-duration: 75ms;
}

:root .duration-100 {
  transition-duration: 100ms;
}

:root .duration-150 {
  transition-duration: 150ms;
}

:root .duration-200 {
  transition-duration: 200ms;
}

:root .duration-300 {
  transition-duration: 300ms;
}

:root .duration-500 {
  transition-duration: 500ms;
}

:root .duration-700 {
  transition-duration: 700ms;
}

:root .duration-1000 {
  transition-duration: 1000ms;
}

.card {
  border-radius: 0.25rem;
  box-shadow: var(--elevation-z8);
  background-color: var(--background-card);
}

.avatar {
  height: 2.5rem;
  width: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9999px;
  background-color: var(--background-hover);
}

.hidden-input {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 0.25rem;
}

.hidden-input:focus {
  border-color: #1976d2;
  outline: 0;
}

.hidden-input.empty {
  border-color: #1976d2;
}

.list-item {
  border-radius: 0.25rem;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  cursor: pointer;
}

.list-item:hover {
  background-color: var(--background-hover);
}

.bg-pattern {
  background: linear-gradient(135deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px), linear-gradient(225deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px) 0 64px;
  background-color: var(--background-base);
  background-size: 64px 128px;
}

.trans-ease-out {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.trans-shadow {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.display-4 {
  font: 300 112px/112px var(--font);
  letter-spacing: -0.05em;
}

.display-3 {
  font: 400 56px/56px var(--font);
  letter-spacing: -0.02em;
}

.display-2 {
  font: 400 45px/48px var(--font);
  letter-spacing: -0.005em;
}

.display-1, h1 {
  font: 400 34px/40px var(--font);
  letter-spacing: normal;
}

.headline, h2 {
  font: 400 24px/32px var(--font);
  letter-spacing: normal;
}

.title, h3 {
  font: 500 18px/26px var(--font);
  letter-spacing: normal;
}

.subheading-2, h4 {
  font: 400 16px/28px var(--font);
  letter-spacing: normal;
}

.subheading-1, h5 {
  font: 400 15px/24px var(--font);
  letter-spacing: normal;
}

.body-2, h6 {
  font: 500 14px/24px var(--font);
  letter-spacing: normal;
}

.body-1, p {
  font: 400 14px/20px var(--font);
  letter-spacing: normal;
}

.caption {
  font: 400 12px/20px var(--font);
  letter-spacing: normal;
}

@media (min-width: 600px) {
  :root .sm\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  :root .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .sm\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  :root .sm\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .sm\:appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  :root .sm\:bg-fixed {
    background-attachment: fixed;
  }

  :root .sm\:bg-local {
    background-attachment: local;
  }

  :root .sm\:bg-scroll {
    background-attachment: scroll;
  }

  :root .sm\:bg-base {
    background-color: var(--background-base);
  }

  :root .sm\:bg-card {
    background-color: var(--background-card);
  }

  :root .sm\:bg-app-bar {
    background-color: var(--background-app-bar);
  }

  :root .sm\:bg-hover {
    background-color: var(--background-hover);
  }

  :root .sm\:bg-transparent {
    background-color: transparent;
  }

  :root .sm\:bg-black {
    background-color: var(--text-color);
  }

  :root .sm\:bg-white {
    background-color: var(--text-color-light);
  }

  :root .sm\:bg-contrast-black {
    background-color: black;
  }

  :root .sm\:bg-contrast-white {
    background-color: white;
  }

  :root .sm\:bg-obs-primary {
    background-color: #5977FF;
  }

  :root .sm\:bg-obs-secondary {
    background-color: #5d5c64;
  }

  :root .sm\:bg-obs-maroon {
    background-color: #961e36;
  }

  :root .sm\:bg-obs-navy {
    background-color: #3e4861;
  }

  :root .sm\:bg-obs-pink {
    background-color: #d2afc5;
  }

  :root .sm\:bg-obs-dark-orange {
    background-color: #d6582a;
  }

  :root .sm\:bg-obs-gold {
    background-color: #9d8944;
  }

  :root .sm\:bg-obs-light-blue {
    background-color: #A3C2D6;
  }

  :root .sm\:bg-obs-purple {
    background-color: #722670;
  }

  :root .sm\:bg-obs-light-orange {
    background-color: #fF9c01;
  }

  :root .sm\:bg-obs-blue {
    background-color: #5da7d6;
  }

  :root .sm\:bg-gray-50 {
    background-color: #fafafa;
  }

  :root .sm\:bg-gray-100 {
    background-color: #f5f5f5;
  }

  :root .sm\:bg-gray-200 {
    background-color: #eeeeee;
  }

  :root .sm\:bg-gray-300 {
    background-color: #e0e0e0;
  }

  :root .sm\:bg-gray-400 {
    background-color: #bdbdbd;
  }

  :root .sm\:bg-gray-500 {
    background-color: #9e9e9e;
  }

  :root .sm\:bg-gray-600 {
    background-color: #757575;
  }

  :root .sm\:bg-gray-700 {
    background-color: #616161;
  }

  :root .sm\:bg-gray-800 {
    background-color: #424242;
  }

  :root .sm\:bg-gray-900 {
    background-color: #212121;
  }

  :root .sm\:bg-red-50 {
    background-color: #ffebee;
  }

  :root .sm\:bg-red-100 {
    background-color: #ffcdd2;
  }

  :root .sm\:bg-red-200 {
    background-color: #ef9a9a;
  }

  :root .sm\:bg-red-300 {
    background-color: #e57373;
  }

  :root .sm\:bg-red-400 {
    background-color: #ef5350;
  }

  :root .sm\:bg-red-500 {
    background-color: #f44336;
  }

  :root .sm\:bg-red-600 {
    background-color: #e53935;
  }

  :root .sm\:bg-red-700 {
    background-color: #d32f2f;
  }

  :root .sm\:bg-red-800 {
    background-color: #c62828;
  }

  :root .sm\:bg-red-900 {
    background-color: #b71c1c;
  }

  :root .sm\:bg-orange-50 {
    background-color: #fff3e0;
  }

  :root .sm\:bg-orange-100 {
    background-color: #ffe0b2;
  }

  :root .sm\:bg-orange-200 {
    background-color: #ffcc80;
  }

  :root .sm\:bg-orange-300 {
    background-color: #ffb74d;
  }

  :root .sm\:bg-orange-400 {
    background-color: #ffa726;
  }

  :root .sm\:bg-orange-500 {
    background-color: #ff9800;
  }

  :root .sm\:bg-orange-600 {
    background-color: #fb8c00;
  }

  :root .sm\:bg-orange-700 {
    background-color: #f57c00;
  }

  :root .sm\:bg-orange-800 {
    background-color: #ef6c00;
  }

  :root .sm\:bg-orange-900 {
    background-color: #e65100;
  }

  :root .sm\:bg-deep-orange-50 {
    background-color: #fbe9e7;
  }

  :root .sm\:bg-deep-orange-100 {
    background-color: #ffccbc;
  }

  :root .sm\:bg-deep-orange-200 {
    background-color: #ffab91;
  }

  :root .sm\:bg-deep-orange-300 {
    background-color: #ff8a65;
  }

  :root .sm\:bg-deep-orange-400 {
    background-color: #ff7043;
  }

  :root .sm\:bg-deep-orange-500 {
    background-color: #ff5722;
  }

  :root .sm\:bg-deep-orange-600 {
    background-color: #f4511e;
  }

  :root .sm\:bg-deep-orange-700 {
    background-color: #e64a19;
  }

  :root .sm\:bg-deep-orange-800 {
    background-color: #d84315;
  }

  :root .sm\:bg-deep-orange-900 {
    background-color: #bf360c;
  }

  :root .sm\:bg-amber-50 {
    background-color: #fff8e1;
  }

  :root .sm\:bg-amber-100 {
    background-color: #ffecb3;
  }

  :root .sm\:bg-amber-200 {
    background-color: #ffe082;
  }

  :root .sm\:bg-amber-300 {
    background-color: #ffd54f;
  }

  :root .sm\:bg-amber-400 {
    background-color: #ffca28;
  }

  :root .sm\:bg-amber-500 {
    background-color: #ffc107;
  }

  :root .sm\:bg-amber-600 {
    background-color: #ffb300;
  }

  :root .sm\:bg-amber-700 {
    background-color: #ffa000;
  }

  :root .sm\:bg-amber-800 {
    background-color: #ff8f00;
  }

  :root .sm\:bg-amber-900 {
    background-color: #ff6f00;
  }

  :root .sm\:bg-light-green-50 {
    background-color: #f1f8e9;
  }

  :root .sm\:bg-light-green-100 {
    background-color: #dcedc8;
  }

  :root .sm\:bg-light-green-200 {
    background-color: #c5e1a5;
  }

  :root .sm\:bg-light-green-300 {
    background-color: #aed581;
  }

  :root .sm\:bg-light-green-400 {
    background-color: #9ccc65;
  }

  :root .sm\:bg-light-green-500 {
    background-color: #8bc34a;
  }

  :root .sm\:bg-light-green-600 {
    background-color: #7cb342;
  }

  :root .sm\:bg-light-green-700 {
    background-color: #689f38;
  }

  :root .sm\:bg-light-green-800 {
    background-color: #558b2f;
  }

  :root .sm\:bg-light-green-900 {
    background-color: #33691e;
  }

  :root .sm\:bg-green-50 {
    background-color: #e8f5e9;
  }

  :root .sm\:bg-green-100 {
    background-color: #c8e6c9;
  }

  :root .sm\:bg-green-200 {
    background-color: #a5d6a7;
  }

  :root .sm\:bg-green-300 {
    background-color: #81c784;
  }

  :root .sm\:bg-green-400 {
    background-color: #66bb6a;
  }

  :root .sm\:bg-green-500 {
    background-color: #4caf50;
  }

  :root .sm\:bg-green-600 {
    background-color: #43a047;
  }

  :root .sm\:bg-green-700 {
    background-color: #388e3c;
  }

  :root .sm\:bg-green-800 {
    background-color: #2e7d32;
  }

  :root .sm\:bg-green-900 {
    background-color: #1b5e20;
  }

  :root .sm\:bg-teal-50 {
    background-color: #e0f2f1;
  }

  :root .sm\:bg-teal-100 {
    background-color: #b2dfdb;
  }

  :root .sm\:bg-teal-200 {
    background-color: #80cbc4;
  }

  :root .sm\:bg-teal-300 {
    background-color: #4db6ac;
  }

  :root .sm\:bg-teal-400 {
    background-color: #26a69a;
  }

  :root .sm\:bg-teal-500 {
    background-color: #009688;
  }

  :root .sm\:bg-teal-600 {
    background-color: #00897b;
  }

  :root .sm\:bg-teal-700 {
    background-color: #00796b;
  }

  :root .sm\:bg-teal-800 {
    background-color: #00695c;
  }

  :root .sm\:bg-teal-900 {
    background-color: #004d40;
  }

  :root .sm\:bg-cyan-50 {
    background-color: #e0f7fa;
  }

  :root .sm\:bg-cyan-100 {
    background-color: #b2ebf2;
  }

  :root .sm\:bg-cyan-200 {
    background-color: #80deea;
  }

  :root .sm\:bg-cyan-300 {
    background-color: #4dd0e1;
  }

  :root .sm\:bg-cyan-400 {
    background-color: #26c6da;
  }

  :root .sm\:bg-cyan-500 {
    background-color: #00bcd4;
  }

  :root .sm\:bg-cyan-600 {
    background-color: #00acc1;
  }

  :root .sm\:bg-cyan-700 {
    background-color: #0097a7;
  }

  :root .sm\:bg-cyan-800 {
    background-color: #00838f;
  }

  :root .sm\:bg-cyan-900 {
    background-color: #006064;
  }

  :root .sm\:bg-purple-50 {
    background-color: #f3e5f5;
  }

  :root .sm\:bg-purple-100 {
    background-color: #e1bee7;
  }

  :root .sm\:bg-purple-200 {
    background-color: #ce93d8;
  }

  :root .sm\:bg-purple-300 {
    background-color: #ba68c8;
  }

  :root .sm\:bg-purple-400 {
    background-color: #ab47bc;
  }

  :root .sm\:bg-purple-500 {
    background-color: #9c27b0;
  }

  :root .sm\:bg-purple-600 {
    background-color: #8e24aa;
  }

  :root .sm\:bg-purple-700 {
    background-color: #7b1fa2;
  }

  :root .sm\:bg-purple-800 {
    background-color: #6a1b9a;
  }

  :root .sm\:bg-purple-900 {
    background-color: #4a148c;
  }

  :root .sm\:bg-deep-purple-50 {
    background-color: #ede7f6;
  }

  :root .sm\:bg-deep-purple-100 {
    background-color: #d1c4e9;
  }

  :root .sm\:bg-deep-purple-200 {
    background-color: #b39ddb;
  }

  :root .sm\:bg-deep-purple-300 {
    background-color: #9575cd;
  }

  :root .sm\:bg-deep-purple-400 {
    background-color: #7e57c2;
  }

  :root .sm\:bg-deep-purple-500 {
    background-color: #673ab7;
  }

  :root .sm\:bg-deep-purple-600 {
    background-color: #5e35b1;
  }

  :root .sm\:bg-deep-purple-700 {
    background-color: #512da8;
  }

  :root .sm\:bg-deep-purple-800 {
    background-color: #4527a0;
  }

  :root .sm\:bg-deep-purple-900 {
    background-color: #311b92;
  }

  :root .sm\:bg-primary-50 {
    background-color: #FBE4E7;
  }

  :root .sm\:bg-primary-100 {
    background-color: #F5BCC2;
  }

  :root .sm\:bg-primary-200 {
    background-color: #EE8F9A;
  }

  :root .sm\:bg-primary-300 {
    background-color: #E76272;
  }

  :root .sm\:bg-primary-400 {
    background-color: #E14053;
  }

  :root .sm\:bg-primary-500 {
    background-color: #1976d2;
  }

  :root .sm\:bg-primary-600 {
    background-color: #D81A30;
  }

  :root .sm\:bg-primary-700 {
    background-color: #D31628;
  }

  :root .sm\:bg-primary-800 {
    background-color: #CE1222;
  }

  :root .sm\:bg-primary-900 {
    background-color: #C50A16;
  }

  :root .sm\:hover\:bg-base:hover {
    background-color: var(--background-base);
  }

  :root .sm\:hover\:bg-card:hover {
    background-color: var(--background-card);
  }

  :root .sm\:hover\:bg-app-bar:hover {
    background-color: var(--background-app-bar);
  }

  :root .sm\:hover\:bg-hover:hover {
    background-color: var(--background-hover);
  }

  :root .sm\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  :root .sm\:hover\:bg-black:hover {
    background-color: var(--text-color);
  }

  :root .sm\:hover\:bg-white:hover {
    background-color: var(--text-color-light);
  }

  :root .sm\:hover\:bg-contrast-black:hover {
    background-color: black;
  }

  :root .sm\:hover\:bg-contrast-white:hover {
    background-color: white;
  }

  :root .sm\:hover\:bg-obs-primary:hover {
    background-color: #5977FF;
  }

  :root .sm\:hover\:bg-obs-secondary:hover {
    background-color: #5d5c64;
  }

  :root .sm\:hover\:bg-obs-maroon:hover {
    background-color: #961e36;
  }

  :root .sm\:hover\:bg-obs-navy:hover {
    background-color: #3e4861;
  }

  :root .sm\:hover\:bg-obs-pink:hover {
    background-color: #d2afc5;
  }

  :root .sm\:hover\:bg-obs-dark-orange:hover {
    background-color: #d6582a;
  }

  :root .sm\:hover\:bg-obs-gold:hover {
    background-color: #9d8944;
  }

  :root .sm\:hover\:bg-obs-light-blue:hover {
    background-color: #A3C2D6;
  }

  :root .sm\:hover\:bg-obs-purple:hover {
    background-color: #722670;
  }

  :root .sm\:hover\:bg-obs-light-orange:hover {
    background-color: #fF9c01;
  }

  :root .sm\:hover\:bg-obs-blue:hover {
    background-color: #5da7d6;
  }

  :root .sm\:hover\:bg-gray-50:hover {
    background-color: #fafafa;
  }

  :root .sm\:hover\:bg-gray-100:hover {
    background-color: #f5f5f5;
  }

  :root .sm\:hover\:bg-gray-200:hover {
    background-color: #eeeeee;
  }

  :root .sm\:hover\:bg-gray-300:hover {
    background-color: #e0e0e0;
  }

  :root .sm\:hover\:bg-gray-400:hover {
    background-color: #bdbdbd;
  }

  :root .sm\:hover\:bg-gray-500:hover {
    background-color: #9e9e9e;
  }

  :root .sm\:hover\:bg-gray-600:hover {
    background-color: #757575;
  }

  :root .sm\:hover\:bg-gray-700:hover {
    background-color: #616161;
  }

  :root .sm\:hover\:bg-gray-800:hover {
    background-color: #424242;
  }

  :root .sm\:hover\:bg-gray-900:hover {
    background-color: #212121;
  }

  :root .sm\:hover\:bg-red-50:hover {
    background-color: #ffebee;
  }

  :root .sm\:hover\:bg-red-100:hover {
    background-color: #ffcdd2;
  }

  :root .sm\:hover\:bg-red-200:hover {
    background-color: #ef9a9a;
  }

  :root .sm\:hover\:bg-red-300:hover {
    background-color: #e57373;
  }

  :root .sm\:hover\:bg-red-400:hover {
    background-color: #ef5350;
  }

  :root .sm\:hover\:bg-red-500:hover {
    background-color: #f44336;
  }

  :root .sm\:hover\:bg-red-600:hover {
    background-color: #e53935;
  }

  :root .sm\:hover\:bg-red-700:hover {
    background-color: #d32f2f;
  }

  :root .sm\:hover\:bg-red-800:hover {
    background-color: #c62828;
  }

  :root .sm\:hover\:bg-red-900:hover {
    background-color: #b71c1c;
  }

  :root .sm\:hover\:bg-orange-50:hover {
    background-color: #fff3e0;
  }

  :root .sm\:hover\:bg-orange-100:hover {
    background-color: #ffe0b2;
  }

  :root .sm\:hover\:bg-orange-200:hover {
    background-color: #ffcc80;
  }

  :root .sm\:hover\:bg-orange-300:hover {
    background-color: #ffb74d;
  }

  :root .sm\:hover\:bg-orange-400:hover {
    background-color: #ffa726;
  }

  :root .sm\:hover\:bg-orange-500:hover {
    background-color: #ff9800;
  }

  :root .sm\:hover\:bg-orange-600:hover {
    background-color: #fb8c00;
  }

  :root .sm\:hover\:bg-orange-700:hover {
    background-color: #f57c00;
  }

  :root .sm\:hover\:bg-orange-800:hover {
    background-color: #ef6c00;
  }

  :root .sm\:hover\:bg-orange-900:hover {
    background-color: #e65100;
  }

  :root .sm\:hover\:bg-deep-orange-50:hover {
    background-color: #fbe9e7;
  }

  :root .sm\:hover\:bg-deep-orange-100:hover {
    background-color: #ffccbc;
  }

  :root .sm\:hover\:bg-deep-orange-200:hover {
    background-color: #ffab91;
  }

  :root .sm\:hover\:bg-deep-orange-300:hover {
    background-color: #ff8a65;
  }

  :root .sm\:hover\:bg-deep-orange-400:hover {
    background-color: #ff7043;
  }

  :root .sm\:hover\:bg-deep-orange-500:hover {
    background-color: #ff5722;
  }

  :root .sm\:hover\:bg-deep-orange-600:hover {
    background-color: #f4511e;
  }

  :root .sm\:hover\:bg-deep-orange-700:hover {
    background-color: #e64a19;
  }

  :root .sm\:hover\:bg-deep-orange-800:hover {
    background-color: #d84315;
  }

  :root .sm\:hover\:bg-deep-orange-900:hover {
    background-color: #bf360c;
  }

  :root .sm\:hover\:bg-amber-50:hover {
    background-color: #fff8e1;
  }

  :root .sm\:hover\:bg-amber-100:hover {
    background-color: #ffecb3;
  }

  :root .sm\:hover\:bg-amber-200:hover {
    background-color: #ffe082;
  }

  :root .sm\:hover\:bg-amber-300:hover {
    background-color: #ffd54f;
  }

  :root .sm\:hover\:bg-amber-400:hover {
    background-color: #ffca28;
  }

  :root .sm\:hover\:bg-amber-500:hover {
    background-color: #ffc107;
  }

  :root .sm\:hover\:bg-amber-600:hover {
    background-color: #ffb300;
  }

  :root .sm\:hover\:bg-amber-700:hover {
    background-color: #ffa000;
  }

  :root .sm\:hover\:bg-amber-800:hover {
    background-color: #ff8f00;
  }

  :root .sm\:hover\:bg-amber-900:hover {
    background-color: #ff6f00;
  }

  :root .sm\:hover\:bg-light-green-50:hover {
    background-color: #f1f8e9;
  }

  :root .sm\:hover\:bg-light-green-100:hover {
    background-color: #dcedc8;
  }

  :root .sm\:hover\:bg-light-green-200:hover {
    background-color: #c5e1a5;
  }

  :root .sm\:hover\:bg-light-green-300:hover {
    background-color: #aed581;
  }

  :root .sm\:hover\:bg-light-green-400:hover {
    background-color: #9ccc65;
  }

  :root .sm\:hover\:bg-light-green-500:hover {
    background-color: #8bc34a;
  }

  :root .sm\:hover\:bg-light-green-600:hover {
    background-color: #7cb342;
  }

  :root .sm\:hover\:bg-light-green-700:hover {
    background-color: #689f38;
  }

  :root .sm\:hover\:bg-light-green-800:hover {
    background-color: #558b2f;
  }

  :root .sm\:hover\:bg-light-green-900:hover {
    background-color: #33691e;
  }

  :root .sm\:hover\:bg-green-50:hover {
    background-color: #e8f5e9;
  }

  :root .sm\:hover\:bg-green-100:hover {
    background-color: #c8e6c9;
  }

  :root .sm\:hover\:bg-green-200:hover {
    background-color: #a5d6a7;
  }

  :root .sm\:hover\:bg-green-300:hover {
    background-color: #81c784;
  }

  :root .sm\:hover\:bg-green-400:hover {
    background-color: #66bb6a;
  }

  :root .sm\:hover\:bg-green-500:hover {
    background-color: #4caf50;
  }

  :root .sm\:hover\:bg-green-600:hover {
    background-color: #43a047;
  }

  :root .sm\:hover\:bg-green-700:hover {
    background-color: #388e3c;
  }

  :root .sm\:hover\:bg-green-800:hover {
    background-color: #2e7d32;
  }

  :root .sm\:hover\:bg-green-900:hover {
    background-color: #1b5e20;
  }

  :root .sm\:hover\:bg-teal-50:hover {
    background-color: #e0f2f1;
  }

  :root .sm\:hover\:bg-teal-100:hover {
    background-color: #b2dfdb;
  }

  :root .sm\:hover\:bg-teal-200:hover {
    background-color: #80cbc4;
  }

  :root .sm\:hover\:bg-teal-300:hover {
    background-color: #4db6ac;
  }

  :root .sm\:hover\:bg-teal-400:hover {
    background-color: #26a69a;
  }

  :root .sm\:hover\:bg-teal-500:hover {
    background-color: #009688;
  }

  :root .sm\:hover\:bg-teal-600:hover {
    background-color: #00897b;
  }

  :root .sm\:hover\:bg-teal-700:hover {
    background-color: #00796b;
  }

  :root .sm\:hover\:bg-teal-800:hover {
    background-color: #00695c;
  }

  :root .sm\:hover\:bg-teal-900:hover {
    background-color: #004d40;
  }

  :root .sm\:hover\:bg-cyan-50:hover {
    background-color: #e0f7fa;
  }

  :root .sm\:hover\:bg-cyan-100:hover {
    background-color: #b2ebf2;
  }

  :root .sm\:hover\:bg-cyan-200:hover {
    background-color: #80deea;
  }

  :root .sm\:hover\:bg-cyan-300:hover {
    background-color: #4dd0e1;
  }

  :root .sm\:hover\:bg-cyan-400:hover {
    background-color: #26c6da;
  }

  :root .sm\:hover\:bg-cyan-500:hover {
    background-color: #00bcd4;
  }

  :root .sm\:hover\:bg-cyan-600:hover {
    background-color: #00acc1;
  }

  :root .sm\:hover\:bg-cyan-700:hover {
    background-color: #0097a7;
  }

  :root .sm\:hover\:bg-cyan-800:hover {
    background-color: #00838f;
  }

  :root .sm\:hover\:bg-cyan-900:hover {
    background-color: #006064;
  }

  :root .sm\:hover\:bg-purple-50:hover {
    background-color: #f3e5f5;
  }

  :root .sm\:hover\:bg-purple-100:hover {
    background-color: #e1bee7;
  }

  :root .sm\:hover\:bg-purple-200:hover {
    background-color: #ce93d8;
  }

  :root .sm\:hover\:bg-purple-300:hover {
    background-color: #ba68c8;
  }

  :root .sm\:hover\:bg-purple-400:hover {
    background-color: #ab47bc;
  }

  :root .sm\:hover\:bg-purple-500:hover {
    background-color: #9c27b0;
  }

  :root .sm\:hover\:bg-purple-600:hover {
    background-color: #8e24aa;
  }

  :root .sm\:hover\:bg-purple-700:hover {
    background-color: #7b1fa2;
  }

  :root .sm\:hover\:bg-purple-800:hover {
    background-color: #6a1b9a;
  }

  :root .sm\:hover\:bg-purple-900:hover {
    background-color: #4a148c;
  }

  :root .sm\:hover\:bg-deep-purple-50:hover {
    background-color: #ede7f6;
  }

  :root .sm\:hover\:bg-deep-purple-100:hover {
    background-color: #d1c4e9;
  }

  :root .sm\:hover\:bg-deep-purple-200:hover {
    background-color: #b39ddb;
  }

  :root .sm\:hover\:bg-deep-purple-300:hover {
    background-color: #9575cd;
  }

  :root .sm\:hover\:bg-deep-purple-400:hover {
    background-color: #7e57c2;
  }

  :root .sm\:hover\:bg-deep-purple-500:hover {
    background-color: #673ab7;
  }

  :root .sm\:hover\:bg-deep-purple-600:hover {
    background-color: #5e35b1;
  }

  :root .sm\:hover\:bg-deep-purple-700:hover {
    background-color: #512da8;
  }

  :root .sm\:hover\:bg-deep-purple-800:hover {
    background-color: #4527a0;
  }

  :root .sm\:hover\:bg-deep-purple-900:hover {
    background-color: #311b92;
  }

  :root .sm\:hover\:bg-primary-50:hover {
    background-color: #FBE4E7;
  }

  :root .sm\:hover\:bg-primary-100:hover {
    background-color: #F5BCC2;
  }

  :root .sm\:hover\:bg-primary-200:hover {
    background-color: #EE8F9A;
  }

  :root .sm\:hover\:bg-primary-300:hover {
    background-color: #E76272;
  }

  :root .sm\:hover\:bg-primary-400:hover {
    background-color: #E14053;
  }

  :root .sm\:hover\:bg-primary-500:hover {
    background-color: #1976d2;
  }

  :root .sm\:hover\:bg-primary-600:hover {
    background-color: #D81A30;
  }

  :root .sm\:hover\:bg-primary-700:hover {
    background-color: #D31628;
  }

  :root .sm\:hover\:bg-primary-800:hover {
    background-color: #CE1222;
  }

  :root .sm\:hover\:bg-primary-900:hover {
    background-color: #C50A16;
  }

  :root .sm\:focus\:bg-base:focus {
    background-color: var(--background-base);
  }

  :root .sm\:focus\:bg-card:focus {
    background-color: var(--background-card);
  }

  :root .sm\:focus\:bg-app-bar:focus {
    background-color: var(--background-app-bar);
  }

  :root .sm\:focus\:bg-hover:focus {
    background-color: var(--background-hover);
  }

  :root .sm\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  :root .sm\:focus\:bg-black:focus {
    background-color: var(--text-color);
  }

  :root .sm\:focus\:bg-white:focus {
    background-color: var(--text-color-light);
  }

  :root .sm\:focus\:bg-contrast-black:focus {
    background-color: black;
  }

  :root .sm\:focus\:bg-contrast-white:focus {
    background-color: white;
  }

  :root .sm\:focus\:bg-obs-primary:focus {
    background-color: #5977FF;
  }

  :root .sm\:focus\:bg-obs-secondary:focus {
    background-color: #5d5c64;
  }

  :root .sm\:focus\:bg-obs-maroon:focus {
    background-color: #961e36;
  }

  :root .sm\:focus\:bg-obs-navy:focus {
    background-color: #3e4861;
  }

  :root .sm\:focus\:bg-obs-pink:focus {
    background-color: #d2afc5;
  }

  :root .sm\:focus\:bg-obs-dark-orange:focus {
    background-color: #d6582a;
  }

  :root .sm\:focus\:bg-obs-gold:focus {
    background-color: #9d8944;
  }

  :root .sm\:focus\:bg-obs-light-blue:focus {
    background-color: #A3C2D6;
  }

  :root .sm\:focus\:bg-obs-purple:focus {
    background-color: #722670;
  }

  :root .sm\:focus\:bg-obs-light-orange:focus {
    background-color: #fF9c01;
  }

  :root .sm\:focus\:bg-obs-blue:focus {
    background-color: #5da7d6;
  }

  :root .sm\:focus\:bg-gray-50:focus {
    background-color: #fafafa;
  }

  :root .sm\:focus\:bg-gray-100:focus {
    background-color: #f5f5f5;
  }

  :root .sm\:focus\:bg-gray-200:focus {
    background-color: #eeeeee;
  }

  :root .sm\:focus\:bg-gray-300:focus {
    background-color: #e0e0e0;
  }

  :root .sm\:focus\:bg-gray-400:focus {
    background-color: #bdbdbd;
  }

  :root .sm\:focus\:bg-gray-500:focus {
    background-color: #9e9e9e;
  }

  :root .sm\:focus\:bg-gray-600:focus {
    background-color: #757575;
  }

  :root .sm\:focus\:bg-gray-700:focus {
    background-color: #616161;
  }

  :root .sm\:focus\:bg-gray-800:focus {
    background-color: #424242;
  }

  :root .sm\:focus\:bg-gray-900:focus {
    background-color: #212121;
  }

  :root .sm\:focus\:bg-red-50:focus {
    background-color: #ffebee;
  }

  :root .sm\:focus\:bg-red-100:focus {
    background-color: #ffcdd2;
  }

  :root .sm\:focus\:bg-red-200:focus {
    background-color: #ef9a9a;
  }

  :root .sm\:focus\:bg-red-300:focus {
    background-color: #e57373;
  }

  :root .sm\:focus\:bg-red-400:focus {
    background-color: #ef5350;
  }

  :root .sm\:focus\:bg-red-500:focus {
    background-color: #f44336;
  }

  :root .sm\:focus\:bg-red-600:focus {
    background-color: #e53935;
  }

  :root .sm\:focus\:bg-red-700:focus {
    background-color: #d32f2f;
  }

  :root .sm\:focus\:bg-red-800:focus {
    background-color: #c62828;
  }

  :root .sm\:focus\:bg-red-900:focus {
    background-color: #b71c1c;
  }

  :root .sm\:focus\:bg-orange-50:focus {
    background-color: #fff3e0;
  }

  :root .sm\:focus\:bg-orange-100:focus {
    background-color: #ffe0b2;
  }

  :root .sm\:focus\:bg-orange-200:focus {
    background-color: #ffcc80;
  }

  :root .sm\:focus\:bg-orange-300:focus {
    background-color: #ffb74d;
  }

  :root .sm\:focus\:bg-orange-400:focus {
    background-color: #ffa726;
  }

  :root .sm\:focus\:bg-orange-500:focus {
    background-color: #ff9800;
  }

  :root .sm\:focus\:bg-orange-600:focus {
    background-color: #fb8c00;
  }

  :root .sm\:focus\:bg-orange-700:focus {
    background-color: #f57c00;
  }

  :root .sm\:focus\:bg-orange-800:focus {
    background-color: #ef6c00;
  }

  :root .sm\:focus\:bg-orange-900:focus {
    background-color: #e65100;
  }

  :root .sm\:focus\:bg-deep-orange-50:focus {
    background-color: #fbe9e7;
  }

  :root .sm\:focus\:bg-deep-orange-100:focus {
    background-color: #ffccbc;
  }

  :root .sm\:focus\:bg-deep-orange-200:focus {
    background-color: #ffab91;
  }

  :root .sm\:focus\:bg-deep-orange-300:focus {
    background-color: #ff8a65;
  }

  :root .sm\:focus\:bg-deep-orange-400:focus {
    background-color: #ff7043;
  }

  :root .sm\:focus\:bg-deep-orange-500:focus {
    background-color: #ff5722;
  }

  :root .sm\:focus\:bg-deep-orange-600:focus {
    background-color: #f4511e;
  }

  :root .sm\:focus\:bg-deep-orange-700:focus {
    background-color: #e64a19;
  }

  :root .sm\:focus\:bg-deep-orange-800:focus {
    background-color: #d84315;
  }

  :root .sm\:focus\:bg-deep-orange-900:focus {
    background-color: #bf360c;
  }

  :root .sm\:focus\:bg-amber-50:focus {
    background-color: #fff8e1;
  }

  :root .sm\:focus\:bg-amber-100:focus {
    background-color: #ffecb3;
  }

  :root .sm\:focus\:bg-amber-200:focus {
    background-color: #ffe082;
  }

  :root .sm\:focus\:bg-amber-300:focus {
    background-color: #ffd54f;
  }

  :root .sm\:focus\:bg-amber-400:focus {
    background-color: #ffca28;
  }

  :root .sm\:focus\:bg-amber-500:focus {
    background-color: #ffc107;
  }

  :root .sm\:focus\:bg-amber-600:focus {
    background-color: #ffb300;
  }

  :root .sm\:focus\:bg-amber-700:focus {
    background-color: #ffa000;
  }

  :root .sm\:focus\:bg-amber-800:focus {
    background-color: #ff8f00;
  }

  :root .sm\:focus\:bg-amber-900:focus {
    background-color: #ff6f00;
  }

  :root .sm\:focus\:bg-light-green-50:focus {
    background-color: #f1f8e9;
  }

  :root .sm\:focus\:bg-light-green-100:focus {
    background-color: #dcedc8;
  }

  :root .sm\:focus\:bg-light-green-200:focus {
    background-color: #c5e1a5;
  }

  :root .sm\:focus\:bg-light-green-300:focus {
    background-color: #aed581;
  }

  :root .sm\:focus\:bg-light-green-400:focus {
    background-color: #9ccc65;
  }

  :root .sm\:focus\:bg-light-green-500:focus {
    background-color: #8bc34a;
  }

  :root .sm\:focus\:bg-light-green-600:focus {
    background-color: #7cb342;
  }

  :root .sm\:focus\:bg-light-green-700:focus {
    background-color: #689f38;
  }

  :root .sm\:focus\:bg-light-green-800:focus {
    background-color: #558b2f;
  }

  :root .sm\:focus\:bg-light-green-900:focus {
    background-color: #33691e;
  }

  :root .sm\:focus\:bg-green-50:focus {
    background-color: #e8f5e9;
  }

  :root .sm\:focus\:bg-green-100:focus {
    background-color: #c8e6c9;
  }

  :root .sm\:focus\:bg-green-200:focus {
    background-color: #a5d6a7;
  }

  :root .sm\:focus\:bg-green-300:focus {
    background-color: #81c784;
  }

  :root .sm\:focus\:bg-green-400:focus {
    background-color: #66bb6a;
  }

  :root .sm\:focus\:bg-green-500:focus {
    background-color: #4caf50;
  }

  :root .sm\:focus\:bg-green-600:focus {
    background-color: #43a047;
  }

  :root .sm\:focus\:bg-green-700:focus {
    background-color: #388e3c;
  }

  :root .sm\:focus\:bg-green-800:focus {
    background-color: #2e7d32;
  }

  :root .sm\:focus\:bg-green-900:focus {
    background-color: #1b5e20;
  }

  :root .sm\:focus\:bg-teal-50:focus {
    background-color: #e0f2f1;
  }

  :root .sm\:focus\:bg-teal-100:focus {
    background-color: #b2dfdb;
  }

  :root .sm\:focus\:bg-teal-200:focus {
    background-color: #80cbc4;
  }

  :root .sm\:focus\:bg-teal-300:focus {
    background-color: #4db6ac;
  }

  :root .sm\:focus\:bg-teal-400:focus {
    background-color: #26a69a;
  }

  :root .sm\:focus\:bg-teal-500:focus {
    background-color: #009688;
  }

  :root .sm\:focus\:bg-teal-600:focus {
    background-color: #00897b;
  }

  :root .sm\:focus\:bg-teal-700:focus {
    background-color: #00796b;
  }

  :root .sm\:focus\:bg-teal-800:focus {
    background-color: #00695c;
  }

  :root .sm\:focus\:bg-teal-900:focus {
    background-color: #004d40;
  }

  :root .sm\:focus\:bg-cyan-50:focus {
    background-color: #e0f7fa;
  }

  :root .sm\:focus\:bg-cyan-100:focus {
    background-color: #b2ebf2;
  }

  :root .sm\:focus\:bg-cyan-200:focus {
    background-color: #80deea;
  }

  :root .sm\:focus\:bg-cyan-300:focus {
    background-color: #4dd0e1;
  }

  :root .sm\:focus\:bg-cyan-400:focus {
    background-color: #26c6da;
  }

  :root .sm\:focus\:bg-cyan-500:focus {
    background-color: #00bcd4;
  }

  :root .sm\:focus\:bg-cyan-600:focus {
    background-color: #00acc1;
  }

  :root .sm\:focus\:bg-cyan-700:focus {
    background-color: #0097a7;
  }

  :root .sm\:focus\:bg-cyan-800:focus {
    background-color: #00838f;
  }

  :root .sm\:focus\:bg-cyan-900:focus {
    background-color: #006064;
  }

  :root .sm\:focus\:bg-purple-50:focus {
    background-color: #f3e5f5;
  }

  :root .sm\:focus\:bg-purple-100:focus {
    background-color: #e1bee7;
  }

  :root .sm\:focus\:bg-purple-200:focus {
    background-color: #ce93d8;
  }

  :root .sm\:focus\:bg-purple-300:focus {
    background-color: #ba68c8;
  }

  :root .sm\:focus\:bg-purple-400:focus {
    background-color: #ab47bc;
  }

  :root .sm\:focus\:bg-purple-500:focus {
    background-color: #9c27b0;
  }

  :root .sm\:focus\:bg-purple-600:focus {
    background-color: #8e24aa;
  }

  :root .sm\:focus\:bg-purple-700:focus {
    background-color: #7b1fa2;
  }

  :root .sm\:focus\:bg-purple-800:focus {
    background-color: #6a1b9a;
  }

  :root .sm\:focus\:bg-purple-900:focus {
    background-color: #4a148c;
  }

  :root .sm\:focus\:bg-deep-purple-50:focus {
    background-color: #ede7f6;
  }

  :root .sm\:focus\:bg-deep-purple-100:focus {
    background-color: #d1c4e9;
  }

  :root .sm\:focus\:bg-deep-purple-200:focus {
    background-color: #b39ddb;
  }

  :root .sm\:focus\:bg-deep-purple-300:focus {
    background-color: #9575cd;
  }

  :root .sm\:focus\:bg-deep-purple-400:focus {
    background-color: #7e57c2;
  }

  :root .sm\:focus\:bg-deep-purple-500:focus {
    background-color: #673ab7;
  }

  :root .sm\:focus\:bg-deep-purple-600:focus {
    background-color: #5e35b1;
  }

  :root .sm\:focus\:bg-deep-purple-700:focus {
    background-color: #512da8;
  }

  :root .sm\:focus\:bg-deep-purple-800:focus {
    background-color: #4527a0;
  }

  :root .sm\:focus\:bg-deep-purple-900:focus {
    background-color: #311b92;
  }

  :root .sm\:focus\:bg-primary-50:focus {
    background-color: #FBE4E7;
  }

  :root .sm\:focus\:bg-primary-100:focus {
    background-color: #F5BCC2;
  }

  :root .sm\:focus\:bg-primary-200:focus {
    background-color: #EE8F9A;
  }

  :root .sm\:focus\:bg-primary-300:focus {
    background-color: #E76272;
  }

  :root .sm\:focus\:bg-primary-400:focus {
    background-color: #E14053;
  }

  :root .sm\:focus\:bg-primary-500:focus {
    background-color: #1976d2;
  }

  :root .sm\:focus\:bg-primary-600:focus {
    background-color: #D81A30;
  }

  :root .sm\:focus\:bg-primary-700:focus {
    background-color: #D31628;
  }

  :root .sm\:focus\:bg-primary-800:focus {
    background-color: #CE1222;
  }

  :root .sm\:focus\:bg-primary-900:focus {
    background-color: #C50A16;
  }

  :root .sm\:bg-bottom {
    background-position: bottom;
  }

  :root .sm\:bg-center {
    background-position: center;
  }

  :root .sm\:bg-left {
    background-position: left;
  }

  :root .sm\:bg-left-bottom {
    background-position: left bottom;
  }

  :root .sm\:bg-left-top {
    background-position: left top;
  }

  :root .sm\:bg-right {
    background-position: right;
  }

  :root .sm\:bg-right-bottom {
    background-position: right bottom;
  }

  :root .sm\:bg-right-top {
    background-position: right top;
  }

  :root .sm\:bg-top {
    background-position: top;
  }

  :root .sm\:bg-repeat {
    background-repeat: repeat;
  }

  :root .sm\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  :root .sm\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  :root .sm\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  :root .sm\:bg-repeat-round {
    background-repeat: round;
  }

  :root .sm\:bg-repeat-space {
    background-repeat: space;
  }

  :root .sm\:bg-auto {
    background-size: auto;
  }

  :root .sm\:bg-cover {
    background-size: cover;
  }

  :root .sm\:bg-contain {
    background-size: contain;
  }

  :root .sm\:border-collapse {
    border-collapse: collapse;
  }

  :root .sm\:border-separate {
    border-collapse: separate;
  }

  :root .sm\:border-transparent {
    border-color: transparent;
  }

  :root .sm\:border-black {
    border-color: var(--text-color);
  }

  :root .sm\:border-white {
    border-color: var(--text-color-light);
  }

  :root .sm\:border-contrast-black {
    border-color: black;
  }

  :root .sm\:border-contrast-white {
    border-color: white;
  }

  :root .sm\:border-obs-primary {
    border-color: #5977FF;
  }

  :root .sm\:border-obs-secondary {
    border-color: #5d5c64;
  }

  :root .sm\:border-obs-maroon {
    border-color: #961e36;
  }

  :root .sm\:border-obs-navy {
    border-color: #3e4861;
  }

  :root .sm\:border-obs-pink {
    border-color: #d2afc5;
  }

  :root .sm\:border-obs-dark-orange {
    border-color: #d6582a;
  }

  :root .sm\:border-obs-gold {
    border-color: #9d8944;
  }

  :root .sm\:border-obs-light-blue {
    border-color: #A3C2D6;
  }

  :root .sm\:border-obs-purple {
    border-color: #722670;
  }

  :root .sm\:border-obs-light-orange {
    border-color: #fF9c01;
  }

  :root .sm\:border-obs-blue {
    border-color: #5da7d6;
  }

  :root .sm\:border-gray-50 {
    border-color: #fafafa;
  }

  :root .sm\:border-gray-100 {
    border-color: #f5f5f5;
  }

  :root .sm\:border-gray-200 {
    border-color: #eeeeee;
  }

  :root .sm\:border-gray-300 {
    border-color: #e0e0e0;
  }

  :root .sm\:border-gray-400 {
    border-color: #bdbdbd;
  }

  :root .sm\:border-gray-500 {
    border-color: #9e9e9e;
  }

  :root .sm\:border-gray-600 {
    border-color: #757575;
  }

  :root .sm\:border-gray-700 {
    border-color: #616161;
  }

  :root .sm\:border-gray-800 {
    border-color: #424242;
  }

  :root .sm\:border-gray-900 {
    border-color: #212121;
  }

  :root .sm\:border-red-50 {
    border-color: #ffebee;
  }

  :root .sm\:border-red-100 {
    border-color: #ffcdd2;
  }

  :root .sm\:border-red-200 {
    border-color: #ef9a9a;
  }

  :root .sm\:border-red-300 {
    border-color: #e57373;
  }

  :root .sm\:border-red-400 {
    border-color: #ef5350;
  }

  :root .sm\:border-red-500 {
    border-color: #f44336;
  }

  :root .sm\:border-red-600 {
    border-color: #e53935;
  }

  :root .sm\:border-red-700 {
    border-color: #d32f2f;
  }

  :root .sm\:border-red-800 {
    border-color: #c62828;
  }

  :root .sm\:border-red-900 {
    border-color: #b71c1c;
  }

  :root .sm\:border-orange-50 {
    border-color: #fff3e0;
  }

  :root .sm\:border-orange-100 {
    border-color: #ffe0b2;
  }

  :root .sm\:border-orange-200 {
    border-color: #ffcc80;
  }

  :root .sm\:border-orange-300 {
    border-color: #ffb74d;
  }

  :root .sm\:border-orange-400 {
    border-color: #ffa726;
  }

  :root .sm\:border-orange-500 {
    border-color: #ff9800;
  }

  :root .sm\:border-orange-600 {
    border-color: #fb8c00;
  }

  :root .sm\:border-orange-700 {
    border-color: #f57c00;
  }

  :root .sm\:border-orange-800 {
    border-color: #ef6c00;
  }

  :root .sm\:border-orange-900 {
    border-color: #e65100;
  }

  :root .sm\:border-deep-orange-50 {
    border-color: #fbe9e7;
  }

  :root .sm\:border-deep-orange-100 {
    border-color: #ffccbc;
  }

  :root .sm\:border-deep-orange-200 {
    border-color: #ffab91;
  }

  :root .sm\:border-deep-orange-300 {
    border-color: #ff8a65;
  }

  :root .sm\:border-deep-orange-400 {
    border-color: #ff7043;
  }

  :root .sm\:border-deep-orange-500 {
    border-color: #ff5722;
  }

  :root .sm\:border-deep-orange-600 {
    border-color: #f4511e;
  }

  :root .sm\:border-deep-orange-700 {
    border-color: #e64a19;
  }

  :root .sm\:border-deep-orange-800 {
    border-color: #d84315;
  }

  :root .sm\:border-deep-orange-900 {
    border-color: #bf360c;
  }

  :root .sm\:border-amber-50 {
    border-color: #fff8e1;
  }

  :root .sm\:border-amber-100 {
    border-color: #ffecb3;
  }

  :root .sm\:border-amber-200 {
    border-color: #ffe082;
  }

  :root .sm\:border-amber-300 {
    border-color: #ffd54f;
  }

  :root .sm\:border-amber-400 {
    border-color: #ffca28;
  }

  :root .sm\:border-amber-500 {
    border-color: #ffc107;
  }

  :root .sm\:border-amber-600 {
    border-color: #ffb300;
  }

  :root .sm\:border-amber-700 {
    border-color: #ffa000;
  }

  :root .sm\:border-amber-800 {
    border-color: #ff8f00;
  }

  :root .sm\:border-amber-900 {
    border-color: #ff6f00;
  }

  :root .sm\:border-light-green-50 {
    border-color: #f1f8e9;
  }

  :root .sm\:border-light-green-100 {
    border-color: #dcedc8;
  }

  :root .sm\:border-light-green-200 {
    border-color: #c5e1a5;
  }

  :root .sm\:border-light-green-300 {
    border-color: #aed581;
  }

  :root .sm\:border-light-green-400 {
    border-color: #9ccc65;
  }

  :root .sm\:border-light-green-500 {
    border-color: #8bc34a;
  }

  :root .sm\:border-light-green-600 {
    border-color: #7cb342;
  }

  :root .sm\:border-light-green-700 {
    border-color: #689f38;
  }

  :root .sm\:border-light-green-800 {
    border-color: #558b2f;
  }

  :root .sm\:border-light-green-900 {
    border-color: #33691e;
  }

  :root .sm\:border-green-50 {
    border-color: #e8f5e9;
  }

  :root .sm\:border-green-100 {
    border-color: #c8e6c9;
  }

  :root .sm\:border-green-200 {
    border-color: #a5d6a7;
  }

  :root .sm\:border-green-300 {
    border-color: #81c784;
  }

  :root .sm\:border-green-400 {
    border-color: #66bb6a;
  }

  :root .sm\:border-green-500 {
    border-color: #4caf50;
  }

  :root .sm\:border-green-600 {
    border-color: #43a047;
  }

  :root .sm\:border-green-700 {
    border-color: #388e3c;
  }

  :root .sm\:border-green-800 {
    border-color: #2e7d32;
  }

  :root .sm\:border-green-900 {
    border-color: #1b5e20;
  }

  :root .sm\:border-teal-50 {
    border-color: #e0f2f1;
  }

  :root .sm\:border-teal-100 {
    border-color: #b2dfdb;
  }

  :root .sm\:border-teal-200 {
    border-color: #80cbc4;
  }

  :root .sm\:border-teal-300 {
    border-color: #4db6ac;
  }

  :root .sm\:border-teal-400 {
    border-color: #26a69a;
  }

  :root .sm\:border-teal-500 {
    border-color: #009688;
  }

  :root .sm\:border-teal-600 {
    border-color: #00897b;
  }

  :root .sm\:border-teal-700 {
    border-color: #00796b;
  }

  :root .sm\:border-teal-800 {
    border-color: #00695c;
  }

  :root .sm\:border-teal-900 {
    border-color: #004d40;
  }

  :root .sm\:border-cyan-50 {
    border-color: #e0f7fa;
  }

  :root .sm\:border-cyan-100 {
    border-color: #b2ebf2;
  }

  :root .sm\:border-cyan-200 {
    border-color: #80deea;
  }

  :root .sm\:border-cyan-300 {
    border-color: #4dd0e1;
  }

  :root .sm\:border-cyan-400 {
    border-color: #26c6da;
  }

  :root .sm\:border-cyan-500 {
    border-color: #00bcd4;
  }

  :root .sm\:border-cyan-600 {
    border-color: #00acc1;
  }

  :root .sm\:border-cyan-700 {
    border-color: #0097a7;
  }

  :root .sm\:border-cyan-800 {
    border-color: #00838f;
  }

  :root .sm\:border-cyan-900 {
    border-color: #006064;
  }

  :root .sm\:border-purple-50 {
    border-color: #f3e5f5;
  }

  :root .sm\:border-purple-100 {
    border-color: #e1bee7;
  }

  :root .sm\:border-purple-200 {
    border-color: #ce93d8;
  }

  :root .sm\:border-purple-300 {
    border-color: #ba68c8;
  }

  :root .sm\:border-purple-400 {
    border-color: #ab47bc;
  }

  :root .sm\:border-purple-500 {
    border-color: #9c27b0;
  }

  :root .sm\:border-purple-600 {
    border-color: #8e24aa;
  }

  :root .sm\:border-purple-700 {
    border-color: #7b1fa2;
  }

  :root .sm\:border-purple-800 {
    border-color: #6a1b9a;
  }

  :root .sm\:border-purple-900 {
    border-color: #4a148c;
  }

  :root .sm\:border-deep-purple-50 {
    border-color: #ede7f6;
  }

  :root .sm\:border-deep-purple-100 {
    border-color: #d1c4e9;
  }

  :root .sm\:border-deep-purple-200 {
    border-color: #b39ddb;
  }

  :root .sm\:border-deep-purple-300 {
    border-color: #9575cd;
  }

  :root .sm\:border-deep-purple-400 {
    border-color: #7e57c2;
  }

  :root .sm\:border-deep-purple-500 {
    border-color: #673ab7;
  }

  :root .sm\:border-deep-purple-600 {
    border-color: #5e35b1;
  }

  :root .sm\:border-deep-purple-700 {
    border-color: #512da8;
  }

  :root .sm\:border-deep-purple-800 {
    border-color: #4527a0;
  }

  :root .sm\:border-deep-purple-900 {
    border-color: #311b92;
  }

  :root .sm\:border-primary-50 {
    border-color: #FBE4E7;
  }

  :root .sm\:border-primary-100 {
    border-color: #F5BCC2;
  }

  :root .sm\:border-primary-200 {
    border-color: #EE8F9A;
  }

  :root .sm\:border-primary-300 {
    border-color: #E76272;
  }

  :root .sm\:border-primary-400 {
    border-color: #E14053;
  }

  :root .sm\:border-primary-500 {
    border-color: #1976d2;
  }

  :root .sm\:border-primary-600 {
    border-color: #D81A30;
  }

  :root .sm\:border-primary-700 {
    border-color: #D31628;
  }

  :root .sm\:border-primary-800 {
    border-color: #CE1222;
  }

  :root .sm\:border-primary-900 {
    border-color: #C50A16;
  }

  :root .sm\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  :root .sm\:hover\:border-black:hover {
    border-color: var(--text-color);
  }

  :root .sm\:hover\:border-white:hover {
    border-color: var(--text-color-light);
  }

  :root .sm\:hover\:border-contrast-black:hover {
    border-color: black;
  }

  :root .sm\:hover\:border-contrast-white:hover {
    border-color: white;
  }

  :root .sm\:hover\:border-obs-primary:hover {
    border-color: #5977FF;
  }

  :root .sm\:hover\:border-obs-secondary:hover {
    border-color: #5d5c64;
  }

  :root .sm\:hover\:border-obs-maroon:hover {
    border-color: #961e36;
  }

  :root .sm\:hover\:border-obs-navy:hover {
    border-color: #3e4861;
  }

  :root .sm\:hover\:border-obs-pink:hover {
    border-color: #d2afc5;
  }

  :root .sm\:hover\:border-obs-dark-orange:hover {
    border-color: #d6582a;
  }

  :root .sm\:hover\:border-obs-gold:hover {
    border-color: #9d8944;
  }

  :root .sm\:hover\:border-obs-light-blue:hover {
    border-color: #A3C2D6;
  }

  :root .sm\:hover\:border-obs-purple:hover {
    border-color: #722670;
  }

  :root .sm\:hover\:border-obs-light-orange:hover {
    border-color: #fF9c01;
  }

  :root .sm\:hover\:border-obs-blue:hover {
    border-color: #5da7d6;
  }

  :root .sm\:hover\:border-gray-50:hover {
    border-color: #fafafa;
  }

  :root .sm\:hover\:border-gray-100:hover {
    border-color: #f5f5f5;
  }

  :root .sm\:hover\:border-gray-200:hover {
    border-color: #eeeeee;
  }

  :root .sm\:hover\:border-gray-300:hover {
    border-color: #e0e0e0;
  }

  :root .sm\:hover\:border-gray-400:hover {
    border-color: #bdbdbd;
  }

  :root .sm\:hover\:border-gray-500:hover {
    border-color: #9e9e9e;
  }

  :root .sm\:hover\:border-gray-600:hover {
    border-color: #757575;
  }

  :root .sm\:hover\:border-gray-700:hover {
    border-color: #616161;
  }

  :root .sm\:hover\:border-gray-800:hover {
    border-color: #424242;
  }

  :root .sm\:hover\:border-gray-900:hover {
    border-color: #212121;
  }

  :root .sm\:hover\:border-red-50:hover {
    border-color: #ffebee;
  }

  :root .sm\:hover\:border-red-100:hover {
    border-color: #ffcdd2;
  }

  :root .sm\:hover\:border-red-200:hover {
    border-color: #ef9a9a;
  }

  :root .sm\:hover\:border-red-300:hover {
    border-color: #e57373;
  }

  :root .sm\:hover\:border-red-400:hover {
    border-color: #ef5350;
  }

  :root .sm\:hover\:border-red-500:hover {
    border-color: #f44336;
  }

  :root .sm\:hover\:border-red-600:hover {
    border-color: #e53935;
  }

  :root .sm\:hover\:border-red-700:hover {
    border-color: #d32f2f;
  }

  :root .sm\:hover\:border-red-800:hover {
    border-color: #c62828;
  }

  :root .sm\:hover\:border-red-900:hover {
    border-color: #b71c1c;
  }

  :root .sm\:hover\:border-orange-50:hover {
    border-color: #fff3e0;
  }

  :root .sm\:hover\:border-orange-100:hover {
    border-color: #ffe0b2;
  }

  :root .sm\:hover\:border-orange-200:hover {
    border-color: #ffcc80;
  }

  :root .sm\:hover\:border-orange-300:hover {
    border-color: #ffb74d;
  }

  :root .sm\:hover\:border-orange-400:hover {
    border-color: #ffa726;
  }

  :root .sm\:hover\:border-orange-500:hover {
    border-color: #ff9800;
  }

  :root .sm\:hover\:border-orange-600:hover {
    border-color: #fb8c00;
  }

  :root .sm\:hover\:border-orange-700:hover {
    border-color: #f57c00;
  }

  :root .sm\:hover\:border-orange-800:hover {
    border-color: #ef6c00;
  }

  :root .sm\:hover\:border-orange-900:hover {
    border-color: #e65100;
  }

  :root .sm\:hover\:border-deep-orange-50:hover {
    border-color: #fbe9e7;
  }

  :root .sm\:hover\:border-deep-orange-100:hover {
    border-color: #ffccbc;
  }

  :root .sm\:hover\:border-deep-orange-200:hover {
    border-color: #ffab91;
  }

  :root .sm\:hover\:border-deep-orange-300:hover {
    border-color: #ff8a65;
  }

  :root .sm\:hover\:border-deep-orange-400:hover {
    border-color: #ff7043;
  }

  :root .sm\:hover\:border-deep-orange-500:hover {
    border-color: #ff5722;
  }

  :root .sm\:hover\:border-deep-orange-600:hover {
    border-color: #f4511e;
  }

  :root .sm\:hover\:border-deep-orange-700:hover {
    border-color: #e64a19;
  }

  :root .sm\:hover\:border-deep-orange-800:hover {
    border-color: #d84315;
  }

  :root .sm\:hover\:border-deep-orange-900:hover {
    border-color: #bf360c;
  }

  :root .sm\:hover\:border-amber-50:hover {
    border-color: #fff8e1;
  }

  :root .sm\:hover\:border-amber-100:hover {
    border-color: #ffecb3;
  }

  :root .sm\:hover\:border-amber-200:hover {
    border-color: #ffe082;
  }

  :root .sm\:hover\:border-amber-300:hover {
    border-color: #ffd54f;
  }

  :root .sm\:hover\:border-amber-400:hover {
    border-color: #ffca28;
  }

  :root .sm\:hover\:border-amber-500:hover {
    border-color: #ffc107;
  }

  :root .sm\:hover\:border-amber-600:hover {
    border-color: #ffb300;
  }

  :root .sm\:hover\:border-amber-700:hover {
    border-color: #ffa000;
  }

  :root .sm\:hover\:border-amber-800:hover {
    border-color: #ff8f00;
  }

  :root .sm\:hover\:border-amber-900:hover {
    border-color: #ff6f00;
  }

  :root .sm\:hover\:border-light-green-50:hover {
    border-color: #f1f8e9;
  }

  :root .sm\:hover\:border-light-green-100:hover {
    border-color: #dcedc8;
  }

  :root .sm\:hover\:border-light-green-200:hover {
    border-color: #c5e1a5;
  }

  :root .sm\:hover\:border-light-green-300:hover {
    border-color: #aed581;
  }

  :root .sm\:hover\:border-light-green-400:hover {
    border-color: #9ccc65;
  }

  :root .sm\:hover\:border-light-green-500:hover {
    border-color: #8bc34a;
  }

  :root .sm\:hover\:border-light-green-600:hover {
    border-color: #7cb342;
  }

  :root .sm\:hover\:border-light-green-700:hover {
    border-color: #689f38;
  }

  :root .sm\:hover\:border-light-green-800:hover {
    border-color: #558b2f;
  }

  :root .sm\:hover\:border-light-green-900:hover {
    border-color: #33691e;
  }

  :root .sm\:hover\:border-green-50:hover {
    border-color: #e8f5e9;
  }

  :root .sm\:hover\:border-green-100:hover {
    border-color: #c8e6c9;
  }

  :root .sm\:hover\:border-green-200:hover {
    border-color: #a5d6a7;
  }

  :root .sm\:hover\:border-green-300:hover {
    border-color: #81c784;
  }

  :root .sm\:hover\:border-green-400:hover {
    border-color: #66bb6a;
  }

  :root .sm\:hover\:border-green-500:hover {
    border-color: #4caf50;
  }

  :root .sm\:hover\:border-green-600:hover {
    border-color: #43a047;
  }

  :root .sm\:hover\:border-green-700:hover {
    border-color: #388e3c;
  }

  :root .sm\:hover\:border-green-800:hover {
    border-color: #2e7d32;
  }

  :root .sm\:hover\:border-green-900:hover {
    border-color: #1b5e20;
  }

  :root .sm\:hover\:border-teal-50:hover {
    border-color: #e0f2f1;
  }

  :root .sm\:hover\:border-teal-100:hover {
    border-color: #b2dfdb;
  }

  :root .sm\:hover\:border-teal-200:hover {
    border-color: #80cbc4;
  }

  :root .sm\:hover\:border-teal-300:hover {
    border-color: #4db6ac;
  }

  :root .sm\:hover\:border-teal-400:hover {
    border-color: #26a69a;
  }

  :root .sm\:hover\:border-teal-500:hover {
    border-color: #009688;
  }

  :root .sm\:hover\:border-teal-600:hover {
    border-color: #00897b;
  }

  :root .sm\:hover\:border-teal-700:hover {
    border-color: #00796b;
  }

  :root .sm\:hover\:border-teal-800:hover {
    border-color: #00695c;
  }

  :root .sm\:hover\:border-teal-900:hover {
    border-color: #004d40;
  }

  :root .sm\:hover\:border-cyan-50:hover {
    border-color: #e0f7fa;
  }

  :root .sm\:hover\:border-cyan-100:hover {
    border-color: #b2ebf2;
  }

  :root .sm\:hover\:border-cyan-200:hover {
    border-color: #80deea;
  }

  :root .sm\:hover\:border-cyan-300:hover {
    border-color: #4dd0e1;
  }

  :root .sm\:hover\:border-cyan-400:hover {
    border-color: #26c6da;
  }

  :root .sm\:hover\:border-cyan-500:hover {
    border-color: #00bcd4;
  }

  :root .sm\:hover\:border-cyan-600:hover {
    border-color: #00acc1;
  }

  :root .sm\:hover\:border-cyan-700:hover {
    border-color: #0097a7;
  }

  :root .sm\:hover\:border-cyan-800:hover {
    border-color: #00838f;
  }

  :root .sm\:hover\:border-cyan-900:hover {
    border-color: #006064;
  }

  :root .sm\:hover\:border-purple-50:hover {
    border-color: #f3e5f5;
  }

  :root .sm\:hover\:border-purple-100:hover {
    border-color: #e1bee7;
  }

  :root .sm\:hover\:border-purple-200:hover {
    border-color: #ce93d8;
  }

  :root .sm\:hover\:border-purple-300:hover {
    border-color: #ba68c8;
  }

  :root .sm\:hover\:border-purple-400:hover {
    border-color: #ab47bc;
  }

  :root .sm\:hover\:border-purple-500:hover {
    border-color: #9c27b0;
  }

  :root .sm\:hover\:border-purple-600:hover {
    border-color: #8e24aa;
  }

  :root .sm\:hover\:border-purple-700:hover {
    border-color: #7b1fa2;
  }

  :root .sm\:hover\:border-purple-800:hover {
    border-color: #6a1b9a;
  }

  :root .sm\:hover\:border-purple-900:hover {
    border-color: #4a148c;
  }

  :root .sm\:hover\:border-deep-purple-50:hover {
    border-color: #ede7f6;
  }

  :root .sm\:hover\:border-deep-purple-100:hover {
    border-color: #d1c4e9;
  }

  :root .sm\:hover\:border-deep-purple-200:hover {
    border-color: #b39ddb;
  }

  :root .sm\:hover\:border-deep-purple-300:hover {
    border-color: #9575cd;
  }

  :root .sm\:hover\:border-deep-purple-400:hover {
    border-color: #7e57c2;
  }

  :root .sm\:hover\:border-deep-purple-500:hover {
    border-color: #673ab7;
  }

  :root .sm\:hover\:border-deep-purple-600:hover {
    border-color: #5e35b1;
  }

  :root .sm\:hover\:border-deep-purple-700:hover {
    border-color: #512da8;
  }

  :root .sm\:hover\:border-deep-purple-800:hover {
    border-color: #4527a0;
  }

  :root .sm\:hover\:border-deep-purple-900:hover {
    border-color: #311b92;
  }

  :root .sm\:hover\:border-primary-50:hover {
    border-color: #FBE4E7;
  }

  :root .sm\:hover\:border-primary-100:hover {
    border-color: #F5BCC2;
  }

  :root .sm\:hover\:border-primary-200:hover {
    border-color: #EE8F9A;
  }

  :root .sm\:hover\:border-primary-300:hover {
    border-color: #E76272;
  }

  :root .sm\:hover\:border-primary-400:hover {
    border-color: #E14053;
  }

  :root .sm\:hover\:border-primary-500:hover {
    border-color: #1976d2;
  }

  :root .sm\:hover\:border-primary-600:hover {
    border-color: #D81A30;
  }

  :root .sm\:hover\:border-primary-700:hover {
    border-color: #D31628;
  }

  :root .sm\:hover\:border-primary-800:hover {
    border-color: #CE1222;
  }

  :root .sm\:hover\:border-primary-900:hover {
    border-color: #C50A16;
  }

  :root .sm\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  :root .sm\:focus\:border-black:focus {
    border-color: var(--text-color);
  }

  :root .sm\:focus\:border-white:focus {
    border-color: var(--text-color-light);
  }

  :root .sm\:focus\:border-contrast-black:focus {
    border-color: black;
  }

  :root .sm\:focus\:border-contrast-white:focus {
    border-color: white;
  }

  :root .sm\:focus\:border-obs-primary:focus {
    border-color: #5977FF;
  }

  :root .sm\:focus\:border-obs-secondary:focus {
    border-color: #5d5c64;
  }

  :root .sm\:focus\:border-obs-maroon:focus {
    border-color: #961e36;
  }

  :root .sm\:focus\:border-obs-navy:focus {
    border-color: #3e4861;
  }

  :root .sm\:focus\:border-obs-pink:focus {
    border-color: #d2afc5;
  }

  :root .sm\:focus\:border-obs-dark-orange:focus {
    border-color: #d6582a;
  }

  :root .sm\:focus\:border-obs-gold:focus {
    border-color: #9d8944;
  }

  :root .sm\:focus\:border-obs-light-blue:focus {
    border-color: #A3C2D6;
  }

  :root .sm\:focus\:border-obs-purple:focus {
    border-color: #722670;
  }

  :root .sm\:focus\:border-obs-light-orange:focus {
    border-color: #fF9c01;
  }

  :root .sm\:focus\:border-obs-blue:focus {
    border-color: #5da7d6;
  }

  :root .sm\:focus\:border-gray-50:focus {
    border-color: #fafafa;
  }

  :root .sm\:focus\:border-gray-100:focus {
    border-color: #f5f5f5;
  }

  :root .sm\:focus\:border-gray-200:focus {
    border-color: #eeeeee;
  }

  :root .sm\:focus\:border-gray-300:focus {
    border-color: #e0e0e0;
  }

  :root .sm\:focus\:border-gray-400:focus {
    border-color: #bdbdbd;
  }

  :root .sm\:focus\:border-gray-500:focus {
    border-color: #9e9e9e;
  }

  :root .sm\:focus\:border-gray-600:focus {
    border-color: #757575;
  }

  :root .sm\:focus\:border-gray-700:focus {
    border-color: #616161;
  }

  :root .sm\:focus\:border-gray-800:focus {
    border-color: #424242;
  }

  :root .sm\:focus\:border-gray-900:focus {
    border-color: #212121;
  }

  :root .sm\:focus\:border-red-50:focus {
    border-color: #ffebee;
  }

  :root .sm\:focus\:border-red-100:focus {
    border-color: #ffcdd2;
  }

  :root .sm\:focus\:border-red-200:focus {
    border-color: #ef9a9a;
  }

  :root .sm\:focus\:border-red-300:focus {
    border-color: #e57373;
  }

  :root .sm\:focus\:border-red-400:focus {
    border-color: #ef5350;
  }

  :root .sm\:focus\:border-red-500:focus {
    border-color: #f44336;
  }

  :root .sm\:focus\:border-red-600:focus {
    border-color: #e53935;
  }

  :root .sm\:focus\:border-red-700:focus {
    border-color: #d32f2f;
  }

  :root .sm\:focus\:border-red-800:focus {
    border-color: #c62828;
  }

  :root .sm\:focus\:border-red-900:focus {
    border-color: #b71c1c;
  }

  :root .sm\:focus\:border-orange-50:focus {
    border-color: #fff3e0;
  }

  :root .sm\:focus\:border-orange-100:focus {
    border-color: #ffe0b2;
  }

  :root .sm\:focus\:border-orange-200:focus {
    border-color: #ffcc80;
  }

  :root .sm\:focus\:border-orange-300:focus {
    border-color: #ffb74d;
  }

  :root .sm\:focus\:border-orange-400:focus {
    border-color: #ffa726;
  }

  :root .sm\:focus\:border-orange-500:focus {
    border-color: #ff9800;
  }

  :root .sm\:focus\:border-orange-600:focus {
    border-color: #fb8c00;
  }

  :root .sm\:focus\:border-orange-700:focus {
    border-color: #f57c00;
  }

  :root .sm\:focus\:border-orange-800:focus {
    border-color: #ef6c00;
  }

  :root .sm\:focus\:border-orange-900:focus {
    border-color: #e65100;
  }

  :root .sm\:focus\:border-deep-orange-50:focus {
    border-color: #fbe9e7;
  }

  :root .sm\:focus\:border-deep-orange-100:focus {
    border-color: #ffccbc;
  }

  :root .sm\:focus\:border-deep-orange-200:focus {
    border-color: #ffab91;
  }

  :root .sm\:focus\:border-deep-orange-300:focus {
    border-color: #ff8a65;
  }

  :root .sm\:focus\:border-deep-orange-400:focus {
    border-color: #ff7043;
  }

  :root .sm\:focus\:border-deep-orange-500:focus {
    border-color: #ff5722;
  }

  :root .sm\:focus\:border-deep-orange-600:focus {
    border-color: #f4511e;
  }

  :root .sm\:focus\:border-deep-orange-700:focus {
    border-color: #e64a19;
  }

  :root .sm\:focus\:border-deep-orange-800:focus {
    border-color: #d84315;
  }

  :root .sm\:focus\:border-deep-orange-900:focus {
    border-color: #bf360c;
  }

  :root .sm\:focus\:border-amber-50:focus {
    border-color: #fff8e1;
  }

  :root .sm\:focus\:border-amber-100:focus {
    border-color: #ffecb3;
  }

  :root .sm\:focus\:border-amber-200:focus {
    border-color: #ffe082;
  }

  :root .sm\:focus\:border-amber-300:focus {
    border-color: #ffd54f;
  }

  :root .sm\:focus\:border-amber-400:focus {
    border-color: #ffca28;
  }

  :root .sm\:focus\:border-amber-500:focus {
    border-color: #ffc107;
  }

  :root .sm\:focus\:border-amber-600:focus {
    border-color: #ffb300;
  }

  :root .sm\:focus\:border-amber-700:focus {
    border-color: #ffa000;
  }

  :root .sm\:focus\:border-amber-800:focus {
    border-color: #ff8f00;
  }

  :root .sm\:focus\:border-amber-900:focus {
    border-color: #ff6f00;
  }

  :root .sm\:focus\:border-light-green-50:focus {
    border-color: #f1f8e9;
  }

  :root .sm\:focus\:border-light-green-100:focus {
    border-color: #dcedc8;
  }

  :root .sm\:focus\:border-light-green-200:focus {
    border-color: #c5e1a5;
  }

  :root .sm\:focus\:border-light-green-300:focus {
    border-color: #aed581;
  }

  :root .sm\:focus\:border-light-green-400:focus {
    border-color: #9ccc65;
  }

  :root .sm\:focus\:border-light-green-500:focus {
    border-color: #8bc34a;
  }

  :root .sm\:focus\:border-light-green-600:focus {
    border-color: #7cb342;
  }

  :root .sm\:focus\:border-light-green-700:focus {
    border-color: #689f38;
  }

  :root .sm\:focus\:border-light-green-800:focus {
    border-color: #558b2f;
  }

  :root .sm\:focus\:border-light-green-900:focus {
    border-color: #33691e;
  }

  :root .sm\:focus\:border-green-50:focus {
    border-color: #e8f5e9;
  }

  :root .sm\:focus\:border-green-100:focus {
    border-color: #c8e6c9;
  }

  :root .sm\:focus\:border-green-200:focus {
    border-color: #a5d6a7;
  }

  :root .sm\:focus\:border-green-300:focus {
    border-color: #81c784;
  }

  :root .sm\:focus\:border-green-400:focus {
    border-color: #66bb6a;
  }

  :root .sm\:focus\:border-green-500:focus {
    border-color: #4caf50;
  }

  :root .sm\:focus\:border-green-600:focus {
    border-color: #43a047;
  }

  :root .sm\:focus\:border-green-700:focus {
    border-color: #388e3c;
  }

  :root .sm\:focus\:border-green-800:focus {
    border-color: #2e7d32;
  }

  :root .sm\:focus\:border-green-900:focus {
    border-color: #1b5e20;
  }

  :root .sm\:focus\:border-teal-50:focus {
    border-color: #e0f2f1;
  }

  :root .sm\:focus\:border-teal-100:focus {
    border-color: #b2dfdb;
  }

  :root .sm\:focus\:border-teal-200:focus {
    border-color: #80cbc4;
  }

  :root .sm\:focus\:border-teal-300:focus {
    border-color: #4db6ac;
  }

  :root .sm\:focus\:border-teal-400:focus {
    border-color: #26a69a;
  }

  :root .sm\:focus\:border-teal-500:focus {
    border-color: #009688;
  }

  :root .sm\:focus\:border-teal-600:focus {
    border-color: #00897b;
  }

  :root .sm\:focus\:border-teal-700:focus {
    border-color: #00796b;
  }

  :root .sm\:focus\:border-teal-800:focus {
    border-color: #00695c;
  }

  :root .sm\:focus\:border-teal-900:focus {
    border-color: #004d40;
  }

  :root .sm\:focus\:border-cyan-50:focus {
    border-color: #e0f7fa;
  }

  :root .sm\:focus\:border-cyan-100:focus {
    border-color: #b2ebf2;
  }

  :root .sm\:focus\:border-cyan-200:focus {
    border-color: #80deea;
  }

  :root .sm\:focus\:border-cyan-300:focus {
    border-color: #4dd0e1;
  }

  :root .sm\:focus\:border-cyan-400:focus {
    border-color: #26c6da;
  }

  :root .sm\:focus\:border-cyan-500:focus {
    border-color: #00bcd4;
  }

  :root .sm\:focus\:border-cyan-600:focus {
    border-color: #00acc1;
  }

  :root .sm\:focus\:border-cyan-700:focus {
    border-color: #0097a7;
  }

  :root .sm\:focus\:border-cyan-800:focus {
    border-color: #00838f;
  }

  :root .sm\:focus\:border-cyan-900:focus {
    border-color: #006064;
  }

  :root .sm\:focus\:border-purple-50:focus {
    border-color: #f3e5f5;
  }

  :root .sm\:focus\:border-purple-100:focus {
    border-color: #e1bee7;
  }

  :root .sm\:focus\:border-purple-200:focus {
    border-color: #ce93d8;
  }

  :root .sm\:focus\:border-purple-300:focus {
    border-color: #ba68c8;
  }

  :root .sm\:focus\:border-purple-400:focus {
    border-color: #ab47bc;
  }

  :root .sm\:focus\:border-purple-500:focus {
    border-color: #9c27b0;
  }

  :root .sm\:focus\:border-purple-600:focus {
    border-color: #8e24aa;
  }

  :root .sm\:focus\:border-purple-700:focus {
    border-color: #7b1fa2;
  }

  :root .sm\:focus\:border-purple-800:focus {
    border-color: #6a1b9a;
  }

  :root .sm\:focus\:border-purple-900:focus {
    border-color: #4a148c;
  }

  :root .sm\:focus\:border-deep-purple-50:focus {
    border-color: #ede7f6;
  }

  :root .sm\:focus\:border-deep-purple-100:focus {
    border-color: #d1c4e9;
  }

  :root .sm\:focus\:border-deep-purple-200:focus {
    border-color: #b39ddb;
  }

  :root .sm\:focus\:border-deep-purple-300:focus {
    border-color: #9575cd;
  }

  :root .sm\:focus\:border-deep-purple-400:focus {
    border-color: #7e57c2;
  }

  :root .sm\:focus\:border-deep-purple-500:focus {
    border-color: #673ab7;
  }

  :root .sm\:focus\:border-deep-purple-600:focus {
    border-color: #5e35b1;
  }

  :root .sm\:focus\:border-deep-purple-700:focus {
    border-color: #512da8;
  }

  :root .sm\:focus\:border-deep-purple-800:focus {
    border-color: #4527a0;
  }

  :root .sm\:focus\:border-deep-purple-900:focus {
    border-color: #311b92;
  }

  :root .sm\:focus\:border-primary-50:focus {
    border-color: #FBE4E7;
  }

  :root .sm\:focus\:border-primary-100:focus {
    border-color: #F5BCC2;
  }

  :root .sm\:focus\:border-primary-200:focus {
    border-color: #EE8F9A;
  }

  :root .sm\:focus\:border-primary-300:focus {
    border-color: #E76272;
  }

  :root .sm\:focus\:border-primary-400:focus {
    border-color: #E14053;
  }

  :root .sm\:focus\:border-primary-500:focus {
    border-color: #1976d2;
  }

  :root .sm\:focus\:border-primary-600:focus {
    border-color: #D81A30;
  }

  :root .sm\:focus\:border-primary-700:focus {
    border-color: #D31628;
  }

  :root .sm\:focus\:border-primary-800:focus {
    border-color: #CE1222;
  }

  :root .sm\:focus\:border-primary-900:focus {
    border-color: #C50A16;
  }

  :root .sm\:rounded-none {
    border-radius: 0;
  }

  :root .sm\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root .sm\:rounded {
    border-radius: 0.25rem;
  }

  :root .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root .sm\:rounded-full {
    border-radius: 9999px;
  }

  :root .sm\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root .sm\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root .sm\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .sm\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .sm\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root .sm\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root .sm\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .sm\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .sm\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root .sm\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root .sm\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .sm\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .sm\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root .sm\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root .sm\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .sm\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .sm\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root .sm\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root .sm\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .sm\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .sm\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root .sm\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root .sm\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root .sm\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root .sm\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root .sm\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root .sm\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root .sm\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root .sm\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root .sm\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root .sm\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root .sm\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root .sm\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root .sm\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root .sm\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root .sm\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root .sm\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root .sm\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root .sm\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root .sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root .sm\:border-solid {
    border-style: solid;
  }

  :root .sm\:border-dashed {
    border-style: dashed;
  }

  :root .sm\:border-dotted {
    border-style: dotted;
  }

  :root .sm\:border-double {
    border-style: double;
  }

  :root .sm\:border-none {
    border-style: none;
  }

  :root .sm\:border-0 {
    border-width: 0;
  }

  :root .sm\:border-2 {
    border-width: 2px;
  }

  :root .sm\:border-4 {
    border-width: 4px;
  }

  :root .sm\:border-8 {
    border-width: 8px;
  }

  :root .sm\:border {
    border-width: 1px;
  }

  :root .sm\:border-t-0 {
    border-top-width: 0;
  }

  :root .sm\:border-r-0 {
    border-right-width: 0;
  }

  :root .sm\:border-b-0 {
    border-bottom-width: 0;
  }

  :root .sm\:border-l-0 {
    border-left-width: 0;
  }

  :root .sm\:border-t-2 {
    border-top-width: 2px;
  }

  :root .sm\:border-r-2 {
    border-right-width: 2px;
  }

  :root .sm\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root .sm\:border-l-2 {
    border-left-width: 2px;
  }

  :root .sm\:border-t-4 {
    border-top-width: 4px;
  }

  :root .sm\:border-r-4 {
    border-right-width: 4px;
  }

  :root .sm\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root .sm\:border-l-4 {
    border-left-width: 4px;
  }

  :root .sm\:border-t-8 {
    border-top-width: 8px;
  }

  :root .sm\:border-r-8 {
    border-right-width: 8px;
  }

  :root .sm\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root .sm\:border-l-8 {
    border-left-width: 8px;
  }

  :root .sm\:border-t {
    border-top-width: 1px;
  }

  :root .sm\:border-r {
    border-right-width: 1px;
  }

  :root .sm\:border-b {
    border-bottom-width: 1px;
  }

  :root .sm\:border-l {
    border-left-width: 1px;
  }

  [dir=ltr] .sm\:ltr\:border-0 {
    border-width: 0;
  }

  [dir=ltr] .sm\:ltr\:border-2 {
    border-width: 2px;
  }

  [dir=ltr] .sm\:ltr\:border-4 {
    border-width: 4px;
  }

  [dir=ltr] .sm\:ltr\:border-8 {
    border-width: 8px;
  }

  [dir=ltr] .sm\:ltr\:border {
    border-width: 1px;
  }

  [dir=ltr] .sm\:ltr\:border-t-0 {
    border-top-width: 0;
  }

  [dir=ltr] .sm\:ltr\:border-r-0 {
    border-right-width: 0;
  }

  [dir=ltr] .sm\:ltr\:border-b-0 {
    border-bottom-width: 0;
  }

  [dir=ltr] .sm\:ltr\:border-l-0 {
    border-left-width: 0;
  }

  [dir=ltr] .sm\:ltr\:border-t-2 {
    border-top-width: 2px;
  }

  [dir=ltr] .sm\:ltr\:border-r-2 {
    border-right-width: 2px;
  }

  [dir=ltr] .sm\:ltr\:border-b-2 {
    border-bottom-width: 2px;
  }

  [dir=ltr] .sm\:ltr\:border-l-2 {
    border-left-width: 2px;
  }

  [dir=ltr] .sm\:ltr\:border-t-4 {
    border-top-width: 4px;
  }

  [dir=ltr] .sm\:ltr\:border-r-4 {
    border-right-width: 4px;
  }

  [dir=ltr] .sm\:ltr\:border-b-4 {
    border-bottom-width: 4px;
  }

  [dir=ltr] .sm\:ltr\:border-l-4 {
    border-left-width: 4px;
  }

  [dir=ltr] .sm\:ltr\:border-t-8 {
    border-top-width: 8px;
  }

  [dir=ltr] .sm\:ltr\:border-r-8 {
    border-right-width: 8px;
  }

  [dir=ltr] .sm\:ltr\:border-b-8 {
    border-bottom-width: 8px;
  }

  [dir=ltr] .sm\:ltr\:border-l-8 {
    border-left-width: 8px;
  }

  [dir=ltr] .sm\:ltr\:border-t {
    border-top-width: 1px;
  }

  [dir=ltr] .sm\:ltr\:border-r {
    border-right-width: 1px;
  }

  [dir=ltr] .sm\:ltr\:border-b {
    border-bottom-width: 1px;
  }

  [dir=ltr] .sm\:ltr\:border-l {
    border-left-width: 1px;
  }

  [dir=rtl] .sm\:rtl\:border-0 {
    border-width: 0;
  }

  [dir=rtl] .sm\:rtl\:border-2 {
    border-width: 2px;
  }

  [dir=rtl] .sm\:rtl\:border-4 {
    border-width: 4px;
  }

  [dir=rtl] .sm\:rtl\:border-8 {
    border-width: 8px;
  }

  [dir=rtl] .sm\:rtl\:border {
    border-width: 1px;
  }

  [dir=rtl] .sm\:rtl\:border-t-0 {
    border-top-width: 0;
  }

  [dir=rtl] .sm\:rtl\:border-r-0 {
    border-right-width: 0;
  }

  [dir=rtl] .sm\:rtl\:border-b-0 {
    border-bottom-width: 0;
  }

  [dir=rtl] .sm\:rtl\:border-l-0 {
    border-left-width: 0;
  }

  [dir=rtl] .sm\:rtl\:border-t-2 {
    border-top-width: 2px;
  }

  [dir=rtl] .sm\:rtl\:border-r-2 {
    border-right-width: 2px;
  }

  [dir=rtl] .sm\:rtl\:border-b-2 {
    border-bottom-width: 2px;
  }

  [dir=rtl] .sm\:rtl\:border-l-2 {
    border-left-width: 2px;
  }

  [dir=rtl] .sm\:rtl\:border-t-4 {
    border-top-width: 4px;
  }

  [dir=rtl] .sm\:rtl\:border-r-4 {
    border-right-width: 4px;
  }

  [dir=rtl] .sm\:rtl\:border-b-4 {
    border-bottom-width: 4px;
  }

  [dir=rtl] .sm\:rtl\:border-l-4 {
    border-left-width: 4px;
  }

  [dir=rtl] .sm\:rtl\:border-t-8 {
    border-top-width: 8px;
  }

  [dir=rtl] .sm\:rtl\:border-r-8 {
    border-right-width: 8px;
  }

  [dir=rtl] .sm\:rtl\:border-b-8 {
    border-bottom-width: 8px;
  }

  [dir=rtl] .sm\:rtl\:border-l-8 {
    border-left-width: 8px;
  }

  [dir=rtl] .sm\:rtl\:border-t {
    border-top-width: 1px;
  }

  [dir=rtl] .sm\:rtl\:border-r {
    border-right-width: 1px;
  }

  [dir=rtl] .sm\:rtl\:border-b {
    border-bottom-width: 1px;
  }

  [dir=rtl] .sm\:rtl\:border-l {
    border-left-width: 1px;
  }

  :root .sm\:box-border {
    box-sizing: border-box;
  }

  :root .sm\:box-content {
    box-sizing: content-box;
  }

  :root .sm\:cursor-auto {
    cursor: auto;
  }

  :root .sm\:cursor-default {
    cursor: default;
  }

  :root .sm\:cursor-pointer {
    cursor: pointer;
  }

  :root .sm\:cursor-wait {
    cursor: wait;
  }

  :root .sm\:cursor-text {
    cursor: text;
  }

  :root .sm\:cursor-move {
    cursor: move;
  }

  :root .sm\:cursor-not-allowed {
    cursor: not-allowed;
  }

  :root .sm\:block {
    display: block;
  }

  :root .sm\:inline-block {
    display: inline-block;
  }

  :root .sm\:inline {
    display: inline;
  }

  :root .sm\:flex {
    display: flex;
  }

  :root .sm\:inline-flex {
    display: inline-flex;
  }

  :root .sm\:grid {
    display: grid;
  }

  :root .sm\:table {
    display: table;
  }

  :root .sm\:table-caption {
    display: table-caption;
  }

  :root .sm\:table-cell {
    display: table-cell;
  }

  :root .sm\:table-column {
    display: table-column;
  }

  :root .sm\:table-column-group {
    display: table-column-group;
  }

  :root .sm\:table-footer-group {
    display: table-footer-group;
  }

  :root .sm\:table-header-group {
    display: table-header-group;
  }

  :root .sm\:table-row-group {
    display: table-row-group;
  }

  :root .sm\:table-row {
    display: table-row;
  }

  :root .sm\:hidden {
    display: none;
  }

  :root .sm\:flex-row {
    flex-direction: row;
  }

  :root .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  :root .sm\:flex-col {
    flex-direction: column;
  }

  :root .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  :root .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  :root .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  :root .sm\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  :root .sm\:items-start {
    align-items: flex-start;
  }

  :root .sm\:items-end {
    align-items: flex-end;
  }

  :root .sm\:items-center {
    align-items: center;
  }

  :root .sm\:items-baseline {
    align-items: baseline;
  }

  :root .sm\:items-stretch {
    align-items: stretch;
  }

  :root .sm\:self-auto {
    align-self: auto;
  }

  :root .sm\:self-start {
    align-self: flex-start;
  }

  :root .sm\:self-end {
    align-self: flex-end;
  }

  :root .sm\:self-center {
    align-self: center;
  }

  :root .sm\:self-stretch {
    align-self: stretch;
  }

  :root .sm\:justify-start {
    justify-content: flex-start;
  }

  :root .sm\:justify-end {
    justify-content: flex-end;
  }

  :root .sm\:justify-center {
    justify-content: center;
  }

  :root .sm\:justify-between {
    justify-content: space-between;
  }

  :root .sm\:justify-around {
    justify-content: space-around;
  }

  :root .sm\:justify-evenly {
    justify-content: space-evenly;
  }

  :root .sm\:content-center {
    align-content: center;
  }

  :root .sm\:content-start {
    align-content: flex-start;
  }

  :root .sm\:content-end {
    align-content: flex-end;
  }

  :root .sm\:content-between {
    align-content: space-between;
  }

  :root .sm\:content-around {
    align-content: space-around;
  }

  :root .sm\:flex-1 {
    flex: 1 1 0%;
  }

  :root .sm\:flex-auto {
    flex: 1 1 auto;
  }

  :root .sm\:flex-initial {
    flex: 0 1 auto;
  }

  :root .sm\:flex-none {
    flex: none;
  }

  :root .sm\:flex-grow-0 {
    flex-grow: 0;
  }

  :root .sm\:flex-grow {
    flex-grow: 1;
  }

  :root .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }

  :root .sm\:flex-shrink {
    flex-shrink: 1;
  }

  :root .sm\:order-1 {
    order: 1;
  }

  :root .sm\:order-2 {
    order: 2;
  }

  :root .sm\:order-3 {
    order: 3;
  }

  :root .sm\:order-4 {
    order: 4;
  }

  :root .sm\:order-5 {
    order: 5;
  }

  :root .sm\:order-6 {
    order: 6;
  }

  :root .sm\:order-7 {
    order: 7;
  }

  :root .sm\:order-8 {
    order: 8;
  }

  :root .sm\:order-9 {
    order: 9;
  }

  :root .sm\:order-10 {
    order: 10;
  }

  :root .sm\:order-11 {
    order: 11;
  }

  :root .sm\:order-12 {
    order: 12;
  }

  :root .sm\:order-first {
    order: -9999;
  }

  :root .sm\:order-last {
    order: 9999;
  }

  :root .sm\:order-none {
    order: 0;
  }

  :root .sm\:float-right {
    float: right;
  }

  :root .sm\:float-left {
    float: left;
  }

  :root .sm\:float-none {
    float: none;
  }

  :root .sm\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  :root .sm\:clear-left {
    clear: left;
  }

  :root .sm\:clear-right {
    clear: right;
  }

  :root .sm\:clear-both {
    clear: both;
  }

  :root .sm\:font-sans {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  }

  :root .sm\:font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  :root .sm\:font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  :root .sm\:font-hairline {
    font-weight: 100;
  }

  :root .sm\:font-thin {
    font-weight: 200;
  }

  :root .sm\:font-light {
    font-weight: 300;
  }

  :root .sm\:font-normal {
    font-weight: 400;
  }

  :root .sm\:font-medium {
    font-weight: 500;
  }

  :root .sm\:font-semibold {
    font-weight: 600;
  }

  :root .sm\:font-bold {
    font-weight: 700;
  }

  :root .sm\:font-extrabold {
    font-weight: 800;
  }

  :root .sm\:font-black {
    font-weight: 900;
  }

  :root .sm\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  :root .sm\:hover\:font-thin:hover {
    font-weight: 200;
  }

  :root .sm\:hover\:font-light:hover {
    font-weight: 300;
  }

  :root .sm\:hover\:font-normal:hover {
    font-weight: 400;
  }

  :root .sm\:hover\:font-medium:hover {
    font-weight: 500;
  }

  :root .sm\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  :root .sm\:hover\:font-bold:hover {
    font-weight: 700;
  }

  :root .sm\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  :root .sm\:hover\:font-black:hover {
    font-weight: 900;
  }

  :root .sm\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  :root .sm\:focus\:font-thin:focus {
    font-weight: 200;
  }

  :root .sm\:focus\:font-light:focus {
    font-weight: 300;
  }

  :root .sm\:focus\:font-normal:focus {
    font-weight: 400;
  }

  :root .sm\:focus\:font-medium:focus {
    font-weight: 500;
  }

  :root .sm\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  :root .sm\:focus\:font-bold:focus {
    font-weight: 700;
  }

  :root .sm\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  :root .sm\:focus\:font-black:focus {
    font-weight: 900;
  }

  :root .sm\:h-0 {
    height: 0;
  }

  :root .sm\:h-1 {
    height: 0.25rem;
  }

  :root .sm\:h-2 {
    height: 0.5rem;
  }

  :root .sm\:h-3 {
    height: 0.75rem;
  }

  :root .sm\:h-4 {
    height: 1rem;
  }

  :root .sm\:h-5 {
    height: 1.25rem;
  }

  :root .sm\:h-6 {
    height: 1.5rem;
  }

  :root .sm\:h-8 {
    height: 2rem;
  }

  :root .sm\:h-9 {
    height: 2.25rem;
  }

  :root .sm\:h-10 {
    height: 2.5rem;
  }

  :root .sm\:h-12 {
    height: 3rem;
  }

  :root .sm\:h-14 {
    height: 3.5rem;
  }

  :root .sm\:h-16 {
    height: 4rem;
  }

  :root .sm\:h-20 {
    height: 5rem;
  }

  :root .sm\:h-24 {
    height: 6rem;
  }

  :root .sm\:h-32 {
    height: 8rem;
  }

  :root .sm\:h-40 {
    height: 10rem;
  }

  :root .sm\:h-48 {
    height: 12rem;
  }

  :root .sm\:h-56 {
    height: 14rem;
  }

  :root .sm\:h-64 {
    height: 16rem;
  }

  :root .sm\:h-auto {
    height: auto;
  }

  :root .sm\:h-px {
    height: 1px;
  }

  :root .sm\:h-gutter {
    height: var(--padding-gutter);
  }

  :root .sm\:h-full {
    height: 100%;
  }

  :root .sm\:h-screen {
    height: 100vh;
  }

  :root .sm\:leading-none {
    line-height: 1;
  }

  :root .sm\:leading-tight {
    line-height: 1.25;
  }

  :root .sm\:leading-snug {
    line-height: 1.375;
  }

  :root .sm\:leading-normal {
    line-height: 1.5;
  }

  :root .sm\:leading-relaxed {
    line-height: 1.625;
  }

  :root .sm\:leading-loose {
    line-height: 2;
  }

  :root .sm\:list-inside {
    list-style-position: inside;
  }

  :root .sm\:list-outside {
    list-style-position: outside;
  }

  :root .sm\:list-none {
    list-style-type: none;
  }

  :root .sm\:list-disc {
    list-style-type: disc;
  }

  :root .sm\:list-decimal {
    list-style-type: decimal;
  }

  :root .sm\:m-0 {
    margin: 0;
  }

  :root .sm\:m-1 {
    margin: 0.25rem;
  }

  :root .sm\:m-2 {
    margin: 0.5rem;
  }

  :root .sm\:m-3 {
    margin: 0.75rem;
  }

  :root .sm\:m-4 {
    margin: 1rem;
  }

  :root .sm\:m-5 {
    margin: 1.25rem;
  }

  :root .sm\:m-6 {
    margin: 1.5rem;
  }

  :root .sm\:m-8 {
    margin: 2rem;
  }

  :root .sm\:m-9 {
    margin: 2.25rem;
  }

  :root .sm\:m-10 {
    margin: 2.5rem;
  }

  :root .sm\:m-12 {
    margin: 3rem;
  }

  :root .sm\:m-14 {
    margin: 3.5rem;
  }

  :root .sm\:m-16 {
    margin: 4rem;
  }

  :root .sm\:m-20 {
    margin: 5rem;
  }

  :root .sm\:m-24 {
    margin: 6rem;
  }

  :root .sm\:m-32 {
    margin: 8rem;
  }

  :root .sm\:m-40 {
    margin: 10rem;
  }

  :root .sm\:m-48 {
    margin: 12rem;
  }

  :root .sm\:m-56 {
    margin: 14rem;
  }

  :root .sm\:m-64 {
    margin: 16rem;
  }

  :root .sm\:m-auto {
    margin: auto;
  }

  :root .sm\:m-px {
    margin: 1px;
  }

  :root .sm\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root .sm\:-m-1 {
    margin: -0.25rem;
  }

  :root .sm\:-m-2 {
    margin: -0.5rem;
  }

  :root .sm\:-m-3 {
    margin: -0.75rem;
  }

  :root .sm\:-m-4 {
    margin: -1rem;
  }

  :root .sm\:-m-5 {
    margin: -1.25rem;
  }

  :root .sm\:-m-6 {
    margin: -1.5rem;
  }

  :root .sm\:-m-8 {
    margin: -2rem;
  }

  :root .sm\:-m-9 {
    margin: -2.25rem;
  }

  :root .sm\:-m-10 {
    margin: -2.5rem;
  }

  :root .sm\:-m-12 {
    margin: -3rem;
  }

  :root .sm\:-m-14 {
    margin: -3.5rem;
  }

  :root .sm\:-m-16 {
    margin: -4rem;
  }

  :root .sm\:-m-20 {
    margin: -5rem;
  }

  :root .sm\:-m-24 {
    margin: -6rem;
  }

  :root .sm\:-m-32 {
    margin: -8rem;
  }

  :root .sm\:-m-40 {
    margin: -10rem;
  }

  :root .sm\:-m-48 {
    margin: -12rem;
  }

  :root .sm\:-m-56 {
    margin: -14rem;
  }

  :root .sm\:-m-64 {
    margin: -16rem;
  }

  :root .sm\:-m-px {
    margin: -1px;
  }

  :root .sm\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root .sm\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root .sm\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root .sm\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root .sm\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root .sm\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root .sm\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root .sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root .sm\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root .sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root .sm\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root .sm\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root .sm\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root .sm\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root .sm\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root .sm\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root .sm\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root .sm\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root .sm\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root .sm\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root .sm\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root .sm\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root .sm\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root .sm\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root .sm\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root .sm\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root .sm\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root .sm\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root .sm\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root .sm\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root .sm\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root .sm\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root .sm\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root .sm\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root .sm\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root .sm\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root .sm\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root .sm\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root .sm\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root .sm\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root .sm\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root .sm\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root .sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root .sm\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root .sm\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root .sm\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root .sm\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root .sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root .sm\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root .sm\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root .sm\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root .sm\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root .sm\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root .sm\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root .sm\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root .sm\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root .sm\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root .sm\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root .sm\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root .sm\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root .sm\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root .sm\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root .sm\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root .sm\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root .sm\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root .sm\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root .sm\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root .sm\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root .sm\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root .sm\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root .sm\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root .sm\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root .sm\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root .sm\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:mt-0 {
    margin-top: 0;
  }

  :root .sm\:mr-0 {
    margin-right: 0;
  }

  :root .sm\:mb-0 {
    margin-bottom: 0;
  }

  :root .sm\:ml-0 {
    margin-left: 0;
  }

  :root .sm\:mt-1 {
    margin-top: 0.25rem;
  }

  :root .sm\:mr-1 {
    margin-right: 0.25rem;
  }

  :root .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root .sm\:ml-1 {
    margin-left: 0.25rem;
  }

  :root .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  :root .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  :root .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root .sm\:ml-2 {
    margin-left: 0.5rem;
  }

  :root .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  :root .sm\:mr-3 {
    margin-right: 0.75rem;
  }

  :root .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root .sm\:ml-3 {
    margin-left: 0.75rem;
  }

  :root .sm\:mt-4 {
    margin-top: 1rem;
  }

  :root .sm\:mr-4 {
    margin-right: 1rem;
  }

  :root .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  :root .sm\:ml-4 {
    margin-left: 1rem;
  }

  :root .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  :root .sm\:mr-5 {
    margin-right: 1.25rem;
  }

  :root .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root .sm\:ml-5 {
    margin-left: 1.25rem;
  }

  :root .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  :root .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root .sm\:ml-6 {
    margin-left: 1.5rem;
  }

  :root .sm\:mt-8 {
    margin-top: 2rem;
  }

  :root .sm\:mr-8 {
    margin-right: 2rem;
  }

  :root .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  :root .sm\:ml-8 {
    margin-left: 2rem;
  }

  :root .sm\:mt-9 {
    margin-top: 2.25rem;
  }

  :root .sm\:mr-9 {
    margin-right: 2.25rem;
  }

  :root .sm\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root .sm\:ml-9 {
    margin-left: 2.25rem;
  }

  :root .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  :root .sm\:mr-10 {
    margin-right: 2.5rem;
  }

  :root .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root .sm\:ml-10 {
    margin-left: 2.5rem;
  }

  :root .sm\:mt-12 {
    margin-top: 3rem;
  }

  :root .sm\:mr-12 {
    margin-right: 3rem;
  }

  :root .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  :root .sm\:ml-12 {
    margin-left: 3rem;
  }

  :root .sm\:mt-14 {
    margin-top: 3.5rem;
  }

  :root .sm\:mr-14 {
    margin-right: 3.5rem;
  }

  :root .sm\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root .sm\:ml-14 {
    margin-left: 3.5rem;
  }

  :root .sm\:mt-16 {
    margin-top: 4rem;
  }

  :root .sm\:mr-16 {
    margin-right: 4rem;
  }

  :root .sm\:mb-16 {
    margin-bottom: 4rem;
  }

  :root .sm\:ml-16 {
    margin-left: 4rem;
  }

  :root .sm\:mt-20 {
    margin-top: 5rem;
  }

  :root .sm\:mr-20 {
    margin-right: 5rem;
  }

  :root .sm\:mb-20 {
    margin-bottom: 5rem;
  }

  :root .sm\:ml-20 {
    margin-left: 5rem;
  }

  :root .sm\:mt-24 {
    margin-top: 6rem;
  }

  :root .sm\:mr-24 {
    margin-right: 6rem;
  }

  :root .sm\:mb-24 {
    margin-bottom: 6rem;
  }

  :root .sm\:ml-24 {
    margin-left: 6rem;
  }

  :root .sm\:mt-32 {
    margin-top: 8rem;
  }

  :root .sm\:mr-32 {
    margin-right: 8rem;
  }

  :root .sm\:mb-32 {
    margin-bottom: 8rem;
  }

  :root .sm\:ml-32 {
    margin-left: 8rem;
  }

  :root .sm\:mt-40 {
    margin-top: 10rem;
  }

  :root .sm\:mr-40 {
    margin-right: 10rem;
  }

  :root .sm\:mb-40 {
    margin-bottom: 10rem;
  }

  :root .sm\:ml-40 {
    margin-left: 10rem;
  }

  :root .sm\:mt-48 {
    margin-top: 12rem;
  }

  :root .sm\:mr-48 {
    margin-right: 12rem;
  }

  :root .sm\:mb-48 {
    margin-bottom: 12rem;
  }

  :root .sm\:ml-48 {
    margin-left: 12rem;
  }

  :root .sm\:mt-56 {
    margin-top: 14rem;
  }

  :root .sm\:mr-56 {
    margin-right: 14rem;
  }

  :root .sm\:mb-56 {
    margin-bottom: 14rem;
  }

  :root .sm\:ml-56 {
    margin-left: 14rem;
  }

  :root .sm\:mt-64 {
    margin-top: 16rem;
  }

  :root .sm\:mr-64 {
    margin-right: 16rem;
  }

  :root .sm\:mb-64 {
    margin-bottom: 16rem;
  }

  :root .sm\:ml-64 {
    margin-left: 16rem;
  }

  :root .sm\:mt-auto {
    margin-top: auto;
  }

  :root .sm\:mr-auto {
    margin-right: auto;
  }

  :root .sm\:mb-auto {
    margin-bottom: auto;
  }

  :root .sm\:ml-auto {
    margin-left: auto;
  }

  :root .sm\:mt-px {
    margin-top: 1px;
  }

  :root .sm\:mr-px {
    margin-right: 1px;
  }

  :root .sm\:mb-px {
    margin-bottom: 1px;
  }

  :root .sm\:ml-px {
    margin-left: 1px;
  }

  :root .sm\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root .sm\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root .sm\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root .sm\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root .sm\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root .sm\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root .sm\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root .sm\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root .sm\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root .sm\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root .sm\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root .sm\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root .sm\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root .sm\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root .sm\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root .sm\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root .sm\:-mt-4 {
    margin-top: -1rem;
  }

  :root .sm\:-mr-4 {
    margin-right: -1rem;
  }

  :root .sm\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root .sm\:-ml-4 {
    margin-left: -1rem;
  }

  :root .sm\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root .sm\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root .sm\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root .sm\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root .sm\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root .sm\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root .sm\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root .sm\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root .sm\:-mt-8 {
    margin-top: -2rem;
  }

  :root .sm\:-mr-8 {
    margin-right: -2rem;
  }

  :root .sm\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root .sm\:-ml-8 {
    margin-left: -2rem;
  }

  :root .sm\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root .sm\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root .sm\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root .sm\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root .sm\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root .sm\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root .sm\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root .sm\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root .sm\:-mt-12 {
    margin-top: -3rem;
  }

  :root .sm\:-mr-12 {
    margin-right: -3rem;
  }

  :root .sm\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root .sm\:-ml-12 {
    margin-left: -3rem;
  }

  :root .sm\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root .sm\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root .sm\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root .sm\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root .sm\:-mt-16 {
    margin-top: -4rem;
  }

  :root .sm\:-mr-16 {
    margin-right: -4rem;
  }

  :root .sm\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root .sm\:-ml-16 {
    margin-left: -4rem;
  }

  :root .sm\:-mt-20 {
    margin-top: -5rem;
  }

  :root .sm\:-mr-20 {
    margin-right: -5rem;
  }

  :root .sm\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root .sm\:-ml-20 {
    margin-left: -5rem;
  }

  :root .sm\:-mt-24 {
    margin-top: -6rem;
  }

  :root .sm\:-mr-24 {
    margin-right: -6rem;
  }

  :root .sm\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root .sm\:-ml-24 {
    margin-left: -6rem;
  }

  :root .sm\:-mt-32 {
    margin-top: -8rem;
  }

  :root .sm\:-mr-32 {
    margin-right: -8rem;
  }

  :root .sm\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root .sm\:-ml-32 {
    margin-left: -8rem;
  }

  :root .sm\:-mt-40 {
    margin-top: -10rem;
  }

  :root .sm\:-mr-40 {
    margin-right: -10rem;
  }

  :root .sm\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root .sm\:-ml-40 {
    margin-left: -10rem;
  }

  :root .sm\:-mt-48 {
    margin-top: -12rem;
  }

  :root .sm\:-mr-48 {
    margin-right: -12rem;
  }

  :root .sm\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root .sm\:-ml-48 {
    margin-left: -12rem;
  }

  :root .sm\:-mt-56 {
    margin-top: -14rem;
  }

  :root .sm\:-mr-56 {
    margin-right: -14rem;
  }

  :root .sm\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root .sm\:-ml-56 {
    margin-left: -14rem;
  }

  :root .sm\:-mt-64 {
    margin-top: -16rem;
  }

  :root .sm\:-mr-64 {
    margin-right: -16rem;
  }

  :root .sm\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root .sm\:-ml-64 {
    margin-left: -16rem;
  }

  :root .sm\:-mt-px {
    margin-top: -1px;
  }

  :root .sm\:-mr-px {
    margin-right: -1px;
  }

  :root .sm\:-mb-px {
    margin-bottom: -1px;
  }

  :root .sm\:-ml-px {
    margin-left: -1px;
  }

  :root .sm\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .sm\:ltr\:m-0 {
    margin: 0;
  }

  [dir=ltr] .sm\:ltr\:m-1 {
    margin: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:m-2 {
    margin: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:m-3 {
    margin: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:m-4 {
    margin: 1rem;
  }

  [dir=ltr] .sm\:ltr\:m-5 {
    margin: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:m-6 {
    margin: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:m-8 {
    margin: 2rem;
  }

  [dir=ltr] .sm\:ltr\:m-9 {
    margin: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:m-10 {
    margin: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:m-12 {
    margin: 3rem;
  }

  [dir=ltr] .sm\:ltr\:m-14 {
    margin: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:m-16 {
    margin: 4rem;
  }

  [dir=ltr] .sm\:ltr\:m-20 {
    margin: 5rem;
  }

  [dir=ltr] .sm\:ltr\:m-24 {
    margin: 6rem;
  }

  [dir=ltr] .sm\:ltr\:m-32 {
    margin: 8rem;
  }

  [dir=ltr] .sm\:ltr\:m-40 {
    margin: 10rem;
  }

  [dir=ltr] .sm\:ltr\:m-48 {
    margin: 12rem;
  }

  [dir=ltr] .sm\:ltr\:m-56 {
    margin: 14rem;
  }

  [dir=ltr] .sm\:ltr\:m-64 {
    margin: 16rem;
  }

  [dir=ltr] .sm\:ltr\:m-auto {
    margin: auto;
  }

  [dir=ltr] .sm\:ltr\:m-px {
    margin: 1px;
  }

  [dir=ltr] .sm\:ltr\:m-gutter {
    margin: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:-m-1 {
    margin: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-m-2 {
    margin: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-m-3 {
    margin: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-m-4 {
    margin: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-m-5 {
    margin: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-m-6 {
    margin: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-m-8 {
    margin: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-m-9 {
    margin: -2.25rem;
  }

  [dir=ltr] .sm\:ltr\:-m-10 {
    margin: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-m-12 {
    margin: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-m-14 {
    margin: -3.5rem;
  }

  [dir=ltr] .sm\:ltr\:-m-16 {
    margin: -4rem;
  }

  [dir=ltr] .sm\:ltr\:-m-20 {
    margin: -5rem;
  }

  [dir=ltr] .sm\:ltr\:-m-24 {
    margin: -6rem;
  }

  [dir=ltr] .sm\:ltr\:-m-32 {
    margin: -8rem;
  }

  [dir=ltr] .sm\:ltr\:-m-40 {
    margin: -10rem;
  }

  [dir=ltr] .sm\:ltr\:-m-48 {
    margin: -12rem;
  }

  [dir=ltr] .sm\:ltr\:-m-56 {
    margin: -14rem;
  }

  [dir=ltr] .sm\:ltr\:-m-64 {
    margin: -16rem;
  }

  [dir=ltr] .sm\:ltr\:-m-px {
    margin: -1px;
  }

  [dir=ltr] .sm\:ltr\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .sm\:ltr\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  [dir=ltr] .sm\:ltr\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=ltr] .sm\:ltr\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  [dir=ltr] .sm\:ltr\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [dir=ltr] .sm\:ltr\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  [dir=ltr] .sm\:ltr\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir=ltr] .sm\:ltr\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  [dir=ltr] .sm\:ltr\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  [dir=ltr] .sm\:ltr\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  [dir=ltr] .sm\:ltr\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  [dir=ltr] .sm\:ltr\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  [dir=ltr] .sm\:ltr\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  [dir=ltr] .sm\:ltr\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  [dir=ltr] .sm\:ltr\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  [dir=ltr] .sm\:ltr\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  [dir=ltr] .sm\:ltr\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  [dir=ltr] .sm\:ltr\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  [dir=ltr] .sm\:ltr\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  [dir=ltr] .sm\:ltr\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  [dir=ltr] .sm\:ltr\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  [dir=ltr] .sm\:ltr\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  [dir=ltr] .sm\:ltr\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  [dir=ltr] .sm\:ltr\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  [dir=ltr] .sm\:ltr\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  [dir=ltr] .sm\:ltr\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  [dir=ltr] .sm\:ltr\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  [dir=ltr] .sm\:ltr\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  [dir=ltr] .sm\:ltr\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  [dir=ltr] .sm\:ltr\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  [dir=ltr] .sm\:ltr\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  [dir=ltr] .sm\:ltr\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  [dir=ltr] .sm\:ltr\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  [dir=ltr] .sm\:ltr\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  [dir=ltr] .sm\:ltr\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  [dir=ltr] .sm\:ltr\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  [dir=ltr] .sm\:ltr\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  [dir=ltr] .sm\:ltr\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  [dir=ltr] .sm\:ltr\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  [dir=ltr] .sm\:ltr\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  [dir=ltr] .sm\:ltr\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  [dir=ltr] .sm\:ltr\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  [dir=ltr] .sm\:ltr\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .sm\:ltr\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .sm\:ltr\:mt-0 {
    margin-top: 0;
  }

  [dir=ltr] .sm\:ltr\:mr-0 {
    margin-right: 0;
  }

  [dir=ltr] .sm\:ltr\:mb-0 {
    margin-bottom: 0;
  }

  [dir=ltr] .sm\:ltr\:ml-0 {
    margin-left: 0;
  }

  [dir=ltr] .sm\:ltr\:mt-1 {
    margin-top: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:mr-1 {
    margin-right: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:mb-1 {
    margin-bottom: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:ml-1 {
    margin-left: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:mt-2 {
    margin-top: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:mr-2 {
    margin-right: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:mb-2 {
    margin-bottom: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:ml-2 {
    margin-left: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:mt-3 {
    margin-top: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:mr-3 {
    margin-right: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:mb-3 {
    margin-bottom: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:ml-3 {
    margin-left: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:mt-4 {
    margin-top: 1rem;
  }

  [dir=ltr] .sm\:ltr\:mr-4 {
    margin-right: 1rem;
  }

  [dir=ltr] .sm\:ltr\:mb-4 {
    margin-bottom: 1rem;
  }

  [dir=ltr] .sm\:ltr\:ml-4 {
    margin-left: 1rem;
  }

  [dir=ltr] .sm\:ltr\:mt-5 {
    margin-top: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:mr-5 {
    margin-right: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:mb-5 {
    margin-bottom: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:mt-6 {
    margin-top: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:mr-6 {
    margin-right: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:mb-6 {
    margin-bottom: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:ml-6 {
    margin-left: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:mt-8 {
    margin-top: 2rem;
  }

  [dir=ltr] .sm\:ltr\:mr-8 {
    margin-right: 2rem;
  }

  [dir=ltr] .sm\:ltr\:mb-8 {
    margin-bottom: 2rem;
  }

  [dir=ltr] .sm\:ltr\:ml-8 {
    margin-left: 2rem;
  }

  [dir=ltr] .sm\:ltr\:mt-9 {
    margin-top: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:mr-9 {
    margin-right: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:mb-9 {
    margin-bottom: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:ml-9 {
    margin-left: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:mt-10 {
    margin-top: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:mr-10 {
    margin-right: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:mb-10 {
    margin-bottom: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:ml-10 {
    margin-left: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:mt-12 {
    margin-top: 3rem;
  }

  [dir=ltr] .sm\:ltr\:mr-12 {
    margin-right: 3rem;
  }

  [dir=ltr] .sm\:ltr\:mb-12 {
    margin-bottom: 3rem;
  }

  [dir=ltr] .sm\:ltr\:ml-12 {
    margin-left: 3rem;
  }

  [dir=ltr] .sm\:ltr\:mt-14 {
    margin-top: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:mr-14 {
    margin-right: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:mb-14 {
    margin-bottom: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:ml-14 {
    margin-left: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:mt-16 {
    margin-top: 4rem;
  }

  [dir=ltr] .sm\:ltr\:mr-16 {
    margin-right: 4rem;
  }

  [dir=ltr] .sm\:ltr\:mb-16 {
    margin-bottom: 4rem;
  }

  [dir=ltr] .sm\:ltr\:ml-16 {
    margin-left: 4rem;
  }

  [dir=ltr] .sm\:ltr\:mt-20 {
    margin-top: 5rem;
  }

  [dir=ltr] .sm\:ltr\:mr-20 {
    margin-right: 5rem;
  }

  [dir=ltr] .sm\:ltr\:mb-20 {
    margin-bottom: 5rem;
  }

  [dir=ltr] .sm\:ltr\:ml-20 {
    margin-left: 5rem;
  }

  [dir=ltr] .sm\:ltr\:mt-24 {
    margin-top: 6rem;
  }

  [dir=ltr] .sm\:ltr\:mr-24 {
    margin-right: 6rem;
  }

  [dir=ltr] .sm\:ltr\:mb-24 {
    margin-bottom: 6rem;
  }

  [dir=ltr] .sm\:ltr\:ml-24 {
    margin-left: 6rem;
  }

  [dir=ltr] .sm\:ltr\:mt-32 {
    margin-top: 8rem;
  }

  [dir=ltr] .sm\:ltr\:mr-32 {
    margin-right: 8rem;
  }

  [dir=ltr] .sm\:ltr\:mb-32 {
    margin-bottom: 8rem;
  }

  [dir=ltr] .sm\:ltr\:ml-32 {
    margin-left: 8rem;
  }

  [dir=ltr] .sm\:ltr\:mt-40 {
    margin-top: 10rem;
  }

  [dir=ltr] .sm\:ltr\:mr-40 {
    margin-right: 10rem;
  }

  [dir=ltr] .sm\:ltr\:mb-40 {
    margin-bottom: 10rem;
  }

  [dir=ltr] .sm\:ltr\:ml-40 {
    margin-left: 10rem;
  }

  [dir=ltr] .sm\:ltr\:mt-48 {
    margin-top: 12rem;
  }

  [dir=ltr] .sm\:ltr\:mr-48 {
    margin-right: 12rem;
  }

  [dir=ltr] .sm\:ltr\:mb-48 {
    margin-bottom: 12rem;
  }

  [dir=ltr] .sm\:ltr\:ml-48 {
    margin-left: 12rem;
  }

  [dir=ltr] .sm\:ltr\:mt-56 {
    margin-top: 14rem;
  }

  [dir=ltr] .sm\:ltr\:mr-56 {
    margin-right: 14rem;
  }

  [dir=ltr] .sm\:ltr\:mb-56 {
    margin-bottom: 14rem;
  }

  [dir=ltr] .sm\:ltr\:ml-56 {
    margin-left: 14rem;
  }

  [dir=ltr] .sm\:ltr\:mt-64 {
    margin-top: 16rem;
  }

  [dir=ltr] .sm\:ltr\:mr-64 {
    margin-right: 16rem;
  }

  [dir=ltr] .sm\:ltr\:mb-64 {
    margin-bottom: 16rem;
  }

  [dir=ltr] .sm\:ltr\:ml-64 {
    margin-left: 16rem;
  }

  [dir=ltr] .sm\:ltr\:mt-auto {
    margin-top: auto;
  }

  [dir=ltr] .sm\:ltr\:mr-auto {
    margin-right: auto;
  }

  [dir=ltr] .sm\:ltr\:mb-auto {
    margin-bottom: auto;
  }

  [dir=ltr] .sm\:ltr\:ml-auto {
    margin-left: auto;
  }

  [dir=ltr] .sm\:ltr\:mt-px {
    margin-top: 1px;
  }

  [dir=ltr] .sm\:ltr\:mr-px {
    margin-right: 1px;
  }

  [dir=ltr] .sm\:ltr\:mb-px {
    margin-bottom: 1px;
  }

  [dir=ltr] .sm\:ltr\:ml-px {
    margin-left: 1px;
  }

  [dir=ltr] .sm\:ltr\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:-mt-1 {
    margin-top: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-1 {
    margin-right: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-1 {
    margin-left: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-2 {
    margin-top: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-2 {
    margin-right: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-2 {
    margin-left: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-3 {
    margin-top: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-3 {
    margin-right: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-3 {
    margin-left: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-4 {
    margin-top: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-4 {
    margin-right: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-4 {
    margin-bottom: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-4 {
    margin-left: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-5 {
    margin-top: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-5 {
    margin-right: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-5 {
    margin-left: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-6 {
    margin-top: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-6 {
    margin-right: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-6 {
    margin-left: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-8 {
    margin-top: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-8 {
    margin-right: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-8 {
    margin-bottom: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-8 {
    margin-left: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-9 {
    margin-top: -2.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-9 {
    margin-right: -2.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-9 {
    margin-left: -2.25rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-10 {
    margin-top: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-10 {
    margin-right: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-10 {
    margin-left: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-12 {
    margin-top: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-12 {
    margin-right: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-12 {
    margin-bottom: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-12 {
    margin-left: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-14 {
    margin-top: -3.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-14 {
    margin-right: -3.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-14 {
    margin-left: -3.5rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-16 {
    margin-top: -4rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-16 {
    margin-right: -4rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-16 {
    margin-bottom: -4rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-16 {
    margin-left: -4rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-20 {
    margin-top: -5rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-20 {
    margin-right: -5rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-20 {
    margin-bottom: -5rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-20 {
    margin-left: -5rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-24 {
    margin-top: -6rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-24 {
    margin-right: -6rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-24 {
    margin-bottom: -6rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-24 {
    margin-left: -6rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-32 {
    margin-top: -8rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-32 {
    margin-right: -8rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-32 {
    margin-bottom: -8rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-32 {
    margin-left: -8rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-40 {
    margin-top: -10rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-40 {
    margin-right: -10rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-40 {
    margin-bottom: -10rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-40 {
    margin-left: -10rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-48 {
    margin-top: -12rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-48 {
    margin-right: -12rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-48 {
    margin-bottom: -12rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-48 {
    margin-left: -12rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-56 {
    margin-top: -14rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-56 {
    margin-right: -14rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-56 {
    margin-bottom: -14rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-56 {
    margin-left: -14rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-64 {
    margin-top: -16rem;
  }

  [dir=ltr] .sm\:ltr\:-mr-64 {
    margin-right: -16rem;
  }

  [dir=ltr] .sm\:ltr\:-mb-64 {
    margin-bottom: -16rem;
  }

  [dir=ltr] .sm\:ltr\:-ml-64 {
    margin-left: -16rem;
  }

  [dir=ltr] .sm\:ltr\:-mt-px {
    margin-top: -1px;
  }

  [dir=ltr] .sm\:ltr\:-mr-px {
    margin-right: -1px;
  }

  [dir=ltr] .sm\:ltr\:-mb-px {
    margin-bottom: -1px;
  }

  [dir=ltr] .sm\:ltr\:-ml-px {
    margin-left: -1px;
  }

  [dir=ltr] .sm\:ltr\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .sm\:ltr\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .sm\:ltr\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .sm\:ltr\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .sm\:rtl\:m-0 {
    margin: 0;
  }

  [dir=rtl] .sm\:rtl\:m-1 {
    margin: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:m-2 {
    margin: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:m-3 {
    margin: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:m-4 {
    margin: 1rem;
  }

  [dir=rtl] .sm\:rtl\:m-5 {
    margin: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:m-6 {
    margin: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:m-8 {
    margin: 2rem;
  }

  [dir=rtl] .sm\:rtl\:m-9 {
    margin: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:m-10 {
    margin: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:m-12 {
    margin: 3rem;
  }

  [dir=rtl] .sm\:rtl\:m-14 {
    margin: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:m-16 {
    margin: 4rem;
  }

  [dir=rtl] .sm\:rtl\:m-20 {
    margin: 5rem;
  }

  [dir=rtl] .sm\:rtl\:m-24 {
    margin: 6rem;
  }

  [dir=rtl] .sm\:rtl\:m-32 {
    margin: 8rem;
  }

  [dir=rtl] .sm\:rtl\:m-40 {
    margin: 10rem;
  }

  [dir=rtl] .sm\:rtl\:m-48 {
    margin: 12rem;
  }

  [dir=rtl] .sm\:rtl\:m-56 {
    margin: 14rem;
  }

  [dir=rtl] .sm\:rtl\:m-64 {
    margin: 16rem;
  }

  [dir=rtl] .sm\:rtl\:m-auto {
    margin: auto;
  }

  [dir=rtl] .sm\:rtl\:m-px {
    margin: 1px;
  }

  [dir=rtl] .sm\:rtl\:m-gutter {
    margin: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:-m-1 {
    margin: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-m-2 {
    margin: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-m-3 {
    margin: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-m-4 {
    margin: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-m-5 {
    margin: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-m-6 {
    margin: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-m-8 {
    margin: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-m-9 {
    margin: -2.25rem;
  }

  [dir=rtl] .sm\:rtl\:-m-10 {
    margin: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-m-12 {
    margin: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-m-14 {
    margin: -3.5rem;
  }

  [dir=rtl] .sm\:rtl\:-m-16 {
    margin: -4rem;
  }

  [dir=rtl] .sm\:rtl\:-m-20 {
    margin: -5rem;
  }

  [dir=rtl] .sm\:rtl\:-m-24 {
    margin: -6rem;
  }

  [dir=rtl] .sm\:rtl\:-m-32 {
    margin: -8rem;
  }

  [dir=rtl] .sm\:rtl\:-m-40 {
    margin: -10rem;
  }

  [dir=rtl] .sm\:rtl\:-m-48 {
    margin: -12rem;
  }

  [dir=rtl] .sm\:rtl\:-m-56 {
    margin: -14rem;
  }

  [dir=rtl] .sm\:rtl\:-m-64 {
    margin: -16rem;
  }

  [dir=rtl] .sm\:rtl\:-m-px {
    margin: -1px;
  }

  [dir=rtl] .sm\:rtl\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .sm\:rtl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  [dir=rtl] .sm\:rtl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=rtl] .sm\:rtl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  [dir=rtl] .sm\:rtl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [dir=rtl] .sm\:rtl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  [dir=rtl] .sm\:rtl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir=rtl] .sm\:rtl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  [dir=rtl] .sm\:rtl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  [dir=rtl] .sm\:rtl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  [dir=rtl] .sm\:rtl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  [dir=rtl] .sm\:rtl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  [dir=rtl] .sm\:rtl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  [dir=rtl] .sm\:rtl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  [dir=rtl] .sm\:rtl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  [dir=rtl] .sm\:rtl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  [dir=rtl] .sm\:rtl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  [dir=rtl] .sm\:rtl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  [dir=rtl] .sm\:rtl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  [dir=rtl] .sm\:rtl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  [dir=rtl] .sm\:rtl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  [dir=rtl] .sm\:rtl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  [dir=rtl] .sm\:rtl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  [dir=rtl] .sm\:rtl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  [dir=rtl] .sm\:rtl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  [dir=rtl] .sm\:rtl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  [dir=rtl] .sm\:rtl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  [dir=rtl] .sm\:rtl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  [dir=rtl] .sm\:rtl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  [dir=rtl] .sm\:rtl\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  [dir=rtl] .sm\:rtl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  [dir=rtl] .sm\:rtl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  [dir=rtl] .sm\:rtl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  [dir=rtl] .sm\:rtl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  [dir=rtl] .sm\:rtl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  [dir=rtl] .sm\:rtl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  [dir=rtl] .sm\:rtl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  [dir=rtl] .sm\:rtl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  [dir=rtl] .sm\:rtl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  [dir=rtl] .sm\:rtl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  [dir=rtl] .sm\:rtl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  [dir=rtl] .sm\:rtl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  [dir=rtl] .sm\:rtl\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .sm\:rtl\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .sm\:rtl\:mt-0 {
    margin-top: 0;
  }

  [dir=rtl] .sm\:rtl\:mr-0 {
    margin-right: 0;
  }

  [dir=rtl] .sm\:rtl\:mb-0 {
    margin-bottom: 0;
  }

  [dir=rtl] .sm\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir=rtl] .sm\:rtl\:mt-1 {
    margin-top: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:mr-1 {
    margin-right: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:ml-1 {
    margin-left: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:mt-2 {
    margin-top: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:mr-2 {
    margin-right: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:ml-2 {
    margin-left: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:mt-3 {
    margin-top: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:mr-3 {
    margin-right: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:ml-3 {
    margin-left: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:mt-4 {
    margin-top: 1rem;
  }

  [dir=rtl] .sm\:rtl\:mr-4 {
    margin-right: 1rem;
  }

  [dir=rtl] .sm\:rtl\:mb-4 {
    margin-bottom: 1rem;
  }

  [dir=rtl] .sm\:rtl\:ml-4 {
    margin-left: 1rem;
  }

  [dir=rtl] .sm\:rtl\:mt-5 {
    margin-top: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:mr-5 {
    margin-right: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:mt-6 {
    margin-top: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:mr-6 {
    margin-right: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:ml-6 {
    margin-left: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:mt-8 {
    margin-top: 2rem;
  }

  [dir=rtl] .sm\:rtl\:mr-8 {
    margin-right: 2rem;
  }

  [dir=rtl] .sm\:rtl\:mb-8 {
    margin-bottom: 2rem;
  }

  [dir=rtl] .sm\:rtl\:ml-8 {
    margin-left: 2rem;
  }

  [dir=rtl] .sm\:rtl\:mt-9 {
    margin-top: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:mr-9 {
    margin-right: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:ml-9 {
    margin-left: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:mt-10 {
    margin-top: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:mr-10 {
    margin-right: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:ml-10 {
    margin-left: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:mt-12 {
    margin-top: 3rem;
  }

  [dir=rtl] .sm\:rtl\:mr-12 {
    margin-right: 3rem;
  }

  [dir=rtl] .sm\:rtl\:mb-12 {
    margin-bottom: 3rem;
  }

  [dir=rtl] .sm\:rtl\:ml-12 {
    margin-left: 3rem;
  }

  [dir=rtl] .sm\:rtl\:mt-14 {
    margin-top: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:mr-14 {
    margin-right: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:ml-14 {
    margin-left: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:mt-16 {
    margin-top: 4rem;
  }

  [dir=rtl] .sm\:rtl\:mr-16 {
    margin-right: 4rem;
  }

  [dir=rtl] .sm\:rtl\:mb-16 {
    margin-bottom: 4rem;
  }

  [dir=rtl] .sm\:rtl\:ml-16 {
    margin-left: 4rem;
  }

  [dir=rtl] .sm\:rtl\:mt-20 {
    margin-top: 5rem;
  }

  [dir=rtl] .sm\:rtl\:mr-20 {
    margin-right: 5rem;
  }

  [dir=rtl] .sm\:rtl\:mb-20 {
    margin-bottom: 5rem;
  }

  [dir=rtl] .sm\:rtl\:ml-20 {
    margin-left: 5rem;
  }

  [dir=rtl] .sm\:rtl\:mt-24 {
    margin-top: 6rem;
  }

  [dir=rtl] .sm\:rtl\:mr-24 {
    margin-right: 6rem;
  }

  [dir=rtl] .sm\:rtl\:mb-24 {
    margin-bottom: 6rem;
  }

  [dir=rtl] .sm\:rtl\:ml-24 {
    margin-left: 6rem;
  }

  [dir=rtl] .sm\:rtl\:mt-32 {
    margin-top: 8rem;
  }

  [dir=rtl] .sm\:rtl\:mr-32 {
    margin-right: 8rem;
  }

  [dir=rtl] .sm\:rtl\:mb-32 {
    margin-bottom: 8rem;
  }

  [dir=rtl] .sm\:rtl\:ml-32 {
    margin-left: 8rem;
  }

  [dir=rtl] .sm\:rtl\:mt-40 {
    margin-top: 10rem;
  }

  [dir=rtl] .sm\:rtl\:mr-40 {
    margin-right: 10rem;
  }

  [dir=rtl] .sm\:rtl\:mb-40 {
    margin-bottom: 10rem;
  }

  [dir=rtl] .sm\:rtl\:ml-40 {
    margin-left: 10rem;
  }

  [dir=rtl] .sm\:rtl\:mt-48 {
    margin-top: 12rem;
  }

  [dir=rtl] .sm\:rtl\:mr-48 {
    margin-right: 12rem;
  }

  [dir=rtl] .sm\:rtl\:mb-48 {
    margin-bottom: 12rem;
  }

  [dir=rtl] .sm\:rtl\:ml-48 {
    margin-left: 12rem;
  }

  [dir=rtl] .sm\:rtl\:mt-56 {
    margin-top: 14rem;
  }

  [dir=rtl] .sm\:rtl\:mr-56 {
    margin-right: 14rem;
  }

  [dir=rtl] .sm\:rtl\:mb-56 {
    margin-bottom: 14rem;
  }

  [dir=rtl] .sm\:rtl\:ml-56 {
    margin-left: 14rem;
  }

  [dir=rtl] .sm\:rtl\:mt-64 {
    margin-top: 16rem;
  }

  [dir=rtl] .sm\:rtl\:mr-64 {
    margin-right: 16rem;
  }

  [dir=rtl] .sm\:rtl\:mb-64 {
    margin-bottom: 16rem;
  }

  [dir=rtl] .sm\:rtl\:ml-64 {
    margin-left: 16rem;
  }

  [dir=rtl] .sm\:rtl\:mt-auto {
    margin-top: auto;
  }

  [dir=rtl] .sm\:rtl\:mr-auto {
    margin-right: auto;
  }

  [dir=rtl] .sm\:rtl\:mb-auto {
    margin-bottom: auto;
  }

  [dir=rtl] .sm\:rtl\:ml-auto {
    margin-left: auto;
  }

  [dir=rtl] .sm\:rtl\:mt-px {
    margin-top: 1px;
  }

  [dir=rtl] .sm\:rtl\:mr-px {
    margin-right: 1px;
  }

  [dir=rtl] .sm\:rtl\:mb-px {
    margin-bottom: 1px;
  }

  [dir=rtl] .sm\:rtl\:ml-px {
    margin-left: 1px;
  }

  [dir=rtl] .sm\:rtl\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:-mt-1 {
    margin-top: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-1 {
    margin-right: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-1 {
    margin-left: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-2 {
    margin-top: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-2 {
    margin-right: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-2 {
    margin-left: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-3 {
    margin-top: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-3 {
    margin-right: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-3 {
    margin-left: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-4 {
    margin-top: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-4 {
    margin-right: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-4 {
    margin-bottom: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-4 {
    margin-left: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-5 {
    margin-top: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-5 {
    margin-right: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-5 {
    margin-left: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-6 {
    margin-top: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-6 {
    margin-right: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-6 {
    margin-left: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-8 {
    margin-top: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-8 {
    margin-right: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-8 {
    margin-bottom: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-8 {
    margin-left: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-9 {
    margin-top: -2.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-9 {
    margin-right: -2.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-9 {
    margin-left: -2.25rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-10 {
    margin-top: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-10 {
    margin-right: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-10 {
    margin-left: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-12 {
    margin-top: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-12 {
    margin-right: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-12 {
    margin-bottom: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-12 {
    margin-left: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-14 {
    margin-top: -3.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-14 {
    margin-right: -3.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-14 {
    margin-left: -3.5rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-16 {
    margin-top: -4rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-16 {
    margin-right: -4rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-16 {
    margin-bottom: -4rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-16 {
    margin-left: -4rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-20 {
    margin-top: -5rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-20 {
    margin-right: -5rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-20 {
    margin-bottom: -5rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-20 {
    margin-left: -5rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-24 {
    margin-top: -6rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-24 {
    margin-right: -6rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-24 {
    margin-bottom: -6rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-24 {
    margin-left: -6rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-32 {
    margin-top: -8rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-32 {
    margin-right: -8rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-32 {
    margin-bottom: -8rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-32 {
    margin-left: -8rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-40 {
    margin-top: -10rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-40 {
    margin-right: -10rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-40 {
    margin-bottom: -10rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-40 {
    margin-left: -10rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-48 {
    margin-top: -12rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-48 {
    margin-right: -12rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-48 {
    margin-bottom: -12rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-48 {
    margin-left: -12rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-56 {
    margin-top: -14rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-56 {
    margin-right: -14rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-56 {
    margin-bottom: -14rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-56 {
    margin-left: -14rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-64 {
    margin-top: -16rem;
  }

  [dir=rtl] .sm\:rtl\:-mr-64 {
    margin-right: -16rem;
  }

  [dir=rtl] .sm\:rtl\:-mb-64 {
    margin-bottom: -16rem;
  }

  [dir=rtl] .sm\:rtl\:-ml-64 {
    margin-left: -16rem;
  }

  [dir=rtl] .sm\:rtl\:-mt-px {
    margin-top: -1px;
  }

  [dir=rtl] .sm\:rtl\:-mr-px {
    margin-right: -1px;
  }

  [dir=rtl] .sm\:rtl\:-mb-px {
    margin-bottom: -1px;
  }

  [dir=rtl] .sm\:rtl\:-ml-px {
    margin-left: -1px;
  }

  [dir=rtl] .sm\:rtl\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .sm\:rtl\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .sm\:rtl\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .sm\:rtl\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:max-h-full {
    max-height: 100%;
  }

  :root .sm\:max-h-screen {
    max-height: 100vh;
  }

  :root .sm\:max-w-xxxs {
    max-width: 16rem;
  }

  :root .sm\:max-w-xxs {
    max-width: 18rem;
  }

  :root .sm\:max-w-xs {
    max-width: 20rem;
  }

  :root .sm\:max-w-sm {
    max-width: 24rem;
  }

  :root .sm\:max-w-md {
    max-width: 28rem;
  }

  :root .sm\:max-w-lg {
    max-width: 32rem;
  }

  :root .sm\:max-w-xl {
    max-width: 36rem;
  }

  :root .sm\:max-w-2xl {
    max-width: 42rem;
  }

  :root .sm\:max-w-3xl {
    max-width: 48rem;
  }

  :root .sm\:max-w-4xl {
    max-width: 56rem;
  }

  :root .sm\:max-w-5xl {
    max-width: 64rem;
  }

  :root .sm\:max-w-6xl {
    max-width: 72rem;
  }

  :root .sm\:max-w-full {
    max-width: 100%;
  }

  :root .sm\:min-h-0 {
    min-height: 0;
  }

  :root .sm\:min-h-full {
    min-height: 100%;
  }

  :root .sm\:min-h-screen {
    min-height: 100vh;
  }

  :root .sm\:min-w-0 {
    min-width: 0;
  }

  :root .sm\:min-w-1 {
    min-width: 0.25rem;
  }

  :root .sm\:min-w-2 {
    min-width: 0.5rem;
  }

  :root .sm\:min-w-3 {
    min-width: 0.75rem;
  }

  :root .sm\:min-w-4 {
    min-width: 1rem;
  }

  :root .sm\:min-w-5 {
    min-width: 1.25rem;
  }

  :root .sm\:min-w-6 {
    min-width: 1.5rem;
  }

  :root .sm\:min-w-8 {
    min-width: 2rem;
  }

  :root .sm\:min-w-9 {
    min-width: 2.25rem;
  }

  :root .sm\:min-w-10 {
    min-width: 2.5rem;
  }

  :root .sm\:min-w-12 {
    min-width: 3rem;
  }

  :root .sm\:min-w-14 {
    min-width: 3.5rem;
  }

  :root .sm\:min-w-16 {
    min-width: 4rem;
  }

  :root .sm\:min-w-20 {
    min-width: 5rem;
  }

  :root .sm\:min-w-24 {
    min-width: 6rem;
  }

  :root .sm\:min-w-32 {
    min-width: 8rem;
  }

  :root .sm\:min-w-40 {
    min-width: 10rem;
  }

  :root .sm\:min-w-48 {
    min-width: 12rem;
  }

  :root .sm\:min-w-56 {
    min-width: 14rem;
  }

  :root .sm\:min-w-64 {
    min-width: 16rem;
  }

  :root .sm\:min-w-full {
    min-width: 100%;
  }

  :root .sm\:min-w-px {
    min-width: 1px;
  }

  :root .sm\:min-w-gutter {
    min-width: var(--padding-gutter);
  }

  :root .sm\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  :root .sm\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  :root .sm\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  :root .sm\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  :root .sm\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  :root .sm\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  :root .sm\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  :root .sm\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  :root .sm\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  :root .sm\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  :root .sm\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  :root .sm\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  :root .sm\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  :root .sm\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  :root .sm\:opacity-0 {
    opacity: 0;
  }

  :root .sm\:opacity-25 {
    opacity: 0.25;
  }

  :root .sm\:opacity-50 {
    opacity: 0.5;
  }

  :root .sm\:opacity-75 {
    opacity: 0.75;
  }

  :root .sm\:opacity-100 {
    opacity: 1;
  }

  :root .sm\:hover\:opacity-0:hover {
    opacity: 0;
  }

  :root .sm\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  :root .sm\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  :root .sm\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  :root .sm\:hover\:opacity-100:hover {
    opacity: 1;
  }

  :root .sm\:focus\:opacity-0:focus {
    opacity: 0;
  }

  :root .sm\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  :root .sm\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  :root .sm\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  :root .sm\:focus\:opacity-100:focus {
    opacity: 1;
  }

  :root .sm\:outline-none {
    outline: 0;
  }

  :root .sm\:focus\:outline-none:focus {
    outline: 0;
  }

  :root .sm\:overflow-auto {
    overflow: auto;
  }

  :root .sm\:overflow-hidden {
    overflow: hidden;
  }

  :root .sm\:overflow-visible {
    overflow: visible;
  }

  :root .sm\:overflow-scroll {
    overflow: scroll;
  }

  :root .sm\:overflow-x-auto {
    overflow-x: auto;
  }

  :root .sm\:overflow-y-auto {
    overflow-y: auto;
  }

  :root .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }

  :root .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }

  :root .sm\:overflow-x-visible {
    overflow-x: visible;
  }

  :root .sm\:overflow-y-visible {
    overflow-y: visible;
  }

  :root .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }

  :root .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }

  :root .sm\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  :root .sm\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  :root .sm\:p-0 {
    padding: 0;
  }

  :root .sm\:p-1 {
    padding: 0.25rem;
  }

  :root .sm\:p-2 {
    padding: 0.5rem;
  }

  :root .sm\:p-3 {
    padding: 0.75rem;
  }

  :root .sm\:p-4 {
    padding: 1rem;
  }

  :root .sm\:p-5 {
    padding: 1.25rem;
  }

  :root .sm\:p-6 {
    padding: 1.5rem;
  }

  :root .sm\:p-8 {
    padding: 2rem;
  }

  :root .sm\:p-9 {
    padding: 2.25rem;
  }

  :root .sm\:p-10 {
    padding: 2.5rem;
  }

  :root .sm\:p-12 {
    padding: 3rem;
  }

  :root .sm\:p-14 {
    padding: 3.5rem;
  }

  :root .sm\:p-16 {
    padding: 4rem;
  }

  :root .sm\:p-20 {
    padding: 5rem;
  }

  :root .sm\:p-24 {
    padding: 6rem;
  }

  :root .sm\:p-32 {
    padding: 8rem;
  }

  :root .sm\:p-40 {
    padding: 10rem;
  }

  :root .sm\:p-48 {
    padding: 12rem;
  }

  :root .sm\:p-56 {
    padding: 14rem;
  }

  :root .sm\:p-64 {
    padding: 16rem;
  }

  :root .sm\:p-px {
    padding: 1px;
  }

  :root .sm\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .sm\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root .sm\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root .sm\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root .sm\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root .sm\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root .sm\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root .sm\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root .sm\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root .sm\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root .sm\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root .sm\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root .sm\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root .sm\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root .sm\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root .sm\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root .sm\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root .sm\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root .sm\:pt-0 {
    padding-top: 0;
  }

  :root .sm\:pr-0 {
    padding-right: 0;
  }

  :root .sm\:pb-0 {
    padding-bottom: 0;
  }

  :root .sm\:pl-0 {
    padding-left: 0;
  }

  :root .sm\:pt-1 {
    padding-top: 0.25rem;
  }

  :root .sm\:pr-1 {
    padding-right: 0.25rem;
  }

  :root .sm\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root .sm\:pl-1 {
    padding-left: 0.25rem;
  }

  :root .sm\:pt-2 {
    padding-top: 0.5rem;
  }

  :root .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  :root .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root .sm\:pl-2 {
    padding-left: 0.5rem;
  }

  :root .sm\:pt-3 {
    padding-top: 0.75rem;
  }

  :root .sm\:pr-3 {
    padding-right: 0.75rem;
  }

  :root .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root .sm\:pl-3 {
    padding-left: 0.75rem;
  }

  :root .sm\:pt-4 {
    padding-top: 1rem;
  }

  :root .sm\:pr-4 {
    padding-right: 1rem;
  }

  :root .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  :root .sm\:pl-4 {
    padding-left: 1rem;
  }

  :root .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  :root .sm\:pr-5 {
    padding-right: 1.25rem;
  }

  :root .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  :root .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  :root .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  :root .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  :root .sm\:pt-8 {
    padding-top: 2rem;
  }

  :root .sm\:pr-8 {
    padding-right: 2rem;
  }

  :root .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  :root .sm\:pl-8 {
    padding-left: 2rem;
  }

  :root .sm\:pt-9 {
    padding-top: 2.25rem;
  }

  :root .sm\:pr-9 {
    padding-right: 2.25rem;
  }

  :root .sm\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root .sm\:pl-9 {
    padding-left: 2.25rem;
  }

  :root .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  :root .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  :root .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root .sm\:pl-10 {
    padding-left: 2.5rem;
  }

  :root .sm\:pt-12 {
    padding-top: 3rem;
  }

  :root .sm\:pr-12 {
    padding-right: 3rem;
  }

  :root .sm\:pb-12 {
    padding-bottom: 3rem;
  }

  :root .sm\:pl-12 {
    padding-left: 3rem;
  }

  :root .sm\:pt-14 {
    padding-top: 3.5rem;
  }

  :root .sm\:pr-14 {
    padding-right: 3.5rem;
  }

  :root .sm\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root .sm\:pl-14 {
    padding-left: 3.5rem;
  }

  :root .sm\:pt-16 {
    padding-top: 4rem;
  }

  :root .sm\:pr-16 {
    padding-right: 4rem;
  }

  :root .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  :root .sm\:pl-16 {
    padding-left: 4rem;
  }

  :root .sm\:pt-20 {
    padding-top: 5rem;
  }

  :root .sm\:pr-20 {
    padding-right: 5rem;
  }

  :root .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  :root .sm\:pl-20 {
    padding-left: 5rem;
  }

  :root .sm\:pt-24 {
    padding-top: 6rem;
  }

  :root .sm\:pr-24 {
    padding-right: 6rem;
  }

  :root .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  :root .sm\:pl-24 {
    padding-left: 6rem;
  }

  :root .sm\:pt-32 {
    padding-top: 8rem;
  }

  :root .sm\:pr-32 {
    padding-right: 8rem;
  }

  :root .sm\:pb-32 {
    padding-bottom: 8rem;
  }

  :root .sm\:pl-32 {
    padding-left: 8rem;
  }

  :root .sm\:pt-40 {
    padding-top: 10rem;
  }

  :root .sm\:pr-40 {
    padding-right: 10rem;
  }

  :root .sm\:pb-40 {
    padding-bottom: 10rem;
  }

  :root .sm\:pl-40 {
    padding-left: 10rem;
  }

  :root .sm\:pt-48 {
    padding-top: 12rem;
  }

  :root .sm\:pr-48 {
    padding-right: 12rem;
  }

  :root .sm\:pb-48 {
    padding-bottom: 12rem;
  }

  :root .sm\:pl-48 {
    padding-left: 12rem;
  }

  :root .sm\:pt-56 {
    padding-top: 14rem;
  }

  :root .sm\:pr-56 {
    padding-right: 14rem;
  }

  :root .sm\:pb-56 {
    padding-bottom: 14rem;
  }

  :root .sm\:pl-56 {
    padding-left: 14rem;
  }

  :root .sm\:pt-64 {
    padding-top: 16rem;
  }

  :root .sm\:pr-64 {
    padding-right: 16rem;
  }

  :root .sm\:pb-64 {
    padding-bottom: 16rem;
  }

  :root .sm\:pl-64 {
    padding-left: 16rem;
  }

  :root .sm\:pt-px {
    padding-top: 1px;
  }

  :root .sm\:pr-px {
    padding-right: 1px;
  }

  :root .sm\:pb-px {
    padding-bottom: 1px;
  }

  :root .sm\:pl-px {
    padding-left: 1px;
  }

  :root .sm\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root .sm\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root .sm\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root .sm\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:p-0 {
    padding: 0;
  }

  [dir=ltr] .sm\:ltr\:p-1 {
    padding: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:p-2 {
    padding: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:p-3 {
    padding: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:p-4 {
    padding: 1rem;
  }

  [dir=ltr] .sm\:ltr\:p-5 {
    padding: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:p-6 {
    padding: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:p-8 {
    padding: 2rem;
  }

  [dir=ltr] .sm\:ltr\:p-9 {
    padding: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:p-10 {
    padding: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:p-12 {
    padding: 3rem;
  }

  [dir=ltr] .sm\:ltr\:p-14 {
    padding: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:p-16 {
    padding: 4rem;
  }

  [dir=ltr] .sm\:ltr\:p-20 {
    padding: 5rem;
  }

  [dir=ltr] .sm\:ltr\:p-24 {
    padding: 6rem;
  }

  [dir=ltr] .sm\:ltr\:p-32 {
    padding: 8rem;
  }

  [dir=ltr] .sm\:ltr\:p-40 {
    padding: 10rem;
  }

  [dir=ltr] .sm\:ltr\:p-48 {
    padding: 12rem;
  }

  [dir=ltr] .sm\:ltr\:p-56 {
    padding: 14rem;
  }

  [dir=ltr] .sm\:ltr\:p-64 {
    padding: 16rem;
  }

  [dir=ltr] .sm\:ltr\:p-px {
    padding: 1px;
  }

  [dir=ltr] .sm\:ltr\:p-gutter {
    padding: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  [dir=ltr] .sm\:ltr\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=ltr] .sm\:ltr\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir=ltr] .sm\:ltr\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir=ltr] .sm\:ltr\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir=ltr] .sm\:ltr\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir=ltr] .sm\:ltr\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir=ltr] .sm\:ltr\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir=ltr] .sm\:ltr\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  [dir=ltr] .sm\:ltr\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  [dir=ltr] .sm\:ltr\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  [dir=ltr] .sm\:ltr\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir=ltr] .sm\:ltr\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  [dir=ltr] .sm\:ltr\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir=ltr] .sm\:ltr\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [dir=ltr] .sm\:ltr\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  [dir=ltr] .sm\:ltr\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  [dir=ltr] .sm\:ltr\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  [dir=ltr] .sm\:ltr\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  [dir=ltr] .sm\:ltr\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  [dir=ltr] .sm\:ltr\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  [dir=ltr] .sm\:ltr\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  [dir=ltr] .sm\:ltr\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  [dir=ltr] .sm\:ltr\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  [dir=ltr] .sm\:ltr\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  [dir=ltr] .sm\:ltr\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  [dir=ltr] .sm\:ltr\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:pt-0 {
    padding-top: 0;
  }

  [dir=ltr] .sm\:ltr\:pr-0 {
    padding-right: 0;
  }

  [dir=ltr] .sm\:ltr\:pb-0 {
    padding-bottom: 0;
  }

  [dir=ltr] .sm\:ltr\:pl-0 {
    padding-left: 0;
  }

  [dir=ltr] .sm\:ltr\:pt-1 {
    padding-top: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:pr-1 {
    padding-right: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:pb-1 {
    padding-bottom: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:pl-1 {
    padding-left: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:pt-2 {
    padding-top: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:pr-2 {
    padding-right: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:pb-2 {
    padding-bottom: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:pt-3 {
    padding-top: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:pr-3 {
    padding-right: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:pb-3 {
    padding-bottom: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:pl-3 {
    padding-left: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:pt-4 {
    padding-top: 1rem;
  }

  [dir=ltr] .sm\:ltr\:pr-4 {
    padding-right: 1rem;
  }

  [dir=ltr] .sm\:ltr\:pb-4 {
    padding-bottom: 1rem;
  }

  [dir=ltr] .sm\:ltr\:pl-4 {
    padding-left: 1rem;
  }

  [dir=ltr] .sm\:ltr\:pt-5 {
    padding-top: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:pr-5 {
    padding-right: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:pb-5 {
    padding-bottom: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:pt-6 {
    padding-top: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:pb-6 {
    padding-bottom: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:pl-6 {
    padding-left: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:pt-8 {
    padding-top: 2rem;
  }

  [dir=ltr] .sm\:ltr\:pr-8 {
    padding-right: 2rem;
  }

  [dir=ltr] .sm\:ltr\:pb-8 {
    padding-bottom: 2rem;
  }

  [dir=ltr] .sm\:ltr\:pl-8 {
    padding-left: 2rem;
  }

  [dir=ltr] .sm\:ltr\:pt-9 {
    padding-top: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:pr-9 {
    padding-right: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:pb-9 {
    padding-bottom: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:pl-9 {
    padding-left: 2.25rem;
  }

  [dir=ltr] .sm\:ltr\:pt-10 {
    padding-top: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:pb-10 {
    padding-bottom: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:pt-12 {
    padding-top: 3rem;
  }

  [dir=ltr] .sm\:ltr\:pr-12 {
    padding-right: 3rem;
  }

  [dir=ltr] .sm\:ltr\:pb-12 {
    padding-bottom: 3rem;
  }

  [dir=ltr] .sm\:ltr\:pl-12 {
    padding-left: 3rem;
  }

  [dir=ltr] .sm\:ltr\:pt-14 {
    padding-top: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:pr-14 {
    padding-right: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:pb-14 {
    padding-bottom: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:pl-14 {
    padding-left: 3.5rem;
  }

  [dir=ltr] .sm\:ltr\:pt-16 {
    padding-top: 4rem;
  }

  [dir=ltr] .sm\:ltr\:pr-16 {
    padding-right: 4rem;
  }

  [dir=ltr] .sm\:ltr\:pb-16 {
    padding-bottom: 4rem;
  }

  [dir=ltr] .sm\:ltr\:pl-16 {
    padding-left: 4rem;
  }

  [dir=ltr] .sm\:ltr\:pt-20 {
    padding-top: 5rem;
  }

  [dir=ltr] .sm\:ltr\:pr-20 {
    padding-right: 5rem;
  }

  [dir=ltr] .sm\:ltr\:pb-20 {
    padding-bottom: 5rem;
  }

  [dir=ltr] .sm\:ltr\:pl-20 {
    padding-left: 5rem;
  }

  [dir=ltr] .sm\:ltr\:pt-24 {
    padding-top: 6rem;
  }

  [dir=ltr] .sm\:ltr\:pr-24 {
    padding-right: 6rem;
  }

  [dir=ltr] .sm\:ltr\:pb-24 {
    padding-bottom: 6rem;
  }

  [dir=ltr] .sm\:ltr\:pl-24 {
    padding-left: 6rem;
  }

  [dir=ltr] .sm\:ltr\:pt-32 {
    padding-top: 8rem;
  }

  [dir=ltr] .sm\:ltr\:pr-32 {
    padding-right: 8rem;
  }

  [dir=ltr] .sm\:ltr\:pb-32 {
    padding-bottom: 8rem;
  }

  [dir=ltr] .sm\:ltr\:pl-32 {
    padding-left: 8rem;
  }

  [dir=ltr] .sm\:ltr\:pt-40 {
    padding-top: 10rem;
  }

  [dir=ltr] .sm\:ltr\:pr-40 {
    padding-right: 10rem;
  }

  [dir=ltr] .sm\:ltr\:pb-40 {
    padding-bottom: 10rem;
  }

  [dir=ltr] .sm\:ltr\:pl-40 {
    padding-left: 10rem;
  }

  [dir=ltr] .sm\:ltr\:pt-48 {
    padding-top: 12rem;
  }

  [dir=ltr] .sm\:ltr\:pr-48 {
    padding-right: 12rem;
  }

  [dir=ltr] .sm\:ltr\:pb-48 {
    padding-bottom: 12rem;
  }

  [dir=ltr] .sm\:ltr\:pl-48 {
    padding-left: 12rem;
  }

  [dir=ltr] .sm\:ltr\:pt-56 {
    padding-top: 14rem;
  }

  [dir=ltr] .sm\:ltr\:pr-56 {
    padding-right: 14rem;
  }

  [dir=ltr] .sm\:ltr\:pb-56 {
    padding-bottom: 14rem;
  }

  [dir=ltr] .sm\:ltr\:pl-56 {
    padding-left: 14rem;
  }

  [dir=ltr] .sm\:ltr\:pt-64 {
    padding-top: 16rem;
  }

  [dir=ltr] .sm\:ltr\:pr-64 {
    padding-right: 16rem;
  }

  [dir=ltr] .sm\:ltr\:pb-64 {
    padding-bottom: 16rem;
  }

  [dir=ltr] .sm\:ltr\:pl-64 {
    padding-left: 16rem;
  }

  [dir=ltr] .sm\:ltr\:pt-px {
    padding-top: 1px;
  }

  [dir=ltr] .sm\:ltr\:pr-px {
    padding-right: 1px;
  }

  [dir=ltr] .sm\:ltr\:pb-px {
    padding-bottom: 1px;
  }

  [dir=ltr] .sm\:ltr\:pl-px {
    padding-left: 1px;
  }

  [dir=ltr] .sm\:ltr\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  [dir=ltr] .sm\:ltr\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:p-0 {
    padding: 0;
  }

  [dir=rtl] .sm\:rtl\:p-1 {
    padding: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:p-2 {
    padding: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:p-3 {
    padding: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:p-4 {
    padding: 1rem;
  }

  [dir=rtl] .sm\:rtl\:p-5 {
    padding: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:p-6 {
    padding: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:p-8 {
    padding: 2rem;
  }

  [dir=rtl] .sm\:rtl\:p-9 {
    padding: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:p-10 {
    padding: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:p-12 {
    padding: 3rem;
  }

  [dir=rtl] .sm\:rtl\:p-14 {
    padding: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:p-16 {
    padding: 4rem;
  }

  [dir=rtl] .sm\:rtl\:p-20 {
    padding: 5rem;
  }

  [dir=rtl] .sm\:rtl\:p-24 {
    padding: 6rem;
  }

  [dir=rtl] .sm\:rtl\:p-32 {
    padding: 8rem;
  }

  [dir=rtl] .sm\:rtl\:p-40 {
    padding: 10rem;
  }

  [dir=rtl] .sm\:rtl\:p-48 {
    padding: 12rem;
  }

  [dir=rtl] .sm\:rtl\:p-56 {
    padding: 14rem;
  }

  [dir=rtl] .sm\:rtl\:p-64 {
    padding: 16rem;
  }

  [dir=rtl] .sm\:rtl\:p-px {
    padding: 1px;
  }

  [dir=rtl] .sm\:rtl\:p-gutter {
    padding: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  [dir=rtl] .sm\:rtl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=rtl] .sm\:rtl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir=rtl] .sm\:rtl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir=rtl] .sm\:rtl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir=rtl] .sm\:rtl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir=rtl] .sm\:rtl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir=rtl] .sm\:rtl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir=rtl] .sm\:rtl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  [dir=rtl] .sm\:rtl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  [dir=rtl] .sm\:rtl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  [dir=rtl] .sm\:rtl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir=rtl] .sm\:rtl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  [dir=rtl] .sm\:rtl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir=rtl] .sm\:rtl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [dir=rtl] .sm\:rtl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  [dir=rtl] .sm\:rtl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  [dir=rtl] .sm\:rtl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  [dir=rtl] .sm\:rtl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  [dir=rtl] .sm\:rtl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  [dir=rtl] .sm\:rtl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  [dir=rtl] .sm\:rtl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  [dir=rtl] .sm\:rtl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  [dir=rtl] .sm\:rtl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  [dir=rtl] .sm\:rtl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  [dir=rtl] .sm\:rtl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  [dir=rtl] .sm\:rtl\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:pt-0 {
    padding-top: 0;
  }

  [dir=rtl] .sm\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir=rtl] .sm\:rtl\:pb-0 {
    padding-bottom: 0;
  }

  [dir=rtl] .sm\:rtl\:pl-0 {
    padding-left: 0;
  }

  [dir=rtl] .sm\:rtl\:pt-1 {
    padding-top: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:pr-1 {
    padding-right: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:pl-1 {
    padding-left: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:pt-2 {
    padding-top: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:pr-2 {
    padding-right: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:pt-3 {
    padding-top: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:pr-3 {
    padding-right: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:pl-3 {
    padding-left: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:pt-4 {
    padding-top: 1rem;
  }

  [dir=rtl] .sm\:rtl\:pr-4 {
    padding-right: 1rem;
  }

  [dir=rtl] .sm\:rtl\:pb-4 {
    padding-bottom: 1rem;
  }

  [dir=rtl] .sm\:rtl\:pl-4 {
    padding-left: 1rem;
  }

  [dir=rtl] .sm\:rtl\:pt-5 {
    padding-top: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:pr-5 {
    padding-right: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:pt-6 {
    padding-top: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:pl-6 {
    padding-left: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:pt-8 {
    padding-top: 2rem;
  }

  [dir=rtl] .sm\:rtl\:pr-8 {
    padding-right: 2rem;
  }

  [dir=rtl] .sm\:rtl\:pb-8 {
    padding-bottom: 2rem;
  }

  [dir=rtl] .sm\:rtl\:pl-8 {
    padding-left: 2rem;
  }

  [dir=rtl] .sm\:rtl\:pt-9 {
    padding-top: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:pr-9 {
    padding-right: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:pl-9 {
    padding-left: 2.25rem;
  }

  [dir=rtl] .sm\:rtl\:pt-10 {
    padding-top: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:pt-12 {
    padding-top: 3rem;
  }

  [dir=rtl] .sm\:rtl\:pr-12 {
    padding-right: 3rem;
  }

  [dir=rtl] .sm\:rtl\:pb-12 {
    padding-bottom: 3rem;
  }

  [dir=rtl] .sm\:rtl\:pl-12 {
    padding-left: 3rem;
  }

  [dir=rtl] .sm\:rtl\:pt-14 {
    padding-top: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:pr-14 {
    padding-right: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:pl-14 {
    padding-left: 3.5rem;
  }

  [dir=rtl] .sm\:rtl\:pt-16 {
    padding-top: 4rem;
  }

  [dir=rtl] .sm\:rtl\:pr-16 {
    padding-right: 4rem;
  }

  [dir=rtl] .sm\:rtl\:pb-16 {
    padding-bottom: 4rem;
  }

  [dir=rtl] .sm\:rtl\:pl-16 {
    padding-left: 4rem;
  }

  [dir=rtl] .sm\:rtl\:pt-20 {
    padding-top: 5rem;
  }

  [dir=rtl] .sm\:rtl\:pr-20 {
    padding-right: 5rem;
  }

  [dir=rtl] .sm\:rtl\:pb-20 {
    padding-bottom: 5rem;
  }

  [dir=rtl] .sm\:rtl\:pl-20 {
    padding-left: 5rem;
  }

  [dir=rtl] .sm\:rtl\:pt-24 {
    padding-top: 6rem;
  }

  [dir=rtl] .sm\:rtl\:pr-24 {
    padding-right: 6rem;
  }

  [dir=rtl] .sm\:rtl\:pb-24 {
    padding-bottom: 6rem;
  }

  [dir=rtl] .sm\:rtl\:pl-24 {
    padding-left: 6rem;
  }

  [dir=rtl] .sm\:rtl\:pt-32 {
    padding-top: 8rem;
  }

  [dir=rtl] .sm\:rtl\:pr-32 {
    padding-right: 8rem;
  }

  [dir=rtl] .sm\:rtl\:pb-32 {
    padding-bottom: 8rem;
  }

  [dir=rtl] .sm\:rtl\:pl-32 {
    padding-left: 8rem;
  }

  [dir=rtl] .sm\:rtl\:pt-40 {
    padding-top: 10rem;
  }

  [dir=rtl] .sm\:rtl\:pr-40 {
    padding-right: 10rem;
  }

  [dir=rtl] .sm\:rtl\:pb-40 {
    padding-bottom: 10rem;
  }

  [dir=rtl] .sm\:rtl\:pl-40 {
    padding-left: 10rem;
  }

  [dir=rtl] .sm\:rtl\:pt-48 {
    padding-top: 12rem;
  }

  [dir=rtl] .sm\:rtl\:pr-48 {
    padding-right: 12rem;
  }

  [dir=rtl] .sm\:rtl\:pb-48 {
    padding-bottom: 12rem;
  }

  [dir=rtl] .sm\:rtl\:pl-48 {
    padding-left: 12rem;
  }

  [dir=rtl] .sm\:rtl\:pt-56 {
    padding-top: 14rem;
  }

  [dir=rtl] .sm\:rtl\:pr-56 {
    padding-right: 14rem;
  }

  [dir=rtl] .sm\:rtl\:pb-56 {
    padding-bottom: 14rem;
  }

  [dir=rtl] .sm\:rtl\:pl-56 {
    padding-left: 14rem;
  }

  [dir=rtl] .sm\:rtl\:pt-64 {
    padding-top: 16rem;
  }

  [dir=rtl] .sm\:rtl\:pr-64 {
    padding-right: 16rem;
  }

  [dir=rtl] .sm\:rtl\:pb-64 {
    padding-bottom: 16rem;
  }

  [dir=rtl] .sm\:rtl\:pl-64 {
    padding-left: 16rem;
  }

  [dir=rtl] .sm\:rtl\:pt-px {
    padding-top: 1px;
  }

  [dir=rtl] .sm\:rtl\:pr-px {
    padding-right: 1px;
  }

  [dir=rtl] .sm\:rtl\:pb-px {
    padding-bottom: 1px;
  }

  [dir=rtl] .sm\:rtl\:pl-px {
    padding-left: 1px;
  }

  [dir=rtl] .sm\:rtl\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  [dir=rtl] .sm\:rtl\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root .sm\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  :root .sm\:placeholder-transparent::placeholder {
    color: transparent;
  }

  :root .sm\:placeholder-black::-moz-placeholder {
    color: var(--text-color);
  }

  :root .sm\:placeholder-black::placeholder {
    color: var(--text-color);
  }

  :root .sm\:placeholder-white::-moz-placeholder {
    color: var(--text-color-light);
  }

  :root .sm\:placeholder-white::placeholder {
    color: var(--text-color-light);
  }

  :root .sm\:placeholder-contrast-black::-moz-placeholder {
    color: black;
  }

  :root .sm\:placeholder-contrast-black::placeholder {
    color: black;
  }

  :root .sm\:placeholder-contrast-white::-moz-placeholder {
    color: white;
  }

  :root .sm\:placeholder-contrast-white::placeholder {
    color: white;
  }

  :root .sm\:placeholder-obs-primary::-moz-placeholder {
    color: #5977FF;
  }

  :root .sm\:placeholder-obs-primary::placeholder {
    color: #5977FF;
  }

  :root .sm\:placeholder-obs-secondary::-moz-placeholder {
    color: #5d5c64;
  }

  :root .sm\:placeholder-obs-secondary::placeholder {
    color: #5d5c64;
  }

  :root .sm\:placeholder-obs-maroon::-moz-placeholder {
    color: #961e36;
  }

  :root .sm\:placeholder-obs-maroon::placeholder {
    color: #961e36;
  }

  :root .sm\:placeholder-obs-navy::-moz-placeholder {
    color: #3e4861;
  }

  :root .sm\:placeholder-obs-navy::placeholder {
    color: #3e4861;
  }

  :root .sm\:placeholder-obs-pink::-moz-placeholder {
    color: #d2afc5;
  }

  :root .sm\:placeholder-obs-pink::placeholder {
    color: #d2afc5;
  }

  :root .sm\:placeholder-obs-dark-orange::-moz-placeholder {
    color: #d6582a;
  }

  :root .sm\:placeholder-obs-dark-orange::placeholder {
    color: #d6582a;
  }

  :root .sm\:placeholder-obs-gold::-moz-placeholder {
    color: #9d8944;
  }

  :root .sm\:placeholder-obs-gold::placeholder {
    color: #9d8944;
  }

  :root .sm\:placeholder-obs-light-blue::-moz-placeholder {
    color: #A3C2D6;
  }

  :root .sm\:placeholder-obs-light-blue::placeholder {
    color: #A3C2D6;
  }

  :root .sm\:placeholder-obs-purple::-moz-placeholder {
    color: #722670;
  }

  :root .sm\:placeholder-obs-purple::placeholder {
    color: #722670;
  }

  :root .sm\:placeholder-obs-light-orange::-moz-placeholder {
    color: #fF9c01;
  }

  :root .sm\:placeholder-obs-light-orange::placeholder {
    color: #fF9c01;
  }

  :root .sm\:placeholder-obs-blue::-moz-placeholder {
    color: #5da7d6;
  }

  :root .sm\:placeholder-obs-blue::placeholder {
    color: #5da7d6;
  }

  :root .sm\:placeholder-gray-50::-moz-placeholder {
    color: #fafafa;
  }

  :root .sm\:placeholder-gray-50::placeholder {
    color: #fafafa;
  }

  :root .sm\:placeholder-gray-100::-moz-placeholder {
    color: #f5f5f5;
  }

  :root .sm\:placeholder-gray-100::placeholder {
    color: #f5f5f5;
  }

  :root .sm\:placeholder-gray-200::-moz-placeholder {
    color: #eeeeee;
  }

  :root .sm\:placeholder-gray-200::placeholder {
    color: #eeeeee;
  }

  :root .sm\:placeholder-gray-300::-moz-placeholder {
    color: #e0e0e0;
  }

  :root .sm\:placeholder-gray-300::placeholder {
    color: #e0e0e0;
  }

  :root .sm\:placeholder-gray-400::-moz-placeholder {
    color: #bdbdbd;
  }

  :root .sm\:placeholder-gray-400::placeholder {
    color: #bdbdbd;
  }

  :root .sm\:placeholder-gray-500::-moz-placeholder {
    color: #9e9e9e;
  }

  :root .sm\:placeholder-gray-500::placeholder {
    color: #9e9e9e;
  }

  :root .sm\:placeholder-gray-600::-moz-placeholder {
    color: #757575;
  }

  :root .sm\:placeholder-gray-600::placeholder {
    color: #757575;
  }

  :root .sm\:placeholder-gray-700::-moz-placeholder {
    color: #616161;
  }

  :root .sm\:placeholder-gray-700::placeholder {
    color: #616161;
  }

  :root .sm\:placeholder-gray-800::-moz-placeholder {
    color: #424242;
  }

  :root .sm\:placeholder-gray-800::placeholder {
    color: #424242;
  }

  :root .sm\:placeholder-gray-900::-moz-placeholder {
    color: #212121;
  }

  :root .sm\:placeholder-gray-900::placeholder {
    color: #212121;
  }

  :root .sm\:placeholder-red-50::-moz-placeholder {
    color: #ffebee;
  }

  :root .sm\:placeholder-red-50::placeholder {
    color: #ffebee;
  }

  :root .sm\:placeholder-red-100::-moz-placeholder {
    color: #ffcdd2;
  }

  :root .sm\:placeholder-red-100::placeholder {
    color: #ffcdd2;
  }

  :root .sm\:placeholder-red-200::-moz-placeholder {
    color: #ef9a9a;
  }

  :root .sm\:placeholder-red-200::placeholder {
    color: #ef9a9a;
  }

  :root .sm\:placeholder-red-300::-moz-placeholder {
    color: #e57373;
  }

  :root .sm\:placeholder-red-300::placeholder {
    color: #e57373;
  }

  :root .sm\:placeholder-red-400::-moz-placeholder {
    color: #ef5350;
  }

  :root .sm\:placeholder-red-400::placeholder {
    color: #ef5350;
  }

  :root .sm\:placeholder-red-500::-moz-placeholder {
    color: #f44336;
  }

  :root .sm\:placeholder-red-500::placeholder {
    color: #f44336;
  }

  :root .sm\:placeholder-red-600::-moz-placeholder {
    color: #e53935;
  }

  :root .sm\:placeholder-red-600::placeholder {
    color: #e53935;
  }

  :root .sm\:placeholder-red-700::-moz-placeholder {
    color: #d32f2f;
  }

  :root .sm\:placeholder-red-700::placeholder {
    color: #d32f2f;
  }

  :root .sm\:placeholder-red-800::-moz-placeholder {
    color: #c62828;
  }

  :root .sm\:placeholder-red-800::placeholder {
    color: #c62828;
  }

  :root .sm\:placeholder-red-900::-moz-placeholder {
    color: #b71c1c;
  }

  :root .sm\:placeholder-red-900::placeholder {
    color: #b71c1c;
  }

  :root .sm\:placeholder-orange-50::-moz-placeholder {
    color: #fff3e0;
  }

  :root .sm\:placeholder-orange-50::placeholder {
    color: #fff3e0;
  }

  :root .sm\:placeholder-orange-100::-moz-placeholder {
    color: #ffe0b2;
  }

  :root .sm\:placeholder-orange-100::placeholder {
    color: #ffe0b2;
  }

  :root .sm\:placeholder-orange-200::-moz-placeholder {
    color: #ffcc80;
  }

  :root .sm\:placeholder-orange-200::placeholder {
    color: #ffcc80;
  }

  :root .sm\:placeholder-orange-300::-moz-placeholder {
    color: #ffb74d;
  }

  :root .sm\:placeholder-orange-300::placeholder {
    color: #ffb74d;
  }

  :root .sm\:placeholder-orange-400::-moz-placeholder {
    color: #ffa726;
  }

  :root .sm\:placeholder-orange-400::placeholder {
    color: #ffa726;
  }

  :root .sm\:placeholder-orange-500::-moz-placeholder {
    color: #ff9800;
  }

  :root .sm\:placeholder-orange-500::placeholder {
    color: #ff9800;
  }

  :root .sm\:placeholder-orange-600::-moz-placeholder {
    color: #fb8c00;
  }

  :root .sm\:placeholder-orange-600::placeholder {
    color: #fb8c00;
  }

  :root .sm\:placeholder-orange-700::-moz-placeholder {
    color: #f57c00;
  }

  :root .sm\:placeholder-orange-700::placeholder {
    color: #f57c00;
  }

  :root .sm\:placeholder-orange-800::-moz-placeholder {
    color: #ef6c00;
  }

  :root .sm\:placeholder-orange-800::placeholder {
    color: #ef6c00;
  }

  :root .sm\:placeholder-orange-900::-moz-placeholder {
    color: #e65100;
  }

  :root .sm\:placeholder-orange-900::placeholder {
    color: #e65100;
  }

  :root .sm\:placeholder-deep-orange-50::-moz-placeholder {
    color: #fbe9e7;
  }

  :root .sm\:placeholder-deep-orange-50::placeholder {
    color: #fbe9e7;
  }

  :root .sm\:placeholder-deep-orange-100::-moz-placeholder {
    color: #ffccbc;
  }

  :root .sm\:placeholder-deep-orange-100::placeholder {
    color: #ffccbc;
  }

  :root .sm\:placeholder-deep-orange-200::-moz-placeholder {
    color: #ffab91;
  }

  :root .sm\:placeholder-deep-orange-200::placeholder {
    color: #ffab91;
  }

  :root .sm\:placeholder-deep-orange-300::-moz-placeholder {
    color: #ff8a65;
  }

  :root .sm\:placeholder-deep-orange-300::placeholder {
    color: #ff8a65;
  }

  :root .sm\:placeholder-deep-orange-400::-moz-placeholder {
    color: #ff7043;
  }

  :root .sm\:placeholder-deep-orange-400::placeholder {
    color: #ff7043;
  }

  :root .sm\:placeholder-deep-orange-500::-moz-placeholder {
    color: #ff5722;
  }

  :root .sm\:placeholder-deep-orange-500::placeholder {
    color: #ff5722;
  }

  :root .sm\:placeholder-deep-orange-600::-moz-placeholder {
    color: #f4511e;
  }

  :root .sm\:placeholder-deep-orange-600::placeholder {
    color: #f4511e;
  }

  :root .sm\:placeholder-deep-orange-700::-moz-placeholder {
    color: #e64a19;
  }

  :root .sm\:placeholder-deep-orange-700::placeholder {
    color: #e64a19;
  }

  :root .sm\:placeholder-deep-orange-800::-moz-placeholder {
    color: #d84315;
  }

  :root .sm\:placeholder-deep-orange-800::placeholder {
    color: #d84315;
  }

  :root .sm\:placeholder-deep-orange-900::-moz-placeholder {
    color: #bf360c;
  }

  :root .sm\:placeholder-deep-orange-900::placeholder {
    color: #bf360c;
  }

  :root .sm\:placeholder-amber-50::-moz-placeholder {
    color: #fff8e1;
  }

  :root .sm\:placeholder-amber-50::placeholder {
    color: #fff8e1;
  }

  :root .sm\:placeholder-amber-100::-moz-placeholder {
    color: #ffecb3;
  }

  :root .sm\:placeholder-amber-100::placeholder {
    color: #ffecb3;
  }

  :root .sm\:placeholder-amber-200::-moz-placeholder {
    color: #ffe082;
  }

  :root .sm\:placeholder-amber-200::placeholder {
    color: #ffe082;
  }

  :root .sm\:placeholder-amber-300::-moz-placeholder {
    color: #ffd54f;
  }

  :root .sm\:placeholder-amber-300::placeholder {
    color: #ffd54f;
  }

  :root .sm\:placeholder-amber-400::-moz-placeholder {
    color: #ffca28;
  }

  :root .sm\:placeholder-amber-400::placeholder {
    color: #ffca28;
  }

  :root .sm\:placeholder-amber-500::-moz-placeholder {
    color: #ffc107;
  }

  :root .sm\:placeholder-amber-500::placeholder {
    color: #ffc107;
  }

  :root .sm\:placeholder-amber-600::-moz-placeholder {
    color: #ffb300;
  }

  :root .sm\:placeholder-amber-600::placeholder {
    color: #ffb300;
  }

  :root .sm\:placeholder-amber-700::-moz-placeholder {
    color: #ffa000;
  }

  :root .sm\:placeholder-amber-700::placeholder {
    color: #ffa000;
  }

  :root .sm\:placeholder-amber-800::-moz-placeholder {
    color: #ff8f00;
  }

  :root .sm\:placeholder-amber-800::placeholder {
    color: #ff8f00;
  }

  :root .sm\:placeholder-amber-900::-moz-placeholder {
    color: #ff6f00;
  }

  :root .sm\:placeholder-amber-900::placeholder {
    color: #ff6f00;
  }

  :root .sm\:placeholder-light-green-50::-moz-placeholder {
    color: #f1f8e9;
  }

  :root .sm\:placeholder-light-green-50::placeholder {
    color: #f1f8e9;
  }

  :root .sm\:placeholder-light-green-100::-moz-placeholder {
    color: #dcedc8;
  }

  :root .sm\:placeholder-light-green-100::placeholder {
    color: #dcedc8;
  }

  :root .sm\:placeholder-light-green-200::-moz-placeholder {
    color: #c5e1a5;
  }

  :root .sm\:placeholder-light-green-200::placeholder {
    color: #c5e1a5;
  }

  :root .sm\:placeholder-light-green-300::-moz-placeholder {
    color: #aed581;
  }

  :root .sm\:placeholder-light-green-300::placeholder {
    color: #aed581;
  }

  :root .sm\:placeholder-light-green-400::-moz-placeholder {
    color: #9ccc65;
  }

  :root .sm\:placeholder-light-green-400::placeholder {
    color: #9ccc65;
  }

  :root .sm\:placeholder-light-green-500::-moz-placeholder {
    color: #8bc34a;
  }

  :root .sm\:placeholder-light-green-500::placeholder {
    color: #8bc34a;
  }

  :root .sm\:placeholder-light-green-600::-moz-placeholder {
    color: #7cb342;
  }

  :root .sm\:placeholder-light-green-600::placeholder {
    color: #7cb342;
  }

  :root .sm\:placeholder-light-green-700::-moz-placeholder {
    color: #689f38;
  }

  :root .sm\:placeholder-light-green-700::placeholder {
    color: #689f38;
  }

  :root .sm\:placeholder-light-green-800::-moz-placeholder {
    color: #558b2f;
  }

  :root .sm\:placeholder-light-green-800::placeholder {
    color: #558b2f;
  }

  :root .sm\:placeholder-light-green-900::-moz-placeholder {
    color: #33691e;
  }

  :root .sm\:placeholder-light-green-900::placeholder {
    color: #33691e;
  }

  :root .sm\:placeholder-green-50::-moz-placeholder {
    color: #e8f5e9;
  }

  :root .sm\:placeholder-green-50::placeholder {
    color: #e8f5e9;
  }

  :root .sm\:placeholder-green-100::-moz-placeholder {
    color: #c8e6c9;
  }

  :root .sm\:placeholder-green-100::placeholder {
    color: #c8e6c9;
  }

  :root .sm\:placeholder-green-200::-moz-placeholder {
    color: #a5d6a7;
  }

  :root .sm\:placeholder-green-200::placeholder {
    color: #a5d6a7;
  }

  :root .sm\:placeholder-green-300::-moz-placeholder {
    color: #81c784;
  }

  :root .sm\:placeholder-green-300::placeholder {
    color: #81c784;
  }

  :root .sm\:placeholder-green-400::-moz-placeholder {
    color: #66bb6a;
  }

  :root .sm\:placeholder-green-400::placeholder {
    color: #66bb6a;
  }

  :root .sm\:placeholder-green-500::-moz-placeholder {
    color: #4caf50;
  }

  :root .sm\:placeholder-green-500::placeholder {
    color: #4caf50;
  }

  :root .sm\:placeholder-green-600::-moz-placeholder {
    color: #43a047;
  }

  :root .sm\:placeholder-green-600::placeholder {
    color: #43a047;
  }

  :root .sm\:placeholder-green-700::-moz-placeholder {
    color: #388e3c;
  }

  :root .sm\:placeholder-green-700::placeholder {
    color: #388e3c;
  }

  :root .sm\:placeholder-green-800::-moz-placeholder {
    color: #2e7d32;
  }

  :root .sm\:placeholder-green-800::placeholder {
    color: #2e7d32;
  }

  :root .sm\:placeholder-green-900::-moz-placeholder {
    color: #1b5e20;
  }

  :root .sm\:placeholder-green-900::placeholder {
    color: #1b5e20;
  }

  :root .sm\:placeholder-teal-50::-moz-placeholder {
    color: #e0f2f1;
  }

  :root .sm\:placeholder-teal-50::placeholder {
    color: #e0f2f1;
  }

  :root .sm\:placeholder-teal-100::-moz-placeholder {
    color: #b2dfdb;
  }

  :root .sm\:placeholder-teal-100::placeholder {
    color: #b2dfdb;
  }

  :root .sm\:placeholder-teal-200::-moz-placeholder {
    color: #80cbc4;
  }

  :root .sm\:placeholder-teal-200::placeholder {
    color: #80cbc4;
  }

  :root .sm\:placeholder-teal-300::-moz-placeholder {
    color: #4db6ac;
  }

  :root .sm\:placeholder-teal-300::placeholder {
    color: #4db6ac;
  }

  :root .sm\:placeholder-teal-400::-moz-placeholder {
    color: #26a69a;
  }

  :root .sm\:placeholder-teal-400::placeholder {
    color: #26a69a;
  }

  :root .sm\:placeholder-teal-500::-moz-placeholder {
    color: #009688;
  }

  :root .sm\:placeholder-teal-500::placeholder {
    color: #009688;
  }

  :root .sm\:placeholder-teal-600::-moz-placeholder {
    color: #00897b;
  }

  :root .sm\:placeholder-teal-600::placeholder {
    color: #00897b;
  }

  :root .sm\:placeholder-teal-700::-moz-placeholder {
    color: #00796b;
  }

  :root .sm\:placeholder-teal-700::placeholder {
    color: #00796b;
  }

  :root .sm\:placeholder-teal-800::-moz-placeholder {
    color: #00695c;
  }

  :root .sm\:placeholder-teal-800::placeholder {
    color: #00695c;
  }

  :root .sm\:placeholder-teal-900::-moz-placeholder {
    color: #004d40;
  }

  :root .sm\:placeholder-teal-900::placeholder {
    color: #004d40;
  }

  :root .sm\:placeholder-cyan-50::-moz-placeholder {
    color: #e0f7fa;
  }

  :root .sm\:placeholder-cyan-50::placeholder {
    color: #e0f7fa;
  }

  :root .sm\:placeholder-cyan-100::-moz-placeholder {
    color: #b2ebf2;
  }

  :root .sm\:placeholder-cyan-100::placeholder {
    color: #b2ebf2;
  }

  :root .sm\:placeholder-cyan-200::-moz-placeholder {
    color: #80deea;
  }

  :root .sm\:placeholder-cyan-200::placeholder {
    color: #80deea;
  }

  :root .sm\:placeholder-cyan-300::-moz-placeholder {
    color: #4dd0e1;
  }

  :root .sm\:placeholder-cyan-300::placeholder {
    color: #4dd0e1;
  }

  :root .sm\:placeholder-cyan-400::-moz-placeholder {
    color: #26c6da;
  }

  :root .sm\:placeholder-cyan-400::placeholder {
    color: #26c6da;
  }

  :root .sm\:placeholder-cyan-500::-moz-placeholder {
    color: #00bcd4;
  }

  :root .sm\:placeholder-cyan-500::placeholder {
    color: #00bcd4;
  }

  :root .sm\:placeholder-cyan-600::-moz-placeholder {
    color: #00acc1;
  }

  :root .sm\:placeholder-cyan-600::placeholder {
    color: #00acc1;
  }

  :root .sm\:placeholder-cyan-700::-moz-placeholder {
    color: #0097a7;
  }

  :root .sm\:placeholder-cyan-700::placeholder {
    color: #0097a7;
  }

  :root .sm\:placeholder-cyan-800::-moz-placeholder {
    color: #00838f;
  }

  :root .sm\:placeholder-cyan-800::placeholder {
    color: #00838f;
  }

  :root .sm\:placeholder-cyan-900::-moz-placeholder {
    color: #006064;
  }

  :root .sm\:placeholder-cyan-900::placeholder {
    color: #006064;
  }

  :root .sm\:placeholder-purple-50::-moz-placeholder {
    color: #f3e5f5;
  }

  :root .sm\:placeholder-purple-50::placeholder {
    color: #f3e5f5;
  }

  :root .sm\:placeholder-purple-100::-moz-placeholder {
    color: #e1bee7;
  }

  :root .sm\:placeholder-purple-100::placeholder {
    color: #e1bee7;
  }

  :root .sm\:placeholder-purple-200::-moz-placeholder {
    color: #ce93d8;
  }

  :root .sm\:placeholder-purple-200::placeholder {
    color: #ce93d8;
  }

  :root .sm\:placeholder-purple-300::-moz-placeholder {
    color: #ba68c8;
  }

  :root .sm\:placeholder-purple-300::placeholder {
    color: #ba68c8;
  }

  :root .sm\:placeholder-purple-400::-moz-placeholder {
    color: #ab47bc;
  }

  :root .sm\:placeholder-purple-400::placeholder {
    color: #ab47bc;
  }

  :root .sm\:placeholder-purple-500::-moz-placeholder {
    color: #9c27b0;
  }

  :root .sm\:placeholder-purple-500::placeholder {
    color: #9c27b0;
  }

  :root .sm\:placeholder-purple-600::-moz-placeholder {
    color: #8e24aa;
  }

  :root .sm\:placeholder-purple-600::placeholder {
    color: #8e24aa;
  }

  :root .sm\:placeholder-purple-700::-moz-placeholder {
    color: #7b1fa2;
  }

  :root .sm\:placeholder-purple-700::placeholder {
    color: #7b1fa2;
  }

  :root .sm\:placeholder-purple-800::-moz-placeholder {
    color: #6a1b9a;
  }

  :root .sm\:placeholder-purple-800::placeholder {
    color: #6a1b9a;
  }

  :root .sm\:placeholder-purple-900::-moz-placeholder {
    color: #4a148c;
  }

  :root .sm\:placeholder-purple-900::placeholder {
    color: #4a148c;
  }

  :root .sm\:placeholder-deep-purple-50::-moz-placeholder {
    color: #ede7f6;
  }

  :root .sm\:placeholder-deep-purple-50::placeholder {
    color: #ede7f6;
  }

  :root .sm\:placeholder-deep-purple-100::-moz-placeholder {
    color: #d1c4e9;
  }

  :root .sm\:placeholder-deep-purple-100::placeholder {
    color: #d1c4e9;
  }

  :root .sm\:placeholder-deep-purple-200::-moz-placeholder {
    color: #b39ddb;
  }

  :root .sm\:placeholder-deep-purple-200::placeholder {
    color: #b39ddb;
  }

  :root .sm\:placeholder-deep-purple-300::-moz-placeholder {
    color: #9575cd;
  }

  :root .sm\:placeholder-deep-purple-300::placeholder {
    color: #9575cd;
  }

  :root .sm\:placeholder-deep-purple-400::-moz-placeholder {
    color: #7e57c2;
  }

  :root .sm\:placeholder-deep-purple-400::placeholder {
    color: #7e57c2;
  }

  :root .sm\:placeholder-deep-purple-500::-moz-placeholder {
    color: #673ab7;
  }

  :root .sm\:placeholder-deep-purple-500::placeholder {
    color: #673ab7;
  }

  :root .sm\:placeholder-deep-purple-600::-moz-placeholder {
    color: #5e35b1;
  }

  :root .sm\:placeholder-deep-purple-600::placeholder {
    color: #5e35b1;
  }

  :root .sm\:placeholder-deep-purple-700::-moz-placeholder {
    color: #512da8;
  }

  :root .sm\:placeholder-deep-purple-700::placeholder {
    color: #512da8;
  }

  :root .sm\:placeholder-deep-purple-800::-moz-placeholder {
    color: #4527a0;
  }

  :root .sm\:placeholder-deep-purple-800::placeholder {
    color: #4527a0;
  }

  :root .sm\:placeholder-deep-purple-900::-moz-placeholder {
    color: #311b92;
  }

  :root .sm\:placeholder-deep-purple-900::placeholder {
    color: #311b92;
  }

  :root .sm\:placeholder-primary-50::-moz-placeholder {
    color: #FBE4E7;
  }

  :root .sm\:placeholder-primary-50::placeholder {
    color: #FBE4E7;
  }

  :root .sm\:placeholder-primary-100::-moz-placeholder {
    color: #F5BCC2;
  }

  :root .sm\:placeholder-primary-100::placeholder {
    color: #F5BCC2;
  }

  :root .sm\:placeholder-primary-200::-moz-placeholder {
    color: #EE8F9A;
  }

  :root .sm\:placeholder-primary-200::placeholder {
    color: #EE8F9A;
  }

  :root .sm\:placeholder-primary-300::-moz-placeholder {
    color: #E76272;
  }

  :root .sm\:placeholder-primary-300::placeholder {
    color: #E76272;
  }

  :root .sm\:placeholder-primary-400::-moz-placeholder {
    color: #E14053;
  }

  :root .sm\:placeholder-primary-400::placeholder {
    color: #E14053;
  }

  :root .sm\:placeholder-primary-500::-moz-placeholder {
    color: #1976d2;
  }

  :root .sm\:placeholder-primary-500::placeholder {
    color: #1976d2;
  }

  :root .sm\:placeholder-primary-600::-moz-placeholder {
    color: #D81A30;
  }

  :root .sm\:placeholder-primary-600::placeholder {
    color: #D81A30;
  }

  :root .sm\:placeholder-primary-700::-moz-placeholder {
    color: #D31628;
  }

  :root .sm\:placeholder-primary-700::placeholder {
    color: #D31628;
  }

  :root .sm\:placeholder-primary-800::-moz-placeholder {
    color: #CE1222;
  }

  :root .sm\:placeholder-primary-800::placeholder {
    color: #CE1222;
  }

  :root .sm\:placeholder-primary-900::-moz-placeholder {
    color: #C50A16;
  }

  :root .sm\:placeholder-primary-900::placeholder {
    color: #C50A16;
  }

  :root .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  :root .sm\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  :root .sm\:focus\:placeholder-black:focus::-moz-placeholder {
    color: var(--text-color);
  }

  :root .sm\:focus\:placeholder-black:focus::placeholder {
    color: var(--text-color);
  }

  :root .sm\:focus\:placeholder-white:focus::-moz-placeholder {
    color: var(--text-color-light);
  }

  :root .sm\:focus\:placeholder-white:focus::placeholder {
    color: var(--text-color-light);
  }

  :root .sm\:focus\:placeholder-contrast-black:focus::-moz-placeholder {
    color: black;
  }

  :root .sm\:focus\:placeholder-contrast-black:focus::placeholder {
    color: black;
  }

  :root .sm\:focus\:placeholder-contrast-white:focus::-moz-placeholder {
    color: white;
  }

  :root .sm\:focus\:placeholder-contrast-white:focus::placeholder {
    color: white;
  }

  :root .sm\:focus\:placeholder-obs-primary:focus::-moz-placeholder {
    color: #5977FF;
  }

  :root .sm\:focus\:placeholder-obs-primary:focus::placeholder {
    color: #5977FF;
  }

  :root .sm\:focus\:placeholder-obs-secondary:focus::-moz-placeholder {
    color: #5d5c64;
  }

  :root .sm\:focus\:placeholder-obs-secondary:focus::placeholder {
    color: #5d5c64;
  }

  :root .sm\:focus\:placeholder-obs-maroon:focus::-moz-placeholder {
    color: #961e36;
  }

  :root .sm\:focus\:placeholder-obs-maroon:focus::placeholder {
    color: #961e36;
  }

  :root .sm\:focus\:placeholder-obs-navy:focus::-moz-placeholder {
    color: #3e4861;
  }

  :root .sm\:focus\:placeholder-obs-navy:focus::placeholder {
    color: #3e4861;
  }

  :root .sm\:focus\:placeholder-obs-pink:focus::-moz-placeholder {
    color: #d2afc5;
  }

  :root .sm\:focus\:placeholder-obs-pink:focus::placeholder {
    color: #d2afc5;
  }

  :root .sm\:focus\:placeholder-obs-dark-orange:focus::-moz-placeholder {
    color: #d6582a;
  }

  :root .sm\:focus\:placeholder-obs-dark-orange:focus::placeholder {
    color: #d6582a;
  }

  :root .sm\:focus\:placeholder-obs-gold:focus::-moz-placeholder {
    color: #9d8944;
  }

  :root .sm\:focus\:placeholder-obs-gold:focus::placeholder {
    color: #9d8944;
  }

  :root .sm\:focus\:placeholder-obs-light-blue:focus::-moz-placeholder {
    color: #A3C2D6;
  }

  :root .sm\:focus\:placeholder-obs-light-blue:focus::placeholder {
    color: #A3C2D6;
  }

  :root .sm\:focus\:placeholder-obs-purple:focus::-moz-placeholder {
    color: #722670;
  }

  :root .sm\:focus\:placeholder-obs-purple:focus::placeholder {
    color: #722670;
  }

  :root .sm\:focus\:placeholder-obs-light-orange:focus::-moz-placeholder {
    color: #fF9c01;
  }

  :root .sm\:focus\:placeholder-obs-light-orange:focus::placeholder {
    color: #fF9c01;
  }

  :root .sm\:focus\:placeholder-obs-blue:focus::-moz-placeholder {
    color: #5da7d6;
  }

  :root .sm\:focus\:placeholder-obs-blue:focus::placeholder {
    color: #5da7d6;
  }

  :root .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    color: #fafafa;
  }

  :root .sm\:focus\:placeholder-gray-50:focus::placeholder {
    color: #fafafa;
  }

  :root .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    color: #f5f5f5;
  }

  :root .sm\:focus\:placeholder-gray-100:focus::placeholder {
    color: #f5f5f5;
  }

  :root .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    color: #eeeeee;
  }

  :root .sm\:focus\:placeholder-gray-200:focus::placeholder {
    color: #eeeeee;
  }

  :root .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    color: #e0e0e0;
  }

  :root .sm\:focus\:placeholder-gray-300:focus::placeholder {
    color: #e0e0e0;
  }

  :root .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    color: #bdbdbd;
  }

  :root .sm\:focus\:placeholder-gray-400:focus::placeholder {
    color: #bdbdbd;
  }

  :root .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    color: #9e9e9e;
  }

  :root .sm\:focus\:placeholder-gray-500:focus::placeholder {
    color: #9e9e9e;
  }

  :root .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    color: #757575;
  }

  :root .sm\:focus\:placeholder-gray-600:focus::placeholder {
    color: #757575;
  }

  :root .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    color: #616161;
  }

  :root .sm\:focus\:placeholder-gray-700:focus::placeholder {
    color: #616161;
  }

  :root .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    color: #424242;
  }

  :root .sm\:focus\:placeholder-gray-800:focus::placeholder {
    color: #424242;
  }

  :root .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    color: #212121;
  }

  :root .sm\:focus\:placeholder-gray-900:focus::placeholder {
    color: #212121;
  }

  :root .sm\:focus\:placeholder-red-50:focus::-moz-placeholder {
    color: #ffebee;
  }

  :root .sm\:focus\:placeholder-red-50:focus::placeholder {
    color: #ffebee;
  }

  :root .sm\:focus\:placeholder-red-100:focus::-moz-placeholder {
    color: #ffcdd2;
  }

  :root .sm\:focus\:placeholder-red-100:focus::placeholder {
    color: #ffcdd2;
  }

  :root .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
    color: #ef9a9a;
  }

  :root .sm\:focus\:placeholder-red-200:focus::placeholder {
    color: #ef9a9a;
  }

  :root .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
    color: #e57373;
  }

  :root .sm\:focus\:placeholder-red-300:focus::placeholder {
    color: #e57373;
  }

  :root .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
    color: #ef5350;
  }

  :root .sm\:focus\:placeholder-red-400:focus::placeholder {
    color: #ef5350;
  }

  :root .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
    color: #f44336;
  }

  :root .sm\:focus\:placeholder-red-500:focus::placeholder {
    color: #f44336;
  }

  :root .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
    color: #e53935;
  }

  :root .sm\:focus\:placeholder-red-600:focus::placeholder {
    color: #e53935;
  }

  :root .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
    color: #d32f2f;
  }

  :root .sm\:focus\:placeholder-red-700:focus::placeholder {
    color: #d32f2f;
  }

  :root .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
    color: #c62828;
  }

  :root .sm\:focus\:placeholder-red-800:focus::placeholder {
    color: #c62828;
  }

  :root .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
    color: #b71c1c;
  }

  :root .sm\:focus\:placeholder-red-900:focus::placeholder {
    color: #b71c1c;
  }

  :root .sm\:focus\:placeholder-orange-50:focus::-moz-placeholder {
    color: #fff3e0;
  }

  :root .sm\:focus\:placeholder-orange-50:focus::placeholder {
    color: #fff3e0;
  }

  :root .sm\:focus\:placeholder-orange-100:focus::-moz-placeholder {
    color: #ffe0b2;
  }

  :root .sm\:focus\:placeholder-orange-100:focus::placeholder {
    color: #ffe0b2;
  }

  :root .sm\:focus\:placeholder-orange-200:focus::-moz-placeholder {
    color: #ffcc80;
  }

  :root .sm\:focus\:placeholder-orange-200:focus::placeholder {
    color: #ffcc80;
  }

  :root .sm\:focus\:placeholder-orange-300:focus::-moz-placeholder {
    color: #ffb74d;
  }

  :root .sm\:focus\:placeholder-orange-300:focus::placeholder {
    color: #ffb74d;
  }

  :root .sm\:focus\:placeholder-orange-400:focus::-moz-placeholder {
    color: #ffa726;
  }

  :root .sm\:focus\:placeholder-orange-400:focus::placeholder {
    color: #ffa726;
  }

  :root .sm\:focus\:placeholder-orange-500:focus::-moz-placeholder {
    color: #ff9800;
  }

  :root .sm\:focus\:placeholder-orange-500:focus::placeholder {
    color: #ff9800;
  }

  :root .sm\:focus\:placeholder-orange-600:focus::-moz-placeholder {
    color: #fb8c00;
  }

  :root .sm\:focus\:placeholder-orange-600:focus::placeholder {
    color: #fb8c00;
  }

  :root .sm\:focus\:placeholder-orange-700:focus::-moz-placeholder {
    color: #f57c00;
  }

  :root .sm\:focus\:placeholder-orange-700:focus::placeholder {
    color: #f57c00;
  }

  :root .sm\:focus\:placeholder-orange-800:focus::-moz-placeholder {
    color: #ef6c00;
  }

  :root .sm\:focus\:placeholder-orange-800:focus::placeholder {
    color: #ef6c00;
  }

  :root .sm\:focus\:placeholder-orange-900:focus::-moz-placeholder {
    color: #e65100;
  }

  :root .sm\:focus\:placeholder-orange-900:focus::placeholder {
    color: #e65100;
  }

  :root .sm\:focus\:placeholder-deep-orange-50:focus::-moz-placeholder {
    color: #fbe9e7;
  }

  :root .sm\:focus\:placeholder-deep-orange-50:focus::placeholder {
    color: #fbe9e7;
  }

  :root .sm\:focus\:placeholder-deep-orange-100:focus::-moz-placeholder {
    color: #ffccbc;
  }

  :root .sm\:focus\:placeholder-deep-orange-100:focus::placeholder {
    color: #ffccbc;
  }

  :root .sm\:focus\:placeholder-deep-orange-200:focus::-moz-placeholder {
    color: #ffab91;
  }

  :root .sm\:focus\:placeholder-deep-orange-200:focus::placeholder {
    color: #ffab91;
  }

  :root .sm\:focus\:placeholder-deep-orange-300:focus::-moz-placeholder {
    color: #ff8a65;
  }

  :root .sm\:focus\:placeholder-deep-orange-300:focus::placeholder {
    color: #ff8a65;
  }

  :root .sm\:focus\:placeholder-deep-orange-400:focus::-moz-placeholder {
    color: #ff7043;
  }

  :root .sm\:focus\:placeholder-deep-orange-400:focus::placeholder {
    color: #ff7043;
  }

  :root .sm\:focus\:placeholder-deep-orange-500:focus::-moz-placeholder {
    color: #ff5722;
  }

  :root .sm\:focus\:placeholder-deep-orange-500:focus::placeholder {
    color: #ff5722;
  }

  :root .sm\:focus\:placeholder-deep-orange-600:focus::-moz-placeholder {
    color: #f4511e;
  }

  :root .sm\:focus\:placeholder-deep-orange-600:focus::placeholder {
    color: #f4511e;
  }

  :root .sm\:focus\:placeholder-deep-orange-700:focus::-moz-placeholder {
    color: #e64a19;
  }

  :root .sm\:focus\:placeholder-deep-orange-700:focus::placeholder {
    color: #e64a19;
  }

  :root .sm\:focus\:placeholder-deep-orange-800:focus::-moz-placeholder {
    color: #d84315;
  }

  :root .sm\:focus\:placeholder-deep-orange-800:focus::placeholder {
    color: #d84315;
  }

  :root .sm\:focus\:placeholder-deep-orange-900:focus::-moz-placeholder {
    color: #bf360c;
  }

  :root .sm\:focus\:placeholder-deep-orange-900:focus::placeholder {
    color: #bf360c;
  }

  :root .sm\:focus\:placeholder-amber-50:focus::-moz-placeholder {
    color: #fff8e1;
  }

  :root .sm\:focus\:placeholder-amber-50:focus::placeholder {
    color: #fff8e1;
  }

  :root .sm\:focus\:placeholder-amber-100:focus::-moz-placeholder {
    color: #ffecb3;
  }

  :root .sm\:focus\:placeholder-amber-100:focus::placeholder {
    color: #ffecb3;
  }

  :root .sm\:focus\:placeholder-amber-200:focus::-moz-placeholder {
    color: #ffe082;
  }

  :root .sm\:focus\:placeholder-amber-200:focus::placeholder {
    color: #ffe082;
  }

  :root .sm\:focus\:placeholder-amber-300:focus::-moz-placeholder {
    color: #ffd54f;
  }

  :root .sm\:focus\:placeholder-amber-300:focus::placeholder {
    color: #ffd54f;
  }

  :root .sm\:focus\:placeholder-amber-400:focus::-moz-placeholder {
    color: #ffca28;
  }

  :root .sm\:focus\:placeholder-amber-400:focus::placeholder {
    color: #ffca28;
  }

  :root .sm\:focus\:placeholder-amber-500:focus::-moz-placeholder {
    color: #ffc107;
  }

  :root .sm\:focus\:placeholder-amber-500:focus::placeholder {
    color: #ffc107;
  }

  :root .sm\:focus\:placeholder-amber-600:focus::-moz-placeholder {
    color: #ffb300;
  }

  :root .sm\:focus\:placeholder-amber-600:focus::placeholder {
    color: #ffb300;
  }

  :root .sm\:focus\:placeholder-amber-700:focus::-moz-placeholder {
    color: #ffa000;
  }

  :root .sm\:focus\:placeholder-amber-700:focus::placeholder {
    color: #ffa000;
  }

  :root .sm\:focus\:placeholder-amber-800:focus::-moz-placeholder {
    color: #ff8f00;
  }

  :root .sm\:focus\:placeholder-amber-800:focus::placeholder {
    color: #ff8f00;
  }

  :root .sm\:focus\:placeholder-amber-900:focus::-moz-placeholder {
    color: #ff6f00;
  }

  :root .sm\:focus\:placeholder-amber-900:focus::placeholder {
    color: #ff6f00;
  }

  :root .sm\:focus\:placeholder-light-green-50:focus::-moz-placeholder {
    color: #f1f8e9;
  }

  :root .sm\:focus\:placeholder-light-green-50:focus::placeholder {
    color: #f1f8e9;
  }

  :root .sm\:focus\:placeholder-light-green-100:focus::-moz-placeholder {
    color: #dcedc8;
  }

  :root .sm\:focus\:placeholder-light-green-100:focus::placeholder {
    color: #dcedc8;
  }

  :root .sm\:focus\:placeholder-light-green-200:focus::-moz-placeholder {
    color: #c5e1a5;
  }

  :root .sm\:focus\:placeholder-light-green-200:focus::placeholder {
    color: #c5e1a5;
  }

  :root .sm\:focus\:placeholder-light-green-300:focus::-moz-placeholder {
    color: #aed581;
  }

  :root .sm\:focus\:placeholder-light-green-300:focus::placeholder {
    color: #aed581;
  }

  :root .sm\:focus\:placeholder-light-green-400:focus::-moz-placeholder {
    color: #9ccc65;
  }

  :root .sm\:focus\:placeholder-light-green-400:focus::placeholder {
    color: #9ccc65;
  }

  :root .sm\:focus\:placeholder-light-green-500:focus::-moz-placeholder {
    color: #8bc34a;
  }

  :root .sm\:focus\:placeholder-light-green-500:focus::placeholder {
    color: #8bc34a;
  }

  :root .sm\:focus\:placeholder-light-green-600:focus::-moz-placeholder {
    color: #7cb342;
  }

  :root .sm\:focus\:placeholder-light-green-600:focus::placeholder {
    color: #7cb342;
  }

  :root .sm\:focus\:placeholder-light-green-700:focus::-moz-placeholder {
    color: #689f38;
  }

  :root .sm\:focus\:placeholder-light-green-700:focus::placeholder {
    color: #689f38;
  }

  :root .sm\:focus\:placeholder-light-green-800:focus::-moz-placeholder {
    color: #558b2f;
  }

  :root .sm\:focus\:placeholder-light-green-800:focus::placeholder {
    color: #558b2f;
  }

  :root .sm\:focus\:placeholder-light-green-900:focus::-moz-placeholder {
    color: #33691e;
  }

  :root .sm\:focus\:placeholder-light-green-900:focus::placeholder {
    color: #33691e;
  }

  :root .sm\:focus\:placeholder-green-50:focus::-moz-placeholder {
    color: #e8f5e9;
  }

  :root .sm\:focus\:placeholder-green-50:focus::placeholder {
    color: #e8f5e9;
  }

  :root .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
    color: #c8e6c9;
  }

  :root .sm\:focus\:placeholder-green-100:focus::placeholder {
    color: #c8e6c9;
  }

  :root .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
    color: #a5d6a7;
  }

  :root .sm\:focus\:placeholder-green-200:focus::placeholder {
    color: #a5d6a7;
  }

  :root .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
    color: #81c784;
  }

  :root .sm\:focus\:placeholder-green-300:focus::placeholder {
    color: #81c784;
  }

  :root .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
    color: #66bb6a;
  }

  :root .sm\:focus\:placeholder-green-400:focus::placeholder {
    color: #66bb6a;
  }

  :root .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
    color: #4caf50;
  }

  :root .sm\:focus\:placeholder-green-500:focus::placeholder {
    color: #4caf50;
  }

  :root .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
    color: #43a047;
  }

  :root .sm\:focus\:placeholder-green-600:focus::placeholder {
    color: #43a047;
  }

  :root .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
    color: #388e3c;
  }

  :root .sm\:focus\:placeholder-green-700:focus::placeholder {
    color: #388e3c;
  }

  :root .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
    color: #2e7d32;
  }

  :root .sm\:focus\:placeholder-green-800:focus::placeholder {
    color: #2e7d32;
  }

  :root .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
    color: #1b5e20;
  }

  :root .sm\:focus\:placeholder-green-900:focus::placeholder {
    color: #1b5e20;
  }

  :root .sm\:focus\:placeholder-teal-50:focus::-moz-placeholder {
    color: #e0f2f1;
  }

  :root .sm\:focus\:placeholder-teal-50:focus::placeholder {
    color: #e0f2f1;
  }

  :root .sm\:focus\:placeholder-teal-100:focus::-moz-placeholder {
    color: #b2dfdb;
  }

  :root .sm\:focus\:placeholder-teal-100:focus::placeholder {
    color: #b2dfdb;
  }

  :root .sm\:focus\:placeholder-teal-200:focus::-moz-placeholder {
    color: #80cbc4;
  }

  :root .sm\:focus\:placeholder-teal-200:focus::placeholder {
    color: #80cbc4;
  }

  :root .sm\:focus\:placeholder-teal-300:focus::-moz-placeholder {
    color: #4db6ac;
  }

  :root .sm\:focus\:placeholder-teal-300:focus::placeholder {
    color: #4db6ac;
  }

  :root .sm\:focus\:placeholder-teal-400:focus::-moz-placeholder {
    color: #26a69a;
  }

  :root .sm\:focus\:placeholder-teal-400:focus::placeholder {
    color: #26a69a;
  }

  :root .sm\:focus\:placeholder-teal-500:focus::-moz-placeholder {
    color: #009688;
  }

  :root .sm\:focus\:placeholder-teal-500:focus::placeholder {
    color: #009688;
  }

  :root .sm\:focus\:placeholder-teal-600:focus::-moz-placeholder {
    color: #00897b;
  }

  :root .sm\:focus\:placeholder-teal-600:focus::placeholder {
    color: #00897b;
  }

  :root .sm\:focus\:placeholder-teal-700:focus::-moz-placeholder {
    color: #00796b;
  }

  :root .sm\:focus\:placeholder-teal-700:focus::placeholder {
    color: #00796b;
  }

  :root .sm\:focus\:placeholder-teal-800:focus::-moz-placeholder {
    color: #00695c;
  }

  :root .sm\:focus\:placeholder-teal-800:focus::placeholder {
    color: #00695c;
  }

  :root .sm\:focus\:placeholder-teal-900:focus::-moz-placeholder {
    color: #004d40;
  }

  :root .sm\:focus\:placeholder-teal-900:focus::placeholder {
    color: #004d40;
  }

  :root .sm\:focus\:placeholder-cyan-50:focus::-moz-placeholder {
    color: #e0f7fa;
  }

  :root .sm\:focus\:placeholder-cyan-50:focus::placeholder {
    color: #e0f7fa;
  }

  :root .sm\:focus\:placeholder-cyan-100:focus::-moz-placeholder {
    color: #b2ebf2;
  }

  :root .sm\:focus\:placeholder-cyan-100:focus::placeholder {
    color: #b2ebf2;
  }

  :root .sm\:focus\:placeholder-cyan-200:focus::-moz-placeholder {
    color: #80deea;
  }

  :root .sm\:focus\:placeholder-cyan-200:focus::placeholder {
    color: #80deea;
  }

  :root .sm\:focus\:placeholder-cyan-300:focus::-moz-placeholder {
    color: #4dd0e1;
  }

  :root .sm\:focus\:placeholder-cyan-300:focus::placeholder {
    color: #4dd0e1;
  }

  :root .sm\:focus\:placeholder-cyan-400:focus::-moz-placeholder {
    color: #26c6da;
  }

  :root .sm\:focus\:placeholder-cyan-400:focus::placeholder {
    color: #26c6da;
  }

  :root .sm\:focus\:placeholder-cyan-500:focus::-moz-placeholder {
    color: #00bcd4;
  }

  :root .sm\:focus\:placeholder-cyan-500:focus::placeholder {
    color: #00bcd4;
  }

  :root .sm\:focus\:placeholder-cyan-600:focus::-moz-placeholder {
    color: #00acc1;
  }

  :root .sm\:focus\:placeholder-cyan-600:focus::placeholder {
    color: #00acc1;
  }

  :root .sm\:focus\:placeholder-cyan-700:focus::-moz-placeholder {
    color: #0097a7;
  }

  :root .sm\:focus\:placeholder-cyan-700:focus::placeholder {
    color: #0097a7;
  }

  :root .sm\:focus\:placeholder-cyan-800:focus::-moz-placeholder {
    color: #00838f;
  }

  :root .sm\:focus\:placeholder-cyan-800:focus::placeholder {
    color: #00838f;
  }

  :root .sm\:focus\:placeholder-cyan-900:focus::-moz-placeholder {
    color: #006064;
  }

  :root .sm\:focus\:placeholder-cyan-900:focus::placeholder {
    color: #006064;
  }

  :root .sm\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    color: #f3e5f5;
  }

  :root .sm\:focus\:placeholder-purple-50:focus::placeholder {
    color: #f3e5f5;
  }

  :root .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    color: #e1bee7;
  }

  :root .sm\:focus\:placeholder-purple-100:focus::placeholder {
    color: #e1bee7;
  }

  :root .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    color: #ce93d8;
  }

  :root .sm\:focus\:placeholder-purple-200:focus::placeholder {
    color: #ce93d8;
  }

  :root .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    color: #ba68c8;
  }

  :root .sm\:focus\:placeholder-purple-300:focus::placeholder {
    color: #ba68c8;
  }

  :root .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    color: #ab47bc;
  }

  :root .sm\:focus\:placeholder-purple-400:focus::placeholder {
    color: #ab47bc;
  }

  :root .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    color: #9c27b0;
  }

  :root .sm\:focus\:placeholder-purple-500:focus::placeholder {
    color: #9c27b0;
  }

  :root .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    color: #8e24aa;
  }

  :root .sm\:focus\:placeholder-purple-600:focus::placeholder {
    color: #8e24aa;
  }

  :root .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    color: #7b1fa2;
  }

  :root .sm\:focus\:placeholder-purple-700:focus::placeholder {
    color: #7b1fa2;
  }

  :root .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    color: #6a1b9a;
  }

  :root .sm\:focus\:placeholder-purple-800:focus::placeholder {
    color: #6a1b9a;
  }

  :root .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    color: #4a148c;
  }

  :root .sm\:focus\:placeholder-purple-900:focus::placeholder {
    color: #4a148c;
  }

  :root .sm\:focus\:placeholder-deep-purple-50:focus::-moz-placeholder {
    color: #ede7f6;
  }

  :root .sm\:focus\:placeholder-deep-purple-50:focus::placeholder {
    color: #ede7f6;
  }

  :root .sm\:focus\:placeholder-deep-purple-100:focus::-moz-placeholder {
    color: #d1c4e9;
  }

  :root .sm\:focus\:placeholder-deep-purple-100:focus::placeholder {
    color: #d1c4e9;
  }

  :root .sm\:focus\:placeholder-deep-purple-200:focus::-moz-placeholder {
    color: #b39ddb;
  }

  :root .sm\:focus\:placeholder-deep-purple-200:focus::placeholder {
    color: #b39ddb;
  }

  :root .sm\:focus\:placeholder-deep-purple-300:focus::-moz-placeholder {
    color: #9575cd;
  }

  :root .sm\:focus\:placeholder-deep-purple-300:focus::placeholder {
    color: #9575cd;
  }

  :root .sm\:focus\:placeholder-deep-purple-400:focus::-moz-placeholder {
    color: #7e57c2;
  }

  :root .sm\:focus\:placeholder-deep-purple-400:focus::placeholder {
    color: #7e57c2;
  }

  :root .sm\:focus\:placeholder-deep-purple-500:focus::-moz-placeholder {
    color: #673ab7;
  }

  :root .sm\:focus\:placeholder-deep-purple-500:focus::placeholder {
    color: #673ab7;
  }

  :root .sm\:focus\:placeholder-deep-purple-600:focus::-moz-placeholder {
    color: #5e35b1;
  }

  :root .sm\:focus\:placeholder-deep-purple-600:focus::placeholder {
    color: #5e35b1;
  }

  :root .sm\:focus\:placeholder-deep-purple-700:focus::-moz-placeholder {
    color: #512da8;
  }

  :root .sm\:focus\:placeholder-deep-purple-700:focus::placeholder {
    color: #512da8;
  }

  :root .sm\:focus\:placeholder-deep-purple-800:focus::-moz-placeholder {
    color: #4527a0;
  }

  :root .sm\:focus\:placeholder-deep-purple-800:focus::placeholder {
    color: #4527a0;
  }

  :root .sm\:focus\:placeholder-deep-purple-900:focus::-moz-placeholder {
    color: #311b92;
  }

  :root .sm\:focus\:placeholder-deep-purple-900:focus::placeholder {
    color: #311b92;
  }

  :root .sm\:focus\:placeholder-primary-50:focus::-moz-placeholder {
    color: #FBE4E7;
  }

  :root .sm\:focus\:placeholder-primary-50:focus::placeholder {
    color: #FBE4E7;
  }

  :root .sm\:focus\:placeholder-primary-100:focus::-moz-placeholder {
    color: #F5BCC2;
  }

  :root .sm\:focus\:placeholder-primary-100:focus::placeholder {
    color: #F5BCC2;
  }

  :root .sm\:focus\:placeholder-primary-200:focus::-moz-placeholder {
    color: #EE8F9A;
  }

  :root .sm\:focus\:placeholder-primary-200:focus::placeholder {
    color: #EE8F9A;
  }

  :root .sm\:focus\:placeholder-primary-300:focus::-moz-placeholder {
    color: #E76272;
  }

  :root .sm\:focus\:placeholder-primary-300:focus::placeholder {
    color: #E76272;
  }

  :root .sm\:focus\:placeholder-primary-400:focus::-moz-placeholder {
    color: #E14053;
  }

  :root .sm\:focus\:placeholder-primary-400:focus::placeholder {
    color: #E14053;
  }

  :root .sm\:focus\:placeholder-primary-500:focus::-moz-placeholder {
    color: #1976d2;
  }

  :root .sm\:focus\:placeholder-primary-500:focus::placeholder {
    color: #1976d2;
  }

  :root .sm\:focus\:placeholder-primary-600:focus::-moz-placeholder {
    color: #D81A30;
  }

  :root .sm\:focus\:placeholder-primary-600:focus::placeholder {
    color: #D81A30;
  }

  :root .sm\:focus\:placeholder-primary-700:focus::-moz-placeholder {
    color: #D31628;
  }

  :root .sm\:focus\:placeholder-primary-700:focus::placeholder {
    color: #D31628;
  }

  :root .sm\:focus\:placeholder-primary-800:focus::-moz-placeholder {
    color: #CE1222;
  }

  :root .sm\:focus\:placeholder-primary-800:focus::placeholder {
    color: #CE1222;
  }

  :root .sm\:focus\:placeholder-primary-900:focus::-moz-placeholder {
    color: #C50A16;
  }

  :root .sm\:focus\:placeholder-primary-900:focus::placeholder {
    color: #C50A16;
  }

  :root .sm\:pointer-events-none {
    pointer-events: none;
  }

  :root .sm\:pointer-events-auto {
    pointer-events: auto;
  }

  :root .sm\:static {
    position: static;
  }

  :root .sm\:fixed {
    position: fixed;
  }

  :root .sm\:absolute {
    position: absolute;
  }

  :root .sm\:relative {
    position: relative;
  }

  :root .sm\:sticky {
    position: sticky;
  }

  :root .sm\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root .sm\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root .sm\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root .sm\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root .sm\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root .sm\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root .sm\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root .sm\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root .sm\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root .sm\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root .sm\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root .sm\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root .sm\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root .sm\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root .sm\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root .sm\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root .sm\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root .sm\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root .sm\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root .sm\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root .sm\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root .sm\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root .sm\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root .sm\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root .sm\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root .sm\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root .sm\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root .sm\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root .sm\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root .sm\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root .sm\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root .sm\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root .sm\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root .sm\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root .sm\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root .sm\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root .sm\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root .sm\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root .sm\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root .sm\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root .sm\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root .sm\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root .sm\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root .sm\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root .sm\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root .sm\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root .sm\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root .sm\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root .sm\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root .sm\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root .sm\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root .sm\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root .sm\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root .sm\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root .sm\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root .sm\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root .sm\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root .sm\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root .sm\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root .sm\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root .sm\:top-0 {
    top: 0;
  }

  :root .sm\:right-0 {
    right: 0;
  }

  :root .sm\:bottom-0 {
    bottom: 0;
  }

  :root .sm\:left-0 {
    left: 0;
  }

  :root .sm\:top-1 {
    top: 0.25rem;
  }

  :root .sm\:right-1 {
    right: 0.25rem;
  }

  :root .sm\:bottom-1 {
    bottom: 0.25rem;
  }

  :root .sm\:left-1 {
    left: 0.25rem;
  }

  :root .sm\:top-2 {
    top: 0.5rem;
  }

  :root .sm\:right-2 {
    right: 0.5rem;
  }

  :root .sm\:bottom-2 {
    bottom: 0.5rem;
  }

  :root .sm\:left-2 {
    left: 0.5rem;
  }

  :root .sm\:top-3 {
    top: 0.75rem;
  }

  :root .sm\:right-3 {
    right: 0.75rem;
  }

  :root .sm\:bottom-3 {
    bottom: 0.75rem;
  }

  :root .sm\:left-3 {
    left: 0.75rem;
  }

  :root .sm\:top-4 {
    top: 1rem;
  }

  :root .sm\:right-4 {
    right: 1rem;
  }

  :root .sm\:bottom-4 {
    bottom: 1rem;
  }

  :root .sm\:left-4 {
    left: 1rem;
  }

  :root .sm\:top-5 {
    top: 1.25rem;
  }

  :root .sm\:right-5 {
    right: 1.25rem;
  }

  :root .sm\:bottom-5 {
    bottom: 1.25rem;
  }

  :root .sm\:left-5 {
    left: 1.25rem;
  }

  :root .sm\:top-6 {
    top: 1.5rem;
  }

  :root .sm\:right-6 {
    right: 1.5rem;
  }

  :root .sm\:bottom-6 {
    bottom: 1.5rem;
  }

  :root .sm\:left-6 {
    left: 1.5rem;
  }

  :root .sm\:top-8 {
    top: 2rem;
  }

  :root .sm\:right-8 {
    right: 2rem;
  }

  :root .sm\:bottom-8 {
    bottom: 2rem;
  }

  :root .sm\:left-8 {
    left: 2rem;
  }

  :root .sm\:top-10 {
    top: 2.5rem;
  }

  :root .sm\:right-10 {
    right: 2.5rem;
  }

  :root .sm\:bottom-10 {
    bottom: 2.5rem;
  }

  :root .sm\:left-10 {
    left: 2.5rem;
  }

  :root .sm\:top-12 {
    top: 3rem;
  }

  :root .sm\:right-12 {
    right: 3rem;
  }

  :root .sm\:bottom-12 {
    bottom: 3rem;
  }

  :root .sm\:left-12 {
    left: 3rem;
  }

  :root .sm\:-top-1 {
    top: -0.25rem;
  }

  :root .sm\:-right-1 {
    right: -0.25rem;
  }

  :root .sm\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root .sm\:-left-1 {
    left: -0.25rem;
  }

  :root .sm\:-top-2 {
    top: -0.5rem;
  }

  :root .sm\:-right-2 {
    right: -0.5rem;
  }

  :root .sm\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root .sm\:-left-2 {
    left: -0.5rem;
  }

  :root .sm\:-top-3 {
    top: -0.75rem;
  }

  :root .sm\:-right-3 {
    right: -0.75rem;
  }

  :root .sm\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root .sm\:-left-3 {
    left: -0.75rem;
  }

  :root .sm\:-top-4 {
    top: -1rem;
  }

  :root .sm\:-right-4 {
    right: -1rem;
  }

  :root .sm\:-bottom-4 {
    bottom: -1rem;
  }

  :root .sm\:-left-4 {
    left: -1rem;
  }

  :root .sm\:-top-5 {
    top: -1.25rem;
  }

  :root .sm\:-right-5 {
    right: -1.25rem;
  }

  :root .sm\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root .sm\:-left-5 {
    left: -1.25rem;
  }

  :root .sm\:-top-6 {
    top: -1.5rem;
  }

  :root .sm\:-right-6 {
    right: -1.5rem;
  }

  :root .sm\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root .sm\:-left-6 {
    left: -1.5rem;
  }

  :root .sm\:-top-8 {
    top: -2rem;
  }

  :root .sm\:-right-8 {
    right: -2rem;
  }

  :root .sm\:-bottom-8 {
    bottom: -2rem;
  }

  :root .sm\:-left-8 {
    left: -2rem;
  }

  :root .sm\:-top-10 {
    top: -2.5rem;
  }

  :root .sm\:-right-10 {
    right: -2.5rem;
  }

  :root .sm\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root .sm\:-left-10 {
    left: -2.5rem;
  }

  :root .sm\:-top-12 {
    top: -3rem;
  }

  :root .sm\:-right-12 {
    right: -3rem;
  }

  :root .sm\:-bottom-12 {
    bottom: -3rem;
  }

  :root .sm\:-left-12 {
    left: -3rem;
  }

  :root .sm\:top-auto {
    top: auto;
  }

  :root .sm\:right-auto {
    right: auto;
  }

  :root .sm\:bottom-auto {
    bottom: auto;
  }

  :root .sm\:left-auto {
    left: auto;
  }

  [dir=ltr] .sm\:ltr\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  [dir=ltr] .sm\:ltr\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  [dir=ltr] .sm\:ltr\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  [dir=ltr] .sm\:ltr\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  [dir=ltr] .sm\:ltr\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  [dir=ltr] .sm\:ltr\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  [dir=ltr] .sm\:ltr\:inset-x-0 {
    right: 0;
    left: 0;
  }

  [dir=ltr] .sm\:ltr\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  [dir=ltr] .sm\:ltr\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  [dir=ltr] .sm\:ltr\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  [dir=ltr] .sm\:ltr\:inset-x-auto {
    right: auto;
    left: auto;
  }

  [dir=ltr] .sm\:ltr\:top-0 {
    top: 0;
  }

  [dir=ltr] .sm\:ltr\:right-0 {
    right: 0;
  }

  [dir=ltr] .sm\:ltr\:bottom-0 {
    bottom: 0;
  }

  [dir=ltr] .sm\:ltr\:left-0 {
    left: 0;
  }

  [dir=ltr] .sm\:ltr\:top-1 {
    top: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:right-1 {
    right: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-1 {
    bottom: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:left-1 {
    left: 0.25rem;
  }

  [dir=ltr] .sm\:ltr\:top-2 {
    top: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:right-2 {
    right: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-2 {
    bottom: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:left-2 {
    left: 0.5rem;
  }

  [dir=ltr] .sm\:ltr\:top-3 {
    top: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:right-3 {
    right: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-3 {
    bottom: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:left-3 {
    left: 0.75rem;
  }

  [dir=ltr] .sm\:ltr\:top-4 {
    top: 1rem;
  }

  [dir=ltr] .sm\:ltr\:right-4 {
    right: 1rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-4 {
    bottom: 1rem;
  }

  [dir=ltr] .sm\:ltr\:left-4 {
    left: 1rem;
  }

  [dir=ltr] .sm\:ltr\:top-5 {
    top: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:right-5 {
    right: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-5 {
    bottom: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:left-5 {
    left: 1.25rem;
  }

  [dir=ltr] .sm\:ltr\:top-6 {
    top: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:right-6 {
    right: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-6 {
    bottom: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:left-6 {
    left: 1.5rem;
  }

  [dir=ltr] .sm\:ltr\:top-8 {
    top: 2rem;
  }

  [dir=ltr] .sm\:ltr\:right-8 {
    right: 2rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-8 {
    bottom: 2rem;
  }

  [dir=ltr] .sm\:ltr\:left-8 {
    left: 2rem;
  }

  [dir=ltr] .sm\:ltr\:top-10 {
    top: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:right-10 {
    right: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-10 {
    bottom: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:left-10 {
    left: 2.5rem;
  }

  [dir=ltr] .sm\:ltr\:top-12 {
    top: 3rem;
  }

  [dir=ltr] .sm\:ltr\:right-12 {
    right: 3rem;
  }

  [dir=ltr] .sm\:ltr\:bottom-12 {
    bottom: 3rem;
  }

  [dir=ltr] .sm\:ltr\:left-12 {
    left: 3rem;
  }

  [dir=ltr] .sm\:ltr\:-top-1 {
    top: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-right-1 {
    right: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-1 {
    bottom: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-left-1 {
    left: -0.25rem;
  }

  [dir=ltr] .sm\:ltr\:-top-2 {
    top: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-right-2 {
    right: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-2 {
    bottom: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-left-2 {
    left: -0.5rem;
  }

  [dir=ltr] .sm\:ltr\:-top-3 {
    top: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-right-3 {
    right: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-3 {
    bottom: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-left-3 {
    left: -0.75rem;
  }

  [dir=ltr] .sm\:ltr\:-top-4 {
    top: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-right-4 {
    right: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-4 {
    bottom: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-left-4 {
    left: -1rem;
  }

  [dir=ltr] .sm\:ltr\:-top-5 {
    top: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-right-5 {
    right: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-5 {
    bottom: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-left-5 {
    left: -1.25rem;
  }

  [dir=ltr] .sm\:ltr\:-top-6 {
    top: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-right-6 {
    right: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-6 {
    bottom: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-left-6 {
    left: -1.5rem;
  }

  [dir=ltr] .sm\:ltr\:-top-8 {
    top: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-right-8 {
    right: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-8 {
    bottom: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-left-8 {
    left: -2rem;
  }

  [dir=ltr] .sm\:ltr\:-top-10 {
    top: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-right-10 {
    right: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-10 {
    bottom: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-left-10 {
    left: -2.5rem;
  }

  [dir=ltr] .sm\:ltr\:-top-12 {
    top: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-right-12 {
    right: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-bottom-12 {
    bottom: -3rem;
  }

  [dir=ltr] .sm\:ltr\:-left-12 {
    left: -3rem;
  }

  [dir=ltr] .sm\:ltr\:top-auto {
    top: auto;
  }

  [dir=ltr] .sm\:ltr\:right-auto {
    right: auto;
  }

  [dir=ltr] .sm\:ltr\:bottom-auto {
    bottom: auto;
  }

  [dir=ltr] .sm\:ltr\:left-auto {
    left: auto;
  }

  [dir=rtl] .sm\:rtl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  [dir=rtl] .sm\:rtl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  [dir=rtl] .sm\:rtl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  [dir=rtl] .sm\:rtl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  [dir=rtl] .sm\:rtl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  [dir=rtl] .sm\:rtl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  [dir=rtl] .sm\:rtl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  [dir=rtl] .sm\:rtl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  [dir=rtl] .sm\:rtl\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  [dir=rtl] .sm\:rtl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  [dir=rtl] .sm\:rtl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  [dir=rtl] .sm\:rtl\:top-0 {
    top: 0;
  }

  [dir=rtl] .sm\:rtl\:right-0 {
    right: 0;
  }

  [dir=rtl] .sm\:rtl\:bottom-0 {
    bottom: 0;
  }

  [dir=rtl] .sm\:rtl\:left-0 {
    left: 0;
  }

  [dir=rtl] .sm\:rtl\:top-1 {
    top: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:right-1 {
    right: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-1 {
    bottom: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:left-1 {
    left: 0.25rem;
  }

  [dir=rtl] .sm\:rtl\:top-2 {
    top: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:right-2 {
    right: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-2 {
    bottom: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:left-2 {
    left: 0.5rem;
  }

  [dir=rtl] .sm\:rtl\:top-3 {
    top: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:right-3 {
    right: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-3 {
    bottom: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:left-3 {
    left: 0.75rem;
  }

  [dir=rtl] .sm\:rtl\:top-4 {
    top: 1rem;
  }

  [dir=rtl] .sm\:rtl\:right-4 {
    right: 1rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-4 {
    bottom: 1rem;
  }

  [dir=rtl] .sm\:rtl\:left-4 {
    left: 1rem;
  }

  [dir=rtl] .sm\:rtl\:top-5 {
    top: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:right-5 {
    right: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-5 {
    bottom: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:left-5 {
    left: 1.25rem;
  }

  [dir=rtl] .sm\:rtl\:top-6 {
    top: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:right-6 {
    right: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-6 {
    bottom: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:left-6 {
    left: 1.5rem;
  }

  [dir=rtl] .sm\:rtl\:top-8 {
    top: 2rem;
  }

  [dir=rtl] .sm\:rtl\:right-8 {
    right: 2rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-8 {
    bottom: 2rem;
  }

  [dir=rtl] .sm\:rtl\:left-8 {
    left: 2rem;
  }

  [dir=rtl] .sm\:rtl\:top-10 {
    top: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:right-10 {
    right: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-10 {
    bottom: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:left-10 {
    left: 2.5rem;
  }

  [dir=rtl] .sm\:rtl\:top-12 {
    top: 3rem;
  }

  [dir=rtl] .sm\:rtl\:right-12 {
    right: 3rem;
  }

  [dir=rtl] .sm\:rtl\:bottom-12 {
    bottom: 3rem;
  }

  [dir=rtl] .sm\:rtl\:left-12 {
    left: 3rem;
  }

  [dir=rtl] .sm\:rtl\:-top-1 {
    top: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-right-1 {
    right: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-1 {
    bottom: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-left-1 {
    left: -0.25rem;
  }

  [dir=rtl] .sm\:rtl\:-top-2 {
    top: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-right-2 {
    right: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-2 {
    bottom: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-left-2 {
    left: -0.5rem;
  }

  [dir=rtl] .sm\:rtl\:-top-3 {
    top: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-right-3 {
    right: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-3 {
    bottom: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-left-3 {
    left: -0.75rem;
  }

  [dir=rtl] .sm\:rtl\:-top-4 {
    top: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-right-4 {
    right: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-4 {
    bottom: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-left-4 {
    left: -1rem;
  }

  [dir=rtl] .sm\:rtl\:-top-5 {
    top: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-right-5 {
    right: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-5 {
    bottom: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-left-5 {
    left: -1.25rem;
  }

  [dir=rtl] .sm\:rtl\:-top-6 {
    top: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-right-6 {
    right: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-6 {
    bottom: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-left-6 {
    left: -1.5rem;
  }

  [dir=rtl] .sm\:rtl\:-top-8 {
    top: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-right-8 {
    right: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-8 {
    bottom: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-left-8 {
    left: -2rem;
  }

  [dir=rtl] .sm\:rtl\:-top-10 {
    top: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-right-10 {
    right: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-10 {
    bottom: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-left-10 {
    left: -2.5rem;
  }

  [dir=rtl] .sm\:rtl\:-top-12 {
    top: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-right-12 {
    right: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-bottom-12 {
    bottom: -3rem;
  }

  [dir=rtl] .sm\:rtl\:-left-12 {
    left: -3rem;
  }

  [dir=rtl] .sm\:rtl\:top-auto {
    top: auto;
  }

  [dir=rtl] .sm\:rtl\:right-auto {
    right: auto;
  }

  [dir=rtl] .sm\:rtl\:bottom-auto {
    bottom: auto;
  }

  [dir=rtl] .sm\:rtl\:left-auto {
    left: auto;
  }

  :root .sm\:resize-none {
    resize: none;
  }

  :root .sm\:resize-y {
    resize: vertical;
  }

  :root .sm\:resize-x {
    resize: horizontal;
  }

  :root .sm\:resize {
    resize: both;
  }

  :root .sm\:shadow-1 {
    box-shadow: var(--elevation-z1);
  }

  :root .sm\:shadow-2 {
    box-shadow: var(--elevation-z2);
  }

  :root .sm\:shadow-3 {
    box-shadow: var(--elevation-z3);
  }

  :root .sm\:shadow-4 {
    box-shadow: var(--elevation-z4);
  }

  :root .sm\:shadow-5 {
    box-shadow: var(--elevation-z5);
  }

  :root .sm\:shadow-6 {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:shadow-7 {
    box-shadow: var(--elevation-z7);
  }

  :root .sm\:shadow-8 {
    box-shadow: var(--elevation-z8);
  }

  :root .sm\:shadow-9 {
    box-shadow: var(--elevation-z9);
  }

  :root .sm\:shadow-10 {
    box-shadow: var(--elevation-z10);
  }

  :root .sm\:shadow-11 {
    box-shadow: var(--elevation-z11);
  }

  :root .sm\:shadow-12 {
    box-shadow: var(--elevation-z12);
  }

  :root .sm\:shadow-13 {
    box-shadow: var(--elevation-z13);
  }

  :root .sm\:shadow-14 {
    box-shadow: var(--elevation-z14);
  }

  :root .sm\:shadow-15 {
    box-shadow: var(--elevation-z15);
  }

  :root .sm\:shadow-16 {
    box-shadow: var(--elevation-z16);
  }

  :root .sm\:shadow-17 {
    box-shadow: var(--elevation-z17);
  }

  :root .sm\:shadow-18 {
    box-shadow: var(--elevation-z18);
  }

  :root .sm\:shadow-19 {
    box-shadow: var(--elevation-z19);
  }

  :root .sm\:shadow-20 {
    box-shadow: var(--elevation-z20);
  }

  :root .sm\:shadow {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .sm\:shadow-lg {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:shadow-xl {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .sm\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .sm\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .sm\:shadow-none {
    box-shadow: none;
  }

  :root .sm\:shadow-b {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .sm\:hover\:shadow-1:hover {
    box-shadow: var(--elevation-z1);
  }

  :root .sm\:hover\:shadow-2:hover {
    box-shadow: var(--elevation-z2);
  }

  :root .sm\:hover\:shadow-3:hover {
    box-shadow: var(--elevation-z3);
  }

  :root .sm\:hover\:shadow-4:hover {
    box-shadow: var(--elevation-z4);
  }

  :root .sm\:hover\:shadow-5:hover {
    box-shadow: var(--elevation-z5);
  }

  :root .sm\:hover\:shadow-6:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:hover\:shadow-7:hover {
    box-shadow: var(--elevation-z7);
  }

  :root .sm\:hover\:shadow-8:hover {
    box-shadow: var(--elevation-z8);
  }

  :root .sm\:hover\:shadow-9:hover {
    box-shadow: var(--elevation-z9);
  }

  :root .sm\:hover\:shadow-10:hover {
    box-shadow: var(--elevation-z10);
  }

  :root .sm\:hover\:shadow-11:hover {
    box-shadow: var(--elevation-z11);
  }

  :root .sm\:hover\:shadow-12:hover {
    box-shadow: var(--elevation-z12);
  }

  :root .sm\:hover\:shadow-13:hover {
    box-shadow: var(--elevation-z13);
  }

  :root .sm\:hover\:shadow-14:hover {
    box-shadow: var(--elevation-z14);
  }

  :root .sm\:hover\:shadow-15:hover {
    box-shadow: var(--elevation-z15);
  }

  :root .sm\:hover\:shadow-16:hover {
    box-shadow: var(--elevation-z16);
  }

  :root .sm\:hover\:shadow-17:hover {
    box-shadow: var(--elevation-z17);
  }

  :root .sm\:hover\:shadow-18:hover {
    box-shadow: var(--elevation-z18);
  }

  :root .sm\:hover\:shadow-19:hover {
    box-shadow: var(--elevation-z19);
  }

  :root .sm\:hover\:shadow-20:hover {
    box-shadow: var(--elevation-z20);
  }

  :root .sm\:hover\:shadow:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .sm\:hover\:shadow-lg:hover {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:hover\:shadow-xl:hover {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .sm\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .sm\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .sm\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  :root .sm\:hover\:shadow-b:hover {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .sm\:focus\:shadow-1:focus {
    box-shadow: var(--elevation-z1);
  }

  :root .sm\:focus\:shadow-2:focus {
    box-shadow: var(--elevation-z2);
  }

  :root .sm\:focus\:shadow-3:focus {
    box-shadow: var(--elevation-z3);
  }

  :root .sm\:focus\:shadow-4:focus {
    box-shadow: var(--elevation-z4);
  }

  :root .sm\:focus\:shadow-5:focus {
    box-shadow: var(--elevation-z5);
  }

  :root .sm\:focus\:shadow-6:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:focus\:shadow-7:focus {
    box-shadow: var(--elevation-z7);
  }

  :root .sm\:focus\:shadow-8:focus {
    box-shadow: var(--elevation-z8);
  }

  :root .sm\:focus\:shadow-9:focus {
    box-shadow: var(--elevation-z9);
  }

  :root .sm\:focus\:shadow-10:focus {
    box-shadow: var(--elevation-z10);
  }

  :root .sm\:focus\:shadow-11:focus {
    box-shadow: var(--elevation-z11);
  }

  :root .sm\:focus\:shadow-12:focus {
    box-shadow: var(--elevation-z12);
  }

  :root .sm\:focus\:shadow-13:focus {
    box-shadow: var(--elevation-z13);
  }

  :root .sm\:focus\:shadow-14:focus {
    box-shadow: var(--elevation-z14);
  }

  :root .sm\:focus\:shadow-15:focus {
    box-shadow: var(--elevation-z15);
  }

  :root .sm\:focus\:shadow-16:focus {
    box-shadow: var(--elevation-z16);
  }

  :root .sm\:focus\:shadow-17:focus {
    box-shadow: var(--elevation-z17);
  }

  :root .sm\:focus\:shadow-18:focus {
    box-shadow: var(--elevation-z18);
  }

  :root .sm\:focus\:shadow-19:focus {
    box-shadow: var(--elevation-z19);
  }

  :root .sm\:focus\:shadow-20:focus {
    box-shadow: var(--elevation-z20);
  }

  :root .sm\:focus\:shadow:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .sm\:focus\:shadow-lg:focus {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:focus\:shadow-xl:focus {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .sm\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .sm\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .sm\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  :root .sm\:focus\:shadow-b:focus {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .sm\:fill-current {
    fill: currentColor;
  }

  :root .sm\:stroke-current {
    stroke: currentColor;
  }

  :root .sm\:stroke-0 {
    stroke-width: 0;
  }

  :root .sm\:stroke-1 {
    stroke-width: 1;
  }

  :root .sm\:stroke-2 {
    stroke-width: 2;
  }

  :root .sm\:table-auto {
    table-layout: auto;
  }

  :root .sm\:table-fixed {
    table-layout: fixed;
  }

  :root .sm\:text-left {
    text-align: left;
  }

  :root .sm\:text-center {
    text-align: center;
  }

  :root .sm\:text-right {
    text-align: right;
  }

  :root .sm\:text-justify {
    text-align: justify;
  }

  :root .sm\:text-secondary {
    color: var(--text-secondary);
  }

  :root .sm\:text-hint {
    color: var(--text-hint);
  }

  :root .sm\:text-transparent {
    color: transparent;
  }

  :root .sm\:text-black {
    color: var(--text-color);
  }

  :root .sm\:text-white {
    color: var(--text-color-light);
  }

  :root .sm\:text-contrast-black {
    color: black;
  }

  :root .sm\:text-contrast-white {
    color: white;
  }

  :root .sm\:text-obs-primary {
    color: #5977FF;
  }

  :root .sm\:text-obs-secondary {
    color: #5d5c64;
  }

  :root .sm\:text-obs-maroon {
    color: #961e36;
  }

  :root .sm\:text-obs-navy {
    color: #3e4861;
  }

  :root .sm\:text-obs-pink {
    color: #d2afc5;
  }

  :root .sm\:text-obs-dark-orange {
    color: #d6582a;
  }

  :root .sm\:text-obs-gold {
    color: #9d8944;
  }

  :root .sm\:text-obs-light-blue {
    color: #A3C2D6;
  }

  :root .sm\:text-obs-purple {
    color: #722670;
  }

  :root .sm\:text-obs-light-orange {
    color: #fF9c01;
  }

  :root .sm\:text-obs-blue {
    color: #5da7d6;
  }

  :root .sm\:text-gray-50 {
    color: #fafafa;
  }

  :root .sm\:text-gray-100 {
    color: #f5f5f5;
  }

  :root .sm\:text-gray-200 {
    color: #eeeeee;
  }

  :root .sm\:text-gray-300 {
    color: #e0e0e0;
  }

  :root .sm\:text-gray-400 {
    color: #bdbdbd;
  }

  :root .sm\:text-gray-500 {
    color: #9e9e9e;
  }

  :root .sm\:text-gray-600 {
    color: #757575;
  }

  :root .sm\:text-gray-700 {
    color: #616161;
  }

  :root .sm\:text-gray-800 {
    color: #424242;
  }

  :root .sm\:text-gray-900 {
    color: #212121;
  }

  :root .sm\:text-red-50 {
    color: #ffebee;
  }

  :root .sm\:text-red-100 {
    color: #ffcdd2;
  }

  :root .sm\:text-red-200 {
    color: #ef9a9a;
  }

  :root .sm\:text-red-300 {
    color: #e57373;
  }

  :root .sm\:text-red-400 {
    color: #ef5350;
  }

  :root .sm\:text-red-500 {
    color: #f44336;
  }

  :root .sm\:text-red-600 {
    color: #e53935;
  }

  :root .sm\:text-red-700 {
    color: #d32f2f;
  }

  :root .sm\:text-red-800 {
    color: #c62828;
  }

  :root .sm\:text-red-900 {
    color: #b71c1c;
  }

  :root .sm\:text-orange-50 {
    color: #fff3e0;
  }

  :root .sm\:text-orange-100 {
    color: #ffe0b2;
  }

  :root .sm\:text-orange-200 {
    color: #ffcc80;
  }

  :root .sm\:text-orange-300 {
    color: #ffb74d;
  }

  :root .sm\:text-orange-400 {
    color: #ffa726;
  }

  :root .sm\:text-orange-500 {
    color: #ff9800;
  }

  :root .sm\:text-orange-600 {
    color: #fb8c00;
  }

  :root .sm\:text-orange-700 {
    color: #f57c00;
  }

  :root .sm\:text-orange-800 {
    color: #ef6c00;
  }

  :root .sm\:text-orange-900 {
    color: #e65100;
  }

  :root .sm\:text-deep-orange-50 {
    color: #fbe9e7;
  }

  :root .sm\:text-deep-orange-100 {
    color: #ffccbc;
  }

  :root .sm\:text-deep-orange-200 {
    color: #ffab91;
  }

  :root .sm\:text-deep-orange-300 {
    color: #ff8a65;
  }

  :root .sm\:text-deep-orange-400 {
    color: #ff7043;
  }

  :root .sm\:text-deep-orange-500 {
    color: #ff5722;
  }

  :root .sm\:text-deep-orange-600 {
    color: #f4511e;
  }

  :root .sm\:text-deep-orange-700 {
    color: #e64a19;
  }

  :root .sm\:text-deep-orange-800 {
    color: #d84315;
  }

  :root .sm\:text-deep-orange-900 {
    color: #bf360c;
  }

  :root .sm\:text-amber-50 {
    color: #fff8e1;
  }

  :root .sm\:text-amber-100 {
    color: #ffecb3;
  }

  :root .sm\:text-amber-200 {
    color: #ffe082;
  }

  :root .sm\:text-amber-300 {
    color: #ffd54f;
  }

  :root .sm\:text-amber-400 {
    color: #ffca28;
  }

  :root .sm\:text-amber-500 {
    color: #ffc107;
  }

  :root .sm\:text-amber-600 {
    color: #ffb300;
  }

  :root .sm\:text-amber-700 {
    color: #ffa000;
  }

  :root .sm\:text-amber-800 {
    color: #ff8f00;
  }

  :root .sm\:text-amber-900 {
    color: #ff6f00;
  }

  :root .sm\:text-light-green-50 {
    color: #f1f8e9;
  }

  :root .sm\:text-light-green-100 {
    color: #dcedc8;
  }

  :root .sm\:text-light-green-200 {
    color: #c5e1a5;
  }

  :root .sm\:text-light-green-300 {
    color: #aed581;
  }

  :root .sm\:text-light-green-400 {
    color: #9ccc65;
  }

  :root .sm\:text-light-green-500 {
    color: #8bc34a;
  }

  :root .sm\:text-light-green-600 {
    color: #7cb342;
  }

  :root .sm\:text-light-green-700 {
    color: #689f38;
  }

  :root .sm\:text-light-green-800 {
    color: #558b2f;
  }

  :root .sm\:text-light-green-900 {
    color: #33691e;
  }

  :root .sm\:text-green-50 {
    color: #e8f5e9;
  }

  :root .sm\:text-green-100 {
    color: #c8e6c9;
  }

  :root .sm\:text-green-200 {
    color: #a5d6a7;
  }

  :root .sm\:text-green-300 {
    color: #81c784;
  }

  :root .sm\:text-green-400 {
    color: #66bb6a;
  }

  :root .sm\:text-green-500 {
    color: #4caf50;
  }

  :root .sm\:text-green-600 {
    color: #43a047;
  }

  :root .sm\:text-green-700 {
    color: #388e3c;
  }

  :root .sm\:text-green-800 {
    color: #2e7d32;
  }

  :root .sm\:text-green-900 {
    color: #1b5e20;
  }

  :root .sm\:text-teal-50 {
    color: #e0f2f1;
  }

  :root .sm\:text-teal-100 {
    color: #b2dfdb;
  }

  :root .sm\:text-teal-200 {
    color: #80cbc4;
  }

  :root .sm\:text-teal-300 {
    color: #4db6ac;
  }

  :root .sm\:text-teal-400 {
    color: #26a69a;
  }

  :root .sm\:text-teal-500 {
    color: #009688;
  }

  :root .sm\:text-teal-600 {
    color: #00897b;
  }

  :root .sm\:text-teal-700 {
    color: #00796b;
  }

  :root .sm\:text-teal-800 {
    color: #00695c;
  }

  :root .sm\:text-teal-900 {
    color: #004d40;
  }

  :root .sm\:text-cyan-50 {
    color: #e0f7fa;
  }

  :root .sm\:text-cyan-100 {
    color: #b2ebf2;
  }

  :root .sm\:text-cyan-200 {
    color: #80deea;
  }

  :root .sm\:text-cyan-300 {
    color: #4dd0e1;
  }

  :root .sm\:text-cyan-400 {
    color: #26c6da;
  }

  :root .sm\:text-cyan-500 {
    color: #00bcd4;
  }

  :root .sm\:text-cyan-600 {
    color: #00acc1;
  }

  :root .sm\:text-cyan-700 {
    color: #0097a7;
  }

  :root .sm\:text-cyan-800 {
    color: #00838f;
  }

  :root .sm\:text-cyan-900 {
    color: #006064;
  }

  :root .sm\:text-purple-50 {
    color: #f3e5f5;
  }

  :root .sm\:text-purple-100 {
    color: #e1bee7;
  }

  :root .sm\:text-purple-200 {
    color: #ce93d8;
  }

  :root .sm\:text-purple-300 {
    color: #ba68c8;
  }

  :root .sm\:text-purple-400 {
    color: #ab47bc;
  }

  :root .sm\:text-purple-500 {
    color: #9c27b0;
  }

  :root .sm\:text-purple-600 {
    color: #8e24aa;
  }

  :root .sm\:text-purple-700 {
    color: #7b1fa2;
  }

  :root .sm\:text-purple-800 {
    color: #6a1b9a;
  }

  :root .sm\:text-purple-900 {
    color: #4a148c;
  }

  :root .sm\:text-deep-purple-50 {
    color: #ede7f6;
  }

  :root .sm\:text-deep-purple-100 {
    color: #d1c4e9;
  }

  :root .sm\:text-deep-purple-200 {
    color: #b39ddb;
  }

  :root .sm\:text-deep-purple-300 {
    color: #9575cd;
  }

  :root .sm\:text-deep-purple-400 {
    color: #7e57c2;
  }

  :root .sm\:text-deep-purple-500 {
    color: #673ab7;
  }

  :root .sm\:text-deep-purple-600 {
    color: #5e35b1;
  }

  :root .sm\:text-deep-purple-700 {
    color: #512da8;
  }

  :root .sm\:text-deep-purple-800 {
    color: #4527a0;
  }

  :root .sm\:text-deep-purple-900 {
    color: #311b92;
  }

  :root .sm\:text-primary-50 {
    color: #FBE4E7;
  }

  :root .sm\:text-primary-100 {
    color: #F5BCC2;
  }

  :root .sm\:text-primary-200 {
    color: #EE8F9A;
  }

  :root .sm\:text-primary-300 {
    color: #E76272;
  }

  :root .sm\:text-primary-400 {
    color: #E14053;
  }

  :root .sm\:text-primary-500 {
    color: #1976d2;
  }

  :root .sm\:text-primary-600 {
    color: #D81A30;
  }

  :root .sm\:text-primary-700 {
    color: #D31628;
  }

  :root .sm\:text-primary-800 {
    color: #CE1222;
  }

  :root .sm\:text-primary-900 {
    color: #C50A16;
  }

  :root .sm\:text-primary-contrast-50 {
    color: #000;
  }

  :root .sm\:text-primary-contrast-100 {
    color: #000;
  }

  :root .sm\:text-primary-contrast-200 {
    color: #000;
  }

  :root .sm\:text-primary-contrast-300 {
    color: #000;
  }

  :root .sm\:text-primary-contrast-400 {
    color: #000;
  }

  :root .sm\:text-primary-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-primary-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-primary-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-primary-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-primary-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-red-contrast-50 {
    color: #000;
  }

  :root .sm\:text-red-contrast-100 {
    color: #000;
  }

  :root .sm\:text-red-contrast-200 {
    color: #000;
  }

  :root .sm\:text-red-contrast-300 {
    color: #000;
  }

  :root .sm\:text-red-contrast-400 {
    color: #000;
  }

  :root .sm\:text-red-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-red-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-red-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-red-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-red-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-green-contrast-50 {
    color: #000;
  }

  :root .sm\:text-green-contrast-100 {
    color: #000;
  }

  :root .sm\:text-green-contrast-200 {
    color: #000;
  }

  :root .sm\:text-green-contrast-300 {
    color: #000;
  }

  :root .sm\:text-green-contrast-400 {
    color: #000;
  }

  :root .sm\:text-green-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-green-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-green-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-green-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-green-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-amber-contrast-50 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-100 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-200 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-300 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-400 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-500 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-600 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-700 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-800 {
    color: #000;
  }

  :root .sm\:text-amber-contrast-900 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-50 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-100 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-200 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-300 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-400 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-500 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-600 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-700 {
    color: #000;
  }

  :root .sm\:text-orange-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-orange-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-deep-orange-contrast-50 {
    color: #000;
  }

  :root .sm\:text-deep-orange-contrast-100 {
    color: #000;
  }

  :root .sm\:text-deep-orange-contrast-200 {
    color: #000;
  }

  :root .sm\:text-deep-orange-contrast-300 {
    color: #000;
  }

  :root .sm\:text-deep-orange-contrast-400 {
    color: #000;
  }

  :root .sm\:text-deep-orange-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-deep-orange-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-deep-orange-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-deep-orange-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-deep-orange-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-purple-contrast-50 {
    color: #000;
  }

  :root .sm\:text-purple-contrast-100 {
    color: #000;
  }

  :root .sm\:text-purple-contrast-200 {
    color: #000;
  }

  :root .sm\:text-purple-contrast-300 {
    color: #FFF;
  }

  :root .sm\:text-purple-contrast-400 {
    color: #FFF;
  }

  :root .sm\:text-purple-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-purple-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-purple-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-purple-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-purple-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-deep-purple-contrast-50 {
    color: #000;
  }

  :root .sm\:text-deep-purple-contrast-100 {
    color: #000;
  }

  :root .sm\:text-deep-purple-contrast-200 {
    color: #000;
  }

  :root .sm\:text-deep-purple-contrast-300 {
    color: #FFF;
  }

  :root .sm\:text-deep-purple-contrast-400 {
    color: #FFF;
  }

  :root .sm\:text-deep-purple-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-deep-purple-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-deep-purple-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-deep-purple-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-deep-purple-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-cyan-contrast-50 {
    color: #000;
  }

  :root .sm\:text-cyan-contrast-100 {
    color: #000;
  }

  :root .sm\:text-cyan-contrast-200 {
    color: #000;
  }

  :root .sm\:text-cyan-contrast-300 {
    color: #000;
  }

  :root .sm\:text-cyan-contrast-400 {
    color: #000;
  }

  :root .sm\:text-cyan-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-cyan-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-cyan-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-cyan-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-cyan-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-teal-contrast-50 {
    color: #000;
  }

  :root .sm\:text-teal-contrast-100 {
    color: #000;
  }

  :root .sm\:text-teal-contrast-200 {
    color: #000;
  }

  :root .sm\:text-teal-contrast-300 {
    color: #000;
  }

  :root .sm\:text-teal-contrast-400 {
    color: #000;
  }

  :root .sm\:text-teal-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-teal-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-teal-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-teal-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-teal-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-gray-contrast-50 {
    color: #000;
  }

  :root .sm\:text-gray-contrast-100 {
    color: #000;
  }

  :root .sm\:text-gray-contrast-200 {
    color: #000;
  }

  :root .sm\:text-gray-contrast-300 {
    color: #000;
  }

  :root .sm\:text-gray-contrast-400 {
    color: #000;
  }

  :root .sm\:text-gray-contrast-500 {
    color: #FFF;
  }

  :root .sm\:text-gray-contrast-600 {
    color: #FFF;
  }

  :root .sm\:text-gray-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-gray-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-gray-contrast-900 {
    color: #FFF;
  }

  :root .sm\:text-light-green-contrast-50 {
    color: #000;
  }

  :root .sm\:text-light-green-contrast-100 {
    color: #000;
  }

  :root .sm\:text-light-green-contrast-200 {
    color: #000;
  }

  :root .sm\:text-light-green-contrast-300 {
    color: #000;
  }

  :root .sm\:text-light-green-contrast-400 {
    color: #000;
  }

  :root .sm\:text-light-green-contrast-500 {
    color: #000;
  }

  :root .sm\:text-light-green-contrast-600 {
    color: #000;
  }

  :root .sm\:text-light-green-contrast-700 {
    color: #FFF;
  }

  :root .sm\:text-light-green-contrast-800 {
    color: #FFF;
  }

  :root .sm\:text-light-green-contrast-900 {
    color: #FFF;
  }

  :root .sm\:hover\:text-secondary:hover {
    color: var(--text-secondary);
  }

  :root .sm\:hover\:text-hint:hover {
    color: var(--text-hint);
  }

  :root .sm\:hover\:text-transparent:hover {
    color: transparent;
  }

  :root .sm\:hover\:text-black:hover {
    color: var(--text-color);
  }

  :root .sm\:hover\:text-white:hover {
    color: var(--text-color-light);
  }

  :root .sm\:hover\:text-contrast-black:hover {
    color: black;
  }

  :root .sm\:hover\:text-contrast-white:hover {
    color: white;
  }

  :root .sm\:hover\:text-obs-primary:hover {
    color: #5977FF;
  }

  :root .sm\:hover\:text-obs-secondary:hover {
    color: #5d5c64;
  }

  :root .sm\:hover\:text-obs-maroon:hover {
    color: #961e36;
  }

  :root .sm\:hover\:text-obs-navy:hover {
    color: #3e4861;
  }

  :root .sm\:hover\:text-obs-pink:hover {
    color: #d2afc5;
  }

  :root .sm\:hover\:text-obs-dark-orange:hover {
    color: #d6582a;
  }

  :root .sm\:hover\:text-obs-gold:hover {
    color: #9d8944;
  }

  :root .sm\:hover\:text-obs-light-blue:hover {
    color: #A3C2D6;
  }

  :root .sm\:hover\:text-obs-purple:hover {
    color: #722670;
  }

  :root .sm\:hover\:text-obs-light-orange:hover {
    color: #fF9c01;
  }

  :root .sm\:hover\:text-obs-blue:hover {
    color: #5da7d6;
  }

  :root .sm\:hover\:text-gray-50:hover {
    color: #fafafa;
  }

  :root .sm\:hover\:text-gray-100:hover {
    color: #f5f5f5;
  }

  :root .sm\:hover\:text-gray-200:hover {
    color: #eeeeee;
  }

  :root .sm\:hover\:text-gray-300:hover {
    color: #e0e0e0;
  }

  :root .sm\:hover\:text-gray-400:hover {
    color: #bdbdbd;
  }

  :root .sm\:hover\:text-gray-500:hover {
    color: #9e9e9e;
  }

  :root .sm\:hover\:text-gray-600:hover {
    color: #757575;
  }

  :root .sm\:hover\:text-gray-700:hover {
    color: #616161;
  }

  :root .sm\:hover\:text-gray-800:hover {
    color: #424242;
  }

  :root .sm\:hover\:text-gray-900:hover {
    color: #212121;
  }

  :root .sm\:hover\:text-red-50:hover {
    color: #ffebee;
  }

  :root .sm\:hover\:text-red-100:hover {
    color: #ffcdd2;
  }

  :root .sm\:hover\:text-red-200:hover {
    color: #ef9a9a;
  }

  :root .sm\:hover\:text-red-300:hover {
    color: #e57373;
  }

  :root .sm\:hover\:text-red-400:hover {
    color: #ef5350;
  }

  :root .sm\:hover\:text-red-500:hover {
    color: #f44336;
  }

  :root .sm\:hover\:text-red-600:hover {
    color: #e53935;
  }

  :root .sm\:hover\:text-red-700:hover {
    color: #d32f2f;
  }

  :root .sm\:hover\:text-red-800:hover {
    color: #c62828;
  }

  :root .sm\:hover\:text-red-900:hover {
    color: #b71c1c;
  }

  :root .sm\:hover\:text-orange-50:hover {
    color: #fff3e0;
  }

  :root .sm\:hover\:text-orange-100:hover {
    color: #ffe0b2;
  }

  :root .sm\:hover\:text-orange-200:hover {
    color: #ffcc80;
  }

  :root .sm\:hover\:text-orange-300:hover {
    color: #ffb74d;
  }

  :root .sm\:hover\:text-orange-400:hover {
    color: #ffa726;
  }

  :root .sm\:hover\:text-orange-500:hover {
    color: #ff9800;
  }

  :root .sm\:hover\:text-orange-600:hover {
    color: #fb8c00;
  }

  :root .sm\:hover\:text-orange-700:hover {
    color: #f57c00;
  }

  :root .sm\:hover\:text-orange-800:hover {
    color: #ef6c00;
  }

  :root .sm\:hover\:text-orange-900:hover {
    color: #e65100;
  }

  :root .sm\:hover\:text-deep-orange-50:hover {
    color: #fbe9e7;
  }

  :root .sm\:hover\:text-deep-orange-100:hover {
    color: #ffccbc;
  }

  :root .sm\:hover\:text-deep-orange-200:hover {
    color: #ffab91;
  }

  :root .sm\:hover\:text-deep-orange-300:hover {
    color: #ff8a65;
  }

  :root .sm\:hover\:text-deep-orange-400:hover {
    color: #ff7043;
  }

  :root .sm\:hover\:text-deep-orange-500:hover {
    color: #ff5722;
  }

  :root .sm\:hover\:text-deep-orange-600:hover {
    color: #f4511e;
  }

  :root .sm\:hover\:text-deep-orange-700:hover {
    color: #e64a19;
  }

  :root .sm\:hover\:text-deep-orange-800:hover {
    color: #d84315;
  }

  :root .sm\:hover\:text-deep-orange-900:hover {
    color: #bf360c;
  }

  :root .sm\:hover\:text-amber-50:hover {
    color: #fff8e1;
  }

  :root .sm\:hover\:text-amber-100:hover {
    color: #ffecb3;
  }

  :root .sm\:hover\:text-amber-200:hover {
    color: #ffe082;
  }

  :root .sm\:hover\:text-amber-300:hover {
    color: #ffd54f;
  }

  :root .sm\:hover\:text-amber-400:hover {
    color: #ffca28;
  }

  :root .sm\:hover\:text-amber-500:hover {
    color: #ffc107;
  }

  :root .sm\:hover\:text-amber-600:hover {
    color: #ffb300;
  }

  :root .sm\:hover\:text-amber-700:hover {
    color: #ffa000;
  }

  :root .sm\:hover\:text-amber-800:hover {
    color: #ff8f00;
  }

  :root .sm\:hover\:text-amber-900:hover {
    color: #ff6f00;
  }

  :root .sm\:hover\:text-light-green-50:hover {
    color: #f1f8e9;
  }

  :root .sm\:hover\:text-light-green-100:hover {
    color: #dcedc8;
  }

  :root .sm\:hover\:text-light-green-200:hover {
    color: #c5e1a5;
  }

  :root .sm\:hover\:text-light-green-300:hover {
    color: #aed581;
  }

  :root .sm\:hover\:text-light-green-400:hover {
    color: #9ccc65;
  }

  :root .sm\:hover\:text-light-green-500:hover {
    color: #8bc34a;
  }

  :root .sm\:hover\:text-light-green-600:hover {
    color: #7cb342;
  }

  :root .sm\:hover\:text-light-green-700:hover {
    color: #689f38;
  }

  :root .sm\:hover\:text-light-green-800:hover {
    color: #558b2f;
  }

  :root .sm\:hover\:text-light-green-900:hover {
    color: #33691e;
  }

  :root .sm\:hover\:text-green-50:hover {
    color: #e8f5e9;
  }

  :root .sm\:hover\:text-green-100:hover {
    color: #c8e6c9;
  }

  :root .sm\:hover\:text-green-200:hover {
    color: #a5d6a7;
  }

  :root .sm\:hover\:text-green-300:hover {
    color: #81c784;
  }

  :root .sm\:hover\:text-green-400:hover {
    color: #66bb6a;
  }

  :root .sm\:hover\:text-green-500:hover {
    color: #4caf50;
  }

  :root .sm\:hover\:text-green-600:hover {
    color: #43a047;
  }

  :root .sm\:hover\:text-green-700:hover {
    color: #388e3c;
  }

  :root .sm\:hover\:text-green-800:hover {
    color: #2e7d32;
  }

  :root .sm\:hover\:text-green-900:hover {
    color: #1b5e20;
  }

  :root .sm\:hover\:text-teal-50:hover {
    color: #e0f2f1;
  }

  :root .sm\:hover\:text-teal-100:hover {
    color: #b2dfdb;
  }

  :root .sm\:hover\:text-teal-200:hover {
    color: #80cbc4;
  }

  :root .sm\:hover\:text-teal-300:hover {
    color: #4db6ac;
  }

  :root .sm\:hover\:text-teal-400:hover {
    color: #26a69a;
  }

  :root .sm\:hover\:text-teal-500:hover {
    color: #009688;
  }

  :root .sm\:hover\:text-teal-600:hover {
    color: #00897b;
  }

  :root .sm\:hover\:text-teal-700:hover {
    color: #00796b;
  }

  :root .sm\:hover\:text-teal-800:hover {
    color: #00695c;
  }

  :root .sm\:hover\:text-teal-900:hover {
    color: #004d40;
  }

  :root .sm\:hover\:text-cyan-50:hover {
    color: #e0f7fa;
  }

  :root .sm\:hover\:text-cyan-100:hover {
    color: #b2ebf2;
  }

  :root .sm\:hover\:text-cyan-200:hover {
    color: #80deea;
  }

  :root .sm\:hover\:text-cyan-300:hover {
    color: #4dd0e1;
  }

  :root .sm\:hover\:text-cyan-400:hover {
    color: #26c6da;
  }

  :root .sm\:hover\:text-cyan-500:hover {
    color: #00bcd4;
  }

  :root .sm\:hover\:text-cyan-600:hover {
    color: #00acc1;
  }

  :root .sm\:hover\:text-cyan-700:hover {
    color: #0097a7;
  }

  :root .sm\:hover\:text-cyan-800:hover {
    color: #00838f;
  }

  :root .sm\:hover\:text-cyan-900:hover {
    color: #006064;
  }

  :root .sm\:hover\:text-purple-50:hover {
    color: #f3e5f5;
  }

  :root .sm\:hover\:text-purple-100:hover {
    color: #e1bee7;
  }

  :root .sm\:hover\:text-purple-200:hover {
    color: #ce93d8;
  }

  :root .sm\:hover\:text-purple-300:hover {
    color: #ba68c8;
  }

  :root .sm\:hover\:text-purple-400:hover {
    color: #ab47bc;
  }

  :root .sm\:hover\:text-purple-500:hover {
    color: #9c27b0;
  }

  :root .sm\:hover\:text-purple-600:hover {
    color: #8e24aa;
  }

  :root .sm\:hover\:text-purple-700:hover {
    color: #7b1fa2;
  }

  :root .sm\:hover\:text-purple-800:hover {
    color: #6a1b9a;
  }

  :root .sm\:hover\:text-purple-900:hover {
    color: #4a148c;
  }

  :root .sm\:hover\:text-deep-purple-50:hover {
    color: #ede7f6;
  }

  :root .sm\:hover\:text-deep-purple-100:hover {
    color: #d1c4e9;
  }

  :root .sm\:hover\:text-deep-purple-200:hover {
    color: #b39ddb;
  }

  :root .sm\:hover\:text-deep-purple-300:hover {
    color: #9575cd;
  }

  :root .sm\:hover\:text-deep-purple-400:hover {
    color: #7e57c2;
  }

  :root .sm\:hover\:text-deep-purple-500:hover {
    color: #673ab7;
  }

  :root .sm\:hover\:text-deep-purple-600:hover {
    color: #5e35b1;
  }

  :root .sm\:hover\:text-deep-purple-700:hover {
    color: #512da8;
  }

  :root .sm\:hover\:text-deep-purple-800:hover {
    color: #4527a0;
  }

  :root .sm\:hover\:text-deep-purple-900:hover {
    color: #311b92;
  }

  :root .sm\:hover\:text-primary-50:hover {
    color: #FBE4E7;
  }

  :root .sm\:hover\:text-primary-100:hover {
    color: #F5BCC2;
  }

  :root .sm\:hover\:text-primary-200:hover {
    color: #EE8F9A;
  }

  :root .sm\:hover\:text-primary-300:hover {
    color: #E76272;
  }

  :root .sm\:hover\:text-primary-400:hover {
    color: #E14053;
  }

  :root .sm\:hover\:text-primary-500:hover {
    color: #1976d2;
  }

  :root .sm\:hover\:text-primary-600:hover {
    color: #D81A30;
  }

  :root .sm\:hover\:text-primary-700:hover {
    color: #D31628;
  }

  :root .sm\:hover\:text-primary-800:hover {
    color: #CE1222;
  }

  :root .sm\:hover\:text-primary-900:hover {
    color: #C50A16;
  }

  :root .sm\:hover\:text-primary-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-primary-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-primary-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-primary-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-primary-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-primary-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-primary-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-primary-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-primary-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-primary-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-red-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-red-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-red-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-red-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-red-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-red-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-red-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-red-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-red-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-red-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-green-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-green-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-green-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-green-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-green-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-green-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-green-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-green-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-green-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-green-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-amber-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-500:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-600:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-700:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-800:hover {
    color: #000;
  }

  :root .sm\:hover\:text-amber-contrast-900:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-500:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-600:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-700:hover {
    color: #000;
  }

  :root .sm\:hover\:text-orange-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-orange-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-orange-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-orange-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-orange-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-orange-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-orange-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-orange-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-orange-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-orange-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-orange-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-orange-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-purple-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-purple-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-purple-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-purple-contrast-300:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-purple-contrast-400:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-purple-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-purple-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-purple-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-purple-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-purple-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-purple-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-purple-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-purple-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-deep-purple-contrast-300:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-purple-contrast-400:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-purple-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-purple-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-purple-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-purple-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-deep-purple-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-cyan-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-cyan-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-cyan-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-cyan-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-cyan-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-cyan-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-cyan-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-cyan-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-cyan-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-cyan-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-teal-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-teal-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-teal-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-teal-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-teal-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-teal-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-teal-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-teal-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-teal-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-teal-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-gray-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-gray-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-gray-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-gray-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-gray-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-gray-contrast-500:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-gray-contrast-600:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-gray-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-gray-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-gray-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-light-green-contrast-50:hover {
    color: #000;
  }

  :root .sm\:hover\:text-light-green-contrast-100:hover {
    color: #000;
  }

  :root .sm\:hover\:text-light-green-contrast-200:hover {
    color: #000;
  }

  :root .sm\:hover\:text-light-green-contrast-300:hover {
    color: #000;
  }

  :root .sm\:hover\:text-light-green-contrast-400:hover {
    color: #000;
  }

  :root .sm\:hover\:text-light-green-contrast-500:hover {
    color: #000;
  }

  :root .sm\:hover\:text-light-green-contrast-600:hover {
    color: #000;
  }

  :root .sm\:hover\:text-light-green-contrast-700:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-light-green-contrast-800:hover {
    color: #FFF;
  }

  :root .sm\:hover\:text-light-green-contrast-900:hover {
    color: #FFF;
  }

  :root .sm\:focus\:text-secondary:focus {
    color: var(--text-secondary);
  }

  :root .sm\:focus\:text-hint:focus {
    color: var(--text-hint);
  }

  :root .sm\:focus\:text-transparent:focus {
    color: transparent;
  }

  :root .sm\:focus\:text-black:focus {
    color: var(--text-color);
  }

  :root .sm\:focus\:text-white:focus {
    color: var(--text-color-light);
  }

  :root .sm\:focus\:text-contrast-black:focus {
    color: black;
  }

  :root .sm\:focus\:text-contrast-white:focus {
    color: white;
  }

  :root .sm\:focus\:text-obs-primary:focus {
    color: #5977FF;
  }

  :root .sm\:focus\:text-obs-secondary:focus {
    color: #5d5c64;
  }

  :root .sm\:focus\:text-obs-maroon:focus {
    color: #961e36;
  }

  :root .sm\:focus\:text-obs-navy:focus {
    color: #3e4861;
  }

  :root .sm\:focus\:text-obs-pink:focus {
    color: #d2afc5;
  }

  :root .sm\:focus\:text-obs-dark-orange:focus {
    color: #d6582a;
  }

  :root .sm\:focus\:text-obs-gold:focus {
    color: #9d8944;
  }

  :root .sm\:focus\:text-obs-light-blue:focus {
    color: #A3C2D6;
  }

  :root .sm\:focus\:text-obs-purple:focus {
    color: #722670;
  }

  :root .sm\:focus\:text-obs-light-orange:focus {
    color: #fF9c01;
  }

  :root .sm\:focus\:text-obs-blue:focus {
    color: #5da7d6;
  }

  :root .sm\:focus\:text-gray-50:focus {
    color: #fafafa;
  }

  :root .sm\:focus\:text-gray-100:focus {
    color: #f5f5f5;
  }

  :root .sm\:focus\:text-gray-200:focus {
    color: #eeeeee;
  }

  :root .sm\:focus\:text-gray-300:focus {
    color: #e0e0e0;
  }

  :root .sm\:focus\:text-gray-400:focus {
    color: #bdbdbd;
  }

  :root .sm\:focus\:text-gray-500:focus {
    color: #9e9e9e;
  }

  :root .sm\:focus\:text-gray-600:focus {
    color: #757575;
  }

  :root .sm\:focus\:text-gray-700:focus {
    color: #616161;
  }

  :root .sm\:focus\:text-gray-800:focus {
    color: #424242;
  }

  :root .sm\:focus\:text-gray-900:focus {
    color: #212121;
  }

  :root .sm\:focus\:text-red-50:focus {
    color: #ffebee;
  }

  :root .sm\:focus\:text-red-100:focus {
    color: #ffcdd2;
  }

  :root .sm\:focus\:text-red-200:focus {
    color: #ef9a9a;
  }

  :root .sm\:focus\:text-red-300:focus {
    color: #e57373;
  }

  :root .sm\:focus\:text-red-400:focus {
    color: #ef5350;
  }

  :root .sm\:focus\:text-red-500:focus {
    color: #f44336;
  }

  :root .sm\:focus\:text-red-600:focus {
    color: #e53935;
  }

  :root .sm\:focus\:text-red-700:focus {
    color: #d32f2f;
  }

  :root .sm\:focus\:text-red-800:focus {
    color: #c62828;
  }

  :root .sm\:focus\:text-red-900:focus {
    color: #b71c1c;
  }

  :root .sm\:focus\:text-orange-50:focus {
    color: #fff3e0;
  }

  :root .sm\:focus\:text-orange-100:focus {
    color: #ffe0b2;
  }

  :root .sm\:focus\:text-orange-200:focus {
    color: #ffcc80;
  }

  :root .sm\:focus\:text-orange-300:focus {
    color: #ffb74d;
  }

  :root .sm\:focus\:text-orange-400:focus {
    color: #ffa726;
  }

  :root .sm\:focus\:text-orange-500:focus {
    color: #ff9800;
  }

  :root .sm\:focus\:text-orange-600:focus {
    color: #fb8c00;
  }

  :root .sm\:focus\:text-orange-700:focus {
    color: #f57c00;
  }

  :root .sm\:focus\:text-orange-800:focus {
    color: #ef6c00;
  }

  :root .sm\:focus\:text-orange-900:focus {
    color: #e65100;
  }

  :root .sm\:focus\:text-deep-orange-50:focus {
    color: #fbe9e7;
  }

  :root .sm\:focus\:text-deep-orange-100:focus {
    color: #ffccbc;
  }

  :root .sm\:focus\:text-deep-orange-200:focus {
    color: #ffab91;
  }

  :root .sm\:focus\:text-deep-orange-300:focus {
    color: #ff8a65;
  }

  :root .sm\:focus\:text-deep-orange-400:focus {
    color: #ff7043;
  }

  :root .sm\:focus\:text-deep-orange-500:focus {
    color: #ff5722;
  }

  :root .sm\:focus\:text-deep-orange-600:focus {
    color: #f4511e;
  }

  :root .sm\:focus\:text-deep-orange-700:focus {
    color: #e64a19;
  }

  :root .sm\:focus\:text-deep-orange-800:focus {
    color: #d84315;
  }

  :root .sm\:focus\:text-deep-orange-900:focus {
    color: #bf360c;
  }

  :root .sm\:focus\:text-amber-50:focus {
    color: #fff8e1;
  }

  :root .sm\:focus\:text-amber-100:focus {
    color: #ffecb3;
  }

  :root .sm\:focus\:text-amber-200:focus {
    color: #ffe082;
  }

  :root .sm\:focus\:text-amber-300:focus {
    color: #ffd54f;
  }

  :root .sm\:focus\:text-amber-400:focus {
    color: #ffca28;
  }

  :root .sm\:focus\:text-amber-500:focus {
    color: #ffc107;
  }

  :root .sm\:focus\:text-amber-600:focus {
    color: #ffb300;
  }

  :root .sm\:focus\:text-amber-700:focus {
    color: #ffa000;
  }

  :root .sm\:focus\:text-amber-800:focus {
    color: #ff8f00;
  }

  :root .sm\:focus\:text-amber-900:focus {
    color: #ff6f00;
  }

  :root .sm\:focus\:text-light-green-50:focus {
    color: #f1f8e9;
  }

  :root .sm\:focus\:text-light-green-100:focus {
    color: #dcedc8;
  }

  :root .sm\:focus\:text-light-green-200:focus {
    color: #c5e1a5;
  }

  :root .sm\:focus\:text-light-green-300:focus {
    color: #aed581;
  }

  :root .sm\:focus\:text-light-green-400:focus {
    color: #9ccc65;
  }

  :root .sm\:focus\:text-light-green-500:focus {
    color: #8bc34a;
  }

  :root .sm\:focus\:text-light-green-600:focus {
    color: #7cb342;
  }

  :root .sm\:focus\:text-light-green-700:focus {
    color: #689f38;
  }

  :root .sm\:focus\:text-light-green-800:focus {
    color: #558b2f;
  }

  :root .sm\:focus\:text-light-green-900:focus {
    color: #33691e;
  }

  :root .sm\:focus\:text-green-50:focus {
    color: #e8f5e9;
  }

  :root .sm\:focus\:text-green-100:focus {
    color: #c8e6c9;
  }

  :root .sm\:focus\:text-green-200:focus {
    color: #a5d6a7;
  }

  :root .sm\:focus\:text-green-300:focus {
    color: #81c784;
  }

  :root .sm\:focus\:text-green-400:focus {
    color: #66bb6a;
  }

  :root .sm\:focus\:text-green-500:focus {
    color: #4caf50;
  }

  :root .sm\:focus\:text-green-600:focus {
    color: #43a047;
  }

  :root .sm\:focus\:text-green-700:focus {
    color: #388e3c;
  }

  :root .sm\:focus\:text-green-800:focus {
    color: #2e7d32;
  }

  :root .sm\:focus\:text-green-900:focus {
    color: #1b5e20;
  }

  :root .sm\:focus\:text-teal-50:focus {
    color: #e0f2f1;
  }

  :root .sm\:focus\:text-teal-100:focus {
    color: #b2dfdb;
  }

  :root .sm\:focus\:text-teal-200:focus {
    color: #80cbc4;
  }

  :root .sm\:focus\:text-teal-300:focus {
    color: #4db6ac;
  }

  :root .sm\:focus\:text-teal-400:focus {
    color: #26a69a;
  }

  :root .sm\:focus\:text-teal-500:focus {
    color: #009688;
  }

  :root .sm\:focus\:text-teal-600:focus {
    color: #00897b;
  }

  :root .sm\:focus\:text-teal-700:focus {
    color: #00796b;
  }

  :root .sm\:focus\:text-teal-800:focus {
    color: #00695c;
  }

  :root .sm\:focus\:text-teal-900:focus {
    color: #004d40;
  }

  :root .sm\:focus\:text-cyan-50:focus {
    color: #e0f7fa;
  }

  :root .sm\:focus\:text-cyan-100:focus {
    color: #b2ebf2;
  }

  :root .sm\:focus\:text-cyan-200:focus {
    color: #80deea;
  }

  :root .sm\:focus\:text-cyan-300:focus {
    color: #4dd0e1;
  }

  :root .sm\:focus\:text-cyan-400:focus {
    color: #26c6da;
  }

  :root .sm\:focus\:text-cyan-500:focus {
    color: #00bcd4;
  }

  :root .sm\:focus\:text-cyan-600:focus {
    color: #00acc1;
  }

  :root .sm\:focus\:text-cyan-700:focus {
    color: #0097a7;
  }

  :root .sm\:focus\:text-cyan-800:focus {
    color: #00838f;
  }

  :root .sm\:focus\:text-cyan-900:focus {
    color: #006064;
  }

  :root .sm\:focus\:text-purple-50:focus {
    color: #f3e5f5;
  }

  :root .sm\:focus\:text-purple-100:focus {
    color: #e1bee7;
  }

  :root .sm\:focus\:text-purple-200:focus {
    color: #ce93d8;
  }

  :root .sm\:focus\:text-purple-300:focus {
    color: #ba68c8;
  }

  :root .sm\:focus\:text-purple-400:focus {
    color: #ab47bc;
  }

  :root .sm\:focus\:text-purple-500:focus {
    color: #9c27b0;
  }

  :root .sm\:focus\:text-purple-600:focus {
    color: #8e24aa;
  }

  :root .sm\:focus\:text-purple-700:focus {
    color: #7b1fa2;
  }

  :root .sm\:focus\:text-purple-800:focus {
    color: #6a1b9a;
  }

  :root .sm\:focus\:text-purple-900:focus {
    color: #4a148c;
  }

  :root .sm\:focus\:text-deep-purple-50:focus {
    color: #ede7f6;
  }

  :root .sm\:focus\:text-deep-purple-100:focus {
    color: #d1c4e9;
  }

  :root .sm\:focus\:text-deep-purple-200:focus {
    color: #b39ddb;
  }

  :root .sm\:focus\:text-deep-purple-300:focus {
    color: #9575cd;
  }

  :root .sm\:focus\:text-deep-purple-400:focus {
    color: #7e57c2;
  }

  :root .sm\:focus\:text-deep-purple-500:focus {
    color: #673ab7;
  }

  :root .sm\:focus\:text-deep-purple-600:focus {
    color: #5e35b1;
  }

  :root .sm\:focus\:text-deep-purple-700:focus {
    color: #512da8;
  }

  :root .sm\:focus\:text-deep-purple-800:focus {
    color: #4527a0;
  }

  :root .sm\:focus\:text-deep-purple-900:focus {
    color: #311b92;
  }

  :root .sm\:focus\:text-primary-50:focus {
    color: #FBE4E7;
  }

  :root .sm\:focus\:text-primary-100:focus {
    color: #F5BCC2;
  }

  :root .sm\:focus\:text-primary-200:focus {
    color: #EE8F9A;
  }

  :root .sm\:focus\:text-primary-300:focus {
    color: #E76272;
  }

  :root .sm\:focus\:text-primary-400:focus {
    color: #E14053;
  }

  :root .sm\:focus\:text-primary-500:focus {
    color: #1976d2;
  }

  :root .sm\:focus\:text-primary-600:focus {
    color: #D81A30;
  }

  :root .sm\:focus\:text-primary-700:focus {
    color: #D31628;
  }

  :root .sm\:focus\:text-primary-800:focus {
    color: #CE1222;
  }

  :root .sm\:focus\:text-primary-900:focus {
    color: #C50A16;
  }

  :root .sm\:focus\:text-primary-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-primary-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-primary-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-primary-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-primary-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-primary-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-primary-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-primary-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-primary-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-primary-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-red-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-red-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-red-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-red-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-red-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-red-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-red-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-red-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-red-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-red-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-green-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-green-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-green-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-green-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-green-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-green-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-green-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-green-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-green-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-green-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-amber-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-500:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-600:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-700:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-800:focus {
    color: #000;
  }

  :root .sm\:focus\:text-amber-contrast-900:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-500:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-600:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-700:focus {
    color: #000;
  }

  :root .sm\:focus\:text-orange-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-orange-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-orange-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-orange-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-orange-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-orange-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-orange-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-orange-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-orange-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-orange-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-orange-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-orange-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-purple-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-purple-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-purple-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-purple-contrast-300:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-purple-contrast-400:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-purple-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-purple-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-purple-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-purple-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-purple-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-purple-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-purple-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-purple-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-deep-purple-contrast-300:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-purple-contrast-400:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-purple-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-purple-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-purple-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-purple-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-deep-purple-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-cyan-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-cyan-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-cyan-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-cyan-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-cyan-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-cyan-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-cyan-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-cyan-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-cyan-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-cyan-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-teal-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-teal-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-teal-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-teal-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-teal-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-teal-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-teal-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-teal-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-teal-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-teal-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-gray-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-gray-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-gray-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-gray-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-gray-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-gray-contrast-500:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-gray-contrast-600:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-gray-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-gray-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-gray-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-light-green-contrast-50:focus {
    color: #000;
  }

  :root .sm\:focus\:text-light-green-contrast-100:focus {
    color: #000;
  }

  :root .sm\:focus\:text-light-green-contrast-200:focus {
    color: #000;
  }

  :root .sm\:focus\:text-light-green-contrast-300:focus {
    color: #000;
  }

  :root .sm\:focus\:text-light-green-contrast-400:focus {
    color: #000;
  }

  :root .sm\:focus\:text-light-green-contrast-500:focus {
    color: #000;
  }

  :root .sm\:focus\:text-light-green-contrast-600:focus {
    color: #000;
  }

  :root .sm\:focus\:text-light-green-contrast-700:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-light-green-contrast-800:focus {
    color: #FFF;
  }

  :root .sm\:focus\:text-light-green-contrast-900:focus {
    color: #FFF;
  }

  :root .sm\:text-xs {
    font-size: 0.75rem;
  }

  :root .sm\:text-sm {
    font-size: 0.875rem;
  }

  :root .sm\:text-base {
    font-size: 1rem;
  }

  :root .sm\:text-lg {
    font-size: 1.125rem;
  }

  :root .sm\:text-xl {
    font-size: 1.25rem;
  }

  :root .sm\:text-2xl {
    font-size: 1.5rem;
  }

  :root .sm\:text-3xl {
    font-size: 1.875rem;
  }

  :root .sm\:text-4xl {
    font-size: 2.25rem;
  }

  :root .sm\:text-5xl {
    font-size: 3rem;
  }

  :root .sm\:text-6xl {
    font-size: 4rem;
  }

  :root .sm\:italic {
    font-style: italic;
  }

  :root .sm\:not-italic {
    font-style: normal;
  }

  :root .sm\:uppercase {
    text-transform: uppercase;
  }

  :root .sm\:lowercase {
    text-transform: lowercase;
  }

  :root .sm\:capitalize {
    text-transform: capitalize;
  }

  :root .sm\:normal-case {
    text-transform: none;
  }

  :root .sm\:underline {
    text-decoration: underline;
  }

  :root .sm\:line-through {
    text-decoration: line-through;
  }

  :root .sm\:no-underline {
    text-decoration: none;
  }

  :root .sm\:hover\:underline:hover {
    text-decoration: underline;
  }

  :root .sm\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  :root .sm\:hover\:no-underline:hover {
    text-decoration: none;
  }

  :root .sm\:focus\:underline:focus {
    text-decoration: underline;
  }

  :root .sm\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  :root .sm\:focus\:no-underline:focus {
    text-decoration: none;
  }

  :root .sm\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root .sm\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  :root .sm\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  :root .sm\:tracking-tight {
    letter-spacing: -0.025em;
  }

  :root .sm\:tracking-normal {
    letter-spacing: 0;
  }

  :root .sm\:tracking-wide {
    letter-spacing: 0.025em;
  }

  :root .sm\:tracking-wider {
    letter-spacing: 0.05em;
  }

  :root .sm\:tracking-widest {
    letter-spacing: 0.1em;
  }

  :root .sm\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  :root .sm\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  :root .sm\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
            user-select: all;
  }

  :root .sm\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }

  :root .sm\:align-baseline {
    vertical-align: baseline;
  }

  :root .sm\:align-top {
    vertical-align: top;
  }

  :root .sm\:align-middle {
    vertical-align: middle;
  }

  :root .sm\:align-bottom {
    vertical-align: bottom;
  }

  :root .sm\:align-text-top {
    vertical-align: text-top;
  }

  :root .sm\:align-text-bottom {
    vertical-align: text-bottom;
  }

  :root .sm\:visible {
    visibility: visible;
  }

  :root .sm\:invisible {
    visibility: hidden;
  }

  :root .sm\:whitespace-normal {
    white-space: normal;
  }

  :root .sm\:whitespace-no-wrap {
    white-space: nowrap;
  }

  :root .sm\:whitespace-pre {
    white-space: pre;
  }

  :root .sm\:whitespace-pre-line {
    white-space: pre-line;
  }

  :root .sm\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  :root .sm\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  :root .sm\:break-words {
    overflow-wrap: break-word;
  }

  :root .sm\:break-all {
    word-break: break-all;
  }

  :root .sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  :root .sm\:w-0 {
    width: 0;
  }

  :root .sm\:w-1 {
    width: 0.25rem;
  }

  :root .sm\:w-2 {
    width: 0.5rem;
  }

  :root .sm\:w-3 {
    width: 0.75rem;
  }

  :root .sm\:w-4 {
    width: 1rem;
  }

  :root .sm\:w-5 {
    width: 1.25rem;
  }

  :root .sm\:w-6 {
    width: 1.5rem;
  }

  :root .sm\:w-8 {
    width: 2rem;
  }

  :root .sm\:w-9 {
    width: 2.25rem;
  }

  :root .sm\:w-10 {
    width: 2.5rem;
  }

  :root .sm\:w-12 {
    width: 3rem;
  }

  :root .sm\:w-14 {
    width: 3.5rem;
  }

  :root .sm\:w-16 {
    width: 4rem;
  }

  :root .sm\:w-20 {
    width: 5rem;
  }

  :root .sm\:w-24 {
    width: 6rem;
  }

  :root .sm\:w-32 {
    width: 8rem;
  }

  :root .sm\:w-40 {
    width: 10rem;
  }

  :root .sm\:w-48 {
    width: 12rem;
  }

  :root .sm\:w-56 {
    width: 14rem;
  }

  :root .sm\:w-64 {
    width: 16rem;
  }

  :root .sm\:w-auto {
    width: auto;
  }

  :root .sm\:w-px {
    width: 1px;
  }

  :root .sm\:w-gutter {
    width: var(--padding-gutter);
  }

  :root .sm\:w-1\/2 {
    width: 50%;
  }

  :root .sm\:w-1\/3 {
    width: 33.333333%;
  }

  :root .sm\:w-2\/3 {
    width: 66.666667%;
  }

  :root .sm\:w-1\/4 {
    width: 25%;
  }

  :root .sm\:w-2\/4 {
    width: 50%;
  }

  :root .sm\:w-3\/4 {
    width: 75%;
  }

  :root .sm\:w-1\/5 {
    width: 20%;
  }

  :root .sm\:w-2\/5 {
    width: 40%;
  }

  :root .sm\:w-3\/5 {
    width: 60%;
  }

  :root .sm\:w-4\/5 {
    width: 80%;
  }

  :root .sm\:w-1\/6 {
    width: 16.666667%;
  }

  :root .sm\:w-2\/6 {
    width: 33.333333%;
  }

  :root .sm\:w-3\/6 {
    width: 50%;
  }

  :root .sm\:w-4\/6 {
    width: 66.666667%;
  }

  :root .sm\:w-5\/6 {
    width: 83.333333%;
  }

  :root .sm\:w-1\/12 {
    width: 8.333333%;
  }

  :root .sm\:w-2\/12 {
    width: 16.666667%;
  }

  :root .sm\:w-3\/12 {
    width: 25%;
  }

  :root .sm\:w-4\/12 {
    width: 33.333333%;
  }

  :root .sm\:w-5\/12 {
    width: 41.666667%;
  }

  :root .sm\:w-6\/12 {
    width: 50%;
  }

  :root .sm\:w-7\/12 {
    width: 58.333333%;
  }

  :root .sm\:w-8\/12 {
    width: 66.666667%;
  }

  :root .sm\:w-9\/12 {
    width: 75%;
  }

  :root .sm\:w-10\/12 {
    width: 83.333333%;
  }

  :root .sm\:w-11\/12 {
    width: 91.666667%;
  }

  :root .sm\:w-full {
    width: 100%;
  }

  :root .sm\:w-screen {
    width: 100vw;
  }

  :root .sm\:z-0 {
    z-index: 0;
  }

  :root .sm\:z-10 {
    z-index: 10;
  }

  :root .sm\:z-20 {
    z-index: 20;
  }

  :root .sm\:z-30 {
    z-index: 30;
  }

  :root .sm\:z-40 {
    z-index: 40;
  }

  :root .sm\:z-50 {
    z-index: 50;
  }

  :root .sm\:z-auto {
    z-index: auto;
  }

  :root .sm\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  :root .sm\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  :root .sm\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  :root .sm\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  :root .sm\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  :root .sm\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  :root .sm\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  :root .sm\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  :root .sm\:gap-9 {
    grid-gap: 2.25rem;
    gap: 2.25rem;
  }

  :root .sm\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  :root .sm\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  :root .sm\:gap-14 {
    grid-gap: 3.5rem;
    gap: 3.5rem;
  }

  :root .sm\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  :root .sm\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  :root .sm\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  :root .sm\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  :root .sm\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  :root .sm\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  :root .sm\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  :root .sm\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  :root .sm\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  :root .sm\:gap-gutter {
    grid-gap: var(--padding-gutter);
    gap: var(--padding-gutter);
  }

  :root .sm\:col-gap-0 {
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  :root .sm\:col-gap-1 {
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  :root .sm\:col-gap-2 {
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  :root .sm\:col-gap-3 {
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  :root .sm\:col-gap-4 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  :root .sm\:col-gap-5 {
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  :root .sm\:col-gap-6 {
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  :root .sm\:col-gap-8 {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  :root .sm\:col-gap-9 {
    grid-column-gap: 2.25rem;
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem;
  }

  :root .sm\:col-gap-10 {
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  :root .sm\:col-gap-12 {
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  :root .sm\:col-gap-14 {
    grid-column-gap: 3.5rem;
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }

  :root .sm\:col-gap-16 {
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  :root .sm\:col-gap-20 {
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  :root .sm\:col-gap-24 {
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  :root .sm\:col-gap-32 {
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  :root .sm\:col-gap-40 {
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  :root .sm\:col-gap-48 {
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  :root .sm\:col-gap-56 {
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  :root .sm\:col-gap-64 {
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  :root .sm\:col-gap-px {
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  :root .sm\:col-gap-gutter {
    grid-column-gap: var(--padding-gutter);
    -moz-column-gap: var(--padding-gutter);
         column-gap: var(--padding-gutter);
  }

  :root .sm\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  :root .sm\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  :root .sm\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  :root .sm\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  :root .sm\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  :root .sm\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  :root .sm\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  :root .sm\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  :root .sm\:row-gap-9 {
    grid-row-gap: 2.25rem;
    row-gap: 2.25rem;
  }

  :root .sm\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  :root .sm\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  :root .sm\:row-gap-14 {
    grid-row-gap: 3.5rem;
    row-gap: 3.5rem;
  }

  :root .sm\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  :root .sm\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  :root .sm\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  :root .sm\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  :root .sm\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  :root .sm\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  :root .sm\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  :root .sm\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  :root .sm\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  :root .sm\:row-gap-gutter {
    grid-row-gap: var(--padding-gutter);
    row-gap: var(--padding-gutter);
  }

  :root .sm\:grid-flow-row {
    grid-auto-flow: row;
  }

  :root .sm\:grid-flow-col {
    grid-auto-flow: column;
  }

  :root .sm\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  :root .sm\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  :root .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-none {
    grid-template-columns: none;
  }

  :root .sm\:col-auto {
    grid-column: auto;
  }

  :root .sm\:col-span-1 {
    grid-column: span 1/span 1;
  }

  :root .sm\:col-span-2 {
    grid-column: span 2/span 2;
  }

  :root .sm\:col-span-3 {
    grid-column: span 3/span 3;
  }

  :root .sm\:col-span-4 {
    grid-column: span 4/span 4;
  }

  :root .sm\:col-span-5 {
    grid-column: span 5/span 5;
  }

  :root .sm\:col-span-6 {
    grid-column: span 6/span 6;
  }

  :root .sm\:col-span-7 {
    grid-column: span 7/span 7;
  }

  :root .sm\:col-span-8 {
    grid-column: span 8/span 8;
  }

  :root .sm\:col-span-9 {
    grid-column: span 9/span 9;
  }

  :root .sm\:col-span-10 {
    grid-column: span 10/span 10;
  }

  :root .sm\:col-span-11 {
    grid-column: span 11/span 11;
  }

  :root .sm\:col-span-12 {
    grid-column: span 12/span 12;
  }

  :root .sm\:col-start-1 {
    grid-column-start: 1;
  }

  :root .sm\:col-start-2 {
    grid-column-start: 2;
  }

  :root .sm\:col-start-3 {
    grid-column-start: 3;
  }

  :root .sm\:col-start-4 {
    grid-column-start: 4;
  }

  :root .sm\:col-start-5 {
    grid-column-start: 5;
  }

  :root .sm\:col-start-6 {
    grid-column-start: 6;
  }

  :root .sm\:col-start-7 {
    grid-column-start: 7;
  }

  :root .sm\:col-start-8 {
    grid-column-start: 8;
  }

  :root .sm\:col-start-9 {
    grid-column-start: 9;
  }

  :root .sm\:col-start-10 {
    grid-column-start: 10;
  }

  :root .sm\:col-start-11 {
    grid-column-start: 11;
  }

  :root .sm\:col-start-12 {
    grid-column-start: 12;
  }

  :root .sm\:col-start-13 {
    grid-column-start: 13;
  }

  :root .sm\:col-start-auto {
    grid-column-start: auto;
  }

  :root .sm\:col-end-1 {
    grid-column-end: 1;
  }

  :root .sm\:col-end-2 {
    grid-column-end: 2;
  }

  :root .sm\:col-end-3 {
    grid-column-end: 3;
  }

  :root .sm\:col-end-4 {
    grid-column-end: 4;
  }

  :root .sm\:col-end-5 {
    grid-column-end: 5;
  }

  :root .sm\:col-end-6 {
    grid-column-end: 6;
  }

  :root .sm\:col-end-7 {
    grid-column-end: 7;
  }

  :root .sm\:col-end-8 {
    grid-column-end: 8;
  }

  :root .sm\:col-end-9 {
    grid-column-end: 9;
  }

  :root .sm\:col-end-10 {
    grid-column-end: 10;
  }

  :root .sm\:col-end-11 {
    grid-column-end: 11;
  }

  :root .sm\:col-end-12 {
    grid-column-end: 12;
  }

  :root .sm\:col-end-13 {
    grid-column-end: 13;
  }

  :root .sm\:col-end-auto {
    grid-column-end: auto;
  }

  :root .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-none {
    grid-template-rows: none;
  }

  :root .sm\:row-auto {
    grid-row: auto;
  }

  :root .sm\:row-span-1 {
    grid-row: span 1/span 1;
  }

  :root .sm\:row-span-2 {
    grid-row: span 2/span 2;
  }

  :root .sm\:row-span-3 {
    grid-row: span 3/span 3;
  }

  :root .sm\:row-span-4 {
    grid-row: span 4/span 4;
  }

  :root .sm\:row-span-5 {
    grid-row: span 5/span 5;
  }

  :root .sm\:row-span-6 {
    grid-row: span 6/span 6;
  }

  :root .sm\:row-start-1 {
    grid-row-start: 1;
  }

  :root .sm\:row-start-2 {
    grid-row-start: 2;
  }

  :root .sm\:row-start-3 {
    grid-row-start: 3;
  }

  :root .sm\:row-start-4 {
    grid-row-start: 4;
  }

  :root .sm\:row-start-5 {
    grid-row-start: 5;
  }

  :root .sm\:row-start-6 {
    grid-row-start: 6;
  }

  :root .sm\:row-start-7 {
    grid-row-start: 7;
  }

  :root .sm\:row-start-auto {
    grid-row-start: auto;
  }

  :root .sm\:row-end-1 {
    grid-row-end: 1;
  }

  :root .sm\:row-end-2 {
    grid-row-end: 2;
  }

  :root .sm\:row-end-3 {
    grid-row-end: 3;
  }

  :root .sm\:row-end-4 {
    grid-row-end: 4;
  }

  :root .sm\:row-end-5 {
    grid-row-end: 5;
  }

  :root .sm\:row-end-6 {
    grid-row-end: 6;
  }

  :root .sm\:row-end-7 {
    grid-row-end: 7;
  }

  :root .sm\:row-end-auto {
    grid-row-end: auto;
  }

  :root .sm\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  :root .sm\:transform-none {
    transform: none;
  }

  :root .sm\:origin-center {
    transform-origin: center;
  }

  :root .sm\:origin-top {
    transform-origin: top;
  }

  :root .sm\:origin-top-right {
    transform-origin: top right;
  }

  :root .sm\:origin-right {
    transform-origin: right;
  }

  :root .sm\:origin-bottom-right {
    transform-origin: bottom right;
  }

  :root .sm\:origin-bottom {
    transform-origin: bottom;
  }

  :root .sm\:origin-bottom-left {
    transform-origin: bottom left;
  }

  :root .sm\:origin-left {
    transform-origin: left;
  }

  :root .sm\:origin-top-left {
    transform-origin: top left;
  }

  :root .sm\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .sm\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .sm\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .sm\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .sm\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .sm\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .sm\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .sm\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .sm\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .sm\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .sm\:scale-x-0 {
    --transform-scale-x: 0;
  }

  :root .sm\:scale-x-50 {
    --transform-scale-x: .5;
  }

  :root .sm\:scale-x-75 {
    --transform-scale-x: .75;
  }

  :root .sm\:scale-x-90 {
    --transform-scale-x: .9;
  }

  :root .sm\:scale-x-95 {
    --transform-scale-x: .95;
  }

  :root .sm\:scale-x-100 {
    --transform-scale-x: 1;
  }

  :root .sm\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  :root .sm\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  :root .sm\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  :root .sm\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  :root .sm\:scale-y-0 {
    --transform-scale-y: 0;
  }

  :root .sm\:scale-y-50 {
    --transform-scale-y: .5;
  }

  :root .sm\:scale-y-75 {
    --transform-scale-y: .75;
  }

  :root .sm\:scale-y-90 {
    --transform-scale-y: .9;
  }

  :root .sm\:scale-y-95 {
    --transform-scale-y: .95;
  }

  :root .sm\:scale-y-100 {
    --transform-scale-y: 1;
  }

  :root .sm\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  :root .sm\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  :root .sm\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  :root .sm\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  :root .sm\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .sm\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .sm\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .sm\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .sm\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .sm\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .sm\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .sm\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .sm\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .sm\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .sm\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  :root .sm\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  :root .sm\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  :root .sm\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  :root .sm\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  :root .sm\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  :root .sm\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  :root .sm\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  :root .sm\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  :root .sm\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  :root .sm\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  :root .sm\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  :root .sm\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  :root .sm\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  :root .sm\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  :root .sm\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  :root .sm\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  :root .sm\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  :root .sm\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  :root .sm\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  :root .sm\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .sm\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .sm\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .sm\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .sm\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .sm\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .sm\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .sm\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .sm\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .sm\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .sm\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  :root .sm\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  :root .sm\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  :root .sm\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  :root .sm\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  :root .sm\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  :root .sm\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  :root .sm\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  :root .sm\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  :root .sm\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  :root .sm\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  :root .sm\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  :root .sm\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  :root .sm\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  :root .sm\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  :root .sm\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  :root .sm\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  :root .sm\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  :root .sm\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  :root .sm\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  :root .sm\:rotate-0 {
    --transform-rotate: 0;
  }

  :root .sm\:rotate-45 {
    --transform-rotate: 45deg;
  }

  :root .sm\:rotate-90 {
    --transform-rotate: 90deg;
  }

  :root .sm\:rotate-180 {
    --transform-rotate: 180deg;
  }

  :root .sm\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  :root .sm\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  :root .sm\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  :root .sm\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  :root .sm\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  :root .sm\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  :root .sm\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  :root .sm\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  :root .sm\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  :root .sm\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  :root .sm\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  :root .sm\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  :root .sm\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  :root .sm\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  :root .sm\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  :root .sm\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  :root .sm\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  :root .sm\:translate-x-0 {
    --transform-translate-x: 0;
  }

  :root .sm\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  :root .sm\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  :root .sm\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  :root .sm\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  :root .sm\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  :root .sm\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  :root .sm\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  :root .sm\:translate-x-9 {
    --transform-translate-x: 2.25rem;
  }

  :root .sm\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  :root .sm\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  :root .sm\:translate-x-14 {
    --transform-translate-x: 3.5rem;
  }

  :root .sm\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  :root .sm\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  :root .sm\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  :root .sm\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  :root .sm\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  :root .sm\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  :root .sm\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  :root .sm\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  :root .sm\:translate-x-px {
    --transform-translate-x: 1px;
  }

  :root .sm\:translate-x-gutter {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .sm\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  :root .sm\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  :root .sm\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  :root .sm\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  :root .sm\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  :root .sm\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  :root .sm\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  :root .sm\:-translate-x-9 {
    --transform-translate-x: -2.25rem;
  }

  :root .sm\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  :root .sm\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  :root .sm\:-translate-x-14 {
    --transform-translate-x: -3.5rem;
  }

  :root .sm\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  :root .sm\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  :root .sm\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  :root .sm\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  :root .sm\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  :root .sm\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  :root .sm\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  :root .sm\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  :root .sm\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  :root .sm\:-translate-x-gutter {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  :root .sm\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  :root .sm\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  :root .sm\:translate-x-full {
    --transform-translate-x: 100%;
  }

  :root .sm\:translate-y-0 {
    --transform-translate-y: 0;
  }

  :root .sm\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  :root .sm\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  :root .sm\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  :root .sm\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  :root .sm\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  :root .sm\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  :root .sm\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  :root .sm\:translate-y-9 {
    --transform-translate-y: 2.25rem;
  }

  :root .sm\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  :root .sm\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  :root .sm\:translate-y-14 {
    --transform-translate-y: 3.5rem;
  }

  :root .sm\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  :root .sm\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  :root .sm\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  :root .sm\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  :root .sm\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  :root .sm\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  :root .sm\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  :root .sm\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  :root .sm\:translate-y-px {
    --transform-translate-y: 1px;
  }

  :root .sm\:translate-y-gutter {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .sm\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  :root .sm\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  :root .sm\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  :root .sm\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  :root .sm\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  :root .sm\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  :root .sm\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  :root .sm\:-translate-y-9 {
    --transform-translate-y: -2.25rem;
  }

  :root .sm\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  :root .sm\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  :root .sm\:-translate-y-14 {
    --transform-translate-y: -3.5rem;
  }

  :root .sm\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  :root .sm\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  :root .sm\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  :root .sm\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  :root .sm\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  :root .sm\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  :root .sm\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  :root .sm\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  :root .sm\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  :root .sm\:-translate-y-gutter {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  :root .sm\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  :root .sm\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  :root .sm\:translate-y-full {
    --transform-translate-y: 100%;
  }

  :root .sm\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  :root .sm\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  :root .sm\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  :root .sm\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  :root .sm\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  :root .sm\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  :root .sm\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  :root .sm\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  :root .sm\:hover\:translate-x-9:hover {
    --transform-translate-x: 2.25rem;
  }

  :root .sm\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  :root .sm\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  :root .sm\:hover\:translate-x-14:hover {
    --transform-translate-x: 3.5rem;
  }

  :root .sm\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  :root .sm\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  :root .sm\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  :root .sm\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  :root .sm\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  :root .sm\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  :root .sm\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  :root .sm\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  :root .sm\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  :root .sm\:hover\:translate-x-gutter:hover {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .sm\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  :root .sm\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  :root .sm\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  :root .sm\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  :root .sm\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  :root .sm\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  :root .sm\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  :root .sm\:hover\:-translate-x-9:hover {
    --transform-translate-x: -2.25rem;
  }

  :root .sm\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  :root .sm\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  :root .sm\:hover\:-translate-x-14:hover {
    --transform-translate-x: -3.5rem;
  }

  :root .sm\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  :root .sm\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  :root .sm\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  :root .sm\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  :root .sm\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  :root .sm\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  :root .sm\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  :root .sm\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  :root .sm\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  :root .sm\:hover\:-translate-x-gutter:hover {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  :root .sm\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  :root .sm\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  :root .sm\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  :root .sm\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  :root .sm\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  :root .sm\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  :root .sm\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  :root .sm\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  :root .sm\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  :root .sm\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  :root .sm\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  :root .sm\:hover\:translate-y-9:hover {
    --transform-translate-y: 2.25rem;
  }

  :root .sm\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  :root .sm\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  :root .sm\:hover\:translate-y-14:hover {
    --transform-translate-y: 3.5rem;
  }

  :root .sm\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  :root .sm\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  :root .sm\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  :root .sm\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  :root .sm\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  :root .sm\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  :root .sm\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  :root .sm\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  :root .sm\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  :root .sm\:hover\:translate-y-gutter:hover {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .sm\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  :root .sm\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  :root .sm\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  :root .sm\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  :root .sm\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  :root .sm\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  :root .sm\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  :root .sm\:hover\:-translate-y-9:hover {
    --transform-translate-y: -2.25rem;
  }

  :root .sm\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  :root .sm\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  :root .sm\:hover\:-translate-y-14:hover {
    --transform-translate-y: -3.5rem;
  }

  :root .sm\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  :root .sm\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  :root .sm\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  :root .sm\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  :root .sm\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  :root .sm\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  :root .sm\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  :root .sm\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  :root .sm\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  :root .sm\:hover\:-translate-y-gutter:hover {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  :root .sm\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  :root .sm\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  :root .sm\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  :root .sm\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  :root .sm\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  :root .sm\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  :root .sm\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  :root .sm\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  :root .sm\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  :root .sm\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  :root .sm\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  :root .sm\:focus\:translate-x-9:focus {
    --transform-translate-x: 2.25rem;
  }

  :root .sm\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  :root .sm\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  :root .sm\:focus\:translate-x-14:focus {
    --transform-translate-x: 3.5rem;
  }

  :root .sm\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  :root .sm\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  :root .sm\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  :root .sm\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  :root .sm\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  :root .sm\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  :root .sm\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  :root .sm\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  :root .sm\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  :root .sm\:focus\:translate-x-gutter:focus {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .sm\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  :root .sm\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  :root .sm\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  :root .sm\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  :root .sm\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  :root .sm\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  :root .sm\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  :root .sm\:focus\:-translate-x-9:focus {
    --transform-translate-x: -2.25rem;
  }

  :root .sm\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  :root .sm\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  :root .sm\:focus\:-translate-x-14:focus {
    --transform-translate-x: -3.5rem;
  }

  :root .sm\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  :root .sm\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  :root .sm\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  :root .sm\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  :root .sm\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  :root .sm\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  :root .sm\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  :root .sm\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  :root .sm\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  :root .sm\:focus\:-translate-x-gutter:focus {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  :root .sm\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  :root .sm\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  :root .sm\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  :root .sm\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  :root .sm\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  :root .sm\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  :root .sm\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  :root .sm\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  :root .sm\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  :root .sm\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  :root .sm\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  :root .sm\:focus\:translate-y-9:focus {
    --transform-translate-y: 2.25rem;
  }

  :root .sm\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  :root .sm\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  :root .sm\:focus\:translate-y-14:focus {
    --transform-translate-y: 3.5rem;
  }

  :root .sm\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  :root .sm\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  :root .sm\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  :root .sm\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  :root .sm\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  :root .sm\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  :root .sm\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  :root .sm\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  :root .sm\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  :root .sm\:focus\:translate-y-gutter:focus {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .sm\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  :root .sm\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  :root .sm\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  :root .sm\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  :root .sm\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  :root .sm\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  :root .sm\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  :root .sm\:focus\:-translate-y-9:focus {
    --transform-translate-y: -2.25rem;
  }

  :root .sm\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  :root .sm\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  :root .sm\:focus\:-translate-y-14:focus {
    --transform-translate-y: -3.5rem;
  }

  :root .sm\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  :root .sm\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  :root .sm\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  :root .sm\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  :root .sm\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  :root .sm\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  :root .sm\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  :root .sm\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  :root .sm\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  :root .sm\:focus\:-translate-y-gutter:focus {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  :root .sm\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  :root .sm\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  :root .sm\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  :root .sm\:skew-x-0 {
    --transform-skew-x: 0;
  }

  :root .sm\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  :root .sm\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  :root .sm\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  :root .sm\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  :root .sm\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  :root .sm\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  :root .sm\:skew-y-0 {
    --transform-skew-y: 0;
  }

  :root .sm\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  :root .sm\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  :root .sm\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  :root .sm\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  :root .sm\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  :root .sm\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  :root .sm\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  :root .sm\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  :root .sm\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  :root .sm\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  :root .sm\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  :root .sm\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  :root .sm\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  :root .sm\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  :root .sm\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  :root .sm\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  :root .sm\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  :root .sm\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  :root .sm\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  :root .sm\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  :root .sm\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  :root .sm\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  :root .sm\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  :root .sm\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  :root .sm\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  :root .sm\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  :root .sm\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  :root .sm\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  :root .sm\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  :root .sm\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  :root .sm\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  :root .sm\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  :root .sm\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  :root .sm\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  :root .sm\:transition-none {
    transition-property: none;
  }

  :root .sm\:transition-all {
    transition-property: all;
  }

  :root .sm\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  :root .sm\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  :root .sm\:transition-opacity {
    transition-property: opacity;
  }

  :root .sm\:transition-shadow {
    transition-property: box-shadow;
  }

  :root .sm\:transition-transform {
    transition-property: transform;
  }

  :root .sm\:ease-linear {
    transition-timing-function: linear;
  }

  :root .sm\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  :root .sm\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  :root .sm\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  :root .sm\:duration-75 {
    transition-duration: 75ms;
  }

  :root .sm\:duration-100 {
    transition-duration: 100ms;
  }

  :root .sm\:duration-150 {
    transition-duration: 150ms;
  }

  :root .sm\:duration-200 {
    transition-duration: 200ms;
  }

  :root .sm\:duration-300 {
    transition-duration: 300ms;
  }

  :root .sm\:duration-500 {
    transition-duration: 500ms;
  }

  :root .sm\:duration-700 {
    transition-duration: 700ms;
  }

  :root .sm\:duration-1000 {
    transition-duration: 1000ms;
  }
}

@media (min-width: 960px) {
  :root .md\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  :root .md\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .md\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  :root .md\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .md\:appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  :root .md\:bg-fixed {
    background-attachment: fixed;
  }

  :root .md\:bg-local {
    background-attachment: local;
  }

  :root .md\:bg-scroll {
    background-attachment: scroll;
  }

  :root .md\:bg-base {
    background-color: var(--background-base);
  }

  :root .md\:bg-card {
    background-color: var(--background-card);
  }

  :root .md\:bg-app-bar {
    background-color: var(--background-app-bar);
  }

  :root .md\:bg-hover {
    background-color: var(--background-hover);
  }

  :root .md\:bg-transparent {
    background-color: transparent;
  }

  :root .md\:bg-black {
    background-color: var(--text-color);
  }

  :root .md\:bg-white {
    background-color: var(--text-color-light);
  }

  :root .md\:bg-contrast-black {
    background-color: black;
  }

  :root .md\:bg-contrast-white {
    background-color: white;
  }

  :root .md\:bg-obs-primary {
    background-color: #5977FF;
  }

  :root .md\:bg-obs-secondary {
    background-color: #5d5c64;
  }

  :root .md\:bg-obs-maroon {
    background-color: #961e36;
  }

  :root .md\:bg-obs-navy {
    background-color: #3e4861;
  }

  :root .md\:bg-obs-pink {
    background-color: #d2afc5;
  }

  :root .md\:bg-obs-dark-orange {
    background-color: #d6582a;
  }

  :root .md\:bg-obs-gold {
    background-color: #9d8944;
  }

  :root .md\:bg-obs-light-blue {
    background-color: #A3C2D6;
  }

  :root .md\:bg-obs-purple {
    background-color: #722670;
  }

  :root .md\:bg-obs-light-orange {
    background-color: #fF9c01;
  }

  :root .md\:bg-obs-blue {
    background-color: #5da7d6;
  }

  :root .md\:bg-gray-50 {
    background-color: #fafafa;
  }

  :root .md\:bg-gray-100 {
    background-color: #f5f5f5;
  }

  :root .md\:bg-gray-200 {
    background-color: #eeeeee;
  }

  :root .md\:bg-gray-300 {
    background-color: #e0e0e0;
  }

  :root .md\:bg-gray-400 {
    background-color: #bdbdbd;
  }

  :root .md\:bg-gray-500 {
    background-color: #9e9e9e;
  }

  :root .md\:bg-gray-600 {
    background-color: #757575;
  }

  :root .md\:bg-gray-700 {
    background-color: #616161;
  }

  :root .md\:bg-gray-800 {
    background-color: #424242;
  }

  :root .md\:bg-gray-900 {
    background-color: #212121;
  }

  :root .md\:bg-red-50 {
    background-color: #ffebee;
  }

  :root .md\:bg-red-100 {
    background-color: #ffcdd2;
  }

  :root .md\:bg-red-200 {
    background-color: #ef9a9a;
  }

  :root .md\:bg-red-300 {
    background-color: #e57373;
  }

  :root .md\:bg-red-400 {
    background-color: #ef5350;
  }

  :root .md\:bg-red-500 {
    background-color: #f44336;
  }

  :root .md\:bg-red-600 {
    background-color: #e53935;
  }

  :root .md\:bg-red-700 {
    background-color: #d32f2f;
  }

  :root .md\:bg-red-800 {
    background-color: #c62828;
  }

  :root .md\:bg-red-900 {
    background-color: #b71c1c;
  }

  :root .md\:bg-orange-50 {
    background-color: #fff3e0;
  }

  :root .md\:bg-orange-100 {
    background-color: #ffe0b2;
  }

  :root .md\:bg-orange-200 {
    background-color: #ffcc80;
  }

  :root .md\:bg-orange-300 {
    background-color: #ffb74d;
  }

  :root .md\:bg-orange-400 {
    background-color: #ffa726;
  }

  :root .md\:bg-orange-500 {
    background-color: #ff9800;
  }

  :root .md\:bg-orange-600 {
    background-color: #fb8c00;
  }

  :root .md\:bg-orange-700 {
    background-color: #f57c00;
  }

  :root .md\:bg-orange-800 {
    background-color: #ef6c00;
  }

  :root .md\:bg-orange-900 {
    background-color: #e65100;
  }

  :root .md\:bg-deep-orange-50 {
    background-color: #fbe9e7;
  }

  :root .md\:bg-deep-orange-100 {
    background-color: #ffccbc;
  }

  :root .md\:bg-deep-orange-200 {
    background-color: #ffab91;
  }

  :root .md\:bg-deep-orange-300 {
    background-color: #ff8a65;
  }

  :root .md\:bg-deep-orange-400 {
    background-color: #ff7043;
  }

  :root .md\:bg-deep-orange-500 {
    background-color: #ff5722;
  }

  :root .md\:bg-deep-orange-600 {
    background-color: #f4511e;
  }

  :root .md\:bg-deep-orange-700 {
    background-color: #e64a19;
  }

  :root .md\:bg-deep-orange-800 {
    background-color: #d84315;
  }

  :root .md\:bg-deep-orange-900 {
    background-color: #bf360c;
  }

  :root .md\:bg-amber-50 {
    background-color: #fff8e1;
  }

  :root .md\:bg-amber-100 {
    background-color: #ffecb3;
  }

  :root .md\:bg-amber-200 {
    background-color: #ffe082;
  }

  :root .md\:bg-amber-300 {
    background-color: #ffd54f;
  }

  :root .md\:bg-amber-400 {
    background-color: #ffca28;
  }

  :root .md\:bg-amber-500 {
    background-color: #ffc107;
  }

  :root .md\:bg-amber-600 {
    background-color: #ffb300;
  }

  :root .md\:bg-amber-700 {
    background-color: #ffa000;
  }

  :root .md\:bg-amber-800 {
    background-color: #ff8f00;
  }

  :root .md\:bg-amber-900 {
    background-color: #ff6f00;
  }

  :root .md\:bg-light-green-50 {
    background-color: #f1f8e9;
  }

  :root .md\:bg-light-green-100 {
    background-color: #dcedc8;
  }

  :root .md\:bg-light-green-200 {
    background-color: #c5e1a5;
  }

  :root .md\:bg-light-green-300 {
    background-color: #aed581;
  }

  :root .md\:bg-light-green-400 {
    background-color: #9ccc65;
  }

  :root .md\:bg-light-green-500 {
    background-color: #8bc34a;
  }

  :root .md\:bg-light-green-600 {
    background-color: #7cb342;
  }

  :root .md\:bg-light-green-700 {
    background-color: #689f38;
  }

  :root .md\:bg-light-green-800 {
    background-color: #558b2f;
  }

  :root .md\:bg-light-green-900 {
    background-color: #33691e;
  }

  :root .md\:bg-green-50 {
    background-color: #e8f5e9;
  }

  :root .md\:bg-green-100 {
    background-color: #c8e6c9;
  }

  :root .md\:bg-green-200 {
    background-color: #a5d6a7;
  }

  :root .md\:bg-green-300 {
    background-color: #81c784;
  }

  :root .md\:bg-green-400 {
    background-color: #66bb6a;
  }

  :root .md\:bg-green-500 {
    background-color: #4caf50;
  }

  :root .md\:bg-green-600 {
    background-color: #43a047;
  }

  :root .md\:bg-green-700 {
    background-color: #388e3c;
  }

  :root .md\:bg-green-800 {
    background-color: #2e7d32;
  }

  :root .md\:bg-green-900 {
    background-color: #1b5e20;
  }

  :root .md\:bg-teal-50 {
    background-color: #e0f2f1;
  }

  :root .md\:bg-teal-100 {
    background-color: #b2dfdb;
  }

  :root .md\:bg-teal-200 {
    background-color: #80cbc4;
  }

  :root .md\:bg-teal-300 {
    background-color: #4db6ac;
  }

  :root .md\:bg-teal-400 {
    background-color: #26a69a;
  }

  :root .md\:bg-teal-500 {
    background-color: #009688;
  }

  :root .md\:bg-teal-600 {
    background-color: #00897b;
  }

  :root .md\:bg-teal-700 {
    background-color: #00796b;
  }

  :root .md\:bg-teal-800 {
    background-color: #00695c;
  }

  :root .md\:bg-teal-900 {
    background-color: #004d40;
  }

  :root .md\:bg-cyan-50 {
    background-color: #e0f7fa;
  }

  :root .md\:bg-cyan-100 {
    background-color: #b2ebf2;
  }

  :root .md\:bg-cyan-200 {
    background-color: #80deea;
  }

  :root .md\:bg-cyan-300 {
    background-color: #4dd0e1;
  }

  :root .md\:bg-cyan-400 {
    background-color: #26c6da;
  }

  :root .md\:bg-cyan-500 {
    background-color: #00bcd4;
  }

  :root .md\:bg-cyan-600 {
    background-color: #00acc1;
  }

  :root .md\:bg-cyan-700 {
    background-color: #0097a7;
  }

  :root .md\:bg-cyan-800 {
    background-color: #00838f;
  }

  :root .md\:bg-cyan-900 {
    background-color: #006064;
  }

  :root .md\:bg-purple-50 {
    background-color: #f3e5f5;
  }

  :root .md\:bg-purple-100 {
    background-color: #e1bee7;
  }

  :root .md\:bg-purple-200 {
    background-color: #ce93d8;
  }

  :root .md\:bg-purple-300 {
    background-color: #ba68c8;
  }

  :root .md\:bg-purple-400 {
    background-color: #ab47bc;
  }

  :root .md\:bg-purple-500 {
    background-color: #9c27b0;
  }

  :root .md\:bg-purple-600 {
    background-color: #8e24aa;
  }

  :root .md\:bg-purple-700 {
    background-color: #7b1fa2;
  }

  :root .md\:bg-purple-800 {
    background-color: #6a1b9a;
  }

  :root .md\:bg-purple-900 {
    background-color: #4a148c;
  }

  :root .md\:bg-deep-purple-50 {
    background-color: #ede7f6;
  }

  :root .md\:bg-deep-purple-100 {
    background-color: #d1c4e9;
  }

  :root .md\:bg-deep-purple-200 {
    background-color: #b39ddb;
  }

  :root .md\:bg-deep-purple-300 {
    background-color: #9575cd;
  }

  :root .md\:bg-deep-purple-400 {
    background-color: #7e57c2;
  }

  :root .md\:bg-deep-purple-500 {
    background-color: #673ab7;
  }

  :root .md\:bg-deep-purple-600 {
    background-color: #5e35b1;
  }

  :root .md\:bg-deep-purple-700 {
    background-color: #512da8;
  }

  :root .md\:bg-deep-purple-800 {
    background-color: #4527a0;
  }

  :root .md\:bg-deep-purple-900 {
    background-color: #311b92;
  }

  :root .md\:bg-primary-50 {
    background-color: #FBE4E7;
  }

  :root .md\:bg-primary-100 {
    background-color: #F5BCC2;
  }

  :root .md\:bg-primary-200 {
    background-color: #EE8F9A;
  }

  :root .md\:bg-primary-300 {
    background-color: #E76272;
  }

  :root .md\:bg-primary-400 {
    background-color: #E14053;
  }

  :root .md\:bg-primary-500 {
    background-color: #1976d2;
  }

  :root .md\:bg-primary-600 {
    background-color: #D81A30;
  }

  :root .md\:bg-primary-700 {
    background-color: #D31628;
  }

  :root .md\:bg-primary-800 {
    background-color: #CE1222;
  }

  :root .md\:bg-primary-900 {
    background-color: #C50A16;
  }

  :root .md\:hover\:bg-base:hover {
    background-color: var(--background-base);
  }

  :root .md\:hover\:bg-card:hover {
    background-color: var(--background-card);
  }

  :root .md\:hover\:bg-app-bar:hover {
    background-color: var(--background-app-bar);
  }

  :root .md\:hover\:bg-hover:hover {
    background-color: var(--background-hover);
  }

  :root .md\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  :root .md\:hover\:bg-black:hover {
    background-color: var(--text-color);
  }

  :root .md\:hover\:bg-white:hover {
    background-color: var(--text-color-light);
  }

  :root .md\:hover\:bg-contrast-black:hover {
    background-color: black;
  }

  :root .md\:hover\:bg-contrast-white:hover {
    background-color: white;
  }

  :root .md\:hover\:bg-obs-primary:hover {
    background-color: #5977FF;
  }

  :root .md\:hover\:bg-obs-secondary:hover {
    background-color: #5d5c64;
  }

  :root .md\:hover\:bg-obs-maroon:hover {
    background-color: #961e36;
  }

  :root .md\:hover\:bg-obs-navy:hover {
    background-color: #3e4861;
  }

  :root .md\:hover\:bg-obs-pink:hover {
    background-color: #d2afc5;
  }

  :root .md\:hover\:bg-obs-dark-orange:hover {
    background-color: #d6582a;
  }

  :root .md\:hover\:bg-obs-gold:hover {
    background-color: #9d8944;
  }

  :root .md\:hover\:bg-obs-light-blue:hover {
    background-color: #A3C2D6;
  }

  :root .md\:hover\:bg-obs-purple:hover {
    background-color: #722670;
  }

  :root .md\:hover\:bg-obs-light-orange:hover {
    background-color: #fF9c01;
  }

  :root .md\:hover\:bg-obs-blue:hover {
    background-color: #5da7d6;
  }

  :root .md\:hover\:bg-gray-50:hover {
    background-color: #fafafa;
  }

  :root .md\:hover\:bg-gray-100:hover {
    background-color: #f5f5f5;
  }

  :root .md\:hover\:bg-gray-200:hover {
    background-color: #eeeeee;
  }

  :root .md\:hover\:bg-gray-300:hover {
    background-color: #e0e0e0;
  }

  :root .md\:hover\:bg-gray-400:hover {
    background-color: #bdbdbd;
  }

  :root .md\:hover\:bg-gray-500:hover {
    background-color: #9e9e9e;
  }

  :root .md\:hover\:bg-gray-600:hover {
    background-color: #757575;
  }

  :root .md\:hover\:bg-gray-700:hover {
    background-color: #616161;
  }

  :root .md\:hover\:bg-gray-800:hover {
    background-color: #424242;
  }

  :root .md\:hover\:bg-gray-900:hover {
    background-color: #212121;
  }

  :root .md\:hover\:bg-red-50:hover {
    background-color: #ffebee;
  }

  :root .md\:hover\:bg-red-100:hover {
    background-color: #ffcdd2;
  }

  :root .md\:hover\:bg-red-200:hover {
    background-color: #ef9a9a;
  }

  :root .md\:hover\:bg-red-300:hover {
    background-color: #e57373;
  }

  :root .md\:hover\:bg-red-400:hover {
    background-color: #ef5350;
  }

  :root .md\:hover\:bg-red-500:hover {
    background-color: #f44336;
  }

  :root .md\:hover\:bg-red-600:hover {
    background-color: #e53935;
  }

  :root .md\:hover\:bg-red-700:hover {
    background-color: #d32f2f;
  }

  :root .md\:hover\:bg-red-800:hover {
    background-color: #c62828;
  }

  :root .md\:hover\:bg-red-900:hover {
    background-color: #b71c1c;
  }

  :root .md\:hover\:bg-orange-50:hover {
    background-color: #fff3e0;
  }

  :root .md\:hover\:bg-orange-100:hover {
    background-color: #ffe0b2;
  }

  :root .md\:hover\:bg-orange-200:hover {
    background-color: #ffcc80;
  }

  :root .md\:hover\:bg-orange-300:hover {
    background-color: #ffb74d;
  }

  :root .md\:hover\:bg-orange-400:hover {
    background-color: #ffa726;
  }

  :root .md\:hover\:bg-orange-500:hover {
    background-color: #ff9800;
  }

  :root .md\:hover\:bg-orange-600:hover {
    background-color: #fb8c00;
  }

  :root .md\:hover\:bg-orange-700:hover {
    background-color: #f57c00;
  }

  :root .md\:hover\:bg-orange-800:hover {
    background-color: #ef6c00;
  }

  :root .md\:hover\:bg-orange-900:hover {
    background-color: #e65100;
  }

  :root .md\:hover\:bg-deep-orange-50:hover {
    background-color: #fbe9e7;
  }

  :root .md\:hover\:bg-deep-orange-100:hover {
    background-color: #ffccbc;
  }

  :root .md\:hover\:bg-deep-orange-200:hover {
    background-color: #ffab91;
  }

  :root .md\:hover\:bg-deep-orange-300:hover {
    background-color: #ff8a65;
  }

  :root .md\:hover\:bg-deep-orange-400:hover {
    background-color: #ff7043;
  }

  :root .md\:hover\:bg-deep-orange-500:hover {
    background-color: #ff5722;
  }

  :root .md\:hover\:bg-deep-orange-600:hover {
    background-color: #f4511e;
  }

  :root .md\:hover\:bg-deep-orange-700:hover {
    background-color: #e64a19;
  }

  :root .md\:hover\:bg-deep-orange-800:hover {
    background-color: #d84315;
  }

  :root .md\:hover\:bg-deep-orange-900:hover {
    background-color: #bf360c;
  }

  :root .md\:hover\:bg-amber-50:hover {
    background-color: #fff8e1;
  }

  :root .md\:hover\:bg-amber-100:hover {
    background-color: #ffecb3;
  }

  :root .md\:hover\:bg-amber-200:hover {
    background-color: #ffe082;
  }

  :root .md\:hover\:bg-amber-300:hover {
    background-color: #ffd54f;
  }

  :root .md\:hover\:bg-amber-400:hover {
    background-color: #ffca28;
  }

  :root .md\:hover\:bg-amber-500:hover {
    background-color: #ffc107;
  }

  :root .md\:hover\:bg-amber-600:hover {
    background-color: #ffb300;
  }

  :root .md\:hover\:bg-amber-700:hover {
    background-color: #ffa000;
  }

  :root .md\:hover\:bg-amber-800:hover {
    background-color: #ff8f00;
  }

  :root .md\:hover\:bg-amber-900:hover {
    background-color: #ff6f00;
  }

  :root .md\:hover\:bg-light-green-50:hover {
    background-color: #f1f8e9;
  }

  :root .md\:hover\:bg-light-green-100:hover {
    background-color: #dcedc8;
  }

  :root .md\:hover\:bg-light-green-200:hover {
    background-color: #c5e1a5;
  }

  :root .md\:hover\:bg-light-green-300:hover {
    background-color: #aed581;
  }

  :root .md\:hover\:bg-light-green-400:hover {
    background-color: #9ccc65;
  }

  :root .md\:hover\:bg-light-green-500:hover {
    background-color: #8bc34a;
  }

  :root .md\:hover\:bg-light-green-600:hover {
    background-color: #7cb342;
  }

  :root .md\:hover\:bg-light-green-700:hover {
    background-color: #689f38;
  }

  :root .md\:hover\:bg-light-green-800:hover {
    background-color: #558b2f;
  }

  :root .md\:hover\:bg-light-green-900:hover {
    background-color: #33691e;
  }

  :root .md\:hover\:bg-green-50:hover {
    background-color: #e8f5e9;
  }

  :root .md\:hover\:bg-green-100:hover {
    background-color: #c8e6c9;
  }

  :root .md\:hover\:bg-green-200:hover {
    background-color: #a5d6a7;
  }

  :root .md\:hover\:bg-green-300:hover {
    background-color: #81c784;
  }

  :root .md\:hover\:bg-green-400:hover {
    background-color: #66bb6a;
  }

  :root .md\:hover\:bg-green-500:hover {
    background-color: #4caf50;
  }

  :root .md\:hover\:bg-green-600:hover {
    background-color: #43a047;
  }

  :root .md\:hover\:bg-green-700:hover {
    background-color: #388e3c;
  }

  :root .md\:hover\:bg-green-800:hover {
    background-color: #2e7d32;
  }

  :root .md\:hover\:bg-green-900:hover {
    background-color: #1b5e20;
  }

  :root .md\:hover\:bg-teal-50:hover {
    background-color: #e0f2f1;
  }

  :root .md\:hover\:bg-teal-100:hover {
    background-color: #b2dfdb;
  }

  :root .md\:hover\:bg-teal-200:hover {
    background-color: #80cbc4;
  }

  :root .md\:hover\:bg-teal-300:hover {
    background-color: #4db6ac;
  }

  :root .md\:hover\:bg-teal-400:hover {
    background-color: #26a69a;
  }

  :root .md\:hover\:bg-teal-500:hover {
    background-color: #009688;
  }

  :root .md\:hover\:bg-teal-600:hover {
    background-color: #00897b;
  }

  :root .md\:hover\:bg-teal-700:hover {
    background-color: #00796b;
  }

  :root .md\:hover\:bg-teal-800:hover {
    background-color: #00695c;
  }

  :root .md\:hover\:bg-teal-900:hover {
    background-color: #004d40;
  }

  :root .md\:hover\:bg-cyan-50:hover {
    background-color: #e0f7fa;
  }

  :root .md\:hover\:bg-cyan-100:hover {
    background-color: #b2ebf2;
  }

  :root .md\:hover\:bg-cyan-200:hover {
    background-color: #80deea;
  }

  :root .md\:hover\:bg-cyan-300:hover {
    background-color: #4dd0e1;
  }

  :root .md\:hover\:bg-cyan-400:hover {
    background-color: #26c6da;
  }

  :root .md\:hover\:bg-cyan-500:hover {
    background-color: #00bcd4;
  }

  :root .md\:hover\:bg-cyan-600:hover {
    background-color: #00acc1;
  }

  :root .md\:hover\:bg-cyan-700:hover {
    background-color: #0097a7;
  }

  :root .md\:hover\:bg-cyan-800:hover {
    background-color: #00838f;
  }

  :root .md\:hover\:bg-cyan-900:hover {
    background-color: #006064;
  }

  :root .md\:hover\:bg-purple-50:hover {
    background-color: #f3e5f5;
  }

  :root .md\:hover\:bg-purple-100:hover {
    background-color: #e1bee7;
  }

  :root .md\:hover\:bg-purple-200:hover {
    background-color: #ce93d8;
  }

  :root .md\:hover\:bg-purple-300:hover {
    background-color: #ba68c8;
  }

  :root .md\:hover\:bg-purple-400:hover {
    background-color: #ab47bc;
  }

  :root .md\:hover\:bg-purple-500:hover {
    background-color: #9c27b0;
  }

  :root .md\:hover\:bg-purple-600:hover {
    background-color: #8e24aa;
  }

  :root .md\:hover\:bg-purple-700:hover {
    background-color: #7b1fa2;
  }

  :root .md\:hover\:bg-purple-800:hover {
    background-color: #6a1b9a;
  }

  :root .md\:hover\:bg-purple-900:hover {
    background-color: #4a148c;
  }

  :root .md\:hover\:bg-deep-purple-50:hover {
    background-color: #ede7f6;
  }

  :root .md\:hover\:bg-deep-purple-100:hover {
    background-color: #d1c4e9;
  }

  :root .md\:hover\:bg-deep-purple-200:hover {
    background-color: #b39ddb;
  }

  :root .md\:hover\:bg-deep-purple-300:hover {
    background-color: #9575cd;
  }

  :root .md\:hover\:bg-deep-purple-400:hover {
    background-color: #7e57c2;
  }

  :root .md\:hover\:bg-deep-purple-500:hover {
    background-color: #673ab7;
  }

  :root .md\:hover\:bg-deep-purple-600:hover {
    background-color: #5e35b1;
  }

  :root .md\:hover\:bg-deep-purple-700:hover {
    background-color: #512da8;
  }

  :root .md\:hover\:bg-deep-purple-800:hover {
    background-color: #4527a0;
  }

  :root .md\:hover\:bg-deep-purple-900:hover {
    background-color: #311b92;
  }

  :root .md\:hover\:bg-primary-50:hover {
    background-color: #FBE4E7;
  }

  :root .md\:hover\:bg-primary-100:hover {
    background-color: #F5BCC2;
  }

  :root .md\:hover\:bg-primary-200:hover {
    background-color: #EE8F9A;
  }

  :root .md\:hover\:bg-primary-300:hover {
    background-color: #E76272;
  }

  :root .md\:hover\:bg-primary-400:hover {
    background-color: #E14053;
  }

  :root .md\:hover\:bg-primary-500:hover {
    background-color: #1976d2;
  }

  :root .md\:hover\:bg-primary-600:hover {
    background-color: #D81A30;
  }

  :root .md\:hover\:bg-primary-700:hover {
    background-color: #D31628;
  }

  :root .md\:hover\:bg-primary-800:hover {
    background-color: #CE1222;
  }

  :root .md\:hover\:bg-primary-900:hover {
    background-color: #C50A16;
  }

  :root .md\:focus\:bg-base:focus {
    background-color: var(--background-base);
  }

  :root .md\:focus\:bg-card:focus {
    background-color: var(--background-card);
  }

  :root .md\:focus\:bg-app-bar:focus {
    background-color: var(--background-app-bar);
  }

  :root .md\:focus\:bg-hover:focus {
    background-color: var(--background-hover);
  }

  :root .md\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  :root .md\:focus\:bg-black:focus {
    background-color: var(--text-color);
  }

  :root .md\:focus\:bg-white:focus {
    background-color: var(--text-color-light);
  }

  :root .md\:focus\:bg-contrast-black:focus {
    background-color: black;
  }

  :root .md\:focus\:bg-contrast-white:focus {
    background-color: white;
  }

  :root .md\:focus\:bg-obs-primary:focus {
    background-color: #5977FF;
  }

  :root .md\:focus\:bg-obs-secondary:focus {
    background-color: #5d5c64;
  }

  :root .md\:focus\:bg-obs-maroon:focus {
    background-color: #961e36;
  }

  :root .md\:focus\:bg-obs-navy:focus {
    background-color: #3e4861;
  }

  :root .md\:focus\:bg-obs-pink:focus {
    background-color: #d2afc5;
  }

  :root .md\:focus\:bg-obs-dark-orange:focus {
    background-color: #d6582a;
  }

  :root .md\:focus\:bg-obs-gold:focus {
    background-color: #9d8944;
  }

  :root .md\:focus\:bg-obs-light-blue:focus {
    background-color: #A3C2D6;
  }

  :root .md\:focus\:bg-obs-purple:focus {
    background-color: #722670;
  }

  :root .md\:focus\:bg-obs-light-orange:focus {
    background-color: #fF9c01;
  }

  :root .md\:focus\:bg-obs-blue:focus {
    background-color: #5da7d6;
  }

  :root .md\:focus\:bg-gray-50:focus {
    background-color: #fafafa;
  }

  :root .md\:focus\:bg-gray-100:focus {
    background-color: #f5f5f5;
  }

  :root .md\:focus\:bg-gray-200:focus {
    background-color: #eeeeee;
  }

  :root .md\:focus\:bg-gray-300:focus {
    background-color: #e0e0e0;
  }

  :root .md\:focus\:bg-gray-400:focus {
    background-color: #bdbdbd;
  }

  :root .md\:focus\:bg-gray-500:focus {
    background-color: #9e9e9e;
  }

  :root .md\:focus\:bg-gray-600:focus {
    background-color: #757575;
  }

  :root .md\:focus\:bg-gray-700:focus {
    background-color: #616161;
  }

  :root .md\:focus\:bg-gray-800:focus {
    background-color: #424242;
  }

  :root .md\:focus\:bg-gray-900:focus {
    background-color: #212121;
  }

  :root .md\:focus\:bg-red-50:focus {
    background-color: #ffebee;
  }

  :root .md\:focus\:bg-red-100:focus {
    background-color: #ffcdd2;
  }

  :root .md\:focus\:bg-red-200:focus {
    background-color: #ef9a9a;
  }

  :root .md\:focus\:bg-red-300:focus {
    background-color: #e57373;
  }

  :root .md\:focus\:bg-red-400:focus {
    background-color: #ef5350;
  }

  :root .md\:focus\:bg-red-500:focus {
    background-color: #f44336;
  }

  :root .md\:focus\:bg-red-600:focus {
    background-color: #e53935;
  }

  :root .md\:focus\:bg-red-700:focus {
    background-color: #d32f2f;
  }

  :root .md\:focus\:bg-red-800:focus {
    background-color: #c62828;
  }

  :root .md\:focus\:bg-red-900:focus {
    background-color: #b71c1c;
  }

  :root .md\:focus\:bg-orange-50:focus {
    background-color: #fff3e0;
  }

  :root .md\:focus\:bg-orange-100:focus {
    background-color: #ffe0b2;
  }

  :root .md\:focus\:bg-orange-200:focus {
    background-color: #ffcc80;
  }

  :root .md\:focus\:bg-orange-300:focus {
    background-color: #ffb74d;
  }

  :root .md\:focus\:bg-orange-400:focus {
    background-color: #ffa726;
  }

  :root .md\:focus\:bg-orange-500:focus {
    background-color: #ff9800;
  }

  :root .md\:focus\:bg-orange-600:focus {
    background-color: #fb8c00;
  }

  :root .md\:focus\:bg-orange-700:focus {
    background-color: #f57c00;
  }

  :root .md\:focus\:bg-orange-800:focus {
    background-color: #ef6c00;
  }

  :root .md\:focus\:bg-orange-900:focus {
    background-color: #e65100;
  }

  :root .md\:focus\:bg-deep-orange-50:focus {
    background-color: #fbe9e7;
  }

  :root .md\:focus\:bg-deep-orange-100:focus {
    background-color: #ffccbc;
  }

  :root .md\:focus\:bg-deep-orange-200:focus {
    background-color: #ffab91;
  }

  :root .md\:focus\:bg-deep-orange-300:focus {
    background-color: #ff8a65;
  }

  :root .md\:focus\:bg-deep-orange-400:focus {
    background-color: #ff7043;
  }

  :root .md\:focus\:bg-deep-orange-500:focus {
    background-color: #ff5722;
  }

  :root .md\:focus\:bg-deep-orange-600:focus {
    background-color: #f4511e;
  }

  :root .md\:focus\:bg-deep-orange-700:focus {
    background-color: #e64a19;
  }

  :root .md\:focus\:bg-deep-orange-800:focus {
    background-color: #d84315;
  }

  :root .md\:focus\:bg-deep-orange-900:focus {
    background-color: #bf360c;
  }

  :root .md\:focus\:bg-amber-50:focus {
    background-color: #fff8e1;
  }

  :root .md\:focus\:bg-amber-100:focus {
    background-color: #ffecb3;
  }

  :root .md\:focus\:bg-amber-200:focus {
    background-color: #ffe082;
  }

  :root .md\:focus\:bg-amber-300:focus {
    background-color: #ffd54f;
  }

  :root .md\:focus\:bg-amber-400:focus {
    background-color: #ffca28;
  }

  :root .md\:focus\:bg-amber-500:focus {
    background-color: #ffc107;
  }

  :root .md\:focus\:bg-amber-600:focus {
    background-color: #ffb300;
  }

  :root .md\:focus\:bg-amber-700:focus {
    background-color: #ffa000;
  }

  :root .md\:focus\:bg-amber-800:focus {
    background-color: #ff8f00;
  }

  :root .md\:focus\:bg-amber-900:focus {
    background-color: #ff6f00;
  }

  :root .md\:focus\:bg-light-green-50:focus {
    background-color: #f1f8e9;
  }

  :root .md\:focus\:bg-light-green-100:focus {
    background-color: #dcedc8;
  }

  :root .md\:focus\:bg-light-green-200:focus {
    background-color: #c5e1a5;
  }

  :root .md\:focus\:bg-light-green-300:focus {
    background-color: #aed581;
  }

  :root .md\:focus\:bg-light-green-400:focus {
    background-color: #9ccc65;
  }

  :root .md\:focus\:bg-light-green-500:focus {
    background-color: #8bc34a;
  }

  :root .md\:focus\:bg-light-green-600:focus {
    background-color: #7cb342;
  }

  :root .md\:focus\:bg-light-green-700:focus {
    background-color: #689f38;
  }

  :root .md\:focus\:bg-light-green-800:focus {
    background-color: #558b2f;
  }

  :root .md\:focus\:bg-light-green-900:focus {
    background-color: #33691e;
  }

  :root .md\:focus\:bg-green-50:focus {
    background-color: #e8f5e9;
  }

  :root .md\:focus\:bg-green-100:focus {
    background-color: #c8e6c9;
  }

  :root .md\:focus\:bg-green-200:focus {
    background-color: #a5d6a7;
  }

  :root .md\:focus\:bg-green-300:focus {
    background-color: #81c784;
  }

  :root .md\:focus\:bg-green-400:focus {
    background-color: #66bb6a;
  }

  :root .md\:focus\:bg-green-500:focus {
    background-color: #4caf50;
  }

  :root .md\:focus\:bg-green-600:focus {
    background-color: #43a047;
  }

  :root .md\:focus\:bg-green-700:focus {
    background-color: #388e3c;
  }

  :root .md\:focus\:bg-green-800:focus {
    background-color: #2e7d32;
  }

  :root .md\:focus\:bg-green-900:focus {
    background-color: #1b5e20;
  }

  :root .md\:focus\:bg-teal-50:focus {
    background-color: #e0f2f1;
  }

  :root .md\:focus\:bg-teal-100:focus {
    background-color: #b2dfdb;
  }

  :root .md\:focus\:bg-teal-200:focus {
    background-color: #80cbc4;
  }

  :root .md\:focus\:bg-teal-300:focus {
    background-color: #4db6ac;
  }

  :root .md\:focus\:bg-teal-400:focus {
    background-color: #26a69a;
  }

  :root .md\:focus\:bg-teal-500:focus {
    background-color: #009688;
  }

  :root .md\:focus\:bg-teal-600:focus {
    background-color: #00897b;
  }

  :root .md\:focus\:bg-teal-700:focus {
    background-color: #00796b;
  }

  :root .md\:focus\:bg-teal-800:focus {
    background-color: #00695c;
  }

  :root .md\:focus\:bg-teal-900:focus {
    background-color: #004d40;
  }

  :root .md\:focus\:bg-cyan-50:focus {
    background-color: #e0f7fa;
  }

  :root .md\:focus\:bg-cyan-100:focus {
    background-color: #b2ebf2;
  }

  :root .md\:focus\:bg-cyan-200:focus {
    background-color: #80deea;
  }

  :root .md\:focus\:bg-cyan-300:focus {
    background-color: #4dd0e1;
  }

  :root .md\:focus\:bg-cyan-400:focus {
    background-color: #26c6da;
  }

  :root .md\:focus\:bg-cyan-500:focus {
    background-color: #00bcd4;
  }

  :root .md\:focus\:bg-cyan-600:focus {
    background-color: #00acc1;
  }

  :root .md\:focus\:bg-cyan-700:focus {
    background-color: #0097a7;
  }

  :root .md\:focus\:bg-cyan-800:focus {
    background-color: #00838f;
  }

  :root .md\:focus\:bg-cyan-900:focus {
    background-color: #006064;
  }

  :root .md\:focus\:bg-purple-50:focus {
    background-color: #f3e5f5;
  }

  :root .md\:focus\:bg-purple-100:focus {
    background-color: #e1bee7;
  }

  :root .md\:focus\:bg-purple-200:focus {
    background-color: #ce93d8;
  }

  :root .md\:focus\:bg-purple-300:focus {
    background-color: #ba68c8;
  }

  :root .md\:focus\:bg-purple-400:focus {
    background-color: #ab47bc;
  }

  :root .md\:focus\:bg-purple-500:focus {
    background-color: #9c27b0;
  }

  :root .md\:focus\:bg-purple-600:focus {
    background-color: #8e24aa;
  }

  :root .md\:focus\:bg-purple-700:focus {
    background-color: #7b1fa2;
  }

  :root .md\:focus\:bg-purple-800:focus {
    background-color: #6a1b9a;
  }

  :root .md\:focus\:bg-purple-900:focus {
    background-color: #4a148c;
  }

  :root .md\:focus\:bg-deep-purple-50:focus {
    background-color: #ede7f6;
  }

  :root .md\:focus\:bg-deep-purple-100:focus {
    background-color: #d1c4e9;
  }

  :root .md\:focus\:bg-deep-purple-200:focus {
    background-color: #b39ddb;
  }

  :root .md\:focus\:bg-deep-purple-300:focus {
    background-color: #9575cd;
  }

  :root .md\:focus\:bg-deep-purple-400:focus {
    background-color: #7e57c2;
  }

  :root .md\:focus\:bg-deep-purple-500:focus {
    background-color: #673ab7;
  }

  :root .md\:focus\:bg-deep-purple-600:focus {
    background-color: #5e35b1;
  }

  :root .md\:focus\:bg-deep-purple-700:focus {
    background-color: #512da8;
  }

  :root .md\:focus\:bg-deep-purple-800:focus {
    background-color: #4527a0;
  }

  :root .md\:focus\:bg-deep-purple-900:focus {
    background-color: #311b92;
  }

  :root .md\:focus\:bg-primary-50:focus {
    background-color: #FBE4E7;
  }

  :root .md\:focus\:bg-primary-100:focus {
    background-color: #F5BCC2;
  }

  :root .md\:focus\:bg-primary-200:focus {
    background-color: #EE8F9A;
  }

  :root .md\:focus\:bg-primary-300:focus {
    background-color: #E76272;
  }

  :root .md\:focus\:bg-primary-400:focus {
    background-color: #E14053;
  }

  :root .md\:focus\:bg-primary-500:focus {
    background-color: #1976d2;
  }

  :root .md\:focus\:bg-primary-600:focus {
    background-color: #D81A30;
  }

  :root .md\:focus\:bg-primary-700:focus {
    background-color: #D31628;
  }

  :root .md\:focus\:bg-primary-800:focus {
    background-color: #CE1222;
  }

  :root .md\:focus\:bg-primary-900:focus {
    background-color: #C50A16;
  }

  :root .md\:bg-bottom {
    background-position: bottom;
  }

  :root .md\:bg-center {
    background-position: center;
  }

  :root .md\:bg-left {
    background-position: left;
  }

  :root .md\:bg-left-bottom {
    background-position: left bottom;
  }

  :root .md\:bg-left-top {
    background-position: left top;
  }

  :root .md\:bg-right {
    background-position: right;
  }

  :root .md\:bg-right-bottom {
    background-position: right bottom;
  }

  :root .md\:bg-right-top {
    background-position: right top;
  }

  :root .md\:bg-top {
    background-position: top;
  }

  :root .md\:bg-repeat {
    background-repeat: repeat;
  }

  :root .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  :root .md\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  :root .md\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  :root .md\:bg-repeat-round {
    background-repeat: round;
  }

  :root .md\:bg-repeat-space {
    background-repeat: space;
  }

  :root .md\:bg-auto {
    background-size: auto;
  }

  :root .md\:bg-cover {
    background-size: cover;
  }

  :root .md\:bg-contain {
    background-size: contain;
  }

  :root .md\:border-collapse {
    border-collapse: collapse;
  }

  :root .md\:border-separate {
    border-collapse: separate;
  }

  :root .md\:border-transparent {
    border-color: transparent;
  }

  :root .md\:border-black {
    border-color: var(--text-color);
  }

  :root .md\:border-white {
    border-color: var(--text-color-light);
  }

  :root .md\:border-contrast-black {
    border-color: black;
  }

  :root .md\:border-contrast-white {
    border-color: white;
  }

  :root .md\:border-obs-primary {
    border-color: #5977FF;
  }

  :root .md\:border-obs-secondary {
    border-color: #5d5c64;
  }

  :root .md\:border-obs-maroon {
    border-color: #961e36;
  }

  :root .md\:border-obs-navy {
    border-color: #3e4861;
  }

  :root .md\:border-obs-pink {
    border-color: #d2afc5;
  }

  :root .md\:border-obs-dark-orange {
    border-color: #d6582a;
  }

  :root .md\:border-obs-gold {
    border-color: #9d8944;
  }

  :root .md\:border-obs-light-blue {
    border-color: #A3C2D6;
  }

  :root .md\:border-obs-purple {
    border-color: #722670;
  }

  :root .md\:border-obs-light-orange {
    border-color: #fF9c01;
  }

  :root .md\:border-obs-blue {
    border-color: #5da7d6;
  }

  :root .md\:border-gray-50 {
    border-color: #fafafa;
  }

  :root .md\:border-gray-100 {
    border-color: #f5f5f5;
  }

  :root .md\:border-gray-200 {
    border-color: #eeeeee;
  }

  :root .md\:border-gray-300 {
    border-color: #e0e0e0;
  }

  :root .md\:border-gray-400 {
    border-color: #bdbdbd;
  }

  :root .md\:border-gray-500 {
    border-color: #9e9e9e;
  }

  :root .md\:border-gray-600 {
    border-color: #757575;
  }

  :root .md\:border-gray-700 {
    border-color: #616161;
  }

  :root .md\:border-gray-800 {
    border-color: #424242;
  }

  :root .md\:border-gray-900 {
    border-color: #212121;
  }

  :root .md\:border-red-50 {
    border-color: #ffebee;
  }

  :root .md\:border-red-100 {
    border-color: #ffcdd2;
  }

  :root .md\:border-red-200 {
    border-color: #ef9a9a;
  }

  :root .md\:border-red-300 {
    border-color: #e57373;
  }

  :root .md\:border-red-400 {
    border-color: #ef5350;
  }

  :root .md\:border-red-500 {
    border-color: #f44336;
  }

  :root .md\:border-red-600 {
    border-color: #e53935;
  }

  :root .md\:border-red-700 {
    border-color: #d32f2f;
  }

  :root .md\:border-red-800 {
    border-color: #c62828;
  }

  :root .md\:border-red-900 {
    border-color: #b71c1c;
  }

  :root .md\:border-orange-50 {
    border-color: #fff3e0;
  }

  :root .md\:border-orange-100 {
    border-color: #ffe0b2;
  }

  :root .md\:border-orange-200 {
    border-color: #ffcc80;
  }

  :root .md\:border-orange-300 {
    border-color: #ffb74d;
  }

  :root .md\:border-orange-400 {
    border-color: #ffa726;
  }

  :root .md\:border-orange-500 {
    border-color: #ff9800;
  }

  :root .md\:border-orange-600 {
    border-color: #fb8c00;
  }

  :root .md\:border-orange-700 {
    border-color: #f57c00;
  }

  :root .md\:border-orange-800 {
    border-color: #ef6c00;
  }

  :root .md\:border-orange-900 {
    border-color: #e65100;
  }

  :root .md\:border-deep-orange-50 {
    border-color: #fbe9e7;
  }

  :root .md\:border-deep-orange-100 {
    border-color: #ffccbc;
  }

  :root .md\:border-deep-orange-200 {
    border-color: #ffab91;
  }

  :root .md\:border-deep-orange-300 {
    border-color: #ff8a65;
  }

  :root .md\:border-deep-orange-400 {
    border-color: #ff7043;
  }

  :root .md\:border-deep-orange-500 {
    border-color: #ff5722;
  }

  :root .md\:border-deep-orange-600 {
    border-color: #f4511e;
  }

  :root .md\:border-deep-orange-700 {
    border-color: #e64a19;
  }

  :root .md\:border-deep-orange-800 {
    border-color: #d84315;
  }

  :root .md\:border-deep-orange-900 {
    border-color: #bf360c;
  }

  :root .md\:border-amber-50 {
    border-color: #fff8e1;
  }

  :root .md\:border-amber-100 {
    border-color: #ffecb3;
  }

  :root .md\:border-amber-200 {
    border-color: #ffe082;
  }

  :root .md\:border-amber-300 {
    border-color: #ffd54f;
  }

  :root .md\:border-amber-400 {
    border-color: #ffca28;
  }

  :root .md\:border-amber-500 {
    border-color: #ffc107;
  }

  :root .md\:border-amber-600 {
    border-color: #ffb300;
  }

  :root .md\:border-amber-700 {
    border-color: #ffa000;
  }

  :root .md\:border-amber-800 {
    border-color: #ff8f00;
  }

  :root .md\:border-amber-900 {
    border-color: #ff6f00;
  }

  :root .md\:border-light-green-50 {
    border-color: #f1f8e9;
  }

  :root .md\:border-light-green-100 {
    border-color: #dcedc8;
  }

  :root .md\:border-light-green-200 {
    border-color: #c5e1a5;
  }

  :root .md\:border-light-green-300 {
    border-color: #aed581;
  }

  :root .md\:border-light-green-400 {
    border-color: #9ccc65;
  }

  :root .md\:border-light-green-500 {
    border-color: #8bc34a;
  }

  :root .md\:border-light-green-600 {
    border-color: #7cb342;
  }

  :root .md\:border-light-green-700 {
    border-color: #689f38;
  }

  :root .md\:border-light-green-800 {
    border-color: #558b2f;
  }

  :root .md\:border-light-green-900 {
    border-color: #33691e;
  }

  :root .md\:border-green-50 {
    border-color: #e8f5e9;
  }

  :root .md\:border-green-100 {
    border-color: #c8e6c9;
  }

  :root .md\:border-green-200 {
    border-color: #a5d6a7;
  }

  :root .md\:border-green-300 {
    border-color: #81c784;
  }

  :root .md\:border-green-400 {
    border-color: #66bb6a;
  }

  :root .md\:border-green-500 {
    border-color: #4caf50;
  }

  :root .md\:border-green-600 {
    border-color: #43a047;
  }

  :root .md\:border-green-700 {
    border-color: #388e3c;
  }

  :root .md\:border-green-800 {
    border-color: #2e7d32;
  }

  :root .md\:border-green-900 {
    border-color: #1b5e20;
  }

  :root .md\:border-teal-50 {
    border-color: #e0f2f1;
  }

  :root .md\:border-teal-100 {
    border-color: #b2dfdb;
  }

  :root .md\:border-teal-200 {
    border-color: #80cbc4;
  }

  :root .md\:border-teal-300 {
    border-color: #4db6ac;
  }

  :root .md\:border-teal-400 {
    border-color: #26a69a;
  }

  :root .md\:border-teal-500 {
    border-color: #009688;
  }

  :root .md\:border-teal-600 {
    border-color: #00897b;
  }

  :root .md\:border-teal-700 {
    border-color: #00796b;
  }

  :root .md\:border-teal-800 {
    border-color: #00695c;
  }

  :root .md\:border-teal-900 {
    border-color: #004d40;
  }

  :root .md\:border-cyan-50 {
    border-color: #e0f7fa;
  }

  :root .md\:border-cyan-100 {
    border-color: #b2ebf2;
  }

  :root .md\:border-cyan-200 {
    border-color: #80deea;
  }

  :root .md\:border-cyan-300 {
    border-color: #4dd0e1;
  }

  :root .md\:border-cyan-400 {
    border-color: #26c6da;
  }

  :root .md\:border-cyan-500 {
    border-color: #00bcd4;
  }

  :root .md\:border-cyan-600 {
    border-color: #00acc1;
  }

  :root .md\:border-cyan-700 {
    border-color: #0097a7;
  }

  :root .md\:border-cyan-800 {
    border-color: #00838f;
  }

  :root .md\:border-cyan-900 {
    border-color: #006064;
  }

  :root .md\:border-purple-50 {
    border-color: #f3e5f5;
  }

  :root .md\:border-purple-100 {
    border-color: #e1bee7;
  }

  :root .md\:border-purple-200 {
    border-color: #ce93d8;
  }

  :root .md\:border-purple-300 {
    border-color: #ba68c8;
  }

  :root .md\:border-purple-400 {
    border-color: #ab47bc;
  }

  :root .md\:border-purple-500 {
    border-color: #9c27b0;
  }

  :root .md\:border-purple-600 {
    border-color: #8e24aa;
  }

  :root .md\:border-purple-700 {
    border-color: #7b1fa2;
  }

  :root .md\:border-purple-800 {
    border-color: #6a1b9a;
  }

  :root .md\:border-purple-900 {
    border-color: #4a148c;
  }

  :root .md\:border-deep-purple-50 {
    border-color: #ede7f6;
  }

  :root .md\:border-deep-purple-100 {
    border-color: #d1c4e9;
  }

  :root .md\:border-deep-purple-200 {
    border-color: #b39ddb;
  }

  :root .md\:border-deep-purple-300 {
    border-color: #9575cd;
  }

  :root .md\:border-deep-purple-400 {
    border-color: #7e57c2;
  }

  :root .md\:border-deep-purple-500 {
    border-color: #673ab7;
  }

  :root .md\:border-deep-purple-600 {
    border-color: #5e35b1;
  }

  :root .md\:border-deep-purple-700 {
    border-color: #512da8;
  }

  :root .md\:border-deep-purple-800 {
    border-color: #4527a0;
  }

  :root .md\:border-deep-purple-900 {
    border-color: #311b92;
  }

  :root .md\:border-primary-50 {
    border-color: #FBE4E7;
  }

  :root .md\:border-primary-100 {
    border-color: #F5BCC2;
  }

  :root .md\:border-primary-200 {
    border-color: #EE8F9A;
  }

  :root .md\:border-primary-300 {
    border-color: #E76272;
  }

  :root .md\:border-primary-400 {
    border-color: #E14053;
  }

  :root .md\:border-primary-500 {
    border-color: #1976d2;
  }

  :root .md\:border-primary-600 {
    border-color: #D81A30;
  }

  :root .md\:border-primary-700 {
    border-color: #D31628;
  }

  :root .md\:border-primary-800 {
    border-color: #CE1222;
  }

  :root .md\:border-primary-900 {
    border-color: #C50A16;
  }

  :root .md\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  :root .md\:hover\:border-black:hover {
    border-color: var(--text-color);
  }

  :root .md\:hover\:border-white:hover {
    border-color: var(--text-color-light);
  }

  :root .md\:hover\:border-contrast-black:hover {
    border-color: black;
  }

  :root .md\:hover\:border-contrast-white:hover {
    border-color: white;
  }

  :root .md\:hover\:border-obs-primary:hover {
    border-color: #5977FF;
  }

  :root .md\:hover\:border-obs-secondary:hover {
    border-color: #5d5c64;
  }

  :root .md\:hover\:border-obs-maroon:hover {
    border-color: #961e36;
  }

  :root .md\:hover\:border-obs-navy:hover {
    border-color: #3e4861;
  }

  :root .md\:hover\:border-obs-pink:hover {
    border-color: #d2afc5;
  }

  :root .md\:hover\:border-obs-dark-orange:hover {
    border-color: #d6582a;
  }

  :root .md\:hover\:border-obs-gold:hover {
    border-color: #9d8944;
  }

  :root .md\:hover\:border-obs-light-blue:hover {
    border-color: #A3C2D6;
  }

  :root .md\:hover\:border-obs-purple:hover {
    border-color: #722670;
  }

  :root .md\:hover\:border-obs-light-orange:hover {
    border-color: #fF9c01;
  }

  :root .md\:hover\:border-obs-blue:hover {
    border-color: #5da7d6;
  }

  :root .md\:hover\:border-gray-50:hover {
    border-color: #fafafa;
  }

  :root .md\:hover\:border-gray-100:hover {
    border-color: #f5f5f5;
  }

  :root .md\:hover\:border-gray-200:hover {
    border-color: #eeeeee;
  }

  :root .md\:hover\:border-gray-300:hover {
    border-color: #e0e0e0;
  }

  :root .md\:hover\:border-gray-400:hover {
    border-color: #bdbdbd;
  }

  :root .md\:hover\:border-gray-500:hover {
    border-color: #9e9e9e;
  }

  :root .md\:hover\:border-gray-600:hover {
    border-color: #757575;
  }

  :root .md\:hover\:border-gray-700:hover {
    border-color: #616161;
  }

  :root .md\:hover\:border-gray-800:hover {
    border-color: #424242;
  }

  :root .md\:hover\:border-gray-900:hover {
    border-color: #212121;
  }

  :root .md\:hover\:border-red-50:hover {
    border-color: #ffebee;
  }

  :root .md\:hover\:border-red-100:hover {
    border-color: #ffcdd2;
  }

  :root .md\:hover\:border-red-200:hover {
    border-color: #ef9a9a;
  }

  :root .md\:hover\:border-red-300:hover {
    border-color: #e57373;
  }

  :root .md\:hover\:border-red-400:hover {
    border-color: #ef5350;
  }

  :root .md\:hover\:border-red-500:hover {
    border-color: #f44336;
  }

  :root .md\:hover\:border-red-600:hover {
    border-color: #e53935;
  }

  :root .md\:hover\:border-red-700:hover {
    border-color: #d32f2f;
  }

  :root .md\:hover\:border-red-800:hover {
    border-color: #c62828;
  }

  :root .md\:hover\:border-red-900:hover {
    border-color: #b71c1c;
  }

  :root .md\:hover\:border-orange-50:hover {
    border-color: #fff3e0;
  }

  :root .md\:hover\:border-orange-100:hover {
    border-color: #ffe0b2;
  }

  :root .md\:hover\:border-orange-200:hover {
    border-color: #ffcc80;
  }

  :root .md\:hover\:border-orange-300:hover {
    border-color: #ffb74d;
  }

  :root .md\:hover\:border-orange-400:hover {
    border-color: #ffa726;
  }

  :root .md\:hover\:border-orange-500:hover {
    border-color: #ff9800;
  }

  :root .md\:hover\:border-orange-600:hover {
    border-color: #fb8c00;
  }

  :root .md\:hover\:border-orange-700:hover {
    border-color: #f57c00;
  }

  :root .md\:hover\:border-orange-800:hover {
    border-color: #ef6c00;
  }

  :root .md\:hover\:border-orange-900:hover {
    border-color: #e65100;
  }

  :root .md\:hover\:border-deep-orange-50:hover {
    border-color: #fbe9e7;
  }

  :root .md\:hover\:border-deep-orange-100:hover {
    border-color: #ffccbc;
  }

  :root .md\:hover\:border-deep-orange-200:hover {
    border-color: #ffab91;
  }

  :root .md\:hover\:border-deep-orange-300:hover {
    border-color: #ff8a65;
  }

  :root .md\:hover\:border-deep-orange-400:hover {
    border-color: #ff7043;
  }

  :root .md\:hover\:border-deep-orange-500:hover {
    border-color: #ff5722;
  }

  :root .md\:hover\:border-deep-orange-600:hover {
    border-color: #f4511e;
  }

  :root .md\:hover\:border-deep-orange-700:hover {
    border-color: #e64a19;
  }

  :root .md\:hover\:border-deep-orange-800:hover {
    border-color: #d84315;
  }

  :root .md\:hover\:border-deep-orange-900:hover {
    border-color: #bf360c;
  }

  :root .md\:hover\:border-amber-50:hover {
    border-color: #fff8e1;
  }

  :root .md\:hover\:border-amber-100:hover {
    border-color: #ffecb3;
  }

  :root .md\:hover\:border-amber-200:hover {
    border-color: #ffe082;
  }

  :root .md\:hover\:border-amber-300:hover {
    border-color: #ffd54f;
  }

  :root .md\:hover\:border-amber-400:hover {
    border-color: #ffca28;
  }

  :root .md\:hover\:border-amber-500:hover {
    border-color: #ffc107;
  }

  :root .md\:hover\:border-amber-600:hover {
    border-color: #ffb300;
  }

  :root .md\:hover\:border-amber-700:hover {
    border-color: #ffa000;
  }

  :root .md\:hover\:border-amber-800:hover {
    border-color: #ff8f00;
  }

  :root .md\:hover\:border-amber-900:hover {
    border-color: #ff6f00;
  }

  :root .md\:hover\:border-light-green-50:hover {
    border-color: #f1f8e9;
  }

  :root .md\:hover\:border-light-green-100:hover {
    border-color: #dcedc8;
  }

  :root .md\:hover\:border-light-green-200:hover {
    border-color: #c5e1a5;
  }

  :root .md\:hover\:border-light-green-300:hover {
    border-color: #aed581;
  }

  :root .md\:hover\:border-light-green-400:hover {
    border-color: #9ccc65;
  }

  :root .md\:hover\:border-light-green-500:hover {
    border-color: #8bc34a;
  }

  :root .md\:hover\:border-light-green-600:hover {
    border-color: #7cb342;
  }

  :root .md\:hover\:border-light-green-700:hover {
    border-color: #689f38;
  }

  :root .md\:hover\:border-light-green-800:hover {
    border-color: #558b2f;
  }

  :root .md\:hover\:border-light-green-900:hover {
    border-color: #33691e;
  }

  :root .md\:hover\:border-green-50:hover {
    border-color: #e8f5e9;
  }

  :root .md\:hover\:border-green-100:hover {
    border-color: #c8e6c9;
  }

  :root .md\:hover\:border-green-200:hover {
    border-color: #a5d6a7;
  }

  :root .md\:hover\:border-green-300:hover {
    border-color: #81c784;
  }

  :root .md\:hover\:border-green-400:hover {
    border-color: #66bb6a;
  }

  :root .md\:hover\:border-green-500:hover {
    border-color: #4caf50;
  }

  :root .md\:hover\:border-green-600:hover {
    border-color: #43a047;
  }

  :root .md\:hover\:border-green-700:hover {
    border-color: #388e3c;
  }

  :root .md\:hover\:border-green-800:hover {
    border-color: #2e7d32;
  }

  :root .md\:hover\:border-green-900:hover {
    border-color: #1b5e20;
  }

  :root .md\:hover\:border-teal-50:hover {
    border-color: #e0f2f1;
  }

  :root .md\:hover\:border-teal-100:hover {
    border-color: #b2dfdb;
  }

  :root .md\:hover\:border-teal-200:hover {
    border-color: #80cbc4;
  }

  :root .md\:hover\:border-teal-300:hover {
    border-color: #4db6ac;
  }

  :root .md\:hover\:border-teal-400:hover {
    border-color: #26a69a;
  }

  :root .md\:hover\:border-teal-500:hover {
    border-color: #009688;
  }

  :root .md\:hover\:border-teal-600:hover {
    border-color: #00897b;
  }

  :root .md\:hover\:border-teal-700:hover {
    border-color: #00796b;
  }

  :root .md\:hover\:border-teal-800:hover {
    border-color: #00695c;
  }

  :root .md\:hover\:border-teal-900:hover {
    border-color: #004d40;
  }

  :root .md\:hover\:border-cyan-50:hover {
    border-color: #e0f7fa;
  }

  :root .md\:hover\:border-cyan-100:hover {
    border-color: #b2ebf2;
  }

  :root .md\:hover\:border-cyan-200:hover {
    border-color: #80deea;
  }

  :root .md\:hover\:border-cyan-300:hover {
    border-color: #4dd0e1;
  }

  :root .md\:hover\:border-cyan-400:hover {
    border-color: #26c6da;
  }

  :root .md\:hover\:border-cyan-500:hover {
    border-color: #00bcd4;
  }

  :root .md\:hover\:border-cyan-600:hover {
    border-color: #00acc1;
  }

  :root .md\:hover\:border-cyan-700:hover {
    border-color: #0097a7;
  }

  :root .md\:hover\:border-cyan-800:hover {
    border-color: #00838f;
  }

  :root .md\:hover\:border-cyan-900:hover {
    border-color: #006064;
  }

  :root .md\:hover\:border-purple-50:hover {
    border-color: #f3e5f5;
  }

  :root .md\:hover\:border-purple-100:hover {
    border-color: #e1bee7;
  }

  :root .md\:hover\:border-purple-200:hover {
    border-color: #ce93d8;
  }

  :root .md\:hover\:border-purple-300:hover {
    border-color: #ba68c8;
  }

  :root .md\:hover\:border-purple-400:hover {
    border-color: #ab47bc;
  }

  :root .md\:hover\:border-purple-500:hover {
    border-color: #9c27b0;
  }

  :root .md\:hover\:border-purple-600:hover {
    border-color: #8e24aa;
  }

  :root .md\:hover\:border-purple-700:hover {
    border-color: #7b1fa2;
  }

  :root .md\:hover\:border-purple-800:hover {
    border-color: #6a1b9a;
  }

  :root .md\:hover\:border-purple-900:hover {
    border-color: #4a148c;
  }

  :root .md\:hover\:border-deep-purple-50:hover {
    border-color: #ede7f6;
  }

  :root .md\:hover\:border-deep-purple-100:hover {
    border-color: #d1c4e9;
  }

  :root .md\:hover\:border-deep-purple-200:hover {
    border-color: #b39ddb;
  }

  :root .md\:hover\:border-deep-purple-300:hover {
    border-color: #9575cd;
  }

  :root .md\:hover\:border-deep-purple-400:hover {
    border-color: #7e57c2;
  }

  :root .md\:hover\:border-deep-purple-500:hover {
    border-color: #673ab7;
  }

  :root .md\:hover\:border-deep-purple-600:hover {
    border-color: #5e35b1;
  }

  :root .md\:hover\:border-deep-purple-700:hover {
    border-color: #512da8;
  }

  :root .md\:hover\:border-deep-purple-800:hover {
    border-color: #4527a0;
  }

  :root .md\:hover\:border-deep-purple-900:hover {
    border-color: #311b92;
  }

  :root .md\:hover\:border-primary-50:hover {
    border-color: #FBE4E7;
  }

  :root .md\:hover\:border-primary-100:hover {
    border-color: #F5BCC2;
  }

  :root .md\:hover\:border-primary-200:hover {
    border-color: #EE8F9A;
  }

  :root .md\:hover\:border-primary-300:hover {
    border-color: #E76272;
  }

  :root .md\:hover\:border-primary-400:hover {
    border-color: #E14053;
  }

  :root .md\:hover\:border-primary-500:hover {
    border-color: #1976d2;
  }

  :root .md\:hover\:border-primary-600:hover {
    border-color: #D81A30;
  }

  :root .md\:hover\:border-primary-700:hover {
    border-color: #D31628;
  }

  :root .md\:hover\:border-primary-800:hover {
    border-color: #CE1222;
  }

  :root .md\:hover\:border-primary-900:hover {
    border-color: #C50A16;
  }

  :root .md\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  :root .md\:focus\:border-black:focus {
    border-color: var(--text-color);
  }

  :root .md\:focus\:border-white:focus {
    border-color: var(--text-color-light);
  }

  :root .md\:focus\:border-contrast-black:focus {
    border-color: black;
  }

  :root .md\:focus\:border-contrast-white:focus {
    border-color: white;
  }

  :root .md\:focus\:border-obs-primary:focus {
    border-color: #5977FF;
  }

  :root .md\:focus\:border-obs-secondary:focus {
    border-color: #5d5c64;
  }

  :root .md\:focus\:border-obs-maroon:focus {
    border-color: #961e36;
  }

  :root .md\:focus\:border-obs-navy:focus {
    border-color: #3e4861;
  }

  :root .md\:focus\:border-obs-pink:focus {
    border-color: #d2afc5;
  }

  :root .md\:focus\:border-obs-dark-orange:focus {
    border-color: #d6582a;
  }

  :root .md\:focus\:border-obs-gold:focus {
    border-color: #9d8944;
  }

  :root .md\:focus\:border-obs-light-blue:focus {
    border-color: #A3C2D6;
  }

  :root .md\:focus\:border-obs-purple:focus {
    border-color: #722670;
  }

  :root .md\:focus\:border-obs-light-orange:focus {
    border-color: #fF9c01;
  }

  :root .md\:focus\:border-obs-blue:focus {
    border-color: #5da7d6;
  }

  :root .md\:focus\:border-gray-50:focus {
    border-color: #fafafa;
  }

  :root .md\:focus\:border-gray-100:focus {
    border-color: #f5f5f5;
  }

  :root .md\:focus\:border-gray-200:focus {
    border-color: #eeeeee;
  }

  :root .md\:focus\:border-gray-300:focus {
    border-color: #e0e0e0;
  }

  :root .md\:focus\:border-gray-400:focus {
    border-color: #bdbdbd;
  }

  :root .md\:focus\:border-gray-500:focus {
    border-color: #9e9e9e;
  }

  :root .md\:focus\:border-gray-600:focus {
    border-color: #757575;
  }

  :root .md\:focus\:border-gray-700:focus {
    border-color: #616161;
  }

  :root .md\:focus\:border-gray-800:focus {
    border-color: #424242;
  }

  :root .md\:focus\:border-gray-900:focus {
    border-color: #212121;
  }

  :root .md\:focus\:border-red-50:focus {
    border-color: #ffebee;
  }

  :root .md\:focus\:border-red-100:focus {
    border-color: #ffcdd2;
  }

  :root .md\:focus\:border-red-200:focus {
    border-color: #ef9a9a;
  }

  :root .md\:focus\:border-red-300:focus {
    border-color: #e57373;
  }

  :root .md\:focus\:border-red-400:focus {
    border-color: #ef5350;
  }

  :root .md\:focus\:border-red-500:focus {
    border-color: #f44336;
  }

  :root .md\:focus\:border-red-600:focus {
    border-color: #e53935;
  }

  :root .md\:focus\:border-red-700:focus {
    border-color: #d32f2f;
  }

  :root .md\:focus\:border-red-800:focus {
    border-color: #c62828;
  }

  :root .md\:focus\:border-red-900:focus {
    border-color: #b71c1c;
  }

  :root .md\:focus\:border-orange-50:focus {
    border-color: #fff3e0;
  }

  :root .md\:focus\:border-orange-100:focus {
    border-color: #ffe0b2;
  }

  :root .md\:focus\:border-orange-200:focus {
    border-color: #ffcc80;
  }

  :root .md\:focus\:border-orange-300:focus {
    border-color: #ffb74d;
  }

  :root .md\:focus\:border-orange-400:focus {
    border-color: #ffa726;
  }

  :root .md\:focus\:border-orange-500:focus {
    border-color: #ff9800;
  }

  :root .md\:focus\:border-orange-600:focus {
    border-color: #fb8c00;
  }

  :root .md\:focus\:border-orange-700:focus {
    border-color: #f57c00;
  }

  :root .md\:focus\:border-orange-800:focus {
    border-color: #ef6c00;
  }

  :root .md\:focus\:border-orange-900:focus {
    border-color: #e65100;
  }

  :root .md\:focus\:border-deep-orange-50:focus {
    border-color: #fbe9e7;
  }

  :root .md\:focus\:border-deep-orange-100:focus {
    border-color: #ffccbc;
  }

  :root .md\:focus\:border-deep-orange-200:focus {
    border-color: #ffab91;
  }

  :root .md\:focus\:border-deep-orange-300:focus {
    border-color: #ff8a65;
  }

  :root .md\:focus\:border-deep-orange-400:focus {
    border-color: #ff7043;
  }

  :root .md\:focus\:border-deep-orange-500:focus {
    border-color: #ff5722;
  }

  :root .md\:focus\:border-deep-orange-600:focus {
    border-color: #f4511e;
  }

  :root .md\:focus\:border-deep-orange-700:focus {
    border-color: #e64a19;
  }

  :root .md\:focus\:border-deep-orange-800:focus {
    border-color: #d84315;
  }

  :root .md\:focus\:border-deep-orange-900:focus {
    border-color: #bf360c;
  }

  :root .md\:focus\:border-amber-50:focus {
    border-color: #fff8e1;
  }

  :root .md\:focus\:border-amber-100:focus {
    border-color: #ffecb3;
  }

  :root .md\:focus\:border-amber-200:focus {
    border-color: #ffe082;
  }

  :root .md\:focus\:border-amber-300:focus {
    border-color: #ffd54f;
  }

  :root .md\:focus\:border-amber-400:focus {
    border-color: #ffca28;
  }

  :root .md\:focus\:border-amber-500:focus {
    border-color: #ffc107;
  }

  :root .md\:focus\:border-amber-600:focus {
    border-color: #ffb300;
  }

  :root .md\:focus\:border-amber-700:focus {
    border-color: #ffa000;
  }

  :root .md\:focus\:border-amber-800:focus {
    border-color: #ff8f00;
  }

  :root .md\:focus\:border-amber-900:focus {
    border-color: #ff6f00;
  }

  :root .md\:focus\:border-light-green-50:focus {
    border-color: #f1f8e9;
  }

  :root .md\:focus\:border-light-green-100:focus {
    border-color: #dcedc8;
  }

  :root .md\:focus\:border-light-green-200:focus {
    border-color: #c5e1a5;
  }

  :root .md\:focus\:border-light-green-300:focus {
    border-color: #aed581;
  }

  :root .md\:focus\:border-light-green-400:focus {
    border-color: #9ccc65;
  }

  :root .md\:focus\:border-light-green-500:focus {
    border-color: #8bc34a;
  }

  :root .md\:focus\:border-light-green-600:focus {
    border-color: #7cb342;
  }

  :root .md\:focus\:border-light-green-700:focus {
    border-color: #689f38;
  }

  :root .md\:focus\:border-light-green-800:focus {
    border-color: #558b2f;
  }

  :root .md\:focus\:border-light-green-900:focus {
    border-color: #33691e;
  }

  :root .md\:focus\:border-green-50:focus {
    border-color: #e8f5e9;
  }

  :root .md\:focus\:border-green-100:focus {
    border-color: #c8e6c9;
  }

  :root .md\:focus\:border-green-200:focus {
    border-color: #a5d6a7;
  }

  :root .md\:focus\:border-green-300:focus {
    border-color: #81c784;
  }

  :root .md\:focus\:border-green-400:focus {
    border-color: #66bb6a;
  }

  :root .md\:focus\:border-green-500:focus {
    border-color: #4caf50;
  }

  :root .md\:focus\:border-green-600:focus {
    border-color: #43a047;
  }

  :root .md\:focus\:border-green-700:focus {
    border-color: #388e3c;
  }

  :root .md\:focus\:border-green-800:focus {
    border-color: #2e7d32;
  }

  :root .md\:focus\:border-green-900:focus {
    border-color: #1b5e20;
  }

  :root .md\:focus\:border-teal-50:focus {
    border-color: #e0f2f1;
  }

  :root .md\:focus\:border-teal-100:focus {
    border-color: #b2dfdb;
  }

  :root .md\:focus\:border-teal-200:focus {
    border-color: #80cbc4;
  }

  :root .md\:focus\:border-teal-300:focus {
    border-color: #4db6ac;
  }

  :root .md\:focus\:border-teal-400:focus {
    border-color: #26a69a;
  }

  :root .md\:focus\:border-teal-500:focus {
    border-color: #009688;
  }

  :root .md\:focus\:border-teal-600:focus {
    border-color: #00897b;
  }

  :root .md\:focus\:border-teal-700:focus {
    border-color: #00796b;
  }

  :root .md\:focus\:border-teal-800:focus {
    border-color: #00695c;
  }

  :root .md\:focus\:border-teal-900:focus {
    border-color: #004d40;
  }

  :root .md\:focus\:border-cyan-50:focus {
    border-color: #e0f7fa;
  }

  :root .md\:focus\:border-cyan-100:focus {
    border-color: #b2ebf2;
  }

  :root .md\:focus\:border-cyan-200:focus {
    border-color: #80deea;
  }

  :root .md\:focus\:border-cyan-300:focus {
    border-color: #4dd0e1;
  }

  :root .md\:focus\:border-cyan-400:focus {
    border-color: #26c6da;
  }

  :root .md\:focus\:border-cyan-500:focus {
    border-color: #00bcd4;
  }

  :root .md\:focus\:border-cyan-600:focus {
    border-color: #00acc1;
  }

  :root .md\:focus\:border-cyan-700:focus {
    border-color: #0097a7;
  }

  :root .md\:focus\:border-cyan-800:focus {
    border-color: #00838f;
  }

  :root .md\:focus\:border-cyan-900:focus {
    border-color: #006064;
  }

  :root .md\:focus\:border-purple-50:focus {
    border-color: #f3e5f5;
  }

  :root .md\:focus\:border-purple-100:focus {
    border-color: #e1bee7;
  }

  :root .md\:focus\:border-purple-200:focus {
    border-color: #ce93d8;
  }

  :root .md\:focus\:border-purple-300:focus {
    border-color: #ba68c8;
  }

  :root .md\:focus\:border-purple-400:focus {
    border-color: #ab47bc;
  }

  :root .md\:focus\:border-purple-500:focus {
    border-color: #9c27b0;
  }

  :root .md\:focus\:border-purple-600:focus {
    border-color: #8e24aa;
  }

  :root .md\:focus\:border-purple-700:focus {
    border-color: #7b1fa2;
  }

  :root .md\:focus\:border-purple-800:focus {
    border-color: #6a1b9a;
  }

  :root .md\:focus\:border-purple-900:focus {
    border-color: #4a148c;
  }

  :root .md\:focus\:border-deep-purple-50:focus {
    border-color: #ede7f6;
  }

  :root .md\:focus\:border-deep-purple-100:focus {
    border-color: #d1c4e9;
  }

  :root .md\:focus\:border-deep-purple-200:focus {
    border-color: #b39ddb;
  }

  :root .md\:focus\:border-deep-purple-300:focus {
    border-color: #9575cd;
  }

  :root .md\:focus\:border-deep-purple-400:focus {
    border-color: #7e57c2;
  }

  :root .md\:focus\:border-deep-purple-500:focus {
    border-color: #673ab7;
  }

  :root .md\:focus\:border-deep-purple-600:focus {
    border-color: #5e35b1;
  }

  :root .md\:focus\:border-deep-purple-700:focus {
    border-color: #512da8;
  }

  :root .md\:focus\:border-deep-purple-800:focus {
    border-color: #4527a0;
  }

  :root .md\:focus\:border-deep-purple-900:focus {
    border-color: #311b92;
  }

  :root .md\:focus\:border-primary-50:focus {
    border-color: #FBE4E7;
  }

  :root .md\:focus\:border-primary-100:focus {
    border-color: #F5BCC2;
  }

  :root .md\:focus\:border-primary-200:focus {
    border-color: #EE8F9A;
  }

  :root .md\:focus\:border-primary-300:focus {
    border-color: #E76272;
  }

  :root .md\:focus\:border-primary-400:focus {
    border-color: #E14053;
  }

  :root .md\:focus\:border-primary-500:focus {
    border-color: #1976d2;
  }

  :root .md\:focus\:border-primary-600:focus {
    border-color: #D81A30;
  }

  :root .md\:focus\:border-primary-700:focus {
    border-color: #D31628;
  }

  :root .md\:focus\:border-primary-800:focus {
    border-color: #CE1222;
  }

  :root .md\:focus\:border-primary-900:focus {
    border-color: #C50A16;
  }

  :root .md\:rounded-none {
    border-radius: 0;
  }

  :root .md\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root .md\:rounded {
    border-radius: 0.25rem;
  }

  :root .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root .md\:rounded-full {
    border-radius: 9999px;
  }

  :root .md\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root .md\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root .md\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .md\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .md\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root .md\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root .md\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .md\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .md\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root .md\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root .md\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .md\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .md\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root .md\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root .md\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .md\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .md\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root .md\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root .md\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .md\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .md\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root .md\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root .md\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root .md\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root .md\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root .md\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root .md\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root .md\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root .md\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root .md\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root .md\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root .md\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root .md\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root .md\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root .md\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root .md\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root .md\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root .md\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root .md\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root .md\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root .md\:border-solid {
    border-style: solid;
  }

  :root .md\:border-dashed {
    border-style: dashed;
  }

  :root .md\:border-dotted {
    border-style: dotted;
  }

  :root .md\:border-double {
    border-style: double;
  }

  :root .md\:border-none {
    border-style: none;
  }

  :root .md\:border-0 {
    border-width: 0;
  }

  :root .md\:border-2 {
    border-width: 2px;
  }

  :root .md\:border-4 {
    border-width: 4px;
  }

  :root .md\:border-8 {
    border-width: 8px;
  }

  :root .md\:border {
    border-width: 1px;
  }

  :root .md\:border-t-0 {
    border-top-width: 0;
  }

  :root .md\:border-r-0 {
    border-right-width: 0;
  }

  :root .md\:border-b-0 {
    border-bottom-width: 0;
  }

  :root .md\:border-l-0 {
    border-left-width: 0;
  }

  :root .md\:border-t-2 {
    border-top-width: 2px;
  }

  :root .md\:border-r-2 {
    border-right-width: 2px;
  }

  :root .md\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root .md\:border-l-2 {
    border-left-width: 2px;
  }

  :root .md\:border-t-4 {
    border-top-width: 4px;
  }

  :root .md\:border-r-4 {
    border-right-width: 4px;
  }

  :root .md\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root .md\:border-l-4 {
    border-left-width: 4px;
  }

  :root .md\:border-t-8 {
    border-top-width: 8px;
  }

  :root .md\:border-r-8 {
    border-right-width: 8px;
  }

  :root .md\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root .md\:border-l-8 {
    border-left-width: 8px;
  }

  :root .md\:border-t {
    border-top-width: 1px;
  }

  :root .md\:border-r {
    border-right-width: 1px;
  }

  :root .md\:border-b {
    border-bottom-width: 1px;
  }

  :root .md\:border-l {
    border-left-width: 1px;
  }

  [dir=ltr] .md\:ltr\:border-0 {
    border-width: 0;
  }

  [dir=ltr] .md\:ltr\:border-2 {
    border-width: 2px;
  }

  [dir=ltr] .md\:ltr\:border-4 {
    border-width: 4px;
  }

  [dir=ltr] .md\:ltr\:border-8 {
    border-width: 8px;
  }

  [dir=ltr] .md\:ltr\:border {
    border-width: 1px;
  }

  [dir=ltr] .md\:ltr\:border-t-0 {
    border-top-width: 0;
  }

  [dir=ltr] .md\:ltr\:border-r-0 {
    border-right-width: 0;
  }

  [dir=ltr] .md\:ltr\:border-b-0 {
    border-bottom-width: 0;
  }

  [dir=ltr] .md\:ltr\:border-l-0 {
    border-left-width: 0;
  }

  [dir=ltr] .md\:ltr\:border-t-2 {
    border-top-width: 2px;
  }

  [dir=ltr] .md\:ltr\:border-r-2 {
    border-right-width: 2px;
  }

  [dir=ltr] .md\:ltr\:border-b-2 {
    border-bottom-width: 2px;
  }

  [dir=ltr] .md\:ltr\:border-l-2 {
    border-left-width: 2px;
  }

  [dir=ltr] .md\:ltr\:border-t-4 {
    border-top-width: 4px;
  }

  [dir=ltr] .md\:ltr\:border-r-4 {
    border-right-width: 4px;
  }

  [dir=ltr] .md\:ltr\:border-b-4 {
    border-bottom-width: 4px;
  }

  [dir=ltr] .md\:ltr\:border-l-4 {
    border-left-width: 4px;
  }

  [dir=ltr] .md\:ltr\:border-t-8 {
    border-top-width: 8px;
  }

  [dir=ltr] .md\:ltr\:border-r-8 {
    border-right-width: 8px;
  }

  [dir=ltr] .md\:ltr\:border-b-8 {
    border-bottom-width: 8px;
  }

  [dir=ltr] .md\:ltr\:border-l-8 {
    border-left-width: 8px;
  }

  [dir=ltr] .md\:ltr\:border-t {
    border-top-width: 1px;
  }

  [dir=ltr] .md\:ltr\:border-r {
    border-right-width: 1px;
  }

  [dir=ltr] .md\:ltr\:border-b {
    border-bottom-width: 1px;
  }

  [dir=ltr] .md\:ltr\:border-l {
    border-left-width: 1px;
  }

  [dir=rtl] .md\:rtl\:border-0 {
    border-width: 0;
  }

  [dir=rtl] .md\:rtl\:border-2 {
    border-width: 2px;
  }

  [dir=rtl] .md\:rtl\:border-4 {
    border-width: 4px;
  }

  [dir=rtl] .md\:rtl\:border-8 {
    border-width: 8px;
  }

  [dir=rtl] .md\:rtl\:border {
    border-width: 1px;
  }

  [dir=rtl] .md\:rtl\:border-t-0 {
    border-top-width: 0;
  }

  [dir=rtl] .md\:rtl\:border-r-0 {
    border-right-width: 0;
  }

  [dir=rtl] .md\:rtl\:border-b-0 {
    border-bottom-width: 0;
  }

  [dir=rtl] .md\:rtl\:border-l-0 {
    border-left-width: 0;
  }

  [dir=rtl] .md\:rtl\:border-t-2 {
    border-top-width: 2px;
  }

  [dir=rtl] .md\:rtl\:border-r-2 {
    border-right-width: 2px;
  }

  [dir=rtl] .md\:rtl\:border-b-2 {
    border-bottom-width: 2px;
  }

  [dir=rtl] .md\:rtl\:border-l-2 {
    border-left-width: 2px;
  }

  [dir=rtl] .md\:rtl\:border-t-4 {
    border-top-width: 4px;
  }

  [dir=rtl] .md\:rtl\:border-r-4 {
    border-right-width: 4px;
  }

  [dir=rtl] .md\:rtl\:border-b-4 {
    border-bottom-width: 4px;
  }

  [dir=rtl] .md\:rtl\:border-l-4 {
    border-left-width: 4px;
  }

  [dir=rtl] .md\:rtl\:border-t-8 {
    border-top-width: 8px;
  }

  [dir=rtl] .md\:rtl\:border-r-8 {
    border-right-width: 8px;
  }

  [dir=rtl] .md\:rtl\:border-b-8 {
    border-bottom-width: 8px;
  }

  [dir=rtl] .md\:rtl\:border-l-8 {
    border-left-width: 8px;
  }

  [dir=rtl] .md\:rtl\:border-t {
    border-top-width: 1px;
  }

  [dir=rtl] .md\:rtl\:border-r {
    border-right-width: 1px;
  }

  [dir=rtl] .md\:rtl\:border-b {
    border-bottom-width: 1px;
  }

  [dir=rtl] .md\:rtl\:border-l {
    border-left-width: 1px;
  }

  :root .md\:box-border {
    box-sizing: border-box;
  }

  :root .md\:box-content {
    box-sizing: content-box;
  }

  :root .md\:cursor-auto {
    cursor: auto;
  }

  :root .md\:cursor-default {
    cursor: default;
  }

  :root .md\:cursor-pointer {
    cursor: pointer;
  }

  :root .md\:cursor-wait {
    cursor: wait;
  }

  :root .md\:cursor-text {
    cursor: text;
  }

  :root .md\:cursor-move {
    cursor: move;
  }

  :root .md\:cursor-not-allowed {
    cursor: not-allowed;
  }

  :root .md\:block {
    display: block;
  }

  :root .md\:inline-block {
    display: inline-block;
  }

  :root .md\:inline {
    display: inline;
  }

  :root .md\:flex {
    display: flex;
  }

  :root .md\:inline-flex {
    display: inline-flex;
  }

  :root .md\:grid {
    display: grid;
  }

  :root .md\:table {
    display: table;
  }

  :root .md\:table-caption {
    display: table-caption;
  }

  :root .md\:table-cell {
    display: table-cell;
  }

  :root .md\:table-column {
    display: table-column;
  }

  :root .md\:table-column-group {
    display: table-column-group;
  }

  :root .md\:table-footer-group {
    display: table-footer-group;
  }

  :root .md\:table-header-group {
    display: table-header-group;
  }

  :root .md\:table-row-group {
    display: table-row-group;
  }

  :root .md\:table-row {
    display: table-row;
  }

  :root .md\:hidden {
    display: none;
  }

  :root .md\:flex-row {
    flex-direction: row;
  }

  :root .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  :root .md\:flex-col {
    flex-direction: column;
  }

  :root .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  :root .md\:flex-wrap {
    flex-wrap: wrap;
  }

  :root .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  :root .md\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  :root .md\:items-start {
    align-items: flex-start;
  }

  :root .md\:items-end {
    align-items: flex-end;
  }

  :root .md\:items-center {
    align-items: center;
  }

  :root .md\:items-baseline {
    align-items: baseline;
  }

  :root .md\:items-stretch {
    align-items: stretch;
  }

  :root .md\:self-auto {
    align-self: auto;
  }

  :root .md\:self-start {
    align-self: flex-start;
  }

  :root .md\:self-end {
    align-self: flex-end;
  }

  :root .md\:self-center {
    align-self: center;
  }

  :root .md\:self-stretch {
    align-self: stretch;
  }

  :root .md\:justify-start {
    justify-content: flex-start;
  }

  :root .md\:justify-end {
    justify-content: flex-end;
  }

  :root .md\:justify-center {
    justify-content: center;
  }

  :root .md\:justify-between {
    justify-content: space-between;
  }

  :root .md\:justify-around {
    justify-content: space-around;
  }

  :root .md\:justify-evenly {
    justify-content: space-evenly;
  }

  :root .md\:content-center {
    align-content: center;
  }

  :root .md\:content-start {
    align-content: flex-start;
  }

  :root .md\:content-end {
    align-content: flex-end;
  }

  :root .md\:content-between {
    align-content: space-between;
  }

  :root .md\:content-around {
    align-content: space-around;
  }

  :root .md\:flex-1 {
    flex: 1 1 0%;
  }

  :root .md\:flex-auto {
    flex: 1 1 auto;
  }

  :root .md\:flex-initial {
    flex: 0 1 auto;
  }

  :root .md\:flex-none {
    flex: none;
  }

  :root .md\:flex-grow-0 {
    flex-grow: 0;
  }

  :root .md\:flex-grow {
    flex-grow: 1;
  }

  :root .md\:flex-shrink-0 {
    flex-shrink: 0;
  }

  :root .md\:flex-shrink {
    flex-shrink: 1;
  }

  :root .md\:order-1 {
    order: 1;
  }

  :root .md\:order-2 {
    order: 2;
  }

  :root .md\:order-3 {
    order: 3;
  }

  :root .md\:order-4 {
    order: 4;
  }

  :root .md\:order-5 {
    order: 5;
  }

  :root .md\:order-6 {
    order: 6;
  }

  :root .md\:order-7 {
    order: 7;
  }

  :root .md\:order-8 {
    order: 8;
  }

  :root .md\:order-9 {
    order: 9;
  }

  :root .md\:order-10 {
    order: 10;
  }

  :root .md\:order-11 {
    order: 11;
  }

  :root .md\:order-12 {
    order: 12;
  }

  :root .md\:order-first {
    order: -9999;
  }

  :root .md\:order-last {
    order: 9999;
  }

  :root .md\:order-none {
    order: 0;
  }

  :root .md\:float-right {
    float: right;
  }

  :root .md\:float-left {
    float: left;
  }

  :root .md\:float-none {
    float: none;
  }

  :root .md\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  :root .md\:clear-left {
    clear: left;
  }

  :root .md\:clear-right {
    clear: right;
  }

  :root .md\:clear-both {
    clear: both;
  }

  :root .md\:font-sans {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  }

  :root .md\:font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  :root .md\:font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  :root .md\:font-hairline {
    font-weight: 100;
  }

  :root .md\:font-thin {
    font-weight: 200;
  }

  :root .md\:font-light {
    font-weight: 300;
  }

  :root .md\:font-normal {
    font-weight: 400;
  }

  :root .md\:font-medium {
    font-weight: 500;
  }

  :root .md\:font-semibold {
    font-weight: 600;
  }

  :root .md\:font-bold {
    font-weight: 700;
  }

  :root .md\:font-extrabold {
    font-weight: 800;
  }

  :root .md\:font-black {
    font-weight: 900;
  }

  :root .md\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  :root .md\:hover\:font-thin:hover {
    font-weight: 200;
  }

  :root .md\:hover\:font-light:hover {
    font-weight: 300;
  }

  :root .md\:hover\:font-normal:hover {
    font-weight: 400;
  }

  :root .md\:hover\:font-medium:hover {
    font-weight: 500;
  }

  :root .md\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  :root .md\:hover\:font-bold:hover {
    font-weight: 700;
  }

  :root .md\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  :root .md\:hover\:font-black:hover {
    font-weight: 900;
  }

  :root .md\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  :root .md\:focus\:font-thin:focus {
    font-weight: 200;
  }

  :root .md\:focus\:font-light:focus {
    font-weight: 300;
  }

  :root .md\:focus\:font-normal:focus {
    font-weight: 400;
  }

  :root .md\:focus\:font-medium:focus {
    font-weight: 500;
  }

  :root .md\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  :root .md\:focus\:font-bold:focus {
    font-weight: 700;
  }

  :root .md\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  :root .md\:focus\:font-black:focus {
    font-weight: 900;
  }

  :root .md\:h-0 {
    height: 0;
  }

  :root .md\:h-1 {
    height: 0.25rem;
  }

  :root .md\:h-2 {
    height: 0.5rem;
  }

  :root .md\:h-3 {
    height: 0.75rem;
  }

  :root .md\:h-4 {
    height: 1rem;
  }

  :root .md\:h-5 {
    height: 1.25rem;
  }

  :root .md\:h-6 {
    height: 1.5rem;
  }

  :root .md\:h-8 {
    height: 2rem;
  }

  :root .md\:h-9 {
    height: 2.25rem;
  }

  :root .md\:h-10 {
    height: 2.5rem;
  }

  :root .md\:h-12 {
    height: 3rem;
  }

  :root .md\:h-14 {
    height: 3.5rem;
  }

  :root .md\:h-16 {
    height: 4rem;
  }

  :root .md\:h-20 {
    height: 5rem;
  }

  :root .md\:h-24 {
    height: 6rem;
  }

  :root .md\:h-32 {
    height: 8rem;
  }

  :root .md\:h-40 {
    height: 10rem;
  }

  :root .md\:h-48 {
    height: 12rem;
  }

  :root .md\:h-56 {
    height: 14rem;
  }

  :root .md\:h-64 {
    height: 16rem;
  }

  :root .md\:h-auto {
    height: auto;
  }

  :root .md\:h-px {
    height: 1px;
  }

  :root .md\:h-gutter {
    height: var(--padding-gutter);
  }

  :root .md\:h-full {
    height: 100%;
  }

  :root .md\:h-screen {
    height: 100vh;
  }

  :root .md\:leading-none {
    line-height: 1;
  }

  :root .md\:leading-tight {
    line-height: 1.25;
  }

  :root .md\:leading-snug {
    line-height: 1.375;
  }

  :root .md\:leading-normal {
    line-height: 1.5;
  }

  :root .md\:leading-relaxed {
    line-height: 1.625;
  }

  :root .md\:leading-loose {
    line-height: 2;
  }

  :root .md\:list-inside {
    list-style-position: inside;
  }

  :root .md\:list-outside {
    list-style-position: outside;
  }

  :root .md\:list-none {
    list-style-type: none;
  }

  :root .md\:list-disc {
    list-style-type: disc;
  }

  :root .md\:list-decimal {
    list-style-type: decimal;
  }

  :root .md\:m-0 {
    margin: 0;
  }

  :root .md\:m-1 {
    margin: 0.25rem;
  }

  :root .md\:m-2 {
    margin: 0.5rem;
  }

  :root .md\:m-3 {
    margin: 0.75rem;
  }

  :root .md\:m-4 {
    margin: 1rem;
  }

  :root .md\:m-5 {
    margin: 1.25rem;
  }

  :root .md\:m-6 {
    margin: 1.5rem;
  }

  :root .md\:m-8 {
    margin: 2rem;
  }

  :root .md\:m-9 {
    margin: 2.25rem;
  }

  :root .md\:m-10 {
    margin: 2.5rem;
  }

  :root .md\:m-12 {
    margin: 3rem;
  }

  :root .md\:m-14 {
    margin: 3.5rem;
  }

  :root .md\:m-16 {
    margin: 4rem;
  }

  :root .md\:m-20 {
    margin: 5rem;
  }

  :root .md\:m-24 {
    margin: 6rem;
  }

  :root .md\:m-32 {
    margin: 8rem;
  }

  :root .md\:m-40 {
    margin: 10rem;
  }

  :root .md\:m-48 {
    margin: 12rem;
  }

  :root .md\:m-56 {
    margin: 14rem;
  }

  :root .md\:m-64 {
    margin: 16rem;
  }

  :root .md\:m-auto {
    margin: auto;
  }

  :root .md\:m-px {
    margin: 1px;
  }

  :root .md\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root .md\:-m-1 {
    margin: -0.25rem;
  }

  :root .md\:-m-2 {
    margin: -0.5rem;
  }

  :root .md\:-m-3 {
    margin: -0.75rem;
  }

  :root .md\:-m-4 {
    margin: -1rem;
  }

  :root .md\:-m-5 {
    margin: -1.25rem;
  }

  :root .md\:-m-6 {
    margin: -1.5rem;
  }

  :root .md\:-m-8 {
    margin: -2rem;
  }

  :root .md\:-m-9 {
    margin: -2.25rem;
  }

  :root .md\:-m-10 {
    margin: -2.5rem;
  }

  :root .md\:-m-12 {
    margin: -3rem;
  }

  :root .md\:-m-14 {
    margin: -3.5rem;
  }

  :root .md\:-m-16 {
    margin: -4rem;
  }

  :root .md\:-m-20 {
    margin: -5rem;
  }

  :root .md\:-m-24 {
    margin: -6rem;
  }

  :root .md\:-m-32 {
    margin: -8rem;
  }

  :root .md\:-m-40 {
    margin: -10rem;
  }

  :root .md\:-m-48 {
    margin: -12rem;
  }

  :root .md\:-m-56 {
    margin: -14rem;
  }

  :root .md\:-m-64 {
    margin: -16rem;
  }

  :root .md\:-m-px {
    margin: -1px;
  }

  :root .md\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root .md\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root .md\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root .md\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root .md\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root .md\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root .md\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root .md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root .md\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root .md\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root .md\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root .md\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root .md\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root .md\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root .md\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root .md\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root .md\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root .md\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root .md\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root .md\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root .md\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root .md\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root .md\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root .md\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root .md\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root .md\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root .md\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root .md\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root .md\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root .md\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root .md\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root .md\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root .md\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root .md\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root .md\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root .md\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root .md\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root .md\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root .md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root .md\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root .md\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root .md\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root .md\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root .md\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root .md\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root .md\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root .md\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root .md\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root .md\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root .md\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root .md\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root .md\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root .md\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root .md\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root .md\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root .md\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root .md\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root .md\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root .md\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root .md\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root .md\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root .md\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root .md\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root .md\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root .md\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root .md\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root .md\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root .md\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root .md\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root .md\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .md\:mt-0 {
    margin-top: 0;
  }

  :root .md\:mr-0 {
    margin-right: 0;
  }

  :root .md\:mb-0 {
    margin-bottom: 0;
  }

  :root .md\:ml-0 {
    margin-left: 0;
  }

  :root .md\:mt-1 {
    margin-top: 0.25rem;
  }

  :root .md\:mr-1 {
    margin-right: 0.25rem;
  }

  :root .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root .md\:ml-1 {
    margin-left: 0.25rem;
  }

  :root .md\:mt-2 {
    margin-top: 0.5rem;
  }

  :root .md\:mr-2 {
    margin-right: 0.5rem;
  }

  :root .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root .md\:ml-2 {
    margin-left: 0.5rem;
  }

  :root .md\:mt-3 {
    margin-top: 0.75rem;
  }

  :root .md\:mr-3 {
    margin-right: 0.75rem;
  }

  :root .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root .md\:ml-3 {
    margin-left: 0.75rem;
  }

  :root .md\:mt-4 {
    margin-top: 1rem;
  }

  :root .md\:mr-4 {
    margin-right: 1rem;
  }

  :root .md\:mb-4 {
    margin-bottom: 1rem;
  }

  :root .md\:ml-4 {
    margin-left: 1rem;
  }

  :root .md\:mt-5 {
    margin-top: 1.25rem;
  }

  :root .md\:mr-5 {
    margin-right: 1.25rem;
  }

  :root .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root .md\:ml-5 {
    margin-left: 1.25rem;
  }

  :root .md\:mt-6 {
    margin-top: 1.5rem;
  }

  :root .md\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root .md\:ml-6 {
    margin-left: 1.5rem;
  }

  :root .md\:mt-8 {
    margin-top: 2rem;
  }

  :root .md\:mr-8 {
    margin-right: 2rem;
  }

  :root .md\:mb-8 {
    margin-bottom: 2rem;
  }

  :root .md\:ml-8 {
    margin-left: 2rem;
  }

  :root .md\:mt-9 {
    margin-top: 2.25rem;
  }

  :root .md\:mr-9 {
    margin-right: 2.25rem;
  }

  :root .md\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root .md\:ml-9 {
    margin-left: 2.25rem;
  }

  :root .md\:mt-10 {
    margin-top: 2.5rem;
  }

  :root .md\:mr-10 {
    margin-right: 2.5rem;
  }

  :root .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root .md\:ml-10 {
    margin-left: 2.5rem;
  }

  :root .md\:mt-12 {
    margin-top: 3rem;
  }

  :root .md\:mr-12 {
    margin-right: 3rem;
  }

  :root .md\:mb-12 {
    margin-bottom: 3rem;
  }

  :root .md\:ml-12 {
    margin-left: 3rem;
  }

  :root .md\:mt-14 {
    margin-top: 3.5rem;
  }

  :root .md\:mr-14 {
    margin-right: 3.5rem;
  }

  :root .md\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root .md\:ml-14 {
    margin-left: 3.5rem;
  }

  :root .md\:mt-16 {
    margin-top: 4rem;
  }

  :root .md\:mr-16 {
    margin-right: 4rem;
  }

  :root .md\:mb-16 {
    margin-bottom: 4rem;
  }

  :root .md\:ml-16 {
    margin-left: 4rem;
  }

  :root .md\:mt-20 {
    margin-top: 5rem;
  }

  :root .md\:mr-20 {
    margin-right: 5rem;
  }

  :root .md\:mb-20 {
    margin-bottom: 5rem;
  }

  :root .md\:ml-20 {
    margin-left: 5rem;
  }

  :root .md\:mt-24 {
    margin-top: 6rem;
  }

  :root .md\:mr-24 {
    margin-right: 6rem;
  }

  :root .md\:mb-24 {
    margin-bottom: 6rem;
  }

  :root .md\:ml-24 {
    margin-left: 6rem;
  }

  :root .md\:mt-32 {
    margin-top: 8rem;
  }

  :root .md\:mr-32 {
    margin-right: 8rem;
  }

  :root .md\:mb-32 {
    margin-bottom: 8rem;
  }

  :root .md\:ml-32 {
    margin-left: 8rem;
  }

  :root .md\:mt-40 {
    margin-top: 10rem;
  }

  :root .md\:mr-40 {
    margin-right: 10rem;
  }

  :root .md\:mb-40 {
    margin-bottom: 10rem;
  }

  :root .md\:ml-40 {
    margin-left: 10rem;
  }

  :root .md\:mt-48 {
    margin-top: 12rem;
  }

  :root .md\:mr-48 {
    margin-right: 12rem;
  }

  :root .md\:mb-48 {
    margin-bottom: 12rem;
  }

  :root .md\:ml-48 {
    margin-left: 12rem;
  }

  :root .md\:mt-56 {
    margin-top: 14rem;
  }

  :root .md\:mr-56 {
    margin-right: 14rem;
  }

  :root .md\:mb-56 {
    margin-bottom: 14rem;
  }

  :root .md\:ml-56 {
    margin-left: 14rem;
  }

  :root .md\:mt-64 {
    margin-top: 16rem;
  }

  :root .md\:mr-64 {
    margin-right: 16rem;
  }

  :root .md\:mb-64 {
    margin-bottom: 16rem;
  }

  :root .md\:ml-64 {
    margin-left: 16rem;
  }

  :root .md\:mt-auto {
    margin-top: auto;
  }

  :root .md\:mr-auto {
    margin-right: auto;
  }

  :root .md\:mb-auto {
    margin-bottom: auto;
  }

  :root .md\:ml-auto {
    margin-left: auto;
  }

  :root .md\:mt-px {
    margin-top: 1px;
  }

  :root .md\:mr-px {
    margin-right: 1px;
  }

  :root .md\:mb-px {
    margin-bottom: 1px;
  }

  :root .md\:ml-px {
    margin-left: 1px;
  }

  :root .md\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root .md\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root .md\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root .md\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root .md\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root .md\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root .md\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root .md\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root .md\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root .md\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root .md\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root .md\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root .md\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root .md\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root .md\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root .md\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root .md\:-mt-4 {
    margin-top: -1rem;
  }

  :root .md\:-mr-4 {
    margin-right: -1rem;
  }

  :root .md\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root .md\:-ml-4 {
    margin-left: -1rem;
  }

  :root .md\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root .md\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root .md\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root .md\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root .md\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root .md\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root .md\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root .md\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root .md\:-mt-8 {
    margin-top: -2rem;
  }

  :root .md\:-mr-8 {
    margin-right: -2rem;
  }

  :root .md\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root .md\:-ml-8 {
    margin-left: -2rem;
  }

  :root .md\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root .md\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root .md\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root .md\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root .md\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root .md\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root .md\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root .md\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root .md\:-mt-12 {
    margin-top: -3rem;
  }

  :root .md\:-mr-12 {
    margin-right: -3rem;
  }

  :root .md\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root .md\:-ml-12 {
    margin-left: -3rem;
  }

  :root .md\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root .md\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root .md\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root .md\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root .md\:-mt-16 {
    margin-top: -4rem;
  }

  :root .md\:-mr-16 {
    margin-right: -4rem;
  }

  :root .md\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root .md\:-ml-16 {
    margin-left: -4rem;
  }

  :root .md\:-mt-20 {
    margin-top: -5rem;
  }

  :root .md\:-mr-20 {
    margin-right: -5rem;
  }

  :root .md\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root .md\:-ml-20 {
    margin-left: -5rem;
  }

  :root .md\:-mt-24 {
    margin-top: -6rem;
  }

  :root .md\:-mr-24 {
    margin-right: -6rem;
  }

  :root .md\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root .md\:-ml-24 {
    margin-left: -6rem;
  }

  :root .md\:-mt-32 {
    margin-top: -8rem;
  }

  :root .md\:-mr-32 {
    margin-right: -8rem;
  }

  :root .md\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root .md\:-ml-32 {
    margin-left: -8rem;
  }

  :root .md\:-mt-40 {
    margin-top: -10rem;
  }

  :root .md\:-mr-40 {
    margin-right: -10rem;
  }

  :root .md\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root .md\:-ml-40 {
    margin-left: -10rem;
  }

  :root .md\:-mt-48 {
    margin-top: -12rem;
  }

  :root .md\:-mr-48 {
    margin-right: -12rem;
  }

  :root .md\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root .md\:-ml-48 {
    margin-left: -12rem;
  }

  :root .md\:-mt-56 {
    margin-top: -14rem;
  }

  :root .md\:-mr-56 {
    margin-right: -14rem;
  }

  :root .md\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root .md\:-ml-56 {
    margin-left: -14rem;
  }

  :root .md\:-mt-64 {
    margin-top: -16rem;
  }

  :root .md\:-mr-64 {
    margin-right: -16rem;
  }

  :root .md\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root .md\:-ml-64 {
    margin-left: -16rem;
  }

  :root .md\:-mt-px {
    margin-top: -1px;
  }

  :root .md\:-mr-px {
    margin-right: -1px;
  }

  :root .md\:-mb-px {
    margin-bottom: -1px;
  }

  :root .md\:-ml-px {
    margin-left: -1px;
  }

  :root .md\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .md\:ltr\:m-0 {
    margin: 0;
  }

  [dir=ltr] .md\:ltr\:m-1 {
    margin: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:m-2 {
    margin: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:m-3 {
    margin: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:m-4 {
    margin: 1rem;
  }

  [dir=ltr] .md\:ltr\:m-5 {
    margin: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:m-6 {
    margin: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:m-8 {
    margin: 2rem;
  }

  [dir=ltr] .md\:ltr\:m-9 {
    margin: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:m-10 {
    margin: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:m-12 {
    margin: 3rem;
  }

  [dir=ltr] .md\:ltr\:m-14 {
    margin: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:m-16 {
    margin: 4rem;
  }

  [dir=ltr] .md\:ltr\:m-20 {
    margin: 5rem;
  }

  [dir=ltr] .md\:ltr\:m-24 {
    margin: 6rem;
  }

  [dir=ltr] .md\:ltr\:m-32 {
    margin: 8rem;
  }

  [dir=ltr] .md\:ltr\:m-40 {
    margin: 10rem;
  }

  [dir=ltr] .md\:ltr\:m-48 {
    margin: 12rem;
  }

  [dir=ltr] .md\:ltr\:m-56 {
    margin: 14rem;
  }

  [dir=ltr] .md\:ltr\:m-64 {
    margin: 16rem;
  }

  [dir=ltr] .md\:ltr\:m-auto {
    margin: auto;
  }

  [dir=ltr] .md\:ltr\:m-px {
    margin: 1px;
  }

  [dir=ltr] .md\:ltr\:m-gutter {
    margin: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:-m-1 {
    margin: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-m-2 {
    margin: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-m-3 {
    margin: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-m-4 {
    margin: -1rem;
  }

  [dir=ltr] .md\:ltr\:-m-5 {
    margin: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-m-6 {
    margin: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-m-8 {
    margin: -2rem;
  }

  [dir=ltr] .md\:ltr\:-m-9 {
    margin: -2.25rem;
  }

  [dir=ltr] .md\:ltr\:-m-10 {
    margin: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-m-12 {
    margin: -3rem;
  }

  [dir=ltr] .md\:ltr\:-m-14 {
    margin: -3.5rem;
  }

  [dir=ltr] .md\:ltr\:-m-16 {
    margin: -4rem;
  }

  [dir=ltr] .md\:ltr\:-m-20 {
    margin: -5rem;
  }

  [dir=ltr] .md\:ltr\:-m-24 {
    margin: -6rem;
  }

  [dir=ltr] .md\:ltr\:-m-32 {
    margin: -8rem;
  }

  [dir=ltr] .md\:ltr\:-m-40 {
    margin: -10rem;
  }

  [dir=ltr] .md\:ltr\:-m-48 {
    margin: -12rem;
  }

  [dir=ltr] .md\:ltr\:-m-56 {
    margin: -14rem;
  }

  [dir=ltr] .md\:ltr\:-m-64 {
    margin: -16rem;
  }

  [dir=ltr] .md\:ltr\:-m-px {
    margin: -1px;
  }

  [dir=ltr] .md\:ltr\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .md\:ltr\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  [dir=ltr] .md\:ltr\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=ltr] .md\:ltr\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  [dir=ltr] .md\:ltr\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [dir=ltr] .md\:ltr\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  [dir=ltr] .md\:ltr\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir=ltr] .md\:ltr\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  [dir=ltr] .md\:ltr\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  [dir=ltr] .md\:ltr\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  [dir=ltr] .md\:ltr\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  [dir=ltr] .md\:ltr\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  [dir=ltr] .md\:ltr\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  [dir=ltr] .md\:ltr\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  [dir=ltr] .md\:ltr\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  [dir=ltr] .md\:ltr\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  [dir=ltr] .md\:ltr\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  [dir=ltr] .md\:ltr\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  [dir=ltr] .md\:ltr\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  [dir=ltr] .md\:ltr\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  [dir=ltr] .md\:ltr\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  [dir=ltr] .md\:ltr\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  [dir=ltr] .md\:ltr\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  [dir=ltr] .md\:ltr\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  [dir=ltr] .md\:ltr\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  [dir=ltr] .md\:ltr\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  [dir=ltr] .md\:ltr\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  [dir=ltr] .md\:ltr\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  [dir=ltr] .md\:ltr\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  [dir=ltr] .md\:ltr\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  [dir=ltr] .md\:ltr\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  [dir=ltr] .md\:ltr\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  [dir=ltr] .md\:ltr\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  [dir=ltr] .md\:ltr\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  [dir=ltr] .md\:ltr\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  [dir=ltr] .md\:ltr\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  [dir=ltr] .md\:ltr\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  [dir=ltr] .md\:ltr\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  [dir=ltr] .md\:ltr\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  [dir=ltr] .md\:ltr\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  [dir=ltr] .md\:ltr\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  [dir=ltr] .md\:ltr\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  [dir=ltr] .md\:ltr\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  [dir=ltr] .md\:ltr\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  [dir=ltr] .md\:ltr\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  [dir=ltr] .md\:ltr\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  [dir=ltr] .md\:ltr\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  [dir=ltr] .md\:ltr\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  [dir=ltr] .md\:ltr\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  [dir=ltr] .md\:ltr\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  [dir=ltr] .md\:ltr\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  [dir=ltr] .md\:ltr\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  [dir=ltr] .md\:ltr\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  [dir=ltr] .md\:ltr\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  [dir=ltr] .md\:ltr\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  [dir=ltr] .md\:ltr\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  [dir=ltr] .md\:ltr\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  [dir=ltr] .md\:ltr\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .md\:ltr\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .md\:ltr\:mt-0 {
    margin-top: 0;
  }

  [dir=ltr] .md\:ltr\:mr-0 {
    margin-right: 0;
  }

  [dir=ltr] .md\:ltr\:mb-0 {
    margin-bottom: 0;
  }

  [dir=ltr] .md\:ltr\:ml-0 {
    margin-left: 0;
  }

  [dir=ltr] .md\:ltr\:mt-1 {
    margin-top: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:mr-1 {
    margin-right: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:mb-1 {
    margin-bottom: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:ml-1 {
    margin-left: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:mt-2 {
    margin-top: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:mr-2 {
    margin-right: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:mb-2 {
    margin-bottom: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:ml-2 {
    margin-left: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:mt-3 {
    margin-top: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:mr-3 {
    margin-right: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:mb-3 {
    margin-bottom: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:ml-3 {
    margin-left: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:mt-4 {
    margin-top: 1rem;
  }

  [dir=ltr] .md\:ltr\:mr-4 {
    margin-right: 1rem;
  }

  [dir=ltr] .md\:ltr\:mb-4 {
    margin-bottom: 1rem;
  }

  [dir=ltr] .md\:ltr\:ml-4 {
    margin-left: 1rem;
  }

  [dir=ltr] .md\:ltr\:mt-5 {
    margin-top: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:mr-5 {
    margin-right: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:mb-5 {
    margin-bottom: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:mt-6 {
    margin-top: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:mr-6 {
    margin-right: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:mb-6 {
    margin-bottom: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:ml-6 {
    margin-left: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:mt-8 {
    margin-top: 2rem;
  }

  [dir=ltr] .md\:ltr\:mr-8 {
    margin-right: 2rem;
  }

  [dir=ltr] .md\:ltr\:mb-8 {
    margin-bottom: 2rem;
  }

  [dir=ltr] .md\:ltr\:ml-8 {
    margin-left: 2rem;
  }

  [dir=ltr] .md\:ltr\:mt-9 {
    margin-top: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:mr-9 {
    margin-right: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:mb-9 {
    margin-bottom: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:ml-9 {
    margin-left: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:mt-10 {
    margin-top: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:mr-10 {
    margin-right: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:mb-10 {
    margin-bottom: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:ml-10 {
    margin-left: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:mt-12 {
    margin-top: 3rem;
  }

  [dir=ltr] .md\:ltr\:mr-12 {
    margin-right: 3rem;
  }

  [dir=ltr] .md\:ltr\:mb-12 {
    margin-bottom: 3rem;
  }

  [dir=ltr] .md\:ltr\:ml-12 {
    margin-left: 3rem;
  }

  [dir=ltr] .md\:ltr\:mt-14 {
    margin-top: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:mr-14 {
    margin-right: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:mb-14 {
    margin-bottom: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:ml-14 {
    margin-left: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:mt-16 {
    margin-top: 4rem;
  }

  [dir=ltr] .md\:ltr\:mr-16 {
    margin-right: 4rem;
  }

  [dir=ltr] .md\:ltr\:mb-16 {
    margin-bottom: 4rem;
  }

  [dir=ltr] .md\:ltr\:ml-16 {
    margin-left: 4rem;
  }

  [dir=ltr] .md\:ltr\:mt-20 {
    margin-top: 5rem;
  }

  [dir=ltr] .md\:ltr\:mr-20 {
    margin-right: 5rem;
  }

  [dir=ltr] .md\:ltr\:mb-20 {
    margin-bottom: 5rem;
  }

  [dir=ltr] .md\:ltr\:ml-20 {
    margin-left: 5rem;
  }

  [dir=ltr] .md\:ltr\:mt-24 {
    margin-top: 6rem;
  }

  [dir=ltr] .md\:ltr\:mr-24 {
    margin-right: 6rem;
  }

  [dir=ltr] .md\:ltr\:mb-24 {
    margin-bottom: 6rem;
  }

  [dir=ltr] .md\:ltr\:ml-24 {
    margin-left: 6rem;
  }

  [dir=ltr] .md\:ltr\:mt-32 {
    margin-top: 8rem;
  }

  [dir=ltr] .md\:ltr\:mr-32 {
    margin-right: 8rem;
  }

  [dir=ltr] .md\:ltr\:mb-32 {
    margin-bottom: 8rem;
  }

  [dir=ltr] .md\:ltr\:ml-32 {
    margin-left: 8rem;
  }

  [dir=ltr] .md\:ltr\:mt-40 {
    margin-top: 10rem;
  }

  [dir=ltr] .md\:ltr\:mr-40 {
    margin-right: 10rem;
  }

  [dir=ltr] .md\:ltr\:mb-40 {
    margin-bottom: 10rem;
  }

  [dir=ltr] .md\:ltr\:ml-40 {
    margin-left: 10rem;
  }

  [dir=ltr] .md\:ltr\:mt-48 {
    margin-top: 12rem;
  }

  [dir=ltr] .md\:ltr\:mr-48 {
    margin-right: 12rem;
  }

  [dir=ltr] .md\:ltr\:mb-48 {
    margin-bottom: 12rem;
  }

  [dir=ltr] .md\:ltr\:ml-48 {
    margin-left: 12rem;
  }

  [dir=ltr] .md\:ltr\:mt-56 {
    margin-top: 14rem;
  }

  [dir=ltr] .md\:ltr\:mr-56 {
    margin-right: 14rem;
  }

  [dir=ltr] .md\:ltr\:mb-56 {
    margin-bottom: 14rem;
  }

  [dir=ltr] .md\:ltr\:ml-56 {
    margin-left: 14rem;
  }

  [dir=ltr] .md\:ltr\:mt-64 {
    margin-top: 16rem;
  }

  [dir=ltr] .md\:ltr\:mr-64 {
    margin-right: 16rem;
  }

  [dir=ltr] .md\:ltr\:mb-64 {
    margin-bottom: 16rem;
  }

  [dir=ltr] .md\:ltr\:ml-64 {
    margin-left: 16rem;
  }

  [dir=ltr] .md\:ltr\:mt-auto {
    margin-top: auto;
  }

  [dir=ltr] .md\:ltr\:mr-auto {
    margin-right: auto;
  }

  [dir=ltr] .md\:ltr\:mb-auto {
    margin-bottom: auto;
  }

  [dir=ltr] .md\:ltr\:ml-auto {
    margin-left: auto;
  }

  [dir=ltr] .md\:ltr\:mt-px {
    margin-top: 1px;
  }

  [dir=ltr] .md\:ltr\:mr-px {
    margin-right: 1px;
  }

  [dir=ltr] .md\:ltr\:mb-px {
    margin-bottom: 1px;
  }

  [dir=ltr] .md\:ltr\:ml-px {
    margin-left: 1px;
  }

  [dir=ltr] .md\:ltr\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:-mt-1 {
    margin-top: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-mr-1 {
    margin-right: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-ml-1 {
    margin-left: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-mt-2 {
    margin-top: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-mr-2 {
    margin-right: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-ml-2 {
    margin-left: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-mt-3 {
    margin-top: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-mr-3 {
    margin-right: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-ml-3 {
    margin-left: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-mt-4 {
    margin-top: -1rem;
  }

  [dir=ltr] .md\:ltr\:-mr-4 {
    margin-right: -1rem;
  }

  [dir=ltr] .md\:ltr\:-mb-4 {
    margin-bottom: -1rem;
  }

  [dir=ltr] .md\:ltr\:-ml-4 {
    margin-left: -1rem;
  }

  [dir=ltr] .md\:ltr\:-mt-5 {
    margin-top: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-mr-5 {
    margin-right: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-ml-5 {
    margin-left: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-mt-6 {
    margin-top: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-mr-6 {
    margin-right: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-ml-6 {
    margin-left: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-mt-8 {
    margin-top: -2rem;
  }

  [dir=ltr] .md\:ltr\:-mr-8 {
    margin-right: -2rem;
  }

  [dir=ltr] .md\:ltr\:-mb-8 {
    margin-bottom: -2rem;
  }

  [dir=ltr] .md\:ltr\:-ml-8 {
    margin-left: -2rem;
  }

  [dir=ltr] .md\:ltr\:-mt-9 {
    margin-top: -2.25rem;
  }

  [dir=ltr] .md\:ltr\:-mr-9 {
    margin-right: -2.25rem;
  }

  [dir=ltr] .md\:ltr\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  [dir=ltr] .md\:ltr\:-ml-9 {
    margin-left: -2.25rem;
  }

  [dir=ltr] .md\:ltr\:-mt-10 {
    margin-top: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-mr-10 {
    margin-right: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-ml-10 {
    margin-left: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-mt-12 {
    margin-top: -3rem;
  }

  [dir=ltr] .md\:ltr\:-mr-12 {
    margin-right: -3rem;
  }

  [dir=ltr] .md\:ltr\:-mb-12 {
    margin-bottom: -3rem;
  }

  [dir=ltr] .md\:ltr\:-ml-12 {
    margin-left: -3rem;
  }

  [dir=ltr] .md\:ltr\:-mt-14 {
    margin-top: -3.5rem;
  }

  [dir=ltr] .md\:ltr\:-mr-14 {
    margin-right: -3.5rem;
  }

  [dir=ltr] .md\:ltr\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  [dir=ltr] .md\:ltr\:-ml-14 {
    margin-left: -3.5rem;
  }

  [dir=ltr] .md\:ltr\:-mt-16 {
    margin-top: -4rem;
  }

  [dir=ltr] .md\:ltr\:-mr-16 {
    margin-right: -4rem;
  }

  [dir=ltr] .md\:ltr\:-mb-16 {
    margin-bottom: -4rem;
  }

  [dir=ltr] .md\:ltr\:-ml-16 {
    margin-left: -4rem;
  }

  [dir=ltr] .md\:ltr\:-mt-20 {
    margin-top: -5rem;
  }

  [dir=ltr] .md\:ltr\:-mr-20 {
    margin-right: -5rem;
  }

  [dir=ltr] .md\:ltr\:-mb-20 {
    margin-bottom: -5rem;
  }

  [dir=ltr] .md\:ltr\:-ml-20 {
    margin-left: -5rem;
  }

  [dir=ltr] .md\:ltr\:-mt-24 {
    margin-top: -6rem;
  }

  [dir=ltr] .md\:ltr\:-mr-24 {
    margin-right: -6rem;
  }

  [dir=ltr] .md\:ltr\:-mb-24 {
    margin-bottom: -6rem;
  }

  [dir=ltr] .md\:ltr\:-ml-24 {
    margin-left: -6rem;
  }

  [dir=ltr] .md\:ltr\:-mt-32 {
    margin-top: -8rem;
  }

  [dir=ltr] .md\:ltr\:-mr-32 {
    margin-right: -8rem;
  }

  [dir=ltr] .md\:ltr\:-mb-32 {
    margin-bottom: -8rem;
  }

  [dir=ltr] .md\:ltr\:-ml-32 {
    margin-left: -8rem;
  }

  [dir=ltr] .md\:ltr\:-mt-40 {
    margin-top: -10rem;
  }

  [dir=ltr] .md\:ltr\:-mr-40 {
    margin-right: -10rem;
  }

  [dir=ltr] .md\:ltr\:-mb-40 {
    margin-bottom: -10rem;
  }

  [dir=ltr] .md\:ltr\:-ml-40 {
    margin-left: -10rem;
  }

  [dir=ltr] .md\:ltr\:-mt-48 {
    margin-top: -12rem;
  }

  [dir=ltr] .md\:ltr\:-mr-48 {
    margin-right: -12rem;
  }

  [dir=ltr] .md\:ltr\:-mb-48 {
    margin-bottom: -12rem;
  }

  [dir=ltr] .md\:ltr\:-ml-48 {
    margin-left: -12rem;
  }

  [dir=ltr] .md\:ltr\:-mt-56 {
    margin-top: -14rem;
  }

  [dir=ltr] .md\:ltr\:-mr-56 {
    margin-right: -14rem;
  }

  [dir=ltr] .md\:ltr\:-mb-56 {
    margin-bottom: -14rem;
  }

  [dir=ltr] .md\:ltr\:-ml-56 {
    margin-left: -14rem;
  }

  [dir=ltr] .md\:ltr\:-mt-64 {
    margin-top: -16rem;
  }

  [dir=ltr] .md\:ltr\:-mr-64 {
    margin-right: -16rem;
  }

  [dir=ltr] .md\:ltr\:-mb-64 {
    margin-bottom: -16rem;
  }

  [dir=ltr] .md\:ltr\:-ml-64 {
    margin-left: -16rem;
  }

  [dir=ltr] .md\:ltr\:-mt-px {
    margin-top: -1px;
  }

  [dir=ltr] .md\:ltr\:-mr-px {
    margin-right: -1px;
  }

  [dir=ltr] .md\:ltr\:-mb-px {
    margin-bottom: -1px;
  }

  [dir=ltr] .md\:ltr\:-ml-px {
    margin-left: -1px;
  }

  [dir=ltr] .md\:ltr\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .md\:ltr\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .md\:ltr\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .md\:ltr\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .md\:rtl\:m-0 {
    margin: 0;
  }

  [dir=rtl] .md\:rtl\:m-1 {
    margin: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:m-2 {
    margin: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:m-3 {
    margin: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:m-4 {
    margin: 1rem;
  }

  [dir=rtl] .md\:rtl\:m-5 {
    margin: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:m-6 {
    margin: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:m-8 {
    margin: 2rem;
  }

  [dir=rtl] .md\:rtl\:m-9 {
    margin: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:m-10 {
    margin: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:m-12 {
    margin: 3rem;
  }

  [dir=rtl] .md\:rtl\:m-14 {
    margin: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:m-16 {
    margin: 4rem;
  }

  [dir=rtl] .md\:rtl\:m-20 {
    margin: 5rem;
  }

  [dir=rtl] .md\:rtl\:m-24 {
    margin: 6rem;
  }

  [dir=rtl] .md\:rtl\:m-32 {
    margin: 8rem;
  }

  [dir=rtl] .md\:rtl\:m-40 {
    margin: 10rem;
  }

  [dir=rtl] .md\:rtl\:m-48 {
    margin: 12rem;
  }

  [dir=rtl] .md\:rtl\:m-56 {
    margin: 14rem;
  }

  [dir=rtl] .md\:rtl\:m-64 {
    margin: 16rem;
  }

  [dir=rtl] .md\:rtl\:m-auto {
    margin: auto;
  }

  [dir=rtl] .md\:rtl\:m-px {
    margin: 1px;
  }

  [dir=rtl] .md\:rtl\:m-gutter {
    margin: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:-m-1 {
    margin: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-m-2 {
    margin: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-m-3 {
    margin: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-m-4 {
    margin: -1rem;
  }

  [dir=rtl] .md\:rtl\:-m-5 {
    margin: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-m-6 {
    margin: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-m-8 {
    margin: -2rem;
  }

  [dir=rtl] .md\:rtl\:-m-9 {
    margin: -2.25rem;
  }

  [dir=rtl] .md\:rtl\:-m-10 {
    margin: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-m-12 {
    margin: -3rem;
  }

  [dir=rtl] .md\:rtl\:-m-14 {
    margin: -3.5rem;
  }

  [dir=rtl] .md\:rtl\:-m-16 {
    margin: -4rem;
  }

  [dir=rtl] .md\:rtl\:-m-20 {
    margin: -5rem;
  }

  [dir=rtl] .md\:rtl\:-m-24 {
    margin: -6rem;
  }

  [dir=rtl] .md\:rtl\:-m-32 {
    margin: -8rem;
  }

  [dir=rtl] .md\:rtl\:-m-40 {
    margin: -10rem;
  }

  [dir=rtl] .md\:rtl\:-m-48 {
    margin: -12rem;
  }

  [dir=rtl] .md\:rtl\:-m-56 {
    margin: -14rem;
  }

  [dir=rtl] .md\:rtl\:-m-64 {
    margin: -16rem;
  }

  [dir=rtl] .md\:rtl\:-m-px {
    margin: -1px;
  }

  [dir=rtl] .md\:rtl\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .md\:rtl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  [dir=rtl] .md\:rtl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=rtl] .md\:rtl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  [dir=rtl] .md\:rtl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [dir=rtl] .md\:rtl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  [dir=rtl] .md\:rtl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir=rtl] .md\:rtl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  [dir=rtl] .md\:rtl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  [dir=rtl] .md\:rtl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  [dir=rtl] .md\:rtl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  [dir=rtl] .md\:rtl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  [dir=rtl] .md\:rtl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  [dir=rtl] .md\:rtl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  [dir=rtl] .md\:rtl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  [dir=rtl] .md\:rtl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  [dir=rtl] .md\:rtl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  [dir=rtl] .md\:rtl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  [dir=rtl] .md\:rtl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  [dir=rtl] .md\:rtl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  [dir=rtl] .md\:rtl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  [dir=rtl] .md\:rtl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  [dir=rtl] .md\:rtl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  [dir=rtl] .md\:rtl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  [dir=rtl] .md\:rtl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  [dir=rtl] .md\:rtl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  [dir=rtl] .md\:rtl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  [dir=rtl] .md\:rtl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  [dir=rtl] .md\:rtl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  [dir=rtl] .md\:rtl\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  [dir=rtl] .md\:rtl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  [dir=rtl] .md\:rtl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  [dir=rtl] .md\:rtl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  [dir=rtl] .md\:rtl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  [dir=rtl] .md\:rtl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  [dir=rtl] .md\:rtl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  [dir=rtl] .md\:rtl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  [dir=rtl] .md\:rtl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  [dir=rtl] .md\:rtl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  [dir=rtl] .md\:rtl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  [dir=rtl] .md\:rtl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  [dir=rtl] .md\:rtl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  [dir=rtl] .md\:rtl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  [dir=rtl] .md\:rtl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  [dir=rtl] .md\:rtl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  [dir=rtl] .md\:rtl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  [dir=rtl] .md\:rtl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  [dir=rtl] .md\:rtl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  [dir=rtl] .md\:rtl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  [dir=rtl] .md\:rtl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  [dir=rtl] .md\:rtl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  [dir=rtl] .md\:rtl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  [dir=rtl] .md\:rtl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  [dir=rtl] .md\:rtl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  [dir=rtl] .md\:rtl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  [dir=rtl] .md\:rtl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  [dir=rtl] .md\:rtl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  [dir=rtl] .md\:rtl\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .md\:rtl\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .md\:rtl\:mt-0 {
    margin-top: 0;
  }

  [dir=rtl] .md\:rtl\:mr-0 {
    margin-right: 0;
  }

  [dir=rtl] .md\:rtl\:mb-0 {
    margin-bottom: 0;
  }

  [dir=rtl] .md\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir=rtl] .md\:rtl\:mt-1 {
    margin-top: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:mr-1 {
    margin-right: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:ml-1 {
    margin-left: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:mt-2 {
    margin-top: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:mr-2 {
    margin-right: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:ml-2 {
    margin-left: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:mt-3 {
    margin-top: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:mr-3 {
    margin-right: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:ml-3 {
    margin-left: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:mt-4 {
    margin-top: 1rem;
  }

  [dir=rtl] .md\:rtl\:mr-4 {
    margin-right: 1rem;
  }

  [dir=rtl] .md\:rtl\:mb-4 {
    margin-bottom: 1rem;
  }

  [dir=rtl] .md\:rtl\:ml-4 {
    margin-left: 1rem;
  }

  [dir=rtl] .md\:rtl\:mt-5 {
    margin-top: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:mr-5 {
    margin-right: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:mt-6 {
    margin-top: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:mr-6 {
    margin-right: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:ml-6 {
    margin-left: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:mt-8 {
    margin-top: 2rem;
  }

  [dir=rtl] .md\:rtl\:mr-8 {
    margin-right: 2rem;
  }

  [dir=rtl] .md\:rtl\:mb-8 {
    margin-bottom: 2rem;
  }

  [dir=rtl] .md\:rtl\:ml-8 {
    margin-left: 2rem;
  }

  [dir=rtl] .md\:rtl\:mt-9 {
    margin-top: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:mr-9 {
    margin-right: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:ml-9 {
    margin-left: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:mt-10 {
    margin-top: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:mr-10 {
    margin-right: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:ml-10 {
    margin-left: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:mt-12 {
    margin-top: 3rem;
  }

  [dir=rtl] .md\:rtl\:mr-12 {
    margin-right: 3rem;
  }

  [dir=rtl] .md\:rtl\:mb-12 {
    margin-bottom: 3rem;
  }

  [dir=rtl] .md\:rtl\:ml-12 {
    margin-left: 3rem;
  }

  [dir=rtl] .md\:rtl\:mt-14 {
    margin-top: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:mr-14 {
    margin-right: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:ml-14 {
    margin-left: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:mt-16 {
    margin-top: 4rem;
  }

  [dir=rtl] .md\:rtl\:mr-16 {
    margin-right: 4rem;
  }

  [dir=rtl] .md\:rtl\:mb-16 {
    margin-bottom: 4rem;
  }

  [dir=rtl] .md\:rtl\:ml-16 {
    margin-left: 4rem;
  }

  [dir=rtl] .md\:rtl\:mt-20 {
    margin-top: 5rem;
  }

  [dir=rtl] .md\:rtl\:mr-20 {
    margin-right: 5rem;
  }

  [dir=rtl] .md\:rtl\:mb-20 {
    margin-bottom: 5rem;
  }

  [dir=rtl] .md\:rtl\:ml-20 {
    margin-left: 5rem;
  }

  [dir=rtl] .md\:rtl\:mt-24 {
    margin-top: 6rem;
  }

  [dir=rtl] .md\:rtl\:mr-24 {
    margin-right: 6rem;
  }

  [dir=rtl] .md\:rtl\:mb-24 {
    margin-bottom: 6rem;
  }

  [dir=rtl] .md\:rtl\:ml-24 {
    margin-left: 6rem;
  }

  [dir=rtl] .md\:rtl\:mt-32 {
    margin-top: 8rem;
  }

  [dir=rtl] .md\:rtl\:mr-32 {
    margin-right: 8rem;
  }

  [dir=rtl] .md\:rtl\:mb-32 {
    margin-bottom: 8rem;
  }

  [dir=rtl] .md\:rtl\:ml-32 {
    margin-left: 8rem;
  }

  [dir=rtl] .md\:rtl\:mt-40 {
    margin-top: 10rem;
  }

  [dir=rtl] .md\:rtl\:mr-40 {
    margin-right: 10rem;
  }

  [dir=rtl] .md\:rtl\:mb-40 {
    margin-bottom: 10rem;
  }

  [dir=rtl] .md\:rtl\:ml-40 {
    margin-left: 10rem;
  }

  [dir=rtl] .md\:rtl\:mt-48 {
    margin-top: 12rem;
  }

  [dir=rtl] .md\:rtl\:mr-48 {
    margin-right: 12rem;
  }

  [dir=rtl] .md\:rtl\:mb-48 {
    margin-bottom: 12rem;
  }

  [dir=rtl] .md\:rtl\:ml-48 {
    margin-left: 12rem;
  }

  [dir=rtl] .md\:rtl\:mt-56 {
    margin-top: 14rem;
  }

  [dir=rtl] .md\:rtl\:mr-56 {
    margin-right: 14rem;
  }

  [dir=rtl] .md\:rtl\:mb-56 {
    margin-bottom: 14rem;
  }

  [dir=rtl] .md\:rtl\:ml-56 {
    margin-left: 14rem;
  }

  [dir=rtl] .md\:rtl\:mt-64 {
    margin-top: 16rem;
  }

  [dir=rtl] .md\:rtl\:mr-64 {
    margin-right: 16rem;
  }

  [dir=rtl] .md\:rtl\:mb-64 {
    margin-bottom: 16rem;
  }

  [dir=rtl] .md\:rtl\:ml-64 {
    margin-left: 16rem;
  }

  [dir=rtl] .md\:rtl\:mt-auto {
    margin-top: auto;
  }

  [dir=rtl] .md\:rtl\:mr-auto {
    margin-right: auto;
  }

  [dir=rtl] .md\:rtl\:mb-auto {
    margin-bottom: auto;
  }

  [dir=rtl] .md\:rtl\:ml-auto {
    margin-left: auto;
  }

  [dir=rtl] .md\:rtl\:mt-px {
    margin-top: 1px;
  }

  [dir=rtl] .md\:rtl\:mr-px {
    margin-right: 1px;
  }

  [dir=rtl] .md\:rtl\:mb-px {
    margin-bottom: 1px;
  }

  [dir=rtl] .md\:rtl\:ml-px {
    margin-left: 1px;
  }

  [dir=rtl] .md\:rtl\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:-mt-1 {
    margin-top: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-mr-1 {
    margin-right: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-ml-1 {
    margin-left: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-mt-2 {
    margin-top: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-mr-2 {
    margin-right: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-ml-2 {
    margin-left: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-mt-3 {
    margin-top: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-mr-3 {
    margin-right: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-ml-3 {
    margin-left: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-mt-4 {
    margin-top: -1rem;
  }

  [dir=rtl] .md\:rtl\:-mr-4 {
    margin-right: -1rem;
  }

  [dir=rtl] .md\:rtl\:-mb-4 {
    margin-bottom: -1rem;
  }

  [dir=rtl] .md\:rtl\:-ml-4 {
    margin-left: -1rem;
  }

  [dir=rtl] .md\:rtl\:-mt-5 {
    margin-top: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-mr-5 {
    margin-right: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-ml-5 {
    margin-left: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-mt-6 {
    margin-top: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-mr-6 {
    margin-right: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-ml-6 {
    margin-left: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-mt-8 {
    margin-top: -2rem;
  }

  [dir=rtl] .md\:rtl\:-mr-8 {
    margin-right: -2rem;
  }

  [dir=rtl] .md\:rtl\:-mb-8 {
    margin-bottom: -2rem;
  }

  [dir=rtl] .md\:rtl\:-ml-8 {
    margin-left: -2rem;
  }

  [dir=rtl] .md\:rtl\:-mt-9 {
    margin-top: -2.25rem;
  }

  [dir=rtl] .md\:rtl\:-mr-9 {
    margin-right: -2.25rem;
  }

  [dir=rtl] .md\:rtl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  [dir=rtl] .md\:rtl\:-ml-9 {
    margin-left: -2.25rem;
  }

  [dir=rtl] .md\:rtl\:-mt-10 {
    margin-top: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-mr-10 {
    margin-right: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-ml-10 {
    margin-left: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-mt-12 {
    margin-top: -3rem;
  }

  [dir=rtl] .md\:rtl\:-mr-12 {
    margin-right: -3rem;
  }

  [dir=rtl] .md\:rtl\:-mb-12 {
    margin-bottom: -3rem;
  }

  [dir=rtl] .md\:rtl\:-ml-12 {
    margin-left: -3rem;
  }

  [dir=rtl] .md\:rtl\:-mt-14 {
    margin-top: -3.5rem;
  }

  [dir=rtl] .md\:rtl\:-mr-14 {
    margin-right: -3.5rem;
  }

  [dir=rtl] .md\:rtl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  [dir=rtl] .md\:rtl\:-ml-14 {
    margin-left: -3.5rem;
  }

  [dir=rtl] .md\:rtl\:-mt-16 {
    margin-top: -4rem;
  }

  [dir=rtl] .md\:rtl\:-mr-16 {
    margin-right: -4rem;
  }

  [dir=rtl] .md\:rtl\:-mb-16 {
    margin-bottom: -4rem;
  }

  [dir=rtl] .md\:rtl\:-ml-16 {
    margin-left: -4rem;
  }

  [dir=rtl] .md\:rtl\:-mt-20 {
    margin-top: -5rem;
  }

  [dir=rtl] .md\:rtl\:-mr-20 {
    margin-right: -5rem;
  }

  [dir=rtl] .md\:rtl\:-mb-20 {
    margin-bottom: -5rem;
  }

  [dir=rtl] .md\:rtl\:-ml-20 {
    margin-left: -5rem;
  }

  [dir=rtl] .md\:rtl\:-mt-24 {
    margin-top: -6rem;
  }

  [dir=rtl] .md\:rtl\:-mr-24 {
    margin-right: -6rem;
  }

  [dir=rtl] .md\:rtl\:-mb-24 {
    margin-bottom: -6rem;
  }

  [dir=rtl] .md\:rtl\:-ml-24 {
    margin-left: -6rem;
  }

  [dir=rtl] .md\:rtl\:-mt-32 {
    margin-top: -8rem;
  }

  [dir=rtl] .md\:rtl\:-mr-32 {
    margin-right: -8rem;
  }

  [dir=rtl] .md\:rtl\:-mb-32 {
    margin-bottom: -8rem;
  }

  [dir=rtl] .md\:rtl\:-ml-32 {
    margin-left: -8rem;
  }

  [dir=rtl] .md\:rtl\:-mt-40 {
    margin-top: -10rem;
  }

  [dir=rtl] .md\:rtl\:-mr-40 {
    margin-right: -10rem;
  }

  [dir=rtl] .md\:rtl\:-mb-40 {
    margin-bottom: -10rem;
  }

  [dir=rtl] .md\:rtl\:-ml-40 {
    margin-left: -10rem;
  }

  [dir=rtl] .md\:rtl\:-mt-48 {
    margin-top: -12rem;
  }

  [dir=rtl] .md\:rtl\:-mr-48 {
    margin-right: -12rem;
  }

  [dir=rtl] .md\:rtl\:-mb-48 {
    margin-bottom: -12rem;
  }

  [dir=rtl] .md\:rtl\:-ml-48 {
    margin-left: -12rem;
  }

  [dir=rtl] .md\:rtl\:-mt-56 {
    margin-top: -14rem;
  }

  [dir=rtl] .md\:rtl\:-mr-56 {
    margin-right: -14rem;
  }

  [dir=rtl] .md\:rtl\:-mb-56 {
    margin-bottom: -14rem;
  }

  [dir=rtl] .md\:rtl\:-ml-56 {
    margin-left: -14rem;
  }

  [dir=rtl] .md\:rtl\:-mt-64 {
    margin-top: -16rem;
  }

  [dir=rtl] .md\:rtl\:-mr-64 {
    margin-right: -16rem;
  }

  [dir=rtl] .md\:rtl\:-mb-64 {
    margin-bottom: -16rem;
  }

  [dir=rtl] .md\:rtl\:-ml-64 {
    margin-left: -16rem;
  }

  [dir=rtl] .md\:rtl\:-mt-px {
    margin-top: -1px;
  }

  [dir=rtl] .md\:rtl\:-mr-px {
    margin-right: -1px;
  }

  [dir=rtl] .md\:rtl\:-mb-px {
    margin-bottom: -1px;
  }

  [dir=rtl] .md\:rtl\:-ml-px {
    margin-left: -1px;
  }

  [dir=rtl] .md\:rtl\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .md\:rtl\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .md\:rtl\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .md\:rtl\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root .md\:max-h-full {
    max-height: 100%;
  }

  :root .md\:max-h-screen {
    max-height: 100vh;
  }

  :root .md\:max-w-xxxs {
    max-width: 16rem;
  }

  :root .md\:max-w-xxs {
    max-width: 18rem;
  }

  :root .md\:max-w-xs {
    max-width: 20rem;
  }

  :root .md\:max-w-sm {
    max-width: 24rem;
  }

  :root .md\:max-w-md {
    max-width: 28rem;
  }

  :root .md\:max-w-lg {
    max-width: 32rem;
  }

  :root .md\:max-w-xl {
    max-width: 36rem;
  }

  :root .md\:max-w-2xl {
    max-width: 42rem;
  }

  :root .md\:max-w-3xl {
    max-width: 48rem;
  }

  :root .md\:max-w-4xl {
    max-width: 56rem;
  }

  :root .md\:max-w-5xl {
    max-width: 64rem;
  }

  :root .md\:max-w-6xl {
    max-width: 72rem;
  }

  :root .md\:max-w-full {
    max-width: 100%;
  }

  :root .md\:min-h-0 {
    min-height: 0;
  }

  :root .md\:min-h-full {
    min-height: 100%;
  }

  :root .md\:min-h-screen {
    min-height: 100vh;
  }

  :root .md\:min-w-0 {
    min-width: 0;
  }

  :root .md\:min-w-1 {
    min-width: 0.25rem;
  }

  :root .md\:min-w-2 {
    min-width: 0.5rem;
  }

  :root .md\:min-w-3 {
    min-width: 0.75rem;
  }

  :root .md\:min-w-4 {
    min-width: 1rem;
  }

  :root .md\:min-w-5 {
    min-width: 1.25rem;
  }

  :root .md\:min-w-6 {
    min-width: 1.5rem;
  }

  :root .md\:min-w-8 {
    min-width: 2rem;
  }

  :root .md\:min-w-9 {
    min-width: 2.25rem;
  }

  :root .md\:min-w-10 {
    min-width: 2.5rem;
  }

  :root .md\:min-w-12 {
    min-width: 3rem;
  }

  :root .md\:min-w-14 {
    min-width: 3.5rem;
  }

  :root .md\:min-w-16 {
    min-width: 4rem;
  }

  :root .md\:min-w-20 {
    min-width: 5rem;
  }

  :root .md\:min-w-24 {
    min-width: 6rem;
  }

  :root .md\:min-w-32 {
    min-width: 8rem;
  }

  :root .md\:min-w-40 {
    min-width: 10rem;
  }

  :root .md\:min-w-48 {
    min-width: 12rem;
  }

  :root .md\:min-w-56 {
    min-width: 14rem;
  }

  :root .md\:min-w-64 {
    min-width: 16rem;
  }

  :root .md\:min-w-full {
    min-width: 100%;
  }

  :root .md\:min-w-px {
    min-width: 1px;
  }

  :root .md\:min-w-gutter {
    min-width: var(--padding-gutter);
  }

  :root .md\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  :root .md\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  :root .md\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  :root .md\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  :root .md\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  :root .md\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  :root .md\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  :root .md\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  :root .md\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  :root .md\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  :root .md\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  :root .md\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  :root .md\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  :root .md\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  :root .md\:opacity-0 {
    opacity: 0;
  }

  :root .md\:opacity-25 {
    opacity: 0.25;
  }

  :root .md\:opacity-50 {
    opacity: 0.5;
  }

  :root .md\:opacity-75 {
    opacity: 0.75;
  }

  :root .md\:opacity-100 {
    opacity: 1;
  }

  :root .md\:hover\:opacity-0:hover {
    opacity: 0;
  }

  :root .md\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  :root .md\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  :root .md\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  :root .md\:hover\:opacity-100:hover {
    opacity: 1;
  }

  :root .md\:focus\:opacity-0:focus {
    opacity: 0;
  }

  :root .md\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  :root .md\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  :root .md\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  :root .md\:focus\:opacity-100:focus {
    opacity: 1;
  }

  :root .md\:outline-none {
    outline: 0;
  }

  :root .md\:focus\:outline-none:focus {
    outline: 0;
  }

  :root .md\:overflow-auto {
    overflow: auto;
  }

  :root .md\:overflow-hidden {
    overflow: hidden;
  }

  :root .md\:overflow-visible {
    overflow: visible;
  }

  :root .md\:overflow-scroll {
    overflow: scroll;
  }

  :root .md\:overflow-x-auto {
    overflow-x: auto;
  }

  :root .md\:overflow-y-auto {
    overflow-y: auto;
  }

  :root .md\:overflow-x-hidden {
    overflow-x: hidden;
  }

  :root .md\:overflow-y-hidden {
    overflow-y: hidden;
  }

  :root .md\:overflow-x-visible {
    overflow-x: visible;
  }

  :root .md\:overflow-y-visible {
    overflow-y: visible;
  }

  :root .md\:overflow-x-scroll {
    overflow-x: scroll;
  }

  :root .md\:overflow-y-scroll {
    overflow-y: scroll;
  }

  :root .md\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  :root .md\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  :root .md\:p-0 {
    padding: 0;
  }

  :root .md\:p-1 {
    padding: 0.25rem;
  }

  :root .md\:p-2 {
    padding: 0.5rem;
  }

  :root .md\:p-3 {
    padding: 0.75rem;
  }

  :root .md\:p-4 {
    padding: 1rem;
  }

  :root .md\:p-5 {
    padding: 1.25rem;
  }

  :root .md\:p-6 {
    padding: 1.5rem;
  }

  :root .md\:p-8 {
    padding: 2rem;
  }

  :root .md\:p-9 {
    padding: 2.25rem;
  }

  :root .md\:p-10 {
    padding: 2.5rem;
  }

  :root .md\:p-12 {
    padding: 3rem;
  }

  :root .md\:p-14 {
    padding: 3.5rem;
  }

  :root .md\:p-16 {
    padding: 4rem;
  }

  :root .md\:p-20 {
    padding: 5rem;
  }

  :root .md\:p-24 {
    padding: 6rem;
  }

  :root .md\:p-32 {
    padding: 8rem;
  }

  :root .md\:p-40 {
    padding: 10rem;
  }

  :root .md\:p-48 {
    padding: 12rem;
  }

  :root .md\:p-56 {
    padding: 14rem;
  }

  :root .md\:p-64 {
    padding: 16rem;
  }

  :root .md\:p-px {
    padding: 1px;
  }

  :root .md\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .md\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root .md\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root .md\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root .md\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root .md\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root .md\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root .md\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root .md\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root .md\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root .md\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root .md\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root .md\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root .md\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root .md\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root .md\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root .md\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root .md\:pt-0 {
    padding-top: 0;
  }

  :root .md\:pr-0 {
    padding-right: 0;
  }

  :root .md\:pb-0 {
    padding-bottom: 0;
  }

  :root .md\:pl-0 {
    padding-left: 0;
  }

  :root .md\:pt-1 {
    padding-top: 0.25rem;
  }

  :root .md\:pr-1 {
    padding-right: 0.25rem;
  }

  :root .md\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root .md\:pl-1 {
    padding-left: 0.25rem;
  }

  :root .md\:pt-2 {
    padding-top: 0.5rem;
  }

  :root .md\:pr-2 {
    padding-right: 0.5rem;
  }

  :root .md\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root .md\:pl-2 {
    padding-left: 0.5rem;
  }

  :root .md\:pt-3 {
    padding-top: 0.75rem;
  }

  :root .md\:pr-3 {
    padding-right: 0.75rem;
  }

  :root .md\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root .md\:pl-3 {
    padding-left: 0.75rem;
  }

  :root .md\:pt-4 {
    padding-top: 1rem;
  }

  :root .md\:pr-4 {
    padding-right: 1rem;
  }

  :root .md\:pb-4 {
    padding-bottom: 1rem;
  }

  :root .md\:pl-4 {
    padding-left: 1rem;
  }

  :root .md\:pt-5 {
    padding-top: 1.25rem;
  }

  :root .md\:pr-5 {
    padding-right: 1.25rem;
  }

  :root .md\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root .md\:pl-5 {
    padding-left: 1.25rem;
  }

  :root .md\:pt-6 {
    padding-top: 1.5rem;
  }

  :root .md\:pr-6 {
    padding-right: 1.5rem;
  }

  :root .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root .md\:pl-6 {
    padding-left: 1.5rem;
  }

  :root .md\:pt-8 {
    padding-top: 2rem;
  }

  :root .md\:pr-8 {
    padding-right: 2rem;
  }

  :root .md\:pb-8 {
    padding-bottom: 2rem;
  }

  :root .md\:pl-8 {
    padding-left: 2rem;
  }

  :root .md\:pt-9 {
    padding-top: 2.25rem;
  }

  :root .md\:pr-9 {
    padding-right: 2.25rem;
  }

  :root .md\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root .md\:pl-9 {
    padding-left: 2.25rem;
  }

  :root .md\:pt-10 {
    padding-top: 2.5rem;
  }

  :root .md\:pr-10 {
    padding-right: 2.5rem;
  }

  :root .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root .md\:pl-10 {
    padding-left: 2.5rem;
  }

  :root .md\:pt-12 {
    padding-top: 3rem;
  }

  :root .md\:pr-12 {
    padding-right: 3rem;
  }

  :root .md\:pb-12 {
    padding-bottom: 3rem;
  }

  :root .md\:pl-12 {
    padding-left: 3rem;
  }

  :root .md\:pt-14 {
    padding-top: 3.5rem;
  }

  :root .md\:pr-14 {
    padding-right: 3.5rem;
  }

  :root .md\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root .md\:pl-14 {
    padding-left: 3.5rem;
  }

  :root .md\:pt-16 {
    padding-top: 4rem;
  }

  :root .md\:pr-16 {
    padding-right: 4rem;
  }

  :root .md\:pb-16 {
    padding-bottom: 4rem;
  }

  :root .md\:pl-16 {
    padding-left: 4rem;
  }

  :root .md\:pt-20 {
    padding-top: 5rem;
  }

  :root .md\:pr-20 {
    padding-right: 5rem;
  }

  :root .md\:pb-20 {
    padding-bottom: 5rem;
  }

  :root .md\:pl-20 {
    padding-left: 5rem;
  }

  :root .md\:pt-24 {
    padding-top: 6rem;
  }

  :root .md\:pr-24 {
    padding-right: 6rem;
  }

  :root .md\:pb-24 {
    padding-bottom: 6rem;
  }

  :root .md\:pl-24 {
    padding-left: 6rem;
  }

  :root .md\:pt-32 {
    padding-top: 8rem;
  }

  :root .md\:pr-32 {
    padding-right: 8rem;
  }

  :root .md\:pb-32 {
    padding-bottom: 8rem;
  }

  :root .md\:pl-32 {
    padding-left: 8rem;
  }

  :root .md\:pt-40 {
    padding-top: 10rem;
  }

  :root .md\:pr-40 {
    padding-right: 10rem;
  }

  :root .md\:pb-40 {
    padding-bottom: 10rem;
  }

  :root .md\:pl-40 {
    padding-left: 10rem;
  }

  :root .md\:pt-48 {
    padding-top: 12rem;
  }

  :root .md\:pr-48 {
    padding-right: 12rem;
  }

  :root .md\:pb-48 {
    padding-bottom: 12rem;
  }

  :root .md\:pl-48 {
    padding-left: 12rem;
  }

  :root .md\:pt-56 {
    padding-top: 14rem;
  }

  :root .md\:pr-56 {
    padding-right: 14rem;
  }

  :root .md\:pb-56 {
    padding-bottom: 14rem;
  }

  :root .md\:pl-56 {
    padding-left: 14rem;
  }

  :root .md\:pt-64 {
    padding-top: 16rem;
  }

  :root .md\:pr-64 {
    padding-right: 16rem;
  }

  :root .md\:pb-64 {
    padding-bottom: 16rem;
  }

  :root .md\:pl-64 {
    padding-left: 16rem;
  }

  :root .md\:pt-px {
    padding-top: 1px;
  }

  :root .md\:pr-px {
    padding-right: 1px;
  }

  :root .md\:pb-px {
    padding-bottom: 1px;
  }

  :root .md\:pl-px {
    padding-left: 1px;
  }

  :root .md\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root .md\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root .md\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root .md\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:p-0 {
    padding: 0;
  }

  [dir=ltr] .md\:ltr\:p-1 {
    padding: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:p-2 {
    padding: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:p-3 {
    padding: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:p-4 {
    padding: 1rem;
  }

  [dir=ltr] .md\:ltr\:p-5 {
    padding: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:p-6 {
    padding: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:p-8 {
    padding: 2rem;
  }

  [dir=ltr] .md\:ltr\:p-9 {
    padding: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:p-10 {
    padding: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:p-12 {
    padding: 3rem;
  }

  [dir=ltr] .md\:ltr\:p-14 {
    padding: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:p-16 {
    padding: 4rem;
  }

  [dir=ltr] .md\:ltr\:p-20 {
    padding: 5rem;
  }

  [dir=ltr] .md\:ltr\:p-24 {
    padding: 6rem;
  }

  [dir=ltr] .md\:ltr\:p-32 {
    padding: 8rem;
  }

  [dir=ltr] .md\:ltr\:p-40 {
    padding: 10rem;
  }

  [dir=ltr] .md\:ltr\:p-48 {
    padding: 12rem;
  }

  [dir=ltr] .md\:ltr\:p-56 {
    padding: 14rem;
  }

  [dir=ltr] .md\:ltr\:p-64 {
    padding: 16rem;
  }

  [dir=ltr] .md\:ltr\:p-px {
    padding: 1px;
  }

  [dir=ltr] .md\:ltr\:p-gutter {
    padding: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  [dir=ltr] .md\:ltr\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=ltr] .md\:ltr\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir=ltr] .md\:ltr\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir=ltr] .md\:ltr\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir=ltr] .md\:ltr\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir=ltr] .md\:ltr\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir=ltr] .md\:ltr\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir=ltr] .md\:ltr\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  [dir=ltr] .md\:ltr\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  [dir=ltr] .md\:ltr\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  [dir=ltr] .md\:ltr\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir=ltr] .md\:ltr\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  [dir=ltr] .md\:ltr\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir=ltr] .md\:ltr\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [dir=ltr] .md\:ltr\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  [dir=ltr] .md\:ltr\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  [dir=ltr] .md\:ltr\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  [dir=ltr] .md\:ltr\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  [dir=ltr] .md\:ltr\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  [dir=ltr] .md\:ltr\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  [dir=ltr] .md\:ltr\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  [dir=ltr] .md\:ltr\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  [dir=ltr] .md\:ltr\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  [dir=ltr] .md\:ltr\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  [dir=ltr] .md\:ltr\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  [dir=ltr] .md\:ltr\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:pt-0 {
    padding-top: 0;
  }

  [dir=ltr] .md\:ltr\:pr-0 {
    padding-right: 0;
  }

  [dir=ltr] .md\:ltr\:pb-0 {
    padding-bottom: 0;
  }

  [dir=ltr] .md\:ltr\:pl-0 {
    padding-left: 0;
  }

  [dir=ltr] .md\:ltr\:pt-1 {
    padding-top: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:pr-1 {
    padding-right: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:pb-1 {
    padding-bottom: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:pl-1 {
    padding-left: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:pt-2 {
    padding-top: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:pr-2 {
    padding-right: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:pb-2 {
    padding-bottom: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:pt-3 {
    padding-top: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:pr-3 {
    padding-right: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:pb-3 {
    padding-bottom: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:pl-3 {
    padding-left: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:pt-4 {
    padding-top: 1rem;
  }

  [dir=ltr] .md\:ltr\:pr-4 {
    padding-right: 1rem;
  }

  [dir=ltr] .md\:ltr\:pb-4 {
    padding-bottom: 1rem;
  }

  [dir=ltr] .md\:ltr\:pl-4 {
    padding-left: 1rem;
  }

  [dir=ltr] .md\:ltr\:pt-5 {
    padding-top: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:pr-5 {
    padding-right: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:pb-5 {
    padding-bottom: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:pt-6 {
    padding-top: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:pb-6 {
    padding-bottom: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:pl-6 {
    padding-left: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:pt-8 {
    padding-top: 2rem;
  }

  [dir=ltr] .md\:ltr\:pr-8 {
    padding-right: 2rem;
  }

  [dir=ltr] .md\:ltr\:pb-8 {
    padding-bottom: 2rem;
  }

  [dir=ltr] .md\:ltr\:pl-8 {
    padding-left: 2rem;
  }

  [dir=ltr] .md\:ltr\:pt-9 {
    padding-top: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:pr-9 {
    padding-right: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:pb-9 {
    padding-bottom: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:pl-9 {
    padding-left: 2.25rem;
  }

  [dir=ltr] .md\:ltr\:pt-10 {
    padding-top: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:pb-10 {
    padding-bottom: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:pt-12 {
    padding-top: 3rem;
  }

  [dir=ltr] .md\:ltr\:pr-12 {
    padding-right: 3rem;
  }

  [dir=ltr] .md\:ltr\:pb-12 {
    padding-bottom: 3rem;
  }

  [dir=ltr] .md\:ltr\:pl-12 {
    padding-left: 3rem;
  }

  [dir=ltr] .md\:ltr\:pt-14 {
    padding-top: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:pr-14 {
    padding-right: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:pb-14 {
    padding-bottom: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:pl-14 {
    padding-left: 3.5rem;
  }

  [dir=ltr] .md\:ltr\:pt-16 {
    padding-top: 4rem;
  }

  [dir=ltr] .md\:ltr\:pr-16 {
    padding-right: 4rem;
  }

  [dir=ltr] .md\:ltr\:pb-16 {
    padding-bottom: 4rem;
  }

  [dir=ltr] .md\:ltr\:pl-16 {
    padding-left: 4rem;
  }

  [dir=ltr] .md\:ltr\:pt-20 {
    padding-top: 5rem;
  }

  [dir=ltr] .md\:ltr\:pr-20 {
    padding-right: 5rem;
  }

  [dir=ltr] .md\:ltr\:pb-20 {
    padding-bottom: 5rem;
  }

  [dir=ltr] .md\:ltr\:pl-20 {
    padding-left: 5rem;
  }

  [dir=ltr] .md\:ltr\:pt-24 {
    padding-top: 6rem;
  }

  [dir=ltr] .md\:ltr\:pr-24 {
    padding-right: 6rem;
  }

  [dir=ltr] .md\:ltr\:pb-24 {
    padding-bottom: 6rem;
  }

  [dir=ltr] .md\:ltr\:pl-24 {
    padding-left: 6rem;
  }

  [dir=ltr] .md\:ltr\:pt-32 {
    padding-top: 8rem;
  }

  [dir=ltr] .md\:ltr\:pr-32 {
    padding-right: 8rem;
  }

  [dir=ltr] .md\:ltr\:pb-32 {
    padding-bottom: 8rem;
  }

  [dir=ltr] .md\:ltr\:pl-32 {
    padding-left: 8rem;
  }

  [dir=ltr] .md\:ltr\:pt-40 {
    padding-top: 10rem;
  }

  [dir=ltr] .md\:ltr\:pr-40 {
    padding-right: 10rem;
  }

  [dir=ltr] .md\:ltr\:pb-40 {
    padding-bottom: 10rem;
  }

  [dir=ltr] .md\:ltr\:pl-40 {
    padding-left: 10rem;
  }

  [dir=ltr] .md\:ltr\:pt-48 {
    padding-top: 12rem;
  }

  [dir=ltr] .md\:ltr\:pr-48 {
    padding-right: 12rem;
  }

  [dir=ltr] .md\:ltr\:pb-48 {
    padding-bottom: 12rem;
  }

  [dir=ltr] .md\:ltr\:pl-48 {
    padding-left: 12rem;
  }

  [dir=ltr] .md\:ltr\:pt-56 {
    padding-top: 14rem;
  }

  [dir=ltr] .md\:ltr\:pr-56 {
    padding-right: 14rem;
  }

  [dir=ltr] .md\:ltr\:pb-56 {
    padding-bottom: 14rem;
  }

  [dir=ltr] .md\:ltr\:pl-56 {
    padding-left: 14rem;
  }

  [dir=ltr] .md\:ltr\:pt-64 {
    padding-top: 16rem;
  }

  [dir=ltr] .md\:ltr\:pr-64 {
    padding-right: 16rem;
  }

  [dir=ltr] .md\:ltr\:pb-64 {
    padding-bottom: 16rem;
  }

  [dir=ltr] .md\:ltr\:pl-64 {
    padding-left: 16rem;
  }

  [dir=ltr] .md\:ltr\:pt-px {
    padding-top: 1px;
  }

  [dir=ltr] .md\:ltr\:pr-px {
    padding-right: 1px;
  }

  [dir=ltr] .md\:ltr\:pb-px {
    padding-bottom: 1px;
  }

  [dir=ltr] .md\:ltr\:pl-px {
    padding-left: 1px;
  }

  [dir=ltr] .md\:ltr\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  [dir=ltr] .md\:ltr\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:p-0 {
    padding: 0;
  }

  [dir=rtl] .md\:rtl\:p-1 {
    padding: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:p-2 {
    padding: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:p-3 {
    padding: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:p-4 {
    padding: 1rem;
  }

  [dir=rtl] .md\:rtl\:p-5 {
    padding: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:p-6 {
    padding: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:p-8 {
    padding: 2rem;
  }

  [dir=rtl] .md\:rtl\:p-9 {
    padding: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:p-10 {
    padding: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:p-12 {
    padding: 3rem;
  }

  [dir=rtl] .md\:rtl\:p-14 {
    padding: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:p-16 {
    padding: 4rem;
  }

  [dir=rtl] .md\:rtl\:p-20 {
    padding: 5rem;
  }

  [dir=rtl] .md\:rtl\:p-24 {
    padding: 6rem;
  }

  [dir=rtl] .md\:rtl\:p-32 {
    padding: 8rem;
  }

  [dir=rtl] .md\:rtl\:p-40 {
    padding: 10rem;
  }

  [dir=rtl] .md\:rtl\:p-48 {
    padding: 12rem;
  }

  [dir=rtl] .md\:rtl\:p-56 {
    padding: 14rem;
  }

  [dir=rtl] .md\:rtl\:p-64 {
    padding: 16rem;
  }

  [dir=rtl] .md\:rtl\:p-px {
    padding: 1px;
  }

  [dir=rtl] .md\:rtl\:p-gutter {
    padding: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  [dir=rtl] .md\:rtl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=rtl] .md\:rtl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir=rtl] .md\:rtl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir=rtl] .md\:rtl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir=rtl] .md\:rtl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir=rtl] .md\:rtl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir=rtl] .md\:rtl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir=rtl] .md\:rtl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  [dir=rtl] .md\:rtl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  [dir=rtl] .md\:rtl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  [dir=rtl] .md\:rtl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir=rtl] .md\:rtl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  [dir=rtl] .md\:rtl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir=rtl] .md\:rtl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [dir=rtl] .md\:rtl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  [dir=rtl] .md\:rtl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  [dir=rtl] .md\:rtl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  [dir=rtl] .md\:rtl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  [dir=rtl] .md\:rtl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  [dir=rtl] .md\:rtl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  [dir=rtl] .md\:rtl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  [dir=rtl] .md\:rtl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  [dir=rtl] .md\:rtl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  [dir=rtl] .md\:rtl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  [dir=rtl] .md\:rtl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  [dir=rtl] .md\:rtl\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:pt-0 {
    padding-top: 0;
  }

  [dir=rtl] .md\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir=rtl] .md\:rtl\:pb-0 {
    padding-bottom: 0;
  }

  [dir=rtl] .md\:rtl\:pl-0 {
    padding-left: 0;
  }

  [dir=rtl] .md\:rtl\:pt-1 {
    padding-top: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:pr-1 {
    padding-right: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:pl-1 {
    padding-left: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:pt-2 {
    padding-top: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:pr-2 {
    padding-right: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:pt-3 {
    padding-top: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:pr-3 {
    padding-right: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:pl-3 {
    padding-left: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:pt-4 {
    padding-top: 1rem;
  }

  [dir=rtl] .md\:rtl\:pr-4 {
    padding-right: 1rem;
  }

  [dir=rtl] .md\:rtl\:pb-4 {
    padding-bottom: 1rem;
  }

  [dir=rtl] .md\:rtl\:pl-4 {
    padding-left: 1rem;
  }

  [dir=rtl] .md\:rtl\:pt-5 {
    padding-top: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:pr-5 {
    padding-right: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:pt-6 {
    padding-top: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:pl-6 {
    padding-left: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:pt-8 {
    padding-top: 2rem;
  }

  [dir=rtl] .md\:rtl\:pr-8 {
    padding-right: 2rem;
  }

  [dir=rtl] .md\:rtl\:pb-8 {
    padding-bottom: 2rem;
  }

  [dir=rtl] .md\:rtl\:pl-8 {
    padding-left: 2rem;
  }

  [dir=rtl] .md\:rtl\:pt-9 {
    padding-top: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:pr-9 {
    padding-right: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:pl-9 {
    padding-left: 2.25rem;
  }

  [dir=rtl] .md\:rtl\:pt-10 {
    padding-top: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:pt-12 {
    padding-top: 3rem;
  }

  [dir=rtl] .md\:rtl\:pr-12 {
    padding-right: 3rem;
  }

  [dir=rtl] .md\:rtl\:pb-12 {
    padding-bottom: 3rem;
  }

  [dir=rtl] .md\:rtl\:pl-12 {
    padding-left: 3rem;
  }

  [dir=rtl] .md\:rtl\:pt-14 {
    padding-top: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:pr-14 {
    padding-right: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:pl-14 {
    padding-left: 3.5rem;
  }

  [dir=rtl] .md\:rtl\:pt-16 {
    padding-top: 4rem;
  }

  [dir=rtl] .md\:rtl\:pr-16 {
    padding-right: 4rem;
  }

  [dir=rtl] .md\:rtl\:pb-16 {
    padding-bottom: 4rem;
  }

  [dir=rtl] .md\:rtl\:pl-16 {
    padding-left: 4rem;
  }

  [dir=rtl] .md\:rtl\:pt-20 {
    padding-top: 5rem;
  }

  [dir=rtl] .md\:rtl\:pr-20 {
    padding-right: 5rem;
  }

  [dir=rtl] .md\:rtl\:pb-20 {
    padding-bottom: 5rem;
  }

  [dir=rtl] .md\:rtl\:pl-20 {
    padding-left: 5rem;
  }

  [dir=rtl] .md\:rtl\:pt-24 {
    padding-top: 6rem;
  }

  [dir=rtl] .md\:rtl\:pr-24 {
    padding-right: 6rem;
  }

  [dir=rtl] .md\:rtl\:pb-24 {
    padding-bottom: 6rem;
  }

  [dir=rtl] .md\:rtl\:pl-24 {
    padding-left: 6rem;
  }

  [dir=rtl] .md\:rtl\:pt-32 {
    padding-top: 8rem;
  }

  [dir=rtl] .md\:rtl\:pr-32 {
    padding-right: 8rem;
  }

  [dir=rtl] .md\:rtl\:pb-32 {
    padding-bottom: 8rem;
  }

  [dir=rtl] .md\:rtl\:pl-32 {
    padding-left: 8rem;
  }

  [dir=rtl] .md\:rtl\:pt-40 {
    padding-top: 10rem;
  }

  [dir=rtl] .md\:rtl\:pr-40 {
    padding-right: 10rem;
  }

  [dir=rtl] .md\:rtl\:pb-40 {
    padding-bottom: 10rem;
  }

  [dir=rtl] .md\:rtl\:pl-40 {
    padding-left: 10rem;
  }

  [dir=rtl] .md\:rtl\:pt-48 {
    padding-top: 12rem;
  }

  [dir=rtl] .md\:rtl\:pr-48 {
    padding-right: 12rem;
  }

  [dir=rtl] .md\:rtl\:pb-48 {
    padding-bottom: 12rem;
  }

  [dir=rtl] .md\:rtl\:pl-48 {
    padding-left: 12rem;
  }

  [dir=rtl] .md\:rtl\:pt-56 {
    padding-top: 14rem;
  }

  [dir=rtl] .md\:rtl\:pr-56 {
    padding-right: 14rem;
  }

  [dir=rtl] .md\:rtl\:pb-56 {
    padding-bottom: 14rem;
  }

  [dir=rtl] .md\:rtl\:pl-56 {
    padding-left: 14rem;
  }

  [dir=rtl] .md\:rtl\:pt-64 {
    padding-top: 16rem;
  }

  [dir=rtl] .md\:rtl\:pr-64 {
    padding-right: 16rem;
  }

  [dir=rtl] .md\:rtl\:pb-64 {
    padding-bottom: 16rem;
  }

  [dir=rtl] .md\:rtl\:pl-64 {
    padding-left: 16rem;
  }

  [dir=rtl] .md\:rtl\:pt-px {
    padding-top: 1px;
  }

  [dir=rtl] .md\:rtl\:pr-px {
    padding-right: 1px;
  }

  [dir=rtl] .md\:rtl\:pb-px {
    padding-bottom: 1px;
  }

  [dir=rtl] .md\:rtl\:pl-px {
    padding-left: 1px;
  }

  [dir=rtl] .md\:rtl\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  [dir=rtl] .md\:rtl\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root .md\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  :root .md\:placeholder-transparent::placeholder {
    color: transparent;
  }

  :root .md\:placeholder-black::-moz-placeholder {
    color: var(--text-color);
  }

  :root .md\:placeholder-black::placeholder {
    color: var(--text-color);
  }

  :root .md\:placeholder-white::-moz-placeholder {
    color: var(--text-color-light);
  }

  :root .md\:placeholder-white::placeholder {
    color: var(--text-color-light);
  }

  :root .md\:placeholder-contrast-black::-moz-placeholder {
    color: black;
  }

  :root .md\:placeholder-contrast-black::placeholder {
    color: black;
  }

  :root .md\:placeholder-contrast-white::-moz-placeholder {
    color: white;
  }

  :root .md\:placeholder-contrast-white::placeholder {
    color: white;
  }

  :root .md\:placeholder-obs-primary::-moz-placeholder {
    color: #5977FF;
  }

  :root .md\:placeholder-obs-primary::placeholder {
    color: #5977FF;
  }

  :root .md\:placeholder-obs-secondary::-moz-placeholder {
    color: #5d5c64;
  }

  :root .md\:placeholder-obs-secondary::placeholder {
    color: #5d5c64;
  }

  :root .md\:placeholder-obs-maroon::-moz-placeholder {
    color: #961e36;
  }

  :root .md\:placeholder-obs-maroon::placeholder {
    color: #961e36;
  }

  :root .md\:placeholder-obs-navy::-moz-placeholder {
    color: #3e4861;
  }

  :root .md\:placeholder-obs-navy::placeholder {
    color: #3e4861;
  }

  :root .md\:placeholder-obs-pink::-moz-placeholder {
    color: #d2afc5;
  }

  :root .md\:placeholder-obs-pink::placeholder {
    color: #d2afc5;
  }

  :root .md\:placeholder-obs-dark-orange::-moz-placeholder {
    color: #d6582a;
  }

  :root .md\:placeholder-obs-dark-orange::placeholder {
    color: #d6582a;
  }

  :root .md\:placeholder-obs-gold::-moz-placeholder {
    color: #9d8944;
  }

  :root .md\:placeholder-obs-gold::placeholder {
    color: #9d8944;
  }

  :root .md\:placeholder-obs-light-blue::-moz-placeholder {
    color: #A3C2D6;
  }

  :root .md\:placeholder-obs-light-blue::placeholder {
    color: #A3C2D6;
  }

  :root .md\:placeholder-obs-purple::-moz-placeholder {
    color: #722670;
  }

  :root .md\:placeholder-obs-purple::placeholder {
    color: #722670;
  }

  :root .md\:placeholder-obs-light-orange::-moz-placeholder {
    color: #fF9c01;
  }

  :root .md\:placeholder-obs-light-orange::placeholder {
    color: #fF9c01;
  }

  :root .md\:placeholder-obs-blue::-moz-placeholder {
    color: #5da7d6;
  }

  :root .md\:placeholder-obs-blue::placeholder {
    color: #5da7d6;
  }

  :root .md\:placeholder-gray-50::-moz-placeholder {
    color: #fafafa;
  }

  :root .md\:placeholder-gray-50::placeholder {
    color: #fafafa;
  }

  :root .md\:placeholder-gray-100::-moz-placeholder {
    color: #f5f5f5;
  }

  :root .md\:placeholder-gray-100::placeholder {
    color: #f5f5f5;
  }

  :root .md\:placeholder-gray-200::-moz-placeholder {
    color: #eeeeee;
  }

  :root .md\:placeholder-gray-200::placeholder {
    color: #eeeeee;
  }

  :root .md\:placeholder-gray-300::-moz-placeholder {
    color: #e0e0e0;
  }

  :root .md\:placeholder-gray-300::placeholder {
    color: #e0e0e0;
  }

  :root .md\:placeholder-gray-400::-moz-placeholder {
    color: #bdbdbd;
  }

  :root .md\:placeholder-gray-400::placeholder {
    color: #bdbdbd;
  }

  :root .md\:placeholder-gray-500::-moz-placeholder {
    color: #9e9e9e;
  }

  :root .md\:placeholder-gray-500::placeholder {
    color: #9e9e9e;
  }

  :root .md\:placeholder-gray-600::-moz-placeholder {
    color: #757575;
  }

  :root .md\:placeholder-gray-600::placeholder {
    color: #757575;
  }

  :root .md\:placeholder-gray-700::-moz-placeholder {
    color: #616161;
  }

  :root .md\:placeholder-gray-700::placeholder {
    color: #616161;
  }

  :root .md\:placeholder-gray-800::-moz-placeholder {
    color: #424242;
  }

  :root .md\:placeholder-gray-800::placeholder {
    color: #424242;
  }

  :root .md\:placeholder-gray-900::-moz-placeholder {
    color: #212121;
  }

  :root .md\:placeholder-gray-900::placeholder {
    color: #212121;
  }

  :root .md\:placeholder-red-50::-moz-placeholder {
    color: #ffebee;
  }

  :root .md\:placeholder-red-50::placeholder {
    color: #ffebee;
  }

  :root .md\:placeholder-red-100::-moz-placeholder {
    color: #ffcdd2;
  }

  :root .md\:placeholder-red-100::placeholder {
    color: #ffcdd2;
  }

  :root .md\:placeholder-red-200::-moz-placeholder {
    color: #ef9a9a;
  }

  :root .md\:placeholder-red-200::placeholder {
    color: #ef9a9a;
  }

  :root .md\:placeholder-red-300::-moz-placeholder {
    color: #e57373;
  }

  :root .md\:placeholder-red-300::placeholder {
    color: #e57373;
  }

  :root .md\:placeholder-red-400::-moz-placeholder {
    color: #ef5350;
  }

  :root .md\:placeholder-red-400::placeholder {
    color: #ef5350;
  }

  :root .md\:placeholder-red-500::-moz-placeholder {
    color: #f44336;
  }

  :root .md\:placeholder-red-500::placeholder {
    color: #f44336;
  }

  :root .md\:placeholder-red-600::-moz-placeholder {
    color: #e53935;
  }

  :root .md\:placeholder-red-600::placeholder {
    color: #e53935;
  }

  :root .md\:placeholder-red-700::-moz-placeholder {
    color: #d32f2f;
  }

  :root .md\:placeholder-red-700::placeholder {
    color: #d32f2f;
  }

  :root .md\:placeholder-red-800::-moz-placeholder {
    color: #c62828;
  }

  :root .md\:placeholder-red-800::placeholder {
    color: #c62828;
  }

  :root .md\:placeholder-red-900::-moz-placeholder {
    color: #b71c1c;
  }

  :root .md\:placeholder-red-900::placeholder {
    color: #b71c1c;
  }

  :root .md\:placeholder-orange-50::-moz-placeholder {
    color: #fff3e0;
  }

  :root .md\:placeholder-orange-50::placeholder {
    color: #fff3e0;
  }

  :root .md\:placeholder-orange-100::-moz-placeholder {
    color: #ffe0b2;
  }

  :root .md\:placeholder-orange-100::placeholder {
    color: #ffe0b2;
  }

  :root .md\:placeholder-orange-200::-moz-placeholder {
    color: #ffcc80;
  }

  :root .md\:placeholder-orange-200::placeholder {
    color: #ffcc80;
  }

  :root .md\:placeholder-orange-300::-moz-placeholder {
    color: #ffb74d;
  }

  :root .md\:placeholder-orange-300::placeholder {
    color: #ffb74d;
  }

  :root .md\:placeholder-orange-400::-moz-placeholder {
    color: #ffa726;
  }

  :root .md\:placeholder-orange-400::placeholder {
    color: #ffa726;
  }

  :root .md\:placeholder-orange-500::-moz-placeholder {
    color: #ff9800;
  }

  :root .md\:placeholder-orange-500::placeholder {
    color: #ff9800;
  }

  :root .md\:placeholder-orange-600::-moz-placeholder {
    color: #fb8c00;
  }

  :root .md\:placeholder-orange-600::placeholder {
    color: #fb8c00;
  }

  :root .md\:placeholder-orange-700::-moz-placeholder {
    color: #f57c00;
  }

  :root .md\:placeholder-orange-700::placeholder {
    color: #f57c00;
  }

  :root .md\:placeholder-orange-800::-moz-placeholder {
    color: #ef6c00;
  }

  :root .md\:placeholder-orange-800::placeholder {
    color: #ef6c00;
  }

  :root .md\:placeholder-orange-900::-moz-placeholder {
    color: #e65100;
  }

  :root .md\:placeholder-orange-900::placeholder {
    color: #e65100;
  }

  :root .md\:placeholder-deep-orange-50::-moz-placeholder {
    color: #fbe9e7;
  }

  :root .md\:placeholder-deep-orange-50::placeholder {
    color: #fbe9e7;
  }

  :root .md\:placeholder-deep-orange-100::-moz-placeholder {
    color: #ffccbc;
  }

  :root .md\:placeholder-deep-orange-100::placeholder {
    color: #ffccbc;
  }

  :root .md\:placeholder-deep-orange-200::-moz-placeholder {
    color: #ffab91;
  }

  :root .md\:placeholder-deep-orange-200::placeholder {
    color: #ffab91;
  }

  :root .md\:placeholder-deep-orange-300::-moz-placeholder {
    color: #ff8a65;
  }

  :root .md\:placeholder-deep-orange-300::placeholder {
    color: #ff8a65;
  }

  :root .md\:placeholder-deep-orange-400::-moz-placeholder {
    color: #ff7043;
  }

  :root .md\:placeholder-deep-orange-400::placeholder {
    color: #ff7043;
  }

  :root .md\:placeholder-deep-orange-500::-moz-placeholder {
    color: #ff5722;
  }

  :root .md\:placeholder-deep-orange-500::placeholder {
    color: #ff5722;
  }

  :root .md\:placeholder-deep-orange-600::-moz-placeholder {
    color: #f4511e;
  }

  :root .md\:placeholder-deep-orange-600::placeholder {
    color: #f4511e;
  }

  :root .md\:placeholder-deep-orange-700::-moz-placeholder {
    color: #e64a19;
  }

  :root .md\:placeholder-deep-orange-700::placeholder {
    color: #e64a19;
  }

  :root .md\:placeholder-deep-orange-800::-moz-placeholder {
    color: #d84315;
  }

  :root .md\:placeholder-deep-orange-800::placeholder {
    color: #d84315;
  }

  :root .md\:placeholder-deep-orange-900::-moz-placeholder {
    color: #bf360c;
  }

  :root .md\:placeholder-deep-orange-900::placeholder {
    color: #bf360c;
  }

  :root .md\:placeholder-amber-50::-moz-placeholder {
    color: #fff8e1;
  }

  :root .md\:placeholder-amber-50::placeholder {
    color: #fff8e1;
  }

  :root .md\:placeholder-amber-100::-moz-placeholder {
    color: #ffecb3;
  }

  :root .md\:placeholder-amber-100::placeholder {
    color: #ffecb3;
  }

  :root .md\:placeholder-amber-200::-moz-placeholder {
    color: #ffe082;
  }

  :root .md\:placeholder-amber-200::placeholder {
    color: #ffe082;
  }

  :root .md\:placeholder-amber-300::-moz-placeholder {
    color: #ffd54f;
  }

  :root .md\:placeholder-amber-300::placeholder {
    color: #ffd54f;
  }

  :root .md\:placeholder-amber-400::-moz-placeholder {
    color: #ffca28;
  }

  :root .md\:placeholder-amber-400::placeholder {
    color: #ffca28;
  }

  :root .md\:placeholder-amber-500::-moz-placeholder {
    color: #ffc107;
  }

  :root .md\:placeholder-amber-500::placeholder {
    color: #ffc107;
  }

  :root .md\:placeholder-amber-600::-moz-placeholder {
    color: #ffb300;
  }

  :root .md\:placeholder-amber-600::placeholder {
    color: #ffb300;
  }

  :root .md\:placeholder-amber-700::-moz-placeholder {
    color: #ffa000;
  }

  :root .md\:placeholder-amber-700::placeholder {
    color: #ffa000;
  }

  :root .md\:placeholder-amber-800::-moz-placeholder {
    color: #ff8f00;
  }

  :root .md\:placeholder-amber-800::placeholder {
    color: #ff8f00;
  }

  :root .md\:placeholder-amber-900::-moz-placeholder {
    color: #ff6f00;
  }

  :root .md\:placeholder-amber-900::placeholder {
    color: #ff6f00;
  }

  :root .md\:placeholder-light-green-50::-moz-placeholder {
    color: #f1f8e9;
  }

  :root .md\:placeholder-light-green-50::placeholder {
    color: #f1f8e9;
  }

  :root .md\:placeholder-light-green-100::-moz-placeholder {
    color: #dcedc8;
  }

  :root .md\:placeholder-light-green-100::placeholder {
    color: #dcedc8;
  }

  :root .md\:placeholder-light-green-200::-moz-placeholder {
    color: #c5e1a5;
  }

  :root .md\:placeholder-light-green-200::placeholder {
    color: #c5e1a5;
  }

  :root .md\:placeholder-light-green-300::-moz-placeholder {
    color: #aed581;
  }

  :root .md\:placeholder-light-green-300::placeholder {
    color: #aed581;
  }

  :root .md\:placeholder-light-green-400::-moz-placeholder {
    color: #9ccc65;
  }

  :root .md\:placeholder-light-green-400::placeholder {
    color: #9ccc65;
  }

  :root .md\:placeholder-light-green-500::-moz-placeholder {
    color: #8bc34a;
  }

  :root .md\:placeholder-light-green-500::placeholder {
    color: #8bc34a;
  }

  :root .md\:placeholder-light-green-600::-moz-placeholder {
    color: #7cb342;
  }

  :root .md\:placeholder-light-green-600::placeholder {
    color: #7cb342;
  }

  :root .md\:placeholder-light-green-700::-moz-placeholder {
    color: #689f38;
  }

  :root .md\:placeholder-light-green-700::placeholder {
    color: #689f38;
  }

  :root .md\:placeholder-light-green-800::-moz-placeholder {
    color: #558b2f;
  }

  :root .md\:placeholder-light-green-800::placeholder {
    color: #558b2f;
  }

  :root .md\:placeholder-light-green-900::-moz-placeholder {
    color: #33691e;
  }

  :root .md\:placeholder-light-green-900::placeholder {
    color: #33691e;
  }

  :root .md\:placeholder-green-50::-moz-placeholder {
    color: #e8f5e9;
  }

  :root .md\:placeholder-green-50::placeholder {
    color: #e8f5e9;
  }

  :root .md\:placeholder-green-100::-moz-placeholder {
    color: #c8e6c9;
  }

  :root .md\:placeholder-green-100::placeholder {
    color: #c8e6c9;
  }

  :root .md\:placeholder-green-200::-moz-placeholder {
    color: #a5d6a7;
  }

  :root .md\:placeholder-green-200::placeholder {
    color: #a5d6a7;
  }

  :root .md\:placeholder-green-300::-moz-placeholder {
    color: #81c784;
  }

  :root .md\:placeholder-green-300::placeholder {
    color: #81c784;
  }

  :root .md\:placeholder-green-400::-moz-placeholder {
    color: #66bb6a;
  }

  :root .md\:placeholder-green-400::placeholder {
    color: #66bb6a;
  }

  :root .md\:placeholder-green-500::-moz-placeholder {
    color: #4caf50;
  }

  :root .md\:placeholder-green-500::placeholder {
    color: #4caf50;
  }

  :root .md\:placeholder-green-600::-moz-placeholder {
    color: #43a047;
  }

  :root .md\:placeholder-green-600::placeholder {
    color: #43a047;
  }

  :root .md\:placeholder-green-700::-moz-placeholder {
    color: #388e3c;
  }

  :root .md\:placeholder-green-700::placeholder {
    color: #388e3c;
  }

  :root .md\:placeholder-green-800::-moz-placeholder {
    color: #2e7d32;
  }

  :root .md\:placeholder-green-800::placeholder {
    color: #2e7d32;
  }

  :root .md\:placeholder-green-900::-moz-placeholder {
    color: #1b5e20;
  }

  :root .md\:placeholder-green-900::placeholder {
    color: #1b5e20;
  }

  :root .md\:placeholder-teal-50::-moz-placeholder {
    color: #e0f2f1;
  }

  :root .md\:placeholder-teal-50::placeholder {
    color: #e0f2f1;
  }

  :root .md\:placeholder-teal-100::-moz-placeholder {
    color: #b2dfdb;
  }

  :root .md\:placeholder-teal-100::placeholder {
    color: #b2dfdb;
  }

  :root .md\:placeholder-teal-200::-moz-placeholder {
    color: #80cbc4;
  }

  :root .md\:placeholder-teal-200::placeholder {
    color: #80cbc4;
  }

  :root .md\:placeholder-teal-300::-moz-placeholder {
    color: #4db6ac;
  }

  :root .md\:placeholder-teal-300::placeholder {
    color: #4db6ac;
  }

  :root .md\:placeholder-teal-400::-moz-placeholder {
    color: #26a69a;
  }

  :root .md\:placeholder-teal-400::placeholder {
    color: #26a69a;
  }

  :root .md\:placeholder-teal-500::-moz-placeholder {
    color: #009688;
  }

  :root .md\:placeholder-teal-500::placeholder {
    color: #009688;
  }

  :root .md\:placeholder-teal-600::-moz-placeholder {
    color: #00897b;
  }

  :root .md\:placeholder-teal-600::placeholder {
    color: #00897b;
  }

  :root .md\:placeholder-teal-700::-moz-placeholder {
    color: #00796b;
  }

  :root .md\:placeholder-teal-700::placeholder {
    color: #00796b;
  }

  :root .md\:placeholder-teal-800::-moz-placeholder {
    color: #00695c;
  }

  :root .md\:placeholder-teal-800::placeholder {
    color: #00695c;
  }

  :root .md\:placeholder-teal-900::-moz-placeholder {
    color: #004d40;
  }

  :root .md\:placeholder-teal-900::placeholder {
    color: #004d40;
  }

  :root .md\:placeholder-cyan-50::-moz-placeholder {
    color: #e0f7fa;
  }

  :root .md\:placeholder-cyan-50::placeholder {
    color: #e0f7fa;
  }

  :root .md\:placeholder-cyan-100::-moz-placeholder {
    color: #b2ebf2;
  }

  :root .md\:placeholder-cyan-100::placeholder {
    color: #b2ebf2;
  }

  :root .md\:placeholder-cyan-200::-moz-placeholder {
    color: #80deea;
  }

  :root .md\:placeholder-cyan-200::placeholder {
    color: #80deea;
  }

  :root .md\:placeholder-cyan-300::-moz-placeholder {
    color: #4dd0e1;
  }

  :root .md\:placeholder-cyan-300::placeholder {
    color: #4dd0e1;
  }

  :root .md\:placeholder-cyan-400::-moz-placeholder {
    color: #26c6da;
  }

  :root .md\:placeholder-cyan-400::placeholder {
    color: #26c6da;
  }

  :root .md\:placeholder-cyan-500::-moz-placeholder {
    color: #00bcd4;
  }

  :root .md\:placeholder-cyan-500::placeholder {
    color: #00bcd4;
  }

  :root .md\:placeholder-cyan-600::-moz-placeholder {
    color: #00acc1;
  }

  :root .md\:placeholder-cyan-600::placeholder {
    color: #00acc1;
  }

  :root .md\:placeholder-cyan-700::-moz-placeholder {
    color: #0097a7;
  }

  :root .md\:placeholder-cyan-700::placeholder {
    color: #0097a7;
  }

  :root .md\:placeholder-cyan-800::-moz-placeholder {
    color: #00838f;
  }

  :root .md\:placeholder-cyan-800::placeholder {
    color: #00838f;
  }

  :root .md\:placeholder-cyan-900::-moz-placeholder {
    color: #006064;
  }

  :root .md\:placeholder-cyan-900::placeholder {
    color: #006064;
  }

  :root .md\:placeholder-purple-50::-moz-placeholder {
    color: #f3e5f5;
  }

  :root .md\:placeholder-purple-50::placeholder {
    color: #f3e5f5;
  }

  :root .md\:placeholder-purple-100::-moz-placeholder {
    color: #e1bee7;
  }

  :root .md\:placeholder-purple-100::placeholder {
    color: #e1bee7;
  }

  :root .md\:placeholder-purple-200::-moz-placeholder {
    color: #ce93d8;
  }

  :root .md\:placeholder-purple-200::placeholder {
    color: #ce93d8;
  }

  :root .md\:placeholder-purple-300::-moz-placeholder {
    color: #ba68c8;
  }

  :root .md\:placeholder-purple-300::placeholder {
    color: #ba68c8;
  }

  :root .md\:placeholder-purple-400::-moz-placeholder {
    color: #ab47bc;
  }

  :root .md\:placeholder-purple-400::placeholder {
    color: #ab47bc;
  }

  :root .md\:placeholder-purple-500::-moz-placeholder {
    color: #9c27b0;
  }

  :root .md\:placeholder-purple-500::placeholder {
    color: #9c27b0;
  }

  :root .md\:placeholder-purple-600::-moz-placeholder {
    color: #8e24aa;
  }

  :root .md\:placeholder-purple-600::placeholder {
    color: #8e24aa;
  }

  :root .md\:placeholder-purple-700::-moz-placeholder {
    color: #7b1fa2;
  }

  :root .md\:placeholder-purple-700::placeholder {
    color: #7b1fa2;
  }

  :root .md\:placeholder-purple-800::-moz-placeholder {
    color: #6a1b9a;
  }

  :root .md\:placeholder-purple-800::placeholder {
    color: #6a1b9a;
  }

  :root .md\:placeholder-purple-900::-moz-placeholder {
    color: #4a148c;
  }

  :root .md\:placeholder-purple-900::placeholder {
    color: #4a148c;
  }

  :root .md\:placeholder-deep-purple-50::-moz-placeholder {
    color: #ede7f6;
  }

  :root .md\:placeholder-deep-purple-50::placeholder {
    color: #ede7f6;
  }

  :root .md\:placeholder-deep-purple-100::-moz-placeholder {
    color: #d1c4e9;
  }

  :root .md\:placeholder-deep-purple-100::placeholder {
    color: #d1c4e9;
  }

  :root .md\:placeholder-deep-purple-200::-moz-placeholder {
    color: #b39ddb;
  }

  :root .md\:placeholder-deep-purple-200::placeholder {
    color: #b39ddb;
  }

  :root .md\:placeholder-deep-purple-300::-moz-placeholder {
    color: #9575cd;
  }

  :root .md\:placeholder-deep-purple-300::placeholder {
    color: #9575cd;
  }

  :root .md\:placeholder-deep-purple-400::-moz-placeholder {
    color: #7e57c2;
  }

  :root .md\:placeholder-deep-purple-400::placeholder {
    color: #7e57c2;
  }

  :root .md\:placeholder-deep-purple-500::-moz-placeholder {
    color: #673ab7;
  }

  :root .md\:placeholder-deep-purple-500::placeholder {
    color: #673ab7;
  }

  :root .md\:placeholder-deep-purple-600::-moz-placeholder {
    color: #5e35b1;
  }

  :root .md\:placeholder-deep-purple-600::placeholder {
    color: #5e35b1;
  }

  :root .md\:placeholder-deep-purple-700::-moz-placeholder {
    color: #512da8;
  }

  :root .md\:placeholder-deep-purple-700::placeholder {
    color: #512da8;
  }

  :root .md\:placeholder-deep-purple-800::-moz-placeholder {
    color: #4527a0;
  }

  :root .md\:placeholder-deep-purple-800::placeholder {
    color: #4527a0;
  }

  :root .md\:placeholder-deep-purple-900::-moz-placeholder {
    color: #311b92;
  }

  :root .md\:placeholder-deep-purple-900::placeholder {
    color: #311b92;
  }

  :root .md\:placeholder-primary-50::-moz-placeholder {
    color: #FBE4E7;
  }

  :root .md\:placeholder-primary-50::placeholder {
    color: #FBE4E7;
  }

  :root .md\:placeholder-primary-100::-moz-placeholder {
    color: #F5BCC2;
  }

  :root .md\:placeholder-primary-100::placeholder {
    color: #F5BCC2;
  }

  :root .md\:placeholder-primary-200::-moz-placeholder {
    color: #EE8F9A;
  }

  :root .md\:placeholder-primary-200::placeholder {
    color: #EE8F9A;
  }

  :root .md\:placeholder-primary-300::-moz-placeholder {
    color: #E76272;
  }

  :root .md\:placeholder-primary-300::placeholder {
    color: #E76272;
  }

  :root .md\:placeholder-primary-400::-moz-placeholder {
    color: #E14053;
  }

  :root .md\:placeholder-primary-400::placeholder {
    color: #E14053;
  }

  :root .md\:placeholder-primary-500::-moz-placeholder {
    color: #1976d2;
  }

  :root .md\:placeholder-primary-500::placeholder {
    color: #1976d2;
  }

  :root .md\:placeholder-primary-600::-moz-placeholder {
    color: #D81A30;
  }

  :root .md\:placeholder-primary-600::placeholder {
    color: #D81A30;
  }

  :root .md\:placeholder-primary-700::-moz-placeholder {
    color: #D31628;
  }

  :root .md\:placeholder-primary-700::placeholder {
    color: #D31628;
  }

  :root .md\:placeholder-primary-800::-moz-placeholder {
    color: #CE1222;
  }

  :root .md\:placeholder-primary-800::placeholder {
    color: #CE1222;
  }

  :root .md\:placeholder-primary-900::-moz-placeholder {
    color: #C50A16;
  }

  :root .md\:placeholder-primary-900::placeholder {
    color: #C50A16;
  }

  :root .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  :root .md\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  :root .md\:focus\:placeholder-black:focus::-moz-placeholder {
    color: var(--text-color);
  }

  :root .md\:focus\:placeholder-black:focus::placeholder {
    color: var(--text-color);
  }

  :root .md\:focus\:placeholder-white:focus::-moz-placeholder {
    color: var(--text-color-light);
  }

  :root .md\:focus\:placeholder-white:focus::placeholder {
    color: var(--text-color-light);
  }

  :root .md\:focus\:placeholder-contrast-black:focus::-moz-placeholder {
    color: black;
  }

  :root .md\:focus\:placeholder-contrast-black:focus::placeholder {
    color: black;
  }

  :root .md\:focus\:placeholder-contrast-white:focus::-moz-placeholder {
    color: white;
  }

  :root .md\:focus\:placeholder-contrast-white:focus::placeholder {
    color: white;
  }

  :root .md\:focus\:placeholder-obs-primary:focus::-moz-placeholder {
    color: #5977FF;
  }

  :root .md\:focus\:placeholder-obs-primary:focus::placeholder {
    color: #5977FF;
  }

  :root .md\:focus\:placeholder-obs-secondary:focus::-moz-placeholder {
    color: #5d5c64;
  }

  :root .md\:focus\:placeholder-obs-secondary:focus::placeholder {
    color: #5d5c64;
  }

  :root .md\:focus\:placeholder-obs-maroon:focus::-moz-placeholder {
    color: #961e36;
  }

  :root .md\:focus\:placeholder-obs-maroon:focus::placeholder {
    color: #961e36;
  }

  :root .md\:focus\:placeholder-obs-navy:focus::-moz-placeholder {
    color: #3e4861;
  }

  :root .md\:focus\:placeholder-obs-navy:focus::placeholder {
    color: #3e4861;
  }

  :root .md\:focus\:placeholder-obs-pink:focus::-moz-placeholder {
    color: #d2afc5;
  }

  :root .md\:focus\:placeholder-obs-pink:focus::placeholder {
    color: #d2afc5;
  }

  :root .md\:focus\:placeholder-obs-dark-orange:focus::-moz-placeholder {
    color: #d6582a;
  }

  :root .md\:focus\:placeholder-obs-dark-orange:focus::placeholder {
    color: #d6582a;
  }

  :root .md\:focus\:placeholder-obs-gold:focus::-moz-placeholder {
    color: #9d8944;
  }

  :root .md\:focus\:placeholder-obs-gold:focus::placeholder {
    color: #9d8944;
  }

  :root .md\:focus\:placeholder-obs-light-blue:focus::-moz-placeholder {
    color: #A3C2D6;
  }

  :root .md\:focus\:placeholder-obs-light-blue:focus::placeholder {
    color: #A3C2D6;
  }

  :root .md\:focus\:placeholder-obs-purple:focus::-moz-placeholder {
    color: #722670;
  }

  :root .md\:focus\:placeholder-obs-purple:focus::placeholder {
    color: #722670;
  }

  :root .md\:focus\:placeholder-obs-light-orange:focus::-moz-placeholder {
    color: #fF9c01;
  }

  :root .md\:focus\:placeholder-obs-light-orange:focus::placeholder {
    color: #fF9c01;
  }

  :root .md\:focus\:placeholder-obs-blue:focus::-moz-placeholder {
    color: #5da7d6;
  }

  :root .md\:focus\:placeholder-obs-blue:focus::placeholder {
    color: #5da7d6;
  }

  :root .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    color: #fafafa;
  }

  :root .md\:focus\:placeholder-gray-50:focus::placeholder {
    color: #fafafa;
  }

  :root .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    color: #f5f5f5;
  }

  :root .md\:focus\:placeholder-gray-100:focus::placeholder {
    color: #f5f5f5;
  }

  :root .md\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    color: #eeeeee;
  }

  :root .md\:focus\:placeholder-gray-200:focus::placeholder {
    color: #eeeeee;
  }

  :root .md\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    color: #e0e0e0;
  }

  :root .md\:focus\:placeholder-gray-300:focus::placeholder {
    color: #e0e0e0;
  }

  :root .md\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    color: #bdbdbd;
  }

  :root .md\:focus\:placeholder-gray-400:focus::placeholder {
    color: #bdbdbd;
  }

  :root .md\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    color: #9e9e9e;
  }

  :root .md\:focus\:placeholder-gray-500:focus::placeholder {
    color: #9e9e9e;
  }

  :root .md\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    color: #757575;
  }

  :root .md\:focus\:placeholder-gray-600:focus::placeholder {
    color: #757575;
  }

  :root .md\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    color: #616161;
  }

  :root .md\:focus\:placeholder-gray-700:focus::placeholder {
    color: #616161;
  }

  :root .md\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    color: #424242;
  }

  :root .md\:focus\:placeholder-gray-800:focus::placeholder {
    color: #424242;
  }

  :root .md\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    color: #212121;
  }

  :root .md\:focus\:placeholder-gray-900:focus::placeholder {
    color: #212121;
  }

  :root .md\:focus\:placeholder-red-50:focus::-moz-placeholder {
    color: #ffebee;
  }

  :root .md\:focus\:placeholder-red-50:focus::placeholder {
    color: #ffebee;
  }

  :root .md\:focus\:placeholder-red-100:focus::-moz-placeholder {
    color: #ffcdd2;
  }

  :root .md\:focus\:placeholder-red-100:focus::placeholder {
    color: #ffcdd2;
  }

  :root .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
    color: #ef9a9a;
  }

  :root .md\:focus\:placeholder-red-200:focus::placeholder {
    color: #ef9a9a;
  }

  :root .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
    color: #e57373;
  }

  :root .md\:focus\:placeholder-red-300:focus::placeholder {
    color: #e57373;
  }

  :root .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
    color: #ef5350;
  }

  :root .md\:focus\:placeholder-red-400:focus::placeholder {
    color: #ef5350;
  }

  :root .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
    color: #f44336;
  }

  :root .md\:focus\:placeholder-red-500:focus::placeholder {
    color: #f44336;
  }

  :root .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
    color: #e53935;
  }

  :root .md\:focus\:placeholder-red-600:focus::placeholder {
    color: #e53935;
  }

  :root .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
    color: #d32f2f;
  }

  :root .md\:focus\:placeholder-red-700:focus::placeholder {
    color: #d32f2f;
  }

  :root .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
    color: #c62828;
  }

  :root .md\:focus\:placeholder-red-800:focus::placeholder {
    color: #c62828;
  }

  :root .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
    color: #b71c1c;
  }

  :root .md\:focus\:placeholder-red-900:focus::placeholder {
    color: #b71c1c;
  }

  :root .md\:focus\:placeholder-orange-50:focus::-moz-placeholder {
    color: #fff3e0;
  }

  :root .md\:focus\:placeholder-orange-50:focus::placeholder {
    color: #fff3e0;
  }

  :root .md\:focus\:placeholder-orange-100:focus::-moz-placeholder {
    color: #ffe0b2;
  }

  :root .md\:focus\:placeholder-orange-100:focus::placeholder {
    color: #ffe0b2;
  }

  :root .md\:focus\:placeholder-orange-200:focus::-moz-placeholder {
    color: #ffcc80;
  }

  :root .md\:focus\:placeholder-orange-200:focus::placeholder {
    color: #ffcc80;
  }

  :root .md\:focus\:placeholder-orange-300:focus::-moz-placeholder {
    color: #ffb74d;
  }

  :root .md\:focus\:placeholder-orange-300:focus::placeholder {
    color: #ffb74d;
  }

  :root .md\:focus\:placeholder-orange-400:focus::-moz-placeholder {
    color: #ffa726;
  }

  :root .md\:focus\:placeholder-orange-400:focus::placeholder {
    color: #ffa726;
  }

  :root .md\:focus\:placeholder-orange-500:focus::-moz-placeholder {
    color: #ff9800;
  }

  :root .md\:focus\:placeholder-orange-500:focus::placeholder {
    color: #ff9800;
  }

  :root .md\:focus\:placeholder-orange-600:focus::-moz-placeholder {
    color: #fb8c00;
  }

  :root .md\:focus\:placeholder-orange-600:focus::placeholder {
    color: #fb8c00;
  }

  :root .md\:focus\:placeholder-orange-700:focus::-moz-placeholder {
    color: #f57c00;
  }

  :root .md\:focus\:placeholder-orange-700:focus::placeholder {
    color: #f57c00;
  }

  :root .md\:focus\:placeholder-orange-800:focus::-moz-placeholder {
    color: #ef6c00;
  }

  :root .md\:focus\:placeholder-orange-800:focus::placeholder {
    color: #ef6c00;
  }

  :root .md\:focus\:placeholder-orange-900:focus::-moz-placeholder {
    color: #e65100;
  }

  :root .md\:focus\:placeholder-orange-900:focus::placeholder {
    color: #e65100;
  }

  :root .md\:focus\:placeholder-deep-orange-50:focus::-moz-placeholder {
    color: #fbe9e7;
  }

  :root .md\:focus\:placeholder-deep-orange-50:focus::placeholder {
    color: #fbe9e7;
  }

  :root .md\:focus\:placeholder-deep-orange-100:focus::-moz-placeholder {
    color: #ffccbc;
  }

  :root .md\:focus\:placeholder-deep-orange-100:focus::placeholder {
    color: #ffccbc;
  }

  :root .md\:focus\:placeholder-deep-orange-200:focus::-moz-placeholder {
    color: #ffab91;
  }

  :root .md\:focus\:placeholder-deep-orange-200:focus::placeholder {
    color: #ffab91;
  }

  :root .md\:focus\:placeholder-deep-orange-300:focus::-moz-placeholder {
    color: #ff8a65;
  }

  :root .md\:focus\:placeholder-deep-orange-300:focus::placeholder {
    color: #ff8a65;
  }

  :root .md\:focus\:placeholder-deep-orange-400:focus::-moz-placeholder {
    color: #ff7043;
  }

  :root .md\:focus\:placeholder-deep-orange-400:focus::placeholder {
    color: #ff7043;
  }

  :root .md\:focus\:placeholder-deep-orange-500:focus::-moz-placeholder {
    color: #ff5722;
  }

  :root .md\:focus\:placeholder-deep-orange-500:focus::placeholder {
    color: #ff5722;
  }

  :root .md\:focus\:placeholder-deep-orange-600:focus::-moz-placeholder {
    color: #f4511e;
  }

  :root .md\:focus\:placeholder-deep-orange-600:focus::placeholder {
    color: #f4511e;
  }

  :root .md\:focus\:placeholder-deep-orange-700:focus::-moz-placeholder {
    color: #e64a19;
  }

  :root .md\:focus\:placeholder-deep-orange-700:focus::placeholder {
    color: #e64a19;
  }

  :root .md\:focus\:placeholder-deep-orange-800:focus::-moz-placeholder {
    color: #d84315;
  }

  :root .md\:focus\:placeholder-deep-orange-800:focus::placeholder {
    color: #d84315;
  }

  :root .md\:focus\:placeholder-deep-orange-900:focus::-moz-placeholder {
    color: #bf360c;
  }

  :root .md\:focus\:placeholder-deep-orange-900:focus::placeholder {
    color: #bf360c;
  }

  :root .md\:focus\:placeholder-amber-50:focus::-moz-placeholder {
    color: #fff8e1;
  }

  :root .md\:focus\:placeholder-amber-50:focus::placeholder {
    color: #fff8e1;
  }

  :root .md\:focus\:placeholder-amber-100:focus::-moz-placeholder {
    color: #ffecb3;
  }

  :root .md\:focus\:placeholder-amber-100:focus::placeholder {
    color: #ffecb3;
  }

  :root .md\:focus\:placeholder-amber-200:focus::-moz-placeholder {
    color: #ffe082;
  }

  :root .md\:focus\:placeholder-amber-200:focus::placeholder {
    color: #ffe082;
  }

  :root .md\:focus\:placeholder-amber-300:focus::-moz-placeholder {
    color: #ffd54f;
  }

  :root .md\:focus\:placeholder-amber-300:focus::placeholder {
    color: #ffd54f;
  }

  :root .md\:focus\:placeholder-amber-400:focus::-moz-placeholder {
    color: #ffca28;
  }

  :root .md\:focus\:placeholder-amber-400:focus::placeholder {
    color: #ffca28;
  }

  :root .md\:focus\:placeholder-amber-500:focus::-moz-placeholder {
    color: #ffc107;
  }

  :root .md\:focus\:placeholder-amber-500:focus::placeholder {
    color: #ffc107;
  }

  :root .md\:focus\:placeholder-amber-600:focus::-moz-placeholder {
    color: #ffb300;
  }

  :root .md\:focus\:placeholder-amber-600:focus::placeholder {
    color: #ffb300;
  }

  :root .md\:focus\:placeholder-amber-700:focus::-moz-placeholder {
    color: #ffa000;
  }

  :root .md\:focus\:placeholder-amber-700:focus::placeholder {
    color: #ffa000;
  }

  :root .md\:focus\:placeholder-amber-800:focus::-moz-placeholder {
    color: #ff8f00;
  }

  :root .md\:focus\:placeholder-amber-800:focus::placeholder {
    color: #ff8f00;
  }

  :root .md\:focus\:placeholder-amber-900:focus::-moz-placeholder {
    color: #ff6f00;
  }

  :root .md\:focus\:placeholder-amber-900:focus::placeholder {
    color: #ff6f00;
  }

  :root .md\:focus\:placeholder-light-green-50:focus::-moz-placeholder {
    color: #f1f8e9;
  }

  :root .md\:focus\:placeholder-light-green-50:focus::placeholder {
    color: #f1f8e9;
  }

  :root .md\:focus\:placeholder-light-green-100:focus::-moz-placeholder {
    color: #dcedc8;
  }

  :root .md\:focus\:placeholder-light-green-100:focus::placeholder {
    color: #dcedc8;
  }

  :root .md\:focus\:placeholder-light-green-200:focus::-moz-placeholder {
    color: #c5e1a5;
  }

  :root .md\:focus\:placeholder-light-green-200:focus::placeholder {
    color: #c5e1a5;
  }

  :root .md\:focus\:placeholder-light-green-300:focus::-moz-placeholder {
    color: #aed581;
  }

  :root .md\:focus\:placeholder-light-green-300:focus::placeholder {
    color: #aed581;
  }

  :root .md\:focus\:placeholder-light-green-400:focus::-moz-placeholder {
    color: #9ccc65;
  }

  :root .md\:focus\:placeholder-light-green-400:focus::placeholder {
    color: #9ccc65;
  }

  :root .md\:focus\:placeholder-light-green-500:focus::-moz-placeholder {
    color: #8bc34a;
  }

  :root .md\:focus\:placeholder-light-green-500:focus::placeholder {
    color: #8bc34a;
  }

  :root .md\:focus\:placeholder-light-green-600:focus::-moz-placeholder {
    color: #7cb342;
  }

  :root .md\:focus\:placeholder-light-green-600:focus::placeholder {
    color: #7cb342;
  }

  :root .md\:focus\:placeholder-light-green-700:focus::-moz-placeholder {
    color: #689f38;
  }

  :root .md\:focus\:placeholder-light-green-700:focus::placeholder {
    color: #689f38;
  }

  :root .md\:focus\:placeholder-light-green-800:focus::-moz-placeholder {
    color: #558b2f;
  }

  :root .md\:focus\:placeholder-light-green-800:focus::placeholder {
    color: #558b2f;
  }

  :root .md\:focus\:placeholder-light-green-900:focus::-moz-placeholder {
    color: #33691e;
  }

  :root .md\:focus\:placeholder-light-green-900:focus::placeholder {
    color: #33691e;
  }

  :root .md\:focus\:placeholder-green-50:focus::-moz-placeholder {
    color: #e8f5e9;
  }

  :root .md\:focus\:placeholder-green-50:focus::placeholder {
    color: #e8f5e9;
  }

  :root .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
    color: #c8e6c9;
  }

  :root .md\:focus\:placeholder-green-100:focus::placeholder {
    color: #c8e6c9;
  }

  :root .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
    color: #a5d6a7;
  }

  :root .md\:focus\:placeholder-green-200:focus::placeholder {
    color: #a5d6a7;
  }

  :root .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
    color: #81c784;
  }

  :root .md\:focus\:placeholder-green-300:focus::placeholder {
    color: #81c784;
  }

  :root .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
    color: #66bb6a;
  }

  :root .md\:focus\:placeholder-green-400:focus::placeholder {
    color: #66bb6a;
  }

  :root .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
    color: #4caf50;
  }

  :root .md\:focus\:placeholder-green-500:focus::placeholder {
    color: #4caf50;
  }

  :root .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
    color: #43a047;
  }

  :root .md\:focus\:placeholder-green-600:focus::placeholder {
    color: #43a047;
  }

  :root .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
    color: #388e3c;
  }

  :root .md\:focus\:placeholder-green-700:focus::placeholder {
    color: #388e3c;
  }

  :root .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
    color: #2e7d32;
  }

  :root .md\:focus\:placeholder-green-800:focus::placeholder {
    color: #2e7d32;
  }

  :root .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
    color: #1b5e20;
  }

  :root .md\:focus\:placeholder-green-900:focus::placeholder {
    color: #1b5e20;
  }

  :root .md\:focus\:placeholder-teal-50:focus::-moz-placeholder {
    color: #e0f2f1;
  }

  :root .md\:focus\:placeholder-teal-50:focus::placeholder {
    color: #e0f2f1;
  }

  :root .md\:focus\:placeholder-teal-100:focus::-moz-placeholder {
    color: #b2dfdb;
  }

  :root .md\:focus\:placeholder-teal-100:focus::placeholder {
    color: #b2dfdb;
  }

  :root .md\:focus\:placeholder-teal-200:focus::-moz-placeholder {
    color: #80cbc4;
  }

  :root .md\:focus\:placeholder-teal-200:focus::placeholder {
    color: #80cbc4;
  }

  :root .md\:focus\:placeholder-teal-300:focus::-moz-placeholder {
    color: #4db6ac;
  }

  :root .md\:focus\:placeholder-teal-300:focus::placeholder {
    color: #4db6ac;
  }

  :root .md\:focus\:placeholder-teal-400:focus::-moz-placeholder {
    color: #26a69a;
  }

  :root .md\:focus\:placeholder-teal-400:focus::placeholder {
    color: #26a69a;
  }

  :root .md\:focus\:placeholder-teal-500:focus::-moz-placeholder {
    color: #009688;
  }

  :root .md\:focus\:placeholder-teal-500:focus::placeholder {
    color: #009688;
  }

  :root .md\:focus\:placeholder-teal-600:focus::-moz-placeholder {
    color: #00897b;
  }

  :root .md\:focus\:placeholder-teal-600:focus::placeholder {
    color: #00897b;
  }

  :root .md\:focus\:placeholder-teal-700:focus::-moz-placeholder {
    color: #00796b;
  }

  :root .md\:focus\:placeholder-teal-700:focus::placeholder {
    color: #00796b;
  }

  :root .md\:focus\:placeholder-teal-800:focus::-moz-placeholder {
    color: #00695c;
  }

  :root .md\:focus\:placeholder-teal-800:focus::placeholder {
    color: #00695c;
  }

  :root .md\:focus\:placeholder-teal-900:focus::-moz-placeholder {
    color: #004d40;
  }

  :root .md\:focus\:placeholder-teal-900:focus::placeholder {
    color: #004d40;
  }

  :root .md\:focus\:placeholder-cyan-50:focus::-moz-placeholder {
    color: #e0f7fa;
  }

  :root .md\:focus\:placeholder-cyan-50:focus::placeholder {
    color: #e0f7fa;
  }

  :root .md\:focus\:placeholder-cyan-100:focus::-moz-placeholder {
    color: #b2ebf2;
  }

  :root .md\:focus\:placeholder-cyan-100:focus::placeholder {
    color: #b2ebf2;
  }

  :root .md\:focus\:placeholder-cyan-200:focus::-moz-placeholder {
    color: #80deea;
  }

  :root .md\:focus\:placeholder-cyan-200:focus::placeholder {
    color: #80deea;
  }

  :root .md\:focus\:placeholder-cyan-300:focus::-moz-placeholder {
    color: #4dd0e1;
  }

  :root .md\:focus\:placeholder-cyan-300:focus::placeholder {
    color: #4dd0e1;
  }

  :root .md\:focus\:placeholder-cyan-400:focus::-moz-placeholder {
    color: #26c6da;
  }

  :root .md\:focus\:placeholder-cyan-400:focus::placeholder {
    color: #26c6da;
  }

  :root .md\:focus\:placeholder-cyan-500:focus::-moz-placeholder {
    color: #00bcd4;
  }

  :root .md\:focus\:placeholder-cyan-500:focus::placeholder {
    color: #00bcd4;
  }

  :root .md\:focus\:placeholder-cyan-600:focus::-moz-placeholder {
    color: #00acc1;
  }

  :root .md\:focus\:placeholder-cyan-600:focus::placeholder {
    color: #00acc1;
  }

  :root .md\:focus\:placeholder-cyan-700:focus::-moz-placeholder {
    color: #0097a7;
  }

  :root .md\:focus\:placeholder-cyan-700:focus::placeholder {
    color: #0097a7;
  }

  :root .md\:focus\:placeholder-cyan-800:focus::-moz-placeholder {
    color: #00838f;
  }

  :root .md\:focus\:placeholder-cyan-800:focus::placeholder {
    color: #00838f;
  }

  :root .md\:focus\:placeholder-cyan-900:focus::-moz-placeholder {
    color: #006064;
  }

  :root .md\:focus\:placeholder-cyan-900:focus::placeholder {
    color: #006064;
  }

  :root .md\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    color: #f3e5f5;
  }

  :root .md\:focus\:placeholder-purple-50:focus::placeholder {
    color: #f3e5f5;
  }

  :root .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    color: #e1bee7;
  }

  :root .md\:focus\:placeholder-purple-100:focus::placeholder {
    color: #e1bee7;
  }

  :root .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    color: #ce93d8;
  }

  :root .md\:focus\:placeholder-purple-200:focus::placeholder {
    color: #ce93d8;
  }

  :root .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    color: #ba68c8;
  }

  :root .md\:focus\:placeholder-purple-300:focus::placeholder {
    color: #ba68c8;
  }

  :root .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    color: #ab47bc;
  }

  :root .md\:focus\:placeholder-purple-400:focus::placeholder {
    color: #ab47bc;
  }

  :root .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    color: #9c27b0;
  }

  :root .md\:focus\:placeholder-purple-500:focus::placeholder {
    color: #9c27b0;
  }

  :root .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    color: #8e24aa;
  }

  :root .md\:focus\:placeholder-purple-600:focus::placeholder {
    color: #8e24aa;
  }

  :root .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    color: #7b1fa2;
  }

  :root .md\:focus\:placeholder-purple-700:focus::placeholder {
    color: #7b1fa2;
  }

  :root .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    color: #6a1b9a;
  }

  :root .md\:focus\:placeholder-purple-800:focus::placeholder {
    color: #6a1b9a;
  }

  :root .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    color: #4a148c;
  }

  :root .md\:focus\:placeholder-purple-900:focus::placeholder {
    color: #4a148c;
  }

  :root .md\:focus\:placeholder-deep-purple-50:focus::-moz-placeholder {
    color: #ede7f6;
  }

  :root .md\:focus\:placeholder-deep-purple-50:focus::placeholder {
    color: #ede7f6;
  }

  :root .md\:focus\:placeholder-deep-purple-100:focus::-moz-placeholder {
    color: #d1c4e9;
  }

  :root .md\:focus\:placeholder-deep-purple-100:focus::placeholder {
    color: #d1c4e9;
  }

  :root .md\:focus\:placeholder-deep-purple-200:focus::-moz-placeholder {
    color: #b39ddb;
  }

  :root .md\:focus\:placeholder-deep-purple-200:focus::placeholder {
    color: #b39ddb;
  }

  :root .md\:focus\:placeholder-deep-purple-300:focus::-moz-placeholder {
    color: #9575cd;
  }

  :root .md\:focus\:placeholder-deep-purple-300:focus::placeholder {
    color: #9575cd;
  }

  :root .md\:focus\:placeholder-deep-purple-400:focus::-moz-placeholder {
    color: #7e57c2;
  }

  :root .md\:focus\:placeholder-deep-purple-400:focus::placeholder {
    color: #7e57c2;
  }

  :root .md\:focus\:placeholder-deep-purple-500:focus::-moz-placeholder {
    color: #673ab7;
  }

  :root .md\:focus\:placeholder-deep-purple-500:focus::placeholder {
    color: #673ab7;
  }

  :root .md\:focus\:placeholder-deep-purple-600:focus::-moz-placeholder {
    color: #5e35b1;
  }

  :root .md\:focus\:placeholder-deep-purple-600:focus::placeholder {
    color: #5e35b1;
  }

  :root .md\:focus\:placeholder-deep-purple-700:focus::-moz-placeholder {
    color: #512da8;
  }

  :root .md\:focus\:placeholder-deep-purple-700:focus::placeholder {
    color: #512da8;
  }

  :root .md\:focus\:placeholder-deep-purple-800:focus::-moz-placeholder {
    color: #4527a0;
  }

  :root .md\:focus\:placeholder-deep-purple-800:focus::placeholder {
    color: #4527a0;
  }

  :root .md\:focus\:placeholder-deep-purple-900:focus::-moz-placeholder {
    color: #311b92;
  }

  :root .md\:focus\:placeholder-deep-purple-900:focus::placeholder {
    color: #311b92;
  }

  :root .md\:focus\:placeholder-primary-50:focus::-moz-placeholder {
    color: #FBE4E7;
  }

  :root .md\:focus\:placeholder-primary-50:focus::placeholder {
    color: #FBE4E7;
  }

  :root .md\:focus\:placeholder-primary-100:focus::-moz-placeholder {
    color: #F5BCC2;
  }

  :root .md\:focus\:placeholder-primary-100:focus::placeholder {
    color: #F5BCC2;
  }

  :root .md\:focus\:placeholder-primary-200:focus::-moz-placeholder {
    color: #EE8F9A;
  }

  :root .md\:focus\:placeholder-primary-200:focus::placeholder {
    color: #EE8F9A;
  }

  :root .md\:focus\:placeholder-primary-300:focus::-moz-placeholder {
    color: #E76272;
  }

  :root .md\:focus\:placeholder-primary-300:focus::placeholder {
    color: #E76272;
  }

  :root .md\:focus\:placeholder-primary-400:focus::-moz-placeholder {
    color: #E14053;
  }

  :root .md\:focus\:placeholder-primary-400:focus::placeholder {
    color: #E14053;
  }

  :root .md\:focus\:placeholder-primary-500:focus::-moz-placeholder {
    color: #1976d2;
  }

  :root .md\:focus\:placeholder-primary-500:focus::placeholder {
    color: #1976d2;
  }

  :root .md\:focus\:placeholder-primary-600:focus::-moz-placeholder {
    color: #D81A30;
  }

  :root .md\:focus\:placeholder-primary-600:focus::placeholder {
    color: #D81A30;
  }

  :root .md\:focus\:placeholder-primary-700:focus::-moz-placeholder {
    color: #D31628;
  }

  :root .md\:focus\:placeholder-primary-700:focus::placeholder {
    color: #D31628;
  }

  :root .md\:focus\:placeholder-primary-800:focus::-moz-placeholder {
    color: #CE1222;
  }

  :root .md\:focus\:placeholder-primary-800:focus::placeholder {
    color: #CE1222;
  }

  :root .md\:focus\:placeholder-primary-900:focus::-moz-placeholder {
    color: #C50A16;
  }

  :root .md\:focus\:placeholder-primary-900:focus::placeholder {
    color: #C50A16;
  }

  :root .md\:pointer-events-none {
    pointer-events: none;
  }

  :root .md\:pointer-events-auto {
    pointer-events: auto;
  }

  :root .md\:static {
    position: static;
  }

  :root .md\:fixed {
    position: fixed;
  }

  :root .md\:absolute {
    position: absolute;
  }

  :root .md\:relative {
    position: relative;
  }

  :root .md\:sticky {
    position: sticky;
  }

  :root .md\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root .md\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root .md\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root .md\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root .md\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root .md\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root .md\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root .md\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root .md\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root .md\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root .md\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root .md\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root .md\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root .md\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root .md\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root .md\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root .md\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root .md\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root .md\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root .md\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root .md\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root .md\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root .md\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root .md\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root .md\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root .md\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root .md\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root .md\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root .md\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root .md\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root .md\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root .md\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root .md\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root .md\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root .md\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root .md\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root .md\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root .md\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root .md\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root .md\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root .md\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root .md\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root .md\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root .md\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root .md\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root .md\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root .md\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root .md\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root .md\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root .md\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root .md\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root .md\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root .md\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root .md\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root .md\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root .md\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root .md\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root .md\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root .md\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root .md\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root .md\:top-0 {
    top: 0;
  }

  :root .md\:right-0 {
    right: 0;
  }

  :root .md\:bottom-0 {
    bottom: 0;
  }

  :root .md\:left-0 {
    left: 0;
  }

  :root .md\:top-1 {
    top: 0.25rem;
  }

  :root .md\:right-1 {
    right: 0.25rem;
  }

  :root .md\:bottom-1 {
    bottom: 0.25rem;
  }

  :root .md\:left-1 {
    left: 0.25rem;
  }

  :root .md\:top-2 {
    top: 0.5rem;
  }

  :root .md\:right-2 {
    right: 0.5rem;
  }

  :root .md\:bottom-2 {
    bottom: 0.5rem;
  }

  :root .md\:left-2 {
    left: 0.5rem;
  }

  :root .md\:top-3 {
    top: 0.75rem;
  }

  :root .md\:right-3 {
    right: 0.75rem;
  }

  :root .md\:bottom-3 {
    bottom: 0.75rem;
  }

  :root .md\:left-3 {
    left: 0.75rem;
  }

  :root .md\:top-4 {
    top: 1rem;
  }

  :root .md\:right-4 {
    right: 1rem;
  }

  :root .md\:bottom-4 {
    bottom: 1rem;
  }

  :root .md\:left-4 {
    left: 1rem;
  }

  :root .md\:top-5 {
    top: 1.25rem;
  }

  :root .md\:right-5 {
    right: 1.25rem;
  }

  :root .md\:bottom-5 {
    bottom: 1.25rem;
  }

  :root .md\:left-5 {
    left: 1.25rem;
  }

  :root .md\:top-6 {
    top: 1.5rem;
  }

  :root .md\:right-6 {
    right: 1.5rem;
  }

  :root .md\:bottom-6 {
    bottom: 1.5rem;
  }

  :root .md\:left-6 {
    left: 1.5rem;
  }

  :root .md\:top-8 {
    top: 2rem;
  }

  :root .md\:right-8 {
    right: 2rem;
  }

  :root .md\:bottom-8 {
    bottom: 2rem;
  }

  :root .md\:left-8 {
    left: 2rem;
  }

  :root .md\:top-10 {
    top: 2.5rem;
  }

  :root .md\:right-10 {
    right: 2.5rem;
  }

  :root .md\:bottom-10 {
    bottom: 2.5rem;
  }

  :root .md\:left-10 {
    left: 2.5rem;
  }

  :root .md\:top-12 {
    top: 3rem;
  }

  :root .md\:right-12 {
    right: 3rem;
  }

  :root .md\:bottom-12 {
    bottom: 3rem;
  }

  :root .md\:left-12 {
    left: 3rem;
  }

  :root .md\:-top-1 {
    top: -0.25rem;
  }

  :root .md\:-right-1 {
    right: -0.25rem;
  }

  :root .md\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root .md\:-left-1 {
    left: -0.25rem;
  }

  :root .md\:-top-2 {
    top: -0.5rem;
  }

  :root .md\:-right-2 {
    right: -0.5rem;
  }

  :root .md\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root .md\:-left-2 {
    left: -0.5rem;
  }

  :root .md\:-top-3 {
    top: -0.75rem;
  }

  :root .md\:-right-3 {
    right: -0.75rem;
  }

  :root .md\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root .md\:-left-3 {
    left: -0.75rem;
  }

  :root .md\:-top-4 {
    top: -1rem;
  }

  :root .md\:-right-4 {
    right: -1rem;
  }

  :root .md\:-bottom-4 {
    bottom: -1rem;
  }

  :root .md\:-left-4 {
    left: -1rem;
  }

  :root .md\:-top-5 {
    top: -1.25rem;
  }

  :root .md\:-right-5 {
    right: -1.25rem;
  }

  :root .md\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root .md\:-left-5 {
    left: -1.25rem;
  }

  :root .md\:-top-6 {
    top: -1.5rem;
  }

  :root .md\:-right-6 {
    right: -1.5rem;
  }

  :root .md\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root .md\:-left-6 {
    left: -1.5rem;
  }

  :root .md\:-top-8 {
    top: -2rem;
  }

  :root .md\:-right-8 {
    right: -2rem;
  }

  :root .md\:-bottom-8 {
    bottom: -2rem;
  }

  :root .md\:-left-8 {
    left: -2rem;
  }

  :root .md\:-top-10 {
    top: -2.5rem;
  }

  :root .md\:-right-10 {
    right: -2.5rem;
  }

  :root .md\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root .md\:-left-10 {
    left: -2.5rem;
  }

  :root .md\:-top-12 {
    top: -3rem;
  }

  :root .md\:-right-12 {
    right: -3rem;
  }

  :root .md\:-bottom-12 {
    bottom: -3rem;
  }

  :root .md\:-left-12 {
    left: -3rem;
  }

  :root .md\:top-auto {
    top: auto;
  }

  :root .md\:right-auto {
    right: auto;
  }

  :root .md\:bottom-auto {
    bottom: auto;
  }

  :root .md\:left-auto {
    left: auto;
  }

  [dir=ltr] .md\:ltr\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  [dir=ltr] .md\:ltr\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  [dir=ltr] .md\:ltr\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  [dir=ltr] .md\:ltr\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  [dir=ltr] .md\:ltr\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  [dir=ltr] .md\:ltr\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  [dir=ltr] .md\:ltr\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  [dir=ltr] .md\:ltr\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  [dir=ltr] .md\:ltr\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  [dir=ltr] .md\:ltr\:inset-x-0 {
    right: 0;
    left: 0;
  }

  [dir=ltr] .md\:ltr\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  [dir=ltr] .md\:ltr\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  [dir=ltr] .md\:ltr\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  [dir=ltr] .md\:ltr\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  [dir=ltr] .md\:ltr\:inset-x-auto {
    right: auto;
    left: auto;
  }

  [dir=ltr] .md\:ltr\:top-0 {
    top: 0;
  }

  [dir=ltr] .md\:ltr\:right-0 {
    right: 0;
  }

  [dir=ltr] .md\:ltr\:bottom-0 {
    bottom: 0;
  }

  [dir=ltr] .md\:ltr\:left-0 {
    left: 0;
  }

  [dir=ltr] .md\:ltr\:top-1 {
    top: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:right-1 {
    right: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:bottom-1 {
    bottom: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:left-1 {
    left: 0.25rem;
  }

  [dir=ltr] .md\:ltr\:top-2 {
    top: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:right-2 {
    right: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:bottom-2 {
    bottom: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:left-2 {
    left: 0.5rem;
  }

  [dir=ltr] .md\:ltr\:top-3 {
    top: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:right-3 {
    right: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:bottom-3 {
    bottom: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:left-3 {
    left: 0.75rem;
  }

  [dir=ltr] .md\:ltr\:top-4 {
    top: 1rem;
  }

  [dir=ltr] .md\:ltr\:right-4 {
    right: 1rem;
  }

  [dir=ltr] .md\:ltr\:bottom-4 {
    bottom: 1rem;
  }

  [dir=ltr] .md\:ltr\:left-4 {
    left: 1rem;
  }

  [dir=ltr] .md\:ltr\:top-5 {
    top: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:right-5 {
    right: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:bottom-5 {
    bottom: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:left-5 {
    left: 1.25rem;
  }

  [dir=ltr] .md\:ltr\:top-6 {
    top: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:right-6 {
    right: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:bottom-6 {
    bottom: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:left-6 {
    left: 1.5rem;
  }

  [dir=ltr] .md\:ltr\:top-8 {
    top: 2rem;
  }

  [dir=ltr] .md\:ltr\:right-8 {
    right: 2rem;
  }

  [dir=ltr] .md\:ltr\:bottom-8 {
    bottom: 2rem;
  }

  [dir=ltr] .md\:ltr\:left-8 {
    left: 2rem;
  }

  [dir=ltr] .md\:ltr\:top-10 {
    top: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:right-10 {
    right: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:bottom-10 {
    bottom: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:left-10 {
    left: 2.5rem;
  }

  [dir=ltr] .md\:ltr\:top-12 {
    top: 3rem;
  }

  [dir=ltr] .md\:ltr\:right-12 {
    right: 3rem;
  }

  [dir=ltr] .md\:ltr\:bottom-12 {
    bottom: 3rem;
  }

  [dir=ltr] .md\:ltr\:left-12 {
    left: 3rem;
  }

  [dir=ltr] .md\:ltr\:-top-1 {
    top: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-right-1 {
    right: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-1 {
    bottom: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-left-1 {
    left: -0.25rem;
  }

  [dir=ltr] .md\:ltr\:-top-2 {
    top: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-right-2 {
    right: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-2 {
    bottom: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-left-2 {
    left: -0.5rem;
  }

  [dir=ltr] .md\:ltr\:-top-3 {
    top: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-right-3 {
    right: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-3 {
    bottom: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-left-3 {
    left: -0.75rem;
  }

  [dir=ltr] .md\:ltr\:-top-4 {
    top: -1rem;
  }

  [dir=ltr] .md\:ltr\:-right-4 {
    right: -1rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-4 {
    bottom: -1rem;
  }

  [dir=ltr] .md\:ltr\:-left-4 {
    left: -1rem;
  }

  [dir=ltr] .md\:ltr\:-top-5 {
    top: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-right-5 {
    right: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-5 {
    bottom: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-left-5 {
    left: -1.25rem;
  }

  [dir=ltr] .md\:ltr\:-top-6 {
    top: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-right-6 {
    right: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-6 {
    bottom: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-left-6 {
    left: -1.5rem;
  }

  [dir=ltr] .md\:ltr\:-top-8 {
    top: -2rem;
  }

  [dir=ltr] .md\:ltr\:-right-8 {
    right: -2rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-8 {
    bottom: -2rem;
  }

  [dir=ltr] .md\:ltr\:-left-8 {
    left: -2rem;
  }

  [dir=ltr] .md\:ltr\:-top-10 {
    top: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-right-10 {
    right: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-10 {
    bottom: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-left-10 {
    left: -2.5rem;
  }

  [dir=ltr] .md\:ltr\:-top-12 {
    top: -3rem;
  }

  [dir=ltr] .md\:ltr\:-right-12 {
    right: -3rem;
  }

  [dir=ltr] .md\:ltr\:-bottom-12 {
    bottom: -3rem;
  }

  [dir=ltr] .md\:ltr\:-left-12 {
    left: -3rem;
  }

  [dir=ltr] .md\:ltr\:top-auto {
    top: auto;
  }

  [dir=ltr] .md\:ltr\:right-auto {
    right: auto;
  }

  [dir=ltr] .md\:ltr\:bottom-auto {
    bottom: auto;
  }

  [dir=ltr] .md\:ltr\:left-auto {
    left: auto;
  }

  [dir=rtl] .md\:rtl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  [dir=rtl] .md\:rtl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  [dir=rtl] .md\:rtl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  [dir=rtl] .md\:rtl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  [dir=rtl] .md\:rtl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  [dir=rtl] .md\:rtl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  [dir=rtl] .md\:rtl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  [dir=rtl] .md\:rtl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  [dir=rtl] .md\:rtl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  [dir=rtl] .md\:rtl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  [dir=rtl] .md\:rtl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  [dir=rtl] .md\:rtl\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  [dir=rtl] .md\:rtl\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  [dir=rtl] .md\:rtl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  [dir=rtl] .md\:rtl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  [dir=rtl] .md\:rtl\:top-0 {
    top: 0;
  }

  [dir=rtl] .md\:rtl\:right-0 {
    right: 0;
  }

  [dir=rtl] .md\:rtl\:bottom-0 {
    bottom: 0;
  }

  [dir=rtl] .md\:rtl\:left-0 {
    left: 0;
  }

  [dir=rtl] .md\:rtl\:top-1 {
    top: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:right-1 {
    right: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:bottom-1 {
    bottom: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:left-1 {
    left: 0.25rem;
  }

  [dir=rtl] .md\:rtl\:top-2 {
    top: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:right-2 {
    right: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:bottom-2 {
    bottom: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:left-2 {
    left: 0.5rem;
  }

  [dir=rtl] .md\:rtl\:top-3 {
    top: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:right-3 {
    right: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:bottom-3 {
    bottom: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:left-3 {
    left: 0.75rem;
  }

  [dir=rtl] .md\:rtl\:top-4 {
    top: 1rem;
  }

  [dir=rtl] .md\:rtl\:right-4 {
    right: 1rem;
  }

  [dir=rtl] .md\:rtl\:bottom-4 {
    bottom: 1rem;
  }

  [dir=rtl] .md\:rtl\:left-4 {
    left: 1rem;
  }

  [dir=rtl] .md\:rtl\:top-5 {
    top: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:right-5 {
    right: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:bottom-5 {
    bottom: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:left-5 {
    left: 1.25rem;
  }

  [dir=rtl] .md\:rtl\:top-6 {
    top: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:right-6 {
    right: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:bottom-6 {
    bottom: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:left-6 {
    left: 1.5rem;
  }

  [dir=rtl] .md\:rtl\:top-8 {
    top: 2rem;
  }

  [dir=rtl] .md\:rtl\:right-8 {
    right: 2rem;
  }

  [dir=rtl] .md\:rtl\:bottom-8 {
    bottom: 2rem;
  }

  [dir=rtl] .md\:rtl\:left-8 {
    left: 2rem;
  }

  [dir=rtl] .md\:rtl\:top-10 {
    top: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:right-10 {
    right: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:bottom-10 {
    bottom: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:left-10 {
    left: 2.5rem;
  }

  [dir=rtl] .md\:rtl\:top-12 {
    top: 3rem;
  }

  [dir=rtl] .md\:rtl\:right-12 {
    right: 3rem;
  }

  [dir=rtl] .md\:rtl\:bottom-12 {
    bottom: 3rem;
  }

  [dir=rtl] .md\:rtl\:left-12 {
    left: 3rem;
  }

  [dir=rtl] .md\:rtl\:-top-1 {
    top: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-right-1 {
    right: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-1 {
    bottom: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-left-1 {
    left: -0.25rem;
  }

  [dir=rtl] .md\:rtl\:-top-2 {
    top: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-right-2 {
    right: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-2 {
    bottom: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-left-2 {
    left: -0.5rem;
  }

  [dir=rtl] .md\:rtl\:-top-3 {
    top: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-right-3 {
    right: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-3 {
    bottom: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-left-3 {
    left: -0.75rem;
  }

  [dir=rtl] .md\:rtl\:-top-4 {
    top: -1rem;
  }

  [dir=rtl] .md\:rtl\:-right-4 {
    right: -1rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-4 {
    bottom: -1rem;
  }

  [dir=rtl] .md\:rtl\:-left-4 {
    left: -1rem;
  }

  [dir=rtl] .md\:rtl\:-top-5 {
    top: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-right-5 {
    right: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-5 {
    bottom: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-left-5 {
    left: -1.25rem;
  }

  [dir=rtl] .md\:rtl\:-top-6 {
    top: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-right-6 {
    right: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-6 {
    bottom: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-left-6 {
    left: -1.5rem;
  }

  [dir=rtl] .md\:rtl\:-top-8 {
    top: -2rem;
  }

  [dir=rtl] .md\:rtl\:-right-8 {
    right: -2rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-8 {
    bottom: -2rem;
  }

  [dir=rtl] .md\:rtl\:-left-8 {
    left: -2rem;
  }

  [dir=rtl] .md\:rtl\:-top-10 {
    top: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-right-10 {
    right: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-10 {
    bottom: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-left-10 {
    left: -2.5rem;
  }

  [dir=rtl] .md\:rtl\:-top-12 {
    top: -3rem;
  }

  [dir=rtl] .md\:rtl\:-right-12 {
    right: -3rem;
  }

  [dir=rtl] .md\:rtl\:-bottom-12 {
    bottom: -3rem;
  }

  [dir=rtl] .md\:rtl\:-left-12 {
    left: -3rem;
  }

  [dir=rtl] .md\:rtl\:top-auto {
    top: auto;
  }

  [dir=rtl] .md\:rtl\:right-auto {
    right: auto;
  }

  [dir=rtl] .md\:rtl\:bottom-auto {
    bottom: auto;
  }

  [dir=rtl] .md\:rtl\:left-auto {
    left: auto;
  }

  :root .md\:resize-none {
    resize: none;
  }

  :root .md\:resize-y {
    resize: vertical;
  }

  :root .md\:resize-x {
    resize: horizontal;
  }

  :root .md\:resize {
    resize: both;
  }

  :root .md\:shadow-1 {
    box-shadow: var(--elevation-z1);
  }

  :root .md\:shadow-2 {
    box-shadow: var(--elevation-z2);
  }

  :root .md\:shadow-3 {
    box-shadow: var(--elevation-z3);
  }

  :root .md\:shadow-4 {
    box-shadow: var(--elevation-z4);
  }

  :root .md\:shadow-5 {
    box-shadow: var(--elevation-z5);
  }

  :root .md\:shadow-6 {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:shadow-7 {
    box-shadow: var(--elevation-z7);
  }

  :root .md\:shadow-8 {
    box-shadow: var(--elevation-z8);
  }

  :root .md\:shadow-9 {
    box-shadow: var(--elevation-z9);
  }

  :root .md\:shadow-10 {
    box-shadow: var(--elevation-z10);
  }

  :root .md\:shadow-11 {
    box-shadow: var(--elevation-z11);
  }

  :root .md\:shadow-12 {
    box-shadow: var(--elevation-z12);
  }

  :root .md\:shadow-13 {
    box-shadow: var(--elevation-z13);
  }

  :root .md\:shadow-14 {
    box-shadow: var(--elevation-z14);
  }

  :root .md\:shadow-15 {
    box-shadow: var(--elevation-z15);
  }

  :root .md\:shadow-16 {
    box-shadow: var(--elevation-z16);
  }

  :root .md\:shadow-17 {
    box-shadow: var(--elevation-z17);
  }

  :root .md\:shadow-18 {
    box-shadow: var(--elevation-z18);
  }

  :root .md\:shadow-19 {
    box-shadow: var(--elevation-z19);
  }

  :root .md\:shadow-20 {
    box-shadow: var(--elevation-z20);
  }

  :root .md\:shadow {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .md\:shadow-lg {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .md\:shadow-xl {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .md\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .md\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .md\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .md\:shadow-none {
    box-shadow: none;
  }

  :root .md\:shadow-b {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .md\:hover\:shadow-1:hover {
    box-shadow: var(--elevation-z1);
  }

  :root .md\:hover\:shadow-2:hover {
    box-shadow: var(--elevation-z2);
  }

  :root .md\:hover\:shadow-3:hover {
    box-shadow: var(--elevation-z3);
  }

  :root .md\:hover\:shadow-4:hover {
    box-shadow: var(--elevation-z4);
  }

  :root .md\:hover\:shadow-5:hover {
    box-shadow: var(--elevation-z5);
  }

  :root .md\:hover\:shadow-6:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:hover\:shadow-7:hover {
    box-shadow: var(--elevation-z7);
  }

  :root .md\:hover\:shadow-8:hover {
    box-shadow: var(--elevation-z8);
  }

  :root .md\:hover\:shadow-9:hover {
    box-shadow: var(--elevation-z9);
  }

  :root .md\:hover\:shadow-10:hover {
    box-shadow: var(--elevation-z10);
  }

  :root .md\:hover\:shadow-11:hover {
    box-shadow: var(--elevation-z11);
  }

  :root .md\:hover\:shadow-12:hover {
    box-shadow: var(--elevation-z12);
  }

  :root .md\:hover\:shadow-13:hover {
    box-shadow: var(--elevation-z13);
  }

  :root .md\:hover\:shadow-14:hover {
    box-shadow: var(--elevation-z14);
  }

  :root .md\:hover\:shadow-15:hover {
    box-shadow: var(--elevation-z15);
  }

  :root .md\:hover\:shadow-16:hover {
    box-shadow: var(--elevation-z16);
  }

  :root .md\:hover\:shadow-17:hover {
    box-shadow: var(--elevation-z17);
  }

  :root .md\:hover\:shadow-18:hover {
    box-shadow: var(--elevation-z18);
  }

  :root .md\:hover\:shadow-19:hover {
    box-shadow: var(--elevation-z19);
  }

  :root .md\:hover\:shadow-20:hover {
    box-shadow: var(--elevation-z20);
  }

  :root .md\:hover\:shadow:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .md\:hover\:shadow-lg:hover {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .md\:hover\:shadow-xl:hover {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .md\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .md\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .md\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .md\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  :root .md\:hover\:shadow-b:hover {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .md\:focus\:shadow-1:focus {
    box-shadow: var(--elevation-z1);
  }

  :root .md\:focus\:shadow-2:focus {
    box-shadow: var(--elevation-z2);
  }

  :root .md\:focus\:shadow-3:focus {
    box-shadow: var(--elevation-z3);
  }

  :root .md\:focus\:shadow-4:focus {
    box-shadow: var(--elevation-z4);
  }

  :root .md\:focus\:shadow-5:focus {
    box-shadow: var(--elevation-z5);
  }

  :root .md\:focus\:shadow-6:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:focus\:shadow-7:focus {
    box-shadow: var(--elevation-z7);
  }

  :root .md\:focus\:shadow-8:focus {
    box-shadow: var(--elevation-z8);
  }

  :root .md\:focus\:shadow-9:focus {
    box-shadow: var(--elevation-z9);
  }

  :root .md\:focus\:shadow-10:focus {
    box-shadow: var(--elevation-z10);
  }

  :root .md\:focus\:shadow-11:focus {
    box-shadow: var(--elevation-z11);
  }

  :root .md\:focus\:shadow-12:focus {
    box-shadow: var(--elevation-z12);
  }

  :root .md\:focus\:shadow-13:focus {
    box-shadow: var(--elevation-z13);
  }

  :root .md\:focus\:shadow-14:focus {
    box-shadow: var(--elevation-z14);
  }

  :root .md\:focus\:shadow-15:focus {
    box-shadow: var(--elevation-z15);
  }

  :root .md\:focus\:shadow-16:focus {
    box-shadow: var(--elevation-z16);
  }

  :root .md\:focus\:shadow-17:focus {
    box-shadow: var(--elevation-z17);
  }

  :root .md\:focus\:shadow-18:focus {
    box-shadow: var(--elevation-z18);
  }

  :root .md\:focus\:shadow-19:focus {
    box-shadow: var(--elevation-z19);
  }

  :root .md\:focus\:shadow-20:focus {
    box-shadow: var(--elevation-z20);
  }

  :root .md\:focus\:shadow:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .md\:focus\:shadow-lg:focus {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .md\:focus\:shadow-xl:focus {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .md\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .md\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .md\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .md\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  :root .md\:focus\:shadow-b:focus {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .md\:fill-current {
    fill: currentColor;
  }

  :root .md\:stroke-current {
    stroke: currentColor;
  }

  :root .md\:stroke-0 {
    stroke-width: 0;
  }

  :root .md\:stroke-1 {
    stroke-width: 1;
  }

  :root .md\:stroke-2 {
    stroke-width: 2;
  }

  :root .md\:table-auto {
    table-layout: auto;
  }

  :root .md\:table-fixed {
    table-layout: fixed;
  }

  :root .md\:text-left {
    text-align: left;
  }

  :root .md\:text-center {
    text-align: center;
  }

  :root .md\:text-right {
    text-align: right;
  }

  :root .md\:text-justify {
    text-align: justify;
  }

  :root .md\:text-secondary {
    color: var(--text-secondary);
  }

  :root .md\:text-hint {
    color: var(--text-hint);
  }

  :root .md\:text-transparent {
    color: transparent;
  }

  :root .md\:text-black {
    color: var(--text-color);
  }

  :root .md\:text-white {
    color: var(--text-color-light);
  }

  :root .md\:text-contrast-black {
    color: black;
  }

  :root .md\:text-contrast-white {
    color: white;
  }

  :root .md\:text-obs-primary {
    color: #5977FF;
  }

  :root .md\:text-obs-secondary {
    color: #5d5c64;
  }

  :root .md\:text-obs-maroon {
    color: #961e36;
  }

  :root .md\:text-obs-navy {
    color: #3e4861;
  }

  :root .md\:text-obs-pink {
    color: #d2afc5;
  }

  :root .md\:text-obs-dark-orange {
    color: #d6582a;
  }

  :root .md\:text-obs-gold {
    color: #9d8944;
  }

  :root .md\:text-obs-light-blue {
    color: #A3C2D6;
  }

  :root .md\:text-obs-purple {
    color: #722670;
  }

  :root .md\:text-obs-light-orange {
    color: #fF9c01;
  }

  :root .md\:text-obs-blue {
    color: #5da7d6;
  }

  :root .md\:text-gray-50 {
    color: #fafafa;
  }

  :root .md\:text-gray-100 {
    color: #f5f5f5;
  }

  :root .md\:text-gray-200 {
    color: #eeeeee;
  }

  :root .md\:text-gray-300 {
    color: #e0e0e0;
  }

  :root .md\:text-gray-400 {
    color: #bdbdbd;
  }

  :root .md\:text-gray-500 {
    color: #9e9e9e;
  }

  :root .md\:text-gray-600 {
    color: #757575;
  }

  :root .md\:text-gray-700 {
    color: #616161;
  }

  :root .md\:text-gray-800 {
    color: #424242;
  }

  :root .md\:text-gray-900 {
    color: #212121;
  }

  :root .md\:text-red-50 {
    color: #ffebee;
  }

  :root .md\:text-red-100 {
    color: #ffcdd2;
  }

  :root .md\:text-red-200 {
    color: #ef9a9a;
  }

  :root .md\:text-red-300 {
    color: #e57373;
  }

  :root .md\:text-red-400 {
    color: #ef5350;
  }

  :root .md\:text-red-500 {
    color: #f44336;
  }

  :root .md\:text-red-600 {
    color: #e53935;
  }

  :root .md\:text-red-700 {
    color: #d32f2f;
  }

  :root .md\:text-red-800 {
    color: #c62828;
  }

  :root .md\:text-red-900 {
    color: #b71c1c;
  }

  :root .md\:text-orange-50 {
    color: #fff3e0;
  }

  :root .md\:text-orange-100 {
    color: #ffe0b2;
  }

  :root .md\:text-orange-200 {
    color: #ffcc80;
  }

  :root .md\:text-orange-300 {
    color: #ffb74d;
  }

  :root .md\:text-orange-400 {
    color: #ffa726;
  }

  :root .md\:text-orange-500 {
    color: #ff9800;
  }

  :root .md\:text-orange-600 {
    color: #fb8c00;
  }

  :root .md\:text-orange-700 {
    color: #f57c00;
  }

  :root .md\:text-orange-800 {
    color: #ef6c00;
  }

  :root .md\:text-orange-900 {
    color: #e65100;
  }

  :root .md\:text-deep-orange-50 {
    color: #fbe9e7;
  }

  :root .md\:text-deep-orange-100 {
    color: #ffccbc;
  }

  :root .md\:text-deep-orange-200 {
    color: #ffab91;
  }

  :root .md\:text-deep-orange-300 {
    color: #ff8a65;
  }

  :root .md\:text-deep-orange-400 {
    color: #ff7043;
  }

  :root .md\:text-deep-orange-500 {
    color: #ff5722;
  }

  :root .md\:text-deep-orange-600 {
    color: #f4511e;
  }

  :root .md\:text-deep-orange-700 {
    color: #e64a19;
  }

  :root .md\:text-deep-orange-800 {
    color: #d84315;
  }

  :root .md\:text-deep-orange-900 {
    color: #bf360c;
  }

  :root .md\:text-amber-50 {
    color: #fff8e1;
  }

  :root .md\:text-amber-100 {
    color: #ffecb3;
  }

  :root .md\:text-amber-200 {
    color: #ffe082;
  }

  :root .md\:text-amber-300 {
    color: #ffd54f;
  }

  :root .md\:text-amber-400 {
    color: #ffca28;
  }

  :root .md\:text-amber-500 {
    color: #ffc107;
  }

  :root .md\:text-amber-600 {
    color: #ffb300;
  }

  :root .md\:text-amber-700 {
    color: #ffa000;
  }

  :root .md\:text-amber-800 {
    color: #ff8f00;
  }

  :root .md\:text-amber-900 {
    color: #ff6f00;
  }

  :root .md\:text-light-green-50 {
    color: #f1f8e9;
  }

  :root .md\:text-light-green-100 {
    color: #dcedc8;
  }

  :root .md\:text-light-green-200 {
    color: #c5e1a5;
  }

  :root .md\:text-light-green-300 {
    color: #aed581;
  }

  :root .md\:text-light-green-400 {
    color: #9ccc65;
  }

  :root .md\:text-light-green-500 {
    color: #8bc34a;
  }

  :root .md\:text-light-green-600 {
    color: #7cb342;
  }

  :root .md\:text-light-green-700 {
    color: #689f38;
  }

  :root .md\:text-light-green-800 {
    color: #558b2f;
  }

  :root .md\:text-light-green-900 {
    color: #33691e;
  }

  :root .md\:text-green-50 {
    color: #e8f5e9;
  }

  :root .md\:text-green-100 {
    color: #c8e6c9;
  }

  :root .md\:text-green-200 {
    color: #a5d6a7;
  }

  :root .md\:text-green-300 {
    color: #81c784;
  }

  :root .md\:text-green-400 {
    color: #66bb6a;
  }

  :root .md\:text-green-500 {
    color: #4caf50;
  }

  :root .md\:text-green-600 {
    color: #43a047;
  }

  :root .md\:text-green-700 {
    color: #388e3c;
  }

  :root .md\:text-green-800 {
    color: #2e7d32;
  }

  :root .md\:text-green-900 {
    color: #1b5e20;
  }

  :root .md\:text-teal-50 {
    color: #e0f2f1;
  }

  :root .md\:text-teal-100 {
    color: #b2dfdb;
  }

  :root .md\:text-teal-200 {
    color: #80cbc4;
  }

  :root .md\:text-teal-300 {
    color: #4db6ac;
  }

  :root .md\:text-teal-400 {
    color: #26a69a;
  }

  :root .md\:text-teal-500 {
    color: #009688;
  }

  :root .md\:text-teal-600 {
    color: #00897b;
  }

  :root .md\:text-teal-700 {
    color: #00796b;
  }

  :root .md\:text-teal-800 {
    color: #00695c;
  }

  :root .md\:text-teal-900 {
    color: #004d40;
  }

  :root .md\:text-cyan-50 {
    color: #e0f7fa;
  }

  :root .md\:text-cyan-100 {
    color: #b2ebf2;
  }

  :root .md\:text-cyan-200 {
    color: #80deea;
  }

  :root .md\:text-cyan-300 {
    color: #4dd0e1;
  }

  :root .md\:text-cyan-400 {
    color: #26c6da;
  }

  :root .md\:text-cyan-500 {
    color: #00bcd4;
  }

  :root .md\:text-cyan-600 {
    color: #00acc1;
  }

  :root .md\:text-cyan-700 {
    color: #0097a7;
  }

  :root .md\:text-cyan-800 {
    color: #00838f;
  }

  :root .md\:text-cyan-900 {
    color: #006064;
  }

  :root .md\:text-purple-50 {
    color: #f3e5f5;
  }

  :root .md\:text-purple-100 {
    color: #e1bee7;
  }

  :root .md\:text-purple-200 {
    color: #ce93d8;
  }

  :root .md\:text-purple-300 {
    color: #ba68c8;
  }

  :root .md\:text-purple-400 {
    color: #ab47bc;
  }

  :root .md\:text-purple-500 {
    color: #9c27b0;
  }

  :root .md\:text-purple-600 {
    color: #8e24aa;
  }

  :root .md\:text-purple-700 {
    color: #7b1fa2;
  }

  :root .md\:text-purple-800 {
    color: #6a1b9a;
  }

  :root .md\:text-purple-900 {
    color: #4a148c;
  }

  :root .md\:text-deep-purple-50 {
    color: #ede7f6;
  }

  :root .md\:text-deep-purple-100 {
    color: #d1c4e9;
  }

  :root .md\:text-deep-purple-200 {
    color: #b39ddb;
  }

  :root .md\:text-deep-purple-300 {
    color: #9575cd;
  }

  :root .md\:text-deep-purple-400 {
    color: #7e57c2;
  }

  :root .md\:text-deep-purple-500 {
    color: #673ab7;
  }

  :root .md\:text-deep-purple-600 {
    color: #5e35b1;
  }

  :root .md\:text-deep-purple-700 {
    color: #512da8;
  }

  :root .md\:text-deep-purple-800 {
    color: #4527a0;
  }

  :root .md\:text-deep-purple-900 {
    color: #311b92;
  }

  :root .md\:text-primary-50 {
    color: #FBE4E7;
  }

  :root .md\:text-primary-100 {
    color: #F5BCC2;
  }

  :root .md\:text-primary-200 {
    color: #EE8F9A;
  }

  :root .md\:text-primary-300 {
    color: #E76272;
  }

  :root .md\:text-primary-400 {
    color: #E14053;
  }

  :root .md\:text-primary-500 {
    color: #1976d2;
  }

  :root .md\:text-primary-600 {
    color: #D81A30;
  }

  :root .md\:text-primary-700 {
    color: #D31628;
  }

  :root .md\:text-primary-800 {
    color: #CE1222;
  }

  :root .md\:text-primary-900 {
    color: #C50A16;
  }

  :root .md\:text-primary-contrast-50 {
    color: #000;
  }

  :root .md\:text-primary-contrast-100 {
    color: #000;
  }

  :root .md\:text-primary-contrast-200 {
    color: #000;
  }

  :root .md\:text-primary-contrast-300 {
    color: #000;
  }

  :root .md\:text-primary-contrast-400 {
    color: #000;
  }

  :root .md\:text-primary-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-primary-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-primary-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-primary-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-primary-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-red-contrast-50 {
    color: #000;
  }

  :root .md\:text-red-contrast-100 {
    color: #000;
  }

  :root .md\:text-red-contrast-200 {
    color: #000;
  }

  :root .md\:text-red-contrast-300 {
    color: #000;
  }

  :root .md\:text-red-contrast-400 {
    color: #000;
  }

  :root .md\:text-red-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-red-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-red-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-red-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-red-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-green-contrast-50 {
    color: #000;
  }

  :root .md\:text-green-contrast-100 {
    color: #000;
  }

  :root .md\:text-green-contrast-200 {
    color: #000;
  }

  :root .md\:text-green-contrast-300 {
    color: #000;
  }

  :root .md\:text-green-contrast-400 {
    color: #000;
  }

  :root .md\:text-green-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-green-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-green-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-green-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-green-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-amber-contrast-50 {
    color: #000;
  }

  :root .md\:text-amber-contrast-100 {
    color: #000;
  }

  :root .md\:text-amber-contrast-200 {
    color: #000;
  }

  :root .md\:text-amber-contrast-300 {
    color: #000;
  }

  :root .md\:text-amber-contrast-400 {
    color: #000;
  }

  :root .md\:text-amber-contrast-500 {
    color: #000;
  }

  :root .md\:text-amber-contrast-600 {
    color: #000;
  }

  :root .md\:text-amber-contrast-700 {
    color: #000;
  }

  :root .md\:text-amber-contrast-800 {
    color: #000;
  }

  :root .md\:text-amber-contrast-900 {
    color: #000;
  }

  :root .md\:text-orange-contrast-50 {
    color: #000;
  }

  :root .md\:text-orange-contrast-100 {
    color: #000;
  }

  :root .md\:text-orange-contrast-200 {
    color: #000;
  }

  :root .md\:text-orange-contrast-300 {
    color: #000;
  }

  :root .md\:text-orange-contrast-400 {
    color: #000;
  }

  :root .md\:text-orange-contrast-500 {
    color: #000;
  }

  :root .md\:text-orange-contrast-600 {
    color: #000;
  }

  :root .md\:text-orange-contrast-700 {
    color: #000;
  }

  :root .md\:text-orange-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-orange-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-deep-orange-contrast-50 {
    color: #000;
  }

  :root .md\:text-deep-orange-contrast-100 {
    color: #000;
  }

  :root .md\:text-deep-orange-contrast-200 {
    color: #000;
  }

  :root .md\:text-deep-orange-contrast-300 {
    color: #000;
  }

  :root .md\:text-deep-orange-contrast-400 {
    color: #000;
  }

  :root .md\:text-deep-orange-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-deep-orange-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-deep-orange-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-deep-orange-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-deep-orange-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-purple-contrast-50 {
    color: #000;
  }

  :root .md\:text-purple-contrast-100 {
    color: #000;
  }

  :root .md\:text-purple-contrast-200 {
    color: #000;
  }

  :root .md\:text-purple-contrast-300 {
    color: #FFF;
  }

  :root .md\:text-purple-contrast-400 {
    color: #FFF;
  }

  :root .md\:text-purple-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-purple-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-purple-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-purple-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-purple-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-deep-purple-contrast-50 {
    color: #000;
  }

  :root .md\:text-deep-purple-contrast-100 {
    color: #000;
  }

  :root .md\:text-deep-purple-contrast-200 {
    color: #000;
  }

  :root .md\:text-deep-purple-contrast-300 {
    color: #FFF;
  }

  :root .md\:text-deep-purple-contrast-400 {
    color: #FFF;
  }

  :root .md\:text-deep-purple-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-deep-purple-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-deep-purple-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-deep-purple-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-deep-purple-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-cyan-contrast-50 {
    color: #000;
  }

  :root .md\:text-cyan-contrast-100 {
    color: #000;
  }

  :root .md\:text-cyan-contrast-200 {
    color: #000;
  }

  :root .md\:text-cyan-contrast-300 {
    color: #000;
  }

  :root .md\:text-cyan-contrast-400 {
    color: #000;
  }

  :root .md\:text-cyan-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-cyan-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-cyan-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-cyan-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-cyan-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-teal-contrast-50 {
    color: #000;
  }

  :root .md\:text-teal-contrast-100 {
    color: #000;
  }

  :root .md\:text-teal-contrast-200 {
    color: #000;
  }

  :root .md\:text-teal-contrast-300 {
    color: #000;
  }

  :root .md\:text-teal-contrast-400 {
    color: #000;
  }

  :root .md\:text-teal-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-teal-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-teal-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-teal-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-teal-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-gray-contrast-50 {
    color: #000;
  }

  :root .md\:text-gray-contrast-100 {
    color: #000;
  }

  :root .md\:text-gray-contrast-200 {
    color: #000;
  }

  :root .md\:text-gray-contrast-300 {
    color: #000;
  }

  :root .md\:text-gray-contrast-400 {
    color: #000;
  }

  :root .md\:text-gray-contrast-500 {
    color: #FFF;
  }

  :root .md\:text-gray-contrast-600 {
    color: #FFF;
  }

  :root .md\:text-gray-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-gray-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-gray-contrast-900 {
    color: #FFF;
  }

  :root .md\:text-light-green-contrast-50 {
    color: #000;
  }

  :root .md\:text-light-green-contrast-100 {
    color: #000;
  }

  :root .md\:text-light-green-contrast-200 {
    color: #000;
  }

  :root .md\:text-light-green-contrast-300 {
    color: #000;
  }

  :root .md\:text-light-green-contrast-400 {
    color: #000;
  }

  :root .md\:text-light-green-contrast-500 {
    color: #000;
  }

  :root .md\:text-light-green-contrast-600 {
    color: #000;
  }

  :root .md\:text-light-green-contrast-700 {
    color: #FFF;
  }

  :root .md\:text-light-green-contrast-800 {
    color: #FFF;
  }

  :root .md\:text-light-green-contrast-900 {
    color: #FFF;
  }

  :root .md\:hover\:text-secondary:hover {
    color: var(--text-secondary);
  }

  :root .md\:hover\:text-hint:hover {
    color: var(--text-hint);
  }

  :root .md\:hover\:text-transparent:hover {
    color: transparent;
  }

  :root .md\:hover\:text-black:hover {
    color: var(--text-color);
  }

  :root .md\:hover\:text-white:hover {
    color: var(--text-color-light);
  }

  :root .md\:hover\:text-contrast-black:hover {
    color: black;
  }

  :root .md\:hover\:text-contrast-white:hover {
    color: white;
  }

  :root .md\:hover\:text-obs-primary:hover {
    color: #5977FF;
  }

  :root .md\:hover\:text-obs-secondary:hover {
    color: #5d5c64;
  }

  :root .md\:hover\:text-obs-maroon:hover {
    color: #961e36;
  }

  :root .md\:hover\:text-obs-navy:hover {
    color: #3e4861;
  }

  :root .md\:hover\:text-obs-pink:hover {
    color: #d2afc5;
  }

  :root .md\:hover\:text-obs-dark-orange:hover {
    color: #d6582a;
  }

  :root .md\:hover\:text-obs-gold:hover {
    color: #9d8944;
  }

  :root .md\:hover\:text-obs-light-blue:hover {
    color: #A3C2D6;
  }

  :root .md\:hover\:text-obs-purple:hover {
    color: #722670;
  }

  :root .md\:hover\:text-obs-light-orange:hover {
    color: #fF9c01;
  }

  :root .md\:hover\:text-obs-blue:hover {
    color: #5da7d6;
  }

  :root .md\:hover\:text-gray-50:hover {
    color: #fafafa;
  }

  :root .md\:hover\:text-gray-100:hover {
    color: #f5f5f5;
  }

  :root .md\:hover\:text-gray-200:hover {
    color: #eeeeee;
  }

  :root .md\:hover\:text-gray-300:hover {
    color: #e0e0e0;
  }

  :root .md\:hover\:text-gray-400:hover {
    color: #bdbdbd;
  }

  :root .md\:hover\:text-gray-500:hover {
    color: #9e9e9e;
  }

  :root .md\:hover\:text-gray-600:hover {
    color: #757575;
  }

  :root .md\:hover\:text-gray-700:hover {
    color: #616161;
  }

  :root .md\:hover\:text-gray-800:hover {
    color: #424242;
  }

  :root .md\:hover\:text-gray-900:hover {
    color: #212121;
  }

  :root .md\:hover\:text-red-50:hover {
    color: #ffebee;
  }

  :root .md\:hover\:text-red-100:hover {
    color: #ffcdd2;
  }

  :root .md\:hover\:text-red-200:hover {
    color: #ef9a9a;
  }

  :root .md\:hover\:text-red-300:hover {
    color: #e57373;
  }

  :root .md\:hover\:text-red-400:hover {
    color: #ef5350;
  }

  :root .md\:hover\:text-red-500:hover {
    color: #f44336;
  }

  :root .md\:hover\:text-red-600:hover {
    color: #e53935;
  }

  :root .md\:hover\:text-red-700:hover {
    color: #d32f2f;
  }

  :root .md\:hover\:text-red-800:hover {
    color: #c62828;
  }

  :root .md\:hover\:text-red-900:hover {
    color: #b71c1c;
  }

  :root .md\:hover\:text-orange-50:hover {
    color: #fff3e0;
  }

  :root .md\:hover\:text-orange-100:hover {
    color: #ffe0b2;
  }

  :root .md\:hover\:text-orange-200:hover {
    color: #ffcc80;
  }

  :root .md\:hover\:text-orange-300:hover {
    color: #ffb74d;
  }

  :root .md\:hover\:text-orange-400:hover {
    color: #ffa726;
  }

  :root .md\:hover\:text-orange-500:hover {
    color: #ff9800;
  }

  :root .md\:hover\:text-orange-600:hover {
    color: #fb8c00;
  }

  :root .md\:hover\:text-orange-700:hover {
    color: #f57c00;
  }

  :root .md\:hover\:text-orange-800:hover {
    color: #ef6c00;
  }

  :root .md\:hover\:text-orange-900:hover {
    color: #e65100;
  }

  :root .md\:hover\:text-deep-orange-50:hover {
    color: #fbe9e7;
  }

  :root .md\:hover\:text-deep-orange-100:hover {
    color: #ffccbc;
  }

  :root .md\:hover\:text-deep-orange-200:hover {
    color: #ffab91;
  }

  :root .md\:hover\:text-deep-orange-300:hover {
    color: #ff8a65;
  }

  :root .md\:hover\:text-deep-orange-400:hover {
    color: #ff7043;
  }

  :root .md\:hover\:text-deep-orange-500:hover {
    color: #ff5722;
  }

  :root .md\:hover\:text-deep-orange-600:hover {
    color: #f4511e;
  }

  :root .md\:hover\:text-deep-orange-700:hover {
    color: #e64a19;
  }

  :root .md\:hover\:text-deep-orange-800:hover {
    color: #d84315;
  }

  :root .md\:hover\:text-deep-orange-900:hover {
    color: #bf360c;
  }

  :root .md\:hover\:text-amber-50:hover {
    color: #fff8e1;
  }

  :root .md\:hover\:text-amber-100:hover {
    color: #ffecb3;
  }

  :root .md\:hover\:text-amber-200:hover {
    color: #ffe082;
  }

  :root .md\:hover\:text-amber-300:hover {
    color: #ffd54f;
  }

  :root .md\:hover\:text-amber-400:hover {
    color: #ffca28;
  }

  :root .md\:hover\:text-amber-500:hover {
    color: #ffc107;
  }

  :root .md\:hover\:text-amber-600:hover {
    color: #ffb300;
  }

  :root .md\:hover\:text-amber-700:hover {
    color: #ffa000;
  }

  :root .md\:hover\:text-amber-800:hover {
    color: #ff8f00;
  }

  :root .md\:hover\:text-amber-900:hover {
    color: #ff6f00;
  }

  :root .md\:hover\:text-light-green-50:hover {
    color: #f1f8e9;
  }

  :root .md\:hover\:text-light-green-100:hover {
    color: #dcedc8;
  }

  :root .md\:hover\:text-light-green-200:hover {
    color: #c5e1a5;
  }

  :root .md\:hover\:text-light-green-300:hover {
    color: #aed581;
  }

  :root .md\:hover\:text-light-green-400:hover {
    color: #9ccc65;
  }

  :root .md\:hover\:text-light-green-500:hover {
    color: #8bc34a;
  }

  :root .md\:hover\:text-light-green-600:hover {
    color: #7cb342;
  }

  :root .md\:hover\:text-light-green-700:hover {
    color: #689f38;
  }

  :root .md\:hover\:text-light-green-800:hover {
    color: #558b2f;
  }

  :root .md\:hover\:text-light-green-900:hover {
    color: #33691e;
  }

  :root .md\:hover\:text-green-50:hover {
    color: #e8f5e9;
  }

  :root .md\:hover\:text-green-100:hover {
    color: #c8e6c9;
  }

  :root .md\:hover\:text-green-200:hover {
    color: #a5d6a7;
  }

  :root .md\:hover\:text-green-300:hover {
    color: #81c784;
  }

  :root .md\:hover\:text-green-400:hover {
    color: #66bb6a;
  }

  :root .md\:hover\:text-green-500:hover {
    color: #4caf50;
  }

  :root .md\:hover\:text-green-600:hover {
    color: #43a047;
  }

  :root .md\:hover\:text-green-700:hover {
    color: #388e3c;
  }

  :root .md\:hover\:text-green-800:hover {
    color: #2e7d32;
  }

  :root .md\:hover\:text-green-900:hover {
    color: #1b5e20;
  }

  :root .md\:hover\:text-teal-50:hover {
    color: #e0f2f1;
  }

  :root .md\:hover\:text-teal-100:hover {
    color: #b2dfdb;
  }

  :root .md\:hover\:text-teal-200:hover {
    color: #80cbc4;
  }

  :root .md\:hover\:text-teal-300:hover {
    color: #4db6ac;
  }

  :root .md\:hover\:text-teal-400:hover {
    color: #26a69a;
  }

  :root .md\:hover\:text-teal-500:hover {
    color: #009688;
  }

  :root .md\:hover\:text-teal-600:hover {
    color: #00897b;
  }

  :root .md\:hover\:text-teal-700:hover {
    color: #00796b;
  }

  :root .md\:hover\:text-teal-800:hover {
    color: #00695c;
  }

  :root .md\:hover\:text-teal-900:hover {
    color: #004d40;
  }

  :root .md\:hover\:text-cyan-50:hover {
    color: #e0f7fa;
  }

  :root .md\:hover\:text-cyan-100:hover {
    color: #b2ebf2;
  }

  :root .md\:hover\:text-cyan-200:hover {
    color: #80deea;
  }

  :root .md\:hover\:text-cyan-300:hover {
    color: #4dd0e1;
  }

  :root .md\:hover\:text-cyan-400:hover {
    color: #26c6da;
  }

  :root .md\:hover\:text-cyan-500:hover {
    color: #00bcd4;
  }

  :root .md\:hover\:text-cyan-600:hover {
    color: #00acc1;
  }

  :root .md\:hover\:text-cyan-700:hover {
    color: #0097a7;
  }

  :root .md\:hover\:text-cyan-800:hover {
    color: #00838f;
  }

  :root .md\:hover\:text-cyan-900:hover {
    color: #006064;
  }

  :root .md\:hover\:text-purple-50:hover {
    color: #f3e5f5;
  }

  :root .md\:hover\:text-purple-100:hover {
    color: #e1bee7;
  }

  :root .md\:hover\:text-purple-200:hover {
    color: #ce93d8;
  }

  :root .md\:hover\:text-purple-300:hover {
    color: #ba68c8;
  }

  :root .md\:hover\:text-purple-400:hover {
    color: #ab47bc;
  }

  :root .md\:hover\:text-purple-500:hover {
    color: #9c27b0;
  }

  :root .md\:hover\:text-purple-600:hover {
    color: #8e24aa;
  }

  :root .md\:hover\:text-purple-700:hover {
    color: #7b1fa2;
  }

  :root .md\:hover\:text-purple-800:hover {
    color: #6a1b9a;
  }

  :root .md\:hover\:text-purple-900:hover {
    color: #4a148c;
  }

  :root .md\:hover\:text-deep-purple-50:hover {
    color: #ede7f6;
  }

  :root .md\:hover\:text-deep-purple-100:hover {
    color: #d1c4e9;
  }

  :root .md\:hover\:text-deep-purple-200:hover {
    color: #b39ddb;
  }

  :root .md\:hover\:text-deep-purple-300:hover {
    color: #9575cd;
  }

  :root .md\:hover\:text-deep-purple-400:hover {
    color: #7e57c2;
  }

  :root .md\:hover\:text-deep-purple-500:hover {
    color: #673ab7;
  }

  :root .md\:hover\:text-deep-purple-600:hover {
    color: #5e35b1;
  }

  :root .md\:hover\:text-deep-purple-700:hover {
    color: #512da8;
  }

  :root .md\:hover\:text-deep-purple-800:hover {
    color: #4527a0;
  }

  :root .md\:hover\:text-deep-purple-900:hover {
    color: #311b92;
  }

  :root .md\:hover\:text-primary-50:hover {
    color: #FBE4E7;
  }

  :root .md\:hover\:text-primary-100:hover {
    color: #F5BCC2;
  }

  :root .md\:hover\:text-primary-200:hover {
    color: #EE8F9A;
  }

  :root .md\:hover\:text-primary-300:hover {
    color: #E76272;
  }

  :root .md\:hover\:text-primary-400:hover {
    color: #E14053;
  }

  :root .md\:hover\:text-primary-500:hover {
    color: #1976d2;
  }

  :root .md\:hover\:text-primary-600:hover {
    color: #D81A30;
  }

  :root .md\:hover\:text-primary-700:hover {
    color: #D31628;
  }

  :root .md\:hover\:text-primary-800:hover {
    color: #CE1222;
  }

  :root .md\:hover\:text-primary-900:hover {
    color: #C50A16;
  }

  :root .md\:hover\:text-primary-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-primary-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-primary-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-primary-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-primary-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-primary-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-primary-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-primary-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-primary-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-primary-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-red-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-red-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-red-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-red-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-red-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-red-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-red-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-red-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-red-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-red-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-green-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-green-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-green-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-green-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-green-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-green-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-green-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-green-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-green-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-green-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-amber-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-500:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-600:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-700:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-800:hover {
    color: #000;
  }

  :root .md\:hover\:text-amber-contrast-900:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-500:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-600:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-700:hover {
    color: #000;
  }

  :root .md\:hover\:text-orange-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-orange-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-orange-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-orange-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-orange-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-orange-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-orange-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-orange-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-orange-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-orange-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-orange-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-orange-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-purple-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-purple-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-purple-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-purple-contrast-300:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-purple-contrast-400:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-purple-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-purple-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-purple-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-purple-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-purple-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-purple-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-purple-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-purple-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-deep-purple-contrast-300:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-purple-contrast-400:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-purple-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-purple-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-purple-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-purple-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-deep-purple-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-cyan-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-cyan-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-cyan-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-cyan-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-cyan-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-cyan-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-cyan-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-cyan-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-cyan-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-cyan-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-teal-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-teal-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-teal-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-teal-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-teal-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-teal-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-teal-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-teal-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-teal-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-teal-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-gray-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-gray-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-gray-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-gray-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-gray-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-gray-contrast-500:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-gray-contrast-600:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-gray-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-gray-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-gray-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-light-green-contrast-50:hover {
    color: #000;
  }

  :root .md\:hover\:text-light-green-contrast-100:hover {
    color: #000;
  }

  :root .md\:hover\:text-light-green-contrast-200:hover {
    color: #000;
  }

  :root .md\:hover\:text-light-green-contrast-300:hover {
    color: #000;
  }

  :root .md\:hover\:text-light-green-contrast-400:hover {
    color: #000;
  }

  :root .md\:hover\:text-light-green-contrast-500:hover {
    color: #000;
  }

  :root .md\:hover\:text-light-green-contrast-600:hover {
    color: #000;
  }

  :root .md\:hover\:text-light-green-contrast-700:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-light-green-contrast-800:hover {
    color: #FFF;
  }

  :root .md\:hover\:text-light-green-contrast-900:hover {
    color: #FFF;
  }

  :root .md\:focus\:text-secondary:focus {
    color: var(--text-secondary);
  }

  :root .md\:focus\:text-hint:focus {
    color: var(--text-hint);
  }

  :root .md\:focus\:text-transparent:focus {
    color: transparent;
  }

  :root .md\:focus\:text-black:focus {
    color: var(--text-color);
  }

  :root .md\:focus\:text-white:focus {
    color: var(--text-color-light);
  }

  :root .md\:focus\:text-contrast-black:focus {
    color: black;
  }

  :root .md\:focus\:text-contrast-white:focus {
    color: white;
  }

  :root .md\:focus\:text-obs-primary:focus {
    color: #5977FF;
  }

  :root .md\:focus\:text-obs-secondary:focus {
    color: #5d5c64;
  }

  :root .md\:focus\:text-obs-maroon:focus {
    color: #961e36;
  }

  :root .md\:focus\:text-obs-navy:focus {
    color: #3e4861;
  }

  :root .md\:focus\:text-obs-pink:focus {
    color: #d2afc5;
  }

  :root .md\:focus\:text-obs-dark-orange:focus {
    color: #d6582a;
  }

  :root .md\:focus\:text-obs-gold:focus {
    color: #9d8944;
  }

  :root .md\:focus\:text-obs-light-blue:focus {
    color: #A3C2D6;
  }

  :root .md\:focus\:text-obs-purple:focus {
    color: #722670;
  }

  :root .md\:focus\:text-obs-light-orange:focus {
    color: #fF9c01;
  }

  :root .md\:focus\:text-obs-blue:focus {
    color: #5da7d6;
  }

  :root .md\:focus\:text-gray-50:focus {
    color: #fafafa;
  }

  :root .md\:focus\:text-gray-100:focus {
    color: #f5f5f5;
  }

  :root .md\:focus\:text-gray-200:focus {
    color: #eeeeee;
  }

  :root .md\:focus\:text-gray-300:focus {
    color: #e0e0e0;
  }

  :root .md\:focus\:text-gray-400:focus {
    color: #bdbdbd;
  }

  :root .md\:focus\:text-gray-500:focus {
    color: #9e9e9e;
  }

  :root .md\:focus\:text-gray-600:focus {
    color: #757575;
  }

  :root .md\:focus\:text-gray-700:focus {
    color: #616161;
  }

  :root .md\:focus\:text-gray-800:focus {
    color: #424242;
  }

  :root .md\:focus\:text-gray-900:focus {
    color: #212121;
  }

  :root .md\:focus\:text-red-50:focus {
    color: #ffebee;
  }

  :root .md\:focus\:text-red-100:focus {
    color: #ffcdd2;
  }

  :root .md\:focus\:text-red-200:focus {
    color: #ef9a9a;
  }

  :root .md\:focus\:text-red-300:focus {
    color: #e57373;
  }

  :root .md\:focus\:text-red-400:focus {
    color: #ef5350;
  }

  :root .md\:focus\:text-red-500:focus {
    color: #f44336;
  }

  :root .md\:focus\:text-red-600:focus {
    color: #e53935;
  }

  :root .md\:focus\:text-red-700:focus {
    color: #d32f2f;
  }

  :root .md\:focus\:text-red-800:focus {
    color: #c62828;
  }

  :root .md\:focus\:text-red-900:focus {
    color: #b71c1c;
  }

  :root .md\:focus\:text-orange-50:focus {
    color: #fff3e0;
  }

  :root .md\:focus\:text-orange-100:focus {
    color: #ffe0b2;
  }

  :root .md\:focus\:text-orange-200:focus {
    color: #ffcc80;
  }

  :root .md\:focus\:text-orange-300:focus {
    color: #ffb74d;
  }

  :root .md\:focus\:text-orange-400:focus {
    color: #ffa726;
  }

  :root .md\:focus\:text-orange-500:focus {
    color: #ff9800;
  }

  :root .md\:focus\:text-orange-600:focus {
    color: #fb8c00;
  }

  :root .md\:focus\:text-orange-700:focus {
    color: #f57c00;
  }

  :root .md\:focus\:text-orange-800:focus {
    color: #ef6c00;
  }

  :root .md\:focus\:text-orange-900:focus {
    color: #e65100;
  }

  :root .md\:focus\:text-deep-orange-50:focus {
    color: #fbe9e7;
  }

  :root .md\:focus\:text-deep-orange-100:focus {
    color: #ffccbc;
  }

  :root .md\:focus\:text-deep-orange-200:focus {
    color: #ffab91;
  }

  :root .md\:focus\:text-deep-orange-300:focus {
    color: #ff8a65;
  }

  :root .md\:focus\:text-deep-orange-400:focus {
    color: #ff7043;
  }

  :root .md\:focus\:text-deep-orange-500:focus {
    color: #ff5722;
  }

  :root .md\:focus\:text-deep-orange-600:focus {
    color: #f4511e;
  }

  :root .md\:focus\:text-deep-orange-700:focus {
    color: #e64a19;
  }

  :root .md\:focus\:text-deep-orange-800:focus {
    color: #d84315;
  }

  :root .md\:focus\:text-deep-orange-900:focus {
    color: #bf360c;
  }

  :root .md\:focus\:text-amber-50:focus {
    color: #fff8e1;
  }

  :root .md\:focus\:text-amber-100:focus {
    color: #ffecb3;
  }

  :root .md\:focus\:text-amber-200:focus {
    color: #ffe082;
  }

  :root .md\:focus\:text-amber-300:focus {
    color: #ffd54f;
  }

  :root .md\:focus\:text-amber-400:focus {
    color: #ffca28;
  }

  :root .md\:focus\:text-amber-500:focus {
    color: #ffc107;
  }

  :root .md\:focus\:text-amber-600:focus {
    color: #ffb300;
  }

  :root .md\:focus\:text-amber-700:focus {
    color: #ffa000;
  }

  :root .md\:focus\:text-amber-800:focus {
    color: #ff8f00;
  }

  :root .md\:focus\:text-amber-900:focus {
    color: #ff6f00;
  }

  :root .md\:focus\:text-light-green-50:focus {
    color: #f1f8e9;
  }

  :root .md\:focus\:text-light-green-100:focus {
    color: #dcedc8;
  }

  :root .md\:focus\:text-light-green-200:focus {
    color: #c5e1a5;
  }

  :root .md\:focus\:text-light-green-300:focus {
    color: #aed581;
  }

  :root .md\:focus\:text-light-green-400:focus {
    color: #9ccc65;
  }

  :root .md\:focus\:text-light-green-500:focus {
    color: #8bc34a;
  }

  :root .md\:focus\:text-light-green-600:focus {
    color: #7cb342;
  }

  :root .md\:focus\:text-light-green-700:focus {
    color: #689f38;
  }

  :root .md\:focus\:text-light-green-800:focus {
    color: #558b2f;
  }

  :root .md\:focus\:text-light-green-900:focus {
    color: #33691e;
  }

  :root .md\:focus\:text-green-50:focus {
    color: #e8f5e9;
  }

  :root .md\:focus\:text-green-100:focus {
    color: #c8e6c9;
  }

  :root .md\:focus\:text-green-200:focus {
    color: #a5d6a7;
  }

  :root .md\:focus\:text-green-300:focus {
    color: #81c784;
  }

  :root .md\:focus\:text-green-400:focus {
    color: #66bb6a;
  }

  :root .md\:focus\:text-green-500:focus {
    color: #4caf50;
  }

  :root .md\:focus\:text-green-600:focus {
    color: #43a047;
  }

  :root .md\:focus\:text-green-700:focus {
    color: #388e3c;
  }

  :root .md\:focus\:text-green-800:focus {
    color: #2e7d32;
  }

  :root .md\:focus\:text-green-900:focus {
    color: #1b5e20;
  }

  :root .md\:focus\:text-teal-50:focus {
    color: #e0f2f1;
  }

  :root .md\:focus\:text-teal-100:focus {
    color: #b2dfdb;
  }

  :root .md\:focus\:text-teal-200:focus {
    color: #80cbc4;
  }

  :root .md\:focus\:text-teal-300:focus {
    color: #4db6ac;
  }

  :root .md\:focus\:text-teal-400:focus {
    color: #26a69a;
  }

  :root .md\:focus\:text-teal-500:focus {
    color: #009688;
  }

  :root .md\:focus\:text-teal-600:focus {
    color: #00897b;
  }

  :root .md\:focus\:text-teal-700:focus {
    color: #00796b;
  }

  :root .md\:focus\:text-teal-800:focus {
    color: #00695c;
  }

  :root .md\:focus\:text-teal-900:focus {
    color: #004d40;
  }

  :root .md\:focus\:text-cyan-50:focus {
    color: #e0f7fa;
  }

  :root .md\:focus\:text-cyan-100:focus {
    color: #b2ebf2;
  }

  :root .md\:focus\:text-cyan-200:focus {
    color: #80deea;
  }

  :root .md\:focus\:text-cyan-300:focus {
    color: #4dd0e1;
  }

  :root .md\:focus\:text-cyan-400:focus {
    color: #26c6da;
  }

  :root .md\:focus\:text-cyan-500:focus {
    color: #00bcd4;
  }

  :root .md\:focus\:text-cyan-600:focus {
    color: #00acc1;
  }

  :root .md\:focus\:text-cyan-700:focus {
    color: #0097a7;
  }

  :root .md\:focus\:text-cyan-800:focus {
    color: #00838f;
  }

  :root .md\:focus\:text-cyan-900:focus {
    color: #006064;
  }

  :root .md\:focus\:text-purple-50:focus {
    color: #f3e5f5;
  }

  :root .md\:focus\:text-purple-100:focus {
    color: #e1bee7;
  }

  :root .md\:focus\:text-purple-200:focus {
    color: #ce93d8;
  }

  :root .md\:focus\:text-purple-300:focus {
    color: #ba68c8;
  }

  :root .md\:focus\:text-purple-400:focus {
    color: #ab47bc;
  }

  :root .md\:focus\:text-purple-500:focus {
    color: #9c27b0;
  }

  :root .md\:focus\:text-purple-600:focus {
    color: #8e24aa;
  }

  :root .md\:focus\:text-purple-700:focus {
    color: #7b1fa2;
  }

  :root .md\:focus\:text-purple-800:focus {
    color: #6a1b9a;
  }

  :root .md\:focus\:text-purple-900:focus {
    color: #4a148c;
  }

  :root .md\:focus\:text-deep-purple-50:focus {
    color: #ede7f6;
  }

  :root .md\:focus\:text-deep-purple-100:focus {
    color: #d1c4e9;
  }

  :root .md\:focus\:text-deep-purple-200:focus {
    color: #b39ddb;
  }

  :root .md\:focus\:text-deep-purple-300:focus {
    color: #9575cd;
  }

  :root .md\:focus\:text-deep-purple-400:focus {
    color: #7e57c2;
  }

  :root .md\:focus\:text-deep-purple-500:focus {
    color: #673ab7;
  }

  :root .md\:focus\:text-deep-purple-600:focus {
    color: #5e35b1;
  }

  :root .md\:focus\:text-deep-purple-700:focus {
    color: #512da8;
  }

  :root .md\:focus\:text-deep-purple-800:focus {
    color: #4527a0;
  }

  :root .md\:focus\:text-deep-purple-900:focus {
    color: #311b92;
  }

  :root .md\:focus\:text-primary-50:focus {
    color: #FBE4E7;
  }

  :root .md\:focus\:text-primary-100:focus {
    color: #F5BCC2;
  }

  :root .md\:focus\:text-primary-200:focus {
    color: #EE8F9A;
  }

  :root .md\:focus\:text-primary-300:focus {
    color: #E76272;
  }

  :root .md\:focus\:text-primary-400:focus {
    color: #E14053;
  }

  :root .md\:focus\:text-primary-500:focus {
    color: #1976d2;
  }

  :root .md\:focus\:text-primary-600:focus {
    color: #D81A30;
  }

  :root .md\:focus\:text-primary-700:focus {
    color: #D31628;
  }

  :root .md\:focus\:text-primary-800:focus {
    color: #CE1222;
  }

  :root .md\:focus\:text-primary-900:focus {
    color: #C50A16;
  }

  :root .md\:focus\:text-primary-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-primary-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-primary-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-primary-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-primary-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-primary-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-primary-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-primary-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-primary-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-primary-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-red-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-red-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-red-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-red-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-red-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-red-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-red-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-red-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-red-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-red-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-green-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-green-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-green-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-green-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-green-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-green-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-green-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-green-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-green-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-green-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-amber-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-500:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-600:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-700:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-800:focus {
    color: #000;
  }

  :root .md\:focus\:text-amber-contrast-900:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-500:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-600:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-700:focus {
    color: #000;
  }

  :root .md\:focus\:text-orange-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-orange-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-orange-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-orange-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-orange-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-orange-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-orange-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-orange-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-orange-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-orange-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-orange-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-orange-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-purple-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-purple-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-purple-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-purple-contrast-300:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-purple-contrast-400:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-purple-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-purple-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-purple-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-purple-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-purple-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-purple-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-purple-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-purple-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-deep-purple-contrast-300:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-purple-contrast-400:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-purple-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-purple-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-purple-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-purple-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-deep-purple-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-cyan-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-cyan-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-cyan-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-cyan-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-cyan-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-cyan-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-cyan-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-cyan-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-cyan-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-cyan-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-teal-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-teal-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-teal-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-teal-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-teal-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-teal-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-teal-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-teal-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-teal-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-teal-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-gray-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-gray-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-gray-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-gray-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-gray-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-gray-contrast-500:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-gray-contrast-600:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-gray-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-gray-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-gray-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-light-green-contrast-50:focus {
    color: #000;
  }

  :root .md\:focus\:text-light-green-contrast-100:focus {
    color: #000;
  }

  :root .md\:focus\:text-light-green-contrast-200:focus {
    color: #000;
  }

  :root .md\:focus\:text-light-green-contrast-300:focus {
    color: #000;
  }

  :root .md\:focus\:text-light-green-contrast-400:focus {
    color: #000;
  }

  :root .md\:focus\:text-light-green-contrast-500:focus {
    color: #000;
  }

  :root .md\:focus\:text-light-green-contrast-600:focus {
    color: #000;
  }

  :root .md\:focus\:text-light-green-contrast-700:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-light-green-contrast-800:focus {
    color: #FFF;
  }

  :root .md\:focus\:text-light-green-contrast-900:focus {
    color: #FFF;
  }

  :root .md\:text-xs {
    font-size: 0.75rem;
  }

  :root .md\:text-sm {
    font-size: 0.875rem;
  }

  :root .md\:text-base {
    font-size: 1rem;
  }

  :root .md\:text-lg {
    font-size: 1.125rem;
  }

  :root .md\:text-xl {
    font-size: 1.25rem;
  }

  :root .md\:text-2xl {
    font-size: 1.5rem;
  }

  :root .md\:text-3xl {
    font-size: 1.875rem;
  }

  :root .md\:text-4xl {
    font-size: 2.25rem;
  }

  :root .md\:text-5xl {
    font-size: 3rem;
  }

  :root .md\:text-6xl {
    font-size: 4rem;
  }

  :root .md\:italic {
    font-style: italic;
  }

  :root .md\:not-italic {
    font-style: normal;
  }

  :root .md\:uppercase {
    text-transform: uppercase;
  }

  :root .md\:lowercase {
    text-transform: lowercase;
  }

  :root .md\:capitalize {
    text-transform: capitalize;
  }

  :root .md\:normal-case {
    text-transform: none;
  }

  :root .md\:underline {
    text-decoration: underline;
  }

  :root .md\:line-through {
    text-decoration: line-through;
  }

  :root .md\:no-underline {
    text-decoration: none;
  }

  :root .md\:hover\:underline:hover {
    text-decoration: underline;
  }

  :root .md\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  :root .md\:hover\:no-underline:hover {
    text-decoration: none;
  }

  :root .md\:focus\:underline:focus {
    text-decoration: underline;
  }

  :root .md\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  :root .md\:focus\:no-underline:focus {
    text-decoration: none;
  }

  :root .md\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root .md\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  :root .md\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  :root .md\:tracking-tight {
    letter-spacing: -0.025em;
  }

  :root .md\:tracking-normal {
    letter-spacing: 0;
  }

  :root .md\:tracking-wide {
    letter-spacing: 0.025em;
  }

  :root .md\:tracking-wider {
    letter-spacing: 0.05em;
  }

  :root .md\:tracking-widest {
    letter-spacing: 0.1em;
  }

  :root .md\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  :root .md\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  :root .md\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
            user-select: all;
  }

  :root .md\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }

  :root .md\:align-baseline {
    vertical-align: baseline;
  }

  :root .md\:align-top {
    vertical-align: top;
  }

  :root .md\:align-middle {
    vertical-align: middle;
  }

  :root .md\:align-bottom {
    vertical-align: bottom;
  }

  :root .md\:align-text-top {
    vertical-align: text-top;
  }

  :root .md\:align-text-bottom {
    vertical-align: text-bottom;
  }

  :root .md\:visible {
    visibility: visible;
  }

  :root .md\:invisible {
    visibility: hidden;
  }

  :root .md\:whitespace-normal {
    white-space: normal;
  }

  :root .md\:whitespace-no-wrap {
    white-space: nowrap;
  }

  :root .md\:whitespace-pre {
    white-space: pre;
  }

  :root .md\:whitespace-pre-line {
    white-space: pre-line;
  }

  :root .md\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  :root .md\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  :root .md\:break-words {
    overflow-wrap: break-word;
  }

  :root .md\:break-all {
    word-break: break-all;
  }

  :root .md\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  :root .md\:w-0 {
    width: 0;
  }

  :root .md\:w-1 {
    width: 0.25rem;
  }

  :root .md\:w-2 {
    width: 0.5rem;
  }

  :root .md\:w-3 {
    width: 0.75rem;
  }

  :root .md\:w-4 {
    width: 1rem;
  }

  :root .md\:w-5 {
    width: 1.25rem;
  }

  :root .md\:w-6 {
    width: 1.5rem;
  }

  :root .md\:w-8 {
    width: 2rem;
  }

  :root .md\:w-9 {
    width: 2.25rem;
  }

  :root .md\:w-10 {
    width: 2.5rem;
  }

  :root .md\:w-12 {
    width: 3rem;
  }

  :root .md\:w-14 {
    width: 3.5rem;
  }

  :root .md\:w-16 {
    width: 4rem;
  }

  :root .md\:w-20 {
    width: 5rem;
  }

  :root .md\:w-24 {
    width: 6rem;
  }

  :root .md\:w-32 {
    width: 8rem;
  }

  :root .md\:w-40 {
    width: 10rem;
  }

  :root .md\:w-48 {
    width: 12rem;
  }

  :root .md\:w-56 {
    width: 14rem;
  }

  :root .md\:w-64 {
    width: 16rem;
  }

  :root .md\:w-auto {
    width: auto;
  }

  :root .md\:w-px {
    width: 1px;
  }

  :root .md\:w-gutter {
    width: var(--padding-gutter);
  }

  :root .md\:w-1\/2 {
    width: 50%;
  }

  :root .md\:w-1\/3 {
    width: 33.333333%;
  }

  :root .md\:w-2\/3 {
    width: 66.666667%;
  }

  :root .md\:w-1\/4 {
    width: 25%;
  }

  :root .md\:w-2\/4 {
    width: 50%;
  }

  :root .md\:w-3\/4 {
    width: 75%;
  }

  :root .md\:w-1\/5 {
    width: 20%;
  }

  :root .md\:w-2\/5 {
    width: 40%;
  }

  :root .md\:w-3\/5 {
    width: 60%;
  }

  :root .md\:w-4\/5 {
    width: 80%;
  }

  :root .md\:w-1\/6 {
    width: 16.666667%;
  }

  :root .md\:w-2\/6 {
    width: 33.333333%;
  }

  :root .md\:w-3\/6 {
    width: 50%;
  }

  :root .md\:w-4\/6 {
    width: 66.666667%;
  }

  :root .md\:w-5\/6 {
    width: 83.333333%;
  }

  :root .md\:w-1\/12 {
    width: 8.333333%;
  }

  :root .md\:w-2\/12 {
    width: 16.666667%;
  }

  :root .md\:w-3\/12 {
    width: 25%;
  }

  :root .md\:w-4\/12 {
    width: 33.333333%;
  }

  :root .md\:w-5\/12 {
    width: 41.666667%;
  }

  :root .md\:w-6\/12 {
    width: 50%;
  }

  :root .md\:w-7\/12 {
    width: 58.333333%;
  }

  :root .md\:w-8\/12 {
    width: 66.666667%;
  }

  :root .md\:w-9\/12 {
    width: 75%;
  }

  :root .md\:w-10\/12 {
    width: 83.333333%;
  }

  :root .md\:w-11\/12 {
    width: 91.666667%;
  }

  :root .md\:w-full {
    width: 100%;
  }

  :root .md\:w-screen {
    width: 100vw;
  }

  :root .md\:z-0 {
    z-index: 0;
  }

  :root .md\:z-10 {
    z-index: 10;
  }

  :root .md\:z-20 {
    z-index: 20;
  }

  :root .md\:z-30 {
    z-index: 30;
  }

  :root .md\:z-40 {
    z-index: 40;
  }

  :root .md\:z-50 {
    z-index: 50;
  }

  :root .md\:z-auto {
    z-index: auto;
  }

  :root .md\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  :root .md\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  :root .md\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  :root .md\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  :root .md\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  :root .md\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  :root .md\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  :root .md\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  :root .md\:gap-9 {
    grid-gap: 2.25rem;
    gap: 2.25rem;
  }

  :root .md\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  :root .md\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  :root .md\:gap-14 {
    grid-gap: 3.5rem;
    gap: 3.5rem;
  }

  :root .md\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  :root .md\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  :root .md\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  :root .md\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  :root .md\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  :root .md\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  :root .md\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  :root .md\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  :root .md\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  :root .md\:gap-gutter {
    grid-gap: var(--padding-gutter);
    gap: var(--padding-gutter);
  }

  :root .md\:col-gap-0 {
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  :root .md\:col-gap-1 {
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  :root .md\:col-gap-2 {
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  :root .md\:col-gap-3 {
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  :root .md\:col-gap-4 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  :root .md\:col-gap-5 {
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  :root .md\:col-gap-6 {
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  :root .md\:col-gap-8 {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  :root .md\:col-gap-9 {
    grid-column-gap: 2.25rem;
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem;
  }

  :root .md\:col-gap-10 {
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  :root .md\:col-gap-12 {
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  :root .md\:col-gap-14 {
    grid-column-gap: 3.5rem;
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }

  :root .md\:col-gap-16 {
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  :root .md\:col-gap-20 {
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  :root .md\:col-gap-24 {
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  :root .md\:col-gap-32 {
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  :root .md\:col-gap-40 {
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  :root .md\:col-gap-48 {
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  :root .md\:col-gap-56 {
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  :root .md\:col-gap-64 {
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  :root .md\:col-gap-px {
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  :root .md\:col-gap-gutter {
    grid-column-gap: var(--padding-gutter);
    -moz-column-gap: var(--padding-gutter);
         column-gap: var(--padding-gutter);
  }

  :root .md\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  :root .md\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  :root .md\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  :root .md\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  :root .md\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  :root .md\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  :root .md\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  :root .md\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  :root .md\:row-gap-9 {
    grid-row-gap: 2.25rem;
    row-gap: 2.25rem;
  }

  :root .md\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  :root .md\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  :root .md\:row-gap-14 {
    grid-row-gap: 3.5rem;
    row-gap: 3.5rem;
  }

  :root .md\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  :root .md\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  :root .md\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  :root .md\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  :root .md\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  :root .md\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  :root .md\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  :root .md\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  :root .md\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  :root .md\:row-gap-gutter {
    grid-row-gap: var(--padding-gutter);
    row-gap: var(--padding-gutter);
  }

  :root .md\:grid-flow-row {
    grid-auto-flow: row;
  }

  :root .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  :root .md\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  :root .md\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  :root .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :root .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :root .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :root .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  :root .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  :root .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  :root .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  :root .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :root .md\:grid-cols-none {
    grid-template-columns: none;
  }

  :root .md\:col-auto {
    grid-column: auto;
  }

  :root .md\:col-span-1 {
    grid-column: span 1/span 1;
  }

  :root .md\:col-span-2 {
    grid-column: span 2/span 2;
  }

  :root .md\:col-span-3 {
    grid-column: span 3/span 3;
  }

  :root .md\:col-span-4 {
    grid-column: span 4/span 4;
  }

  :root .md\:col-span-5 {
    grid-column: span 5/span 5;
  }

  :root .md\:col-span-6 {
    grid-column: span 6/span 6;
  }

  :root .md\:col-span-7 {
    grid-column: span 7/span 7;
  }

  :root .md\:col-span-8 {
    grid-column: span 8/span 8;
  }

  :root .md\:col-span-9 {
    grid-column: span 9/span 9;
  }

  :root .md\:col-span-10 {
    grid-column: span 10/span 10;
  }

  :root .md\:col-span-11 {
    grid-column: span 11/span 11;
  }

  :root .md\:col-span-12 {
    grid-column: span 12/span 12;
  }

  :root .md\:col-start-1 {
    grid-column-start: 1;
  }

  :root .md\:col-start-2 {
    grid-column-start: 2;
  }

  :root .md\:col-start-3 {
    grid-column-start: 3;
  }

  :root .md\:col-start-4 {
    grid-column-start: 4;
  }

  :root .md\:col-start-5 {
    grid-column-start: 5;
  }

  :root .md\:col-start-6 {
    grid-column-start: 6;
  }

  :root .md\:col-start-7 {
    grid-column-start: 7;
  }

  :root .md\:col-start-8 {
    grid-column-start: 8;
  }

  :root .md\:col-start-9 {
    grid-column-start: 9;
  }

  :root .md\:col-start-10 {
    grid-column-start: 10;
  }

  :root .md\:col-start-11 {
    grid-column-start: 11;
  }

  :root .md\:col-start-12 {
    grid-column-start: 12;
  }

  :root .md\:col-start-13 {
    grid-column-start: 13;
  }

  :root .md\:col-start-auto {
    grid-column-start: auto;
  }

  :root .md\:col-end-1 {
    grid-column-end: 1;
  }

  :root .md\:col-end-2 {
    grid-column-end: 2;
  }

  :root .md\:col-end-3 {
    grid-column-end: 3;
  }

  :root .md\:col-end-4 {
    grid-column-end: 4;
  }

  :root .md\:col-end-5 {
    grid-column-end: 5;
  }

  :root .md\:col-end-6 {
    grid-column-end: 6;
  }

  :root .md\:col-end-7 {
    grid-column-end: 7;
  }

  :root .md\:col-end-8 {
    grid-column-end: 8;
  }

  :root .md\:col-end-9 {
    grid-column-end: 9;
  }

  :root .md\:col-end-10 {
    grid-column-end: 10;
  }

  :root .md\:col-end-11 {
    grid-column-end: 11;
  }

  :root .md\:col-end-12 {
    grid-column-end: 12;
  }

  :root .md\:col-end-13 {
    grid-column-end: 13;
  }

  :root .md\:col-end-auto {
    grid-column-end: auto;
  }

  :root .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  :root .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  :root .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  :root .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  :root .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  :root .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  :root .md\:grid-rows-none {
    grid-template-rows: none;
  }

  :root .md\:row-auto {
    grid-row: auto;
  }

  :root .md\:row-span-1 {
    grid-row: span 1/span 1;
  }

  :root .md\:row-span-2 {
    grid-row: span 2/span 2;
  }

  :root .md\:row-span-3 {
    grid-row: span 3/span 3;
  }

  :root .md\:row-span-4 {
    grid-row: span 4/span 4;
  }

  :root .md\:row-span-5 {
    grid-row: span 5/span 5;
  }

  :root .md\:row-span-6 {
    grid-row: span 6/span 6;
  }

  :root .md\:row-start-1 {
    grid-row-start: 1;
  }

  :root .md\:row-start-2 {
    grid-row-start: 2;
  }

  :root .md\:row-start-3 {
    grid-row-start: 3;
  }

  :root .md\:row-start-4 {
    grid-row-start: 4;
  }

  :root .md\:row-start-5 {
    grid-row-start: 5;
  }

  :root .md\:row-start-6 {
    grid-row-start: 6;
  }

  :root .md\:row-start-7 {
    grid-row-start: 7;
  }

  :root .md\:row-start-auto {
    grid-row-start: auto;
  }

  :root .md\:row-end-1 {
    grid-row-end: 1;
  }

  :root .md\:row-end-2 {
    grid-row-end: 2;
  }

  :root .md\:row-end-3 {
    grid-row-end: 3;
  }

  :root .md\:row-end-4 {
    grid-row-end: 4;
  }

  :root .md\:row-end-5 {
    grid-row-end: 5;
  }

  :root .md\:row-end-6 {
    grid-row-end: 6;
  }

  :root .md\:row-end-7 {
    grid-row-end: 7;
  }

  :root .md\:row-end-auto {
    grid-row-end: auto;
  }

  :root .md\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  :root .md\:transform-none {
    transform: none;
  }

  :root .md\:origin-center {
    transform-origin: center;
  }

  :root .md\:origin-top {
    transform-origin: top;
  }

  :root .md\:origin-top-right {
    transform-origin: top right;
  }

  :root .md\:origin-right {
    transform-origin: right;
  }

  :root .md\:origin-bottom-right {
    transform-origin: bottom right;
  }

  :root .md\:origin-bottom {
    transform-origin: bottom;
  }

  :root .md\:origin-bottom-left {
    transform-origin: bottom left;
  }

  :root .md\:origin-left {
    transform-origin: left;
  }

  :root .md\:origin-top-left {
    transform-origin: top left;
  }

  :root .md\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .md\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .md\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .md\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .md\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .md\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .md\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .md\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .md\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .md\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .md\:scale-x-0 {
    --transform-scale-x: 0;
  }

  :root .md\:scale-x-50 {
    --transform-scale-x: .5;
  }

  :root .md\:scale-x-75 {
    --transform-scale-x: .75;
  }

  :root .md\:scale-x-90 {
    --transform-scale-x: .9;
  }

  :root .md\:scale-x-95 {
    --transform-scale-x: .95;
  }

  :root .md\:scale-x-100 {
    --transform-scale-x: 1;
  }

  :root .md\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  :root .md\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  :root .md\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  :root .md\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  :root .md\:scale-y-0 {
    --transform-scale-y: 0;
  }

  :root .md\:scale-y-50 {
    --transform-scale-y: .5;
  }

  :root .md\:scale-y-75 {
    --transform-scale-y: .75;
  }

  :root .md\:scale-y-90 {
    --transform-scale-y: .9;
  }

  :root .md\:scale-y-95 {
    --transform-scale-y: .95;
  }

  :root .md\:scale-y-100 {
    --transform-scale-y: 1;
  }

  :root .md\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  :root .md\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  :root .md\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  :root .md\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  :root .md\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .md\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .md\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .md\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .md\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .md\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .md\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .md\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .md\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .md\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .md\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  :root .md\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  :root .md\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  :root .md\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  :root .md\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  :root .md\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  :root .md\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  :root .md\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  :root .md\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  :root .md\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  :root .md\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  :root .md\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  :root .md\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  :root .md\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  :root .md\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  :root .md\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  :root .md\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  :root .md\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  :root .md\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  :root .md\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  :root .md\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .md\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .md\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .md\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .md\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .md\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .md\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .md\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .md\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .md\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .md\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  :root .md\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  :root .md\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  :root .md\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  :root .md\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  :root .md\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  :root .md\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  :root .md\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  :root .md\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  :root .md\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  :root .md\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  :root .md\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  :root .md\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  :root .md\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  :root .md\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  :root .md\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  :root .md\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  :root .md\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  :root .md\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  :root .md\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  :root .md\:rotate-0 {
    --transform-rotate: 0;
  }

  :root .md\:rotate-45 {
    --transform-rotate: 45deg;
  }

  :root .md\:rotate-90 {
    --transform-rotate: 90deg;
  }

  :root .md\:rotate-180 {
    --transform-rotate: 180deg;
  }

  :root .md\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  :root .md\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  :root .md\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  :root .md\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  :root .md\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  :root .md\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  :root .md\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  :root .md\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  :root .md\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  :root .md\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  :root .md\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  :root .md\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  :root .md\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  :root .md\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  :root .md\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  :root .md\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  :root .md\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  :root .md\:translate-x-0 {
    --transform-translate-x: 0;
  }

  :root .md\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  :root .md\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  :root .md\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  :root .md\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  :root .md\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  :root .md\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  :root .md\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  :root .md\:translate-x-9 {
    --transform-translate-x: 2.25rem;
  }

  :root .md\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  :root .md\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  :root .md\:translate-x-14 {
    --transform-translate-x: 3.5rem;
  }

  :root .md\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  :root .md\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  :root .md\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  :root .md\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  :root .md\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  :root .md\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  :root .md\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  :root .md\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  :root .md\:translate-x-px {
    --transform-translate-x: 1px;
  }

  :root .md\:translate-x-gutter {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .md\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  :root .md\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  :root .md\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  :root .md\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  :root .md\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  :root .md\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  :root .md\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  :root .md\:-translate-x-9 {
    --transform-translate-x: -2.25rem;
  }

  :root .md\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  :root .md\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  :root .md\:-translate-x-14 {
    --transform-translate-x: -3.5rem;
  }

  :root .md\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  :root .md\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  :root .md\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  :root .md\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  :root .md\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  :root .md\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  :root .md\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  :root .md\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  :root .md\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  :root .md\:-translate-x-gutter {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  :root .md\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  :root .md\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  :root .md\:translate-x-full {
    --transform-translate-x: 100%;
  }

  :root .md\:translate-y-0 {
    --transform-translate-y: 0;
  }

  :root .md\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  :root .md\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  :root .md\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  :root .md\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  :root .md\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  :root .md\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  :root .md\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  :root .md\:translate-y-9 {
    --transform-translate-y: 2.25rem;
  }

  :root .md\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  :root .md\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  :root .md\:translate-y-14 {
    --transform-translate-y: 3.5rem;
  }

  :root .md\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  :root .md\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  :root .md\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  :root .md\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  :root .md\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  :root .md\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  :root .md\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  :root .md\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  :root .md\:translate-y-px {
    --transform-translate-y: 1px;
  }

  :root .md\:translate-y-gutter {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .md\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  :root .md\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  :root .md\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  :root .md\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  :root .md\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  :root .md\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  :root .md\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  :root .md\:-translate-y-9 {
    --transform-translate-y: -2.25rem;
  }

  :root .md\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  :root .md\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  :root .md\:-translate-y-14 {
    --transform-translate-y: -3.5rem;
  }

  :root .md\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  :root .md\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  :root .md\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  :root .md\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  :root .md\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  :root .md\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  :root .md\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  :root .md\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  :root .md\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  :root .md\:-translate-y-gutter {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  :root .md\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  :root .md\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  :root .md\:translate-y-full {
    --transform-translate-y: 100%;
  }

  :root .md\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  :root .md\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  :root .md\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  :root .md\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  :root .md\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  :root .md\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  :root .md\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  :root .md\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  :root .md\:hover\:translate-x-9:hover {
    --transform-translate-x: 2.25rem;
  }

  :root .md\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  :root .md\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  :root .md\:hover\:translate-x-14:hover {
    --transform-translate-x: 3.5rem;
  }

  :root .md\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  :root .md\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  :root .md\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  :root .md\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  :root .md\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  :root .md\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  :root .md\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  :root .md\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  :root .md\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  :root .md\:hover\:translate-x-gutter:hover {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .md\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  :root .md\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  :root .md\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  :root .md\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  :root .md\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  :root .md\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  :root .md\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  :root .md\:hover\:-translate-x-9:hover {
    --transform-translate-x: -2.25rem;
  }

  :root .md\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  :root .md\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  :root .md\:hover\:-translate-x-14:hover {
    --transform-translate-x: -3.5rem;
  }

  :root .md\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  :root .md\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  :root .md\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  :root .md\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  :root .md\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  :root .md\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  :root .md\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  :root .md\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  :root .md\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  :root .md\:hover\:-translate-x-gutter:hover {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .md\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  :root .md\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  :root .md\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  :root .md\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  :root .md\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  :root .md\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  :root .md\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  :root .md\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  :root .md\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  :root .md\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  :root .md\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  :root .md\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  :root .md\:hover\:translate-y-9:hover {
    --transform-translate-y: 2.25rem;
  }

  :root .md\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  :root .md\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  :root .md\:hover\:translate-y-14:hover {
    --transform-translate-y: 3.5rem;
  }

  :root .md\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  :root .md\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  :root .md\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  :root .md\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  :root .md\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  :root .md\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  :root .md\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  :root .md\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  :root .md\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  :root .md\:hover\:translate-y-gutter:hover {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .md\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  :root .md\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  :root .md\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  :root .md\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  :root .md\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  :root .md\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  :root .md\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  :root .md\:hover\:-translate-y-9:hover {
    --transform-translate-y: -2.25rem;
  }

  :root .md\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  :root .md\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  :root .md\:hover\:-translate-y-14:hover {
    --transform-translate-y: -3.5rem;
  }

  :root .md\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  :root .md\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  :root .md\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  :root .md\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  :root .md\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  :root .md\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  :root .md\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  :root .md\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  :root .md\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  :root .md\:hover\:-translate-y-gutter:hover {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .md\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  :root .md\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  :root .md\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  :root .md\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  :root .md\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  :root .md\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  :root .md\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  :root .md\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  :root .md\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  :root .md\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  :root .md\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  :root .md\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  :root .md\:focus\:translate-x-9:focus {
    --transform-translate-x: 2.25rem;
  }

  :root .md\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  :root .md\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  :root .md\:focus\:translate-x-14:focus {
    --transform-translate-x: 3.5rem;
  }

  :root .md\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  :root .md\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  :root .md\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  :root .md\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  :root .md\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  :root .md\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  :root .md\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  :root .md\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  :root .md\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  :root .md\:focus\:translate-x-gutter:focus {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .md\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  :root .md\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  :root .md\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  :root .md\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  :root .md\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  :root .md\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  :root .md\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  :root .md\:focus\:-translate-x-9:focus {
    --transform-translate-x: -2.25rem;
  }

  :root .md\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  :root .md\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  :root .md\:focus\:-translate-x-14:focus {
    --transform-translate-x: -3.5rem;
  }

  :root .md\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  :root .md\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  :root .md\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  :root .md\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  :root .md\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  :root .md\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  :root .md\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  :root .md\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  :root .md\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  :root .md\:focus\:-translate-x-gutter:focus {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .md\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  :root .md\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  :root .md\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  :root .md\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  :root .md\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  :root .md\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  :root .md\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  :root .md\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  :root .md\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  :root .md\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  :root .md\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  :root .md\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  :root .md\:focus\:translate-y-9:focus {
    --transform-translate-y: 2.25rem;
  }

  :root .md\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  :root .md\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  :root .md\:focus\:translate-y-14:focus {
    --transform-translate-y: 3.5rem;
  }

  :root .md\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  :root .md\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  :root .md\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  :root .md\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  :root .md\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  :root .md\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  :root .md\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  :root .md\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  :root .md\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  :root .md\:focus\:translate-y-gutter:focus {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .md\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  :root .md\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  :root .md\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  :root .md\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  :root .md\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  :root .md\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  :root .md\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  :root .md\:focus\:-translate-y-9:focus {
    --transform-translate-y: -2.25rem;
  }

  :root .md\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  :root .md\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  :root .md\:focus\:-translate-y-14:focus {
    --transform-translate-y: -3.5rem;
  }

  :root .md\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  :root .md\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  :root .md\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  :root .md\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  :root .md\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  :root .md\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  :root .md\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  :root .md\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  :root .md\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  :root .md\:focus\:-translate-y-gutter:focus {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .md\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  :root .md\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  :root .md\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  :root .md\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  :root .md\:skew-x-0 {
    --transform-skew-x: 0;
  }

  :root .md\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  :root .md\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  :root .md\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  :root .md\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  :root .md\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  :root .md\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  :root .md\:skew-y-0 {
    --transform-skew-y: 0;
  }

  :root .md\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  :root .md\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  :root .md\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  :root .md\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  :root .md\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  :root .md\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  :root .md\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  :root .md\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  :root .md\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  :root .md\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  :root .md\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  :root .md\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  :root .md\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  :root .md\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  :root .md\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  :root .md\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  :root .md\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  :root .md\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  :root .md\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  :root .md\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  :root .md\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  :root .md\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  :root .md\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  :root .md\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  :root .md\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  :root .md\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  :root .md\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  :root .md\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  :root .md\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  :root .md\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  :root .md\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  :root .md\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  :root .md\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  :root .md\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  :root .md\:transition-none {
    transition-property: none;
  }

  :root .md\:transition-all {
    transition-property: all;
  }

  :root .md\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  :root .md\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  :root .md\:transition-opacity {
    transition-property: opacity;
  }

  :root .md\:transition-shadow {
    transition-property: box-shadow;
  }

  :root .md\:transition-transform {
    transition-property: transform;
  }

  :root .md\:ease-linear {
    transition-timing-function: linear;
  }

  :root .md\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  :root .md\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  :root .md\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  :root .md\:duration-75 {
    transition-duration: 75ms;
  }

  :root .md\:duration-100 {
    transition-duration: 100ms;
  }

  :root .md\:duration-150 {
    transition-duration: 150ms;
  }

  :root .md\:duration-200 {
    transition-duration: 200ms;
  }

  :root .md\:duration-300 {
    transition-duration: 300ms;
  }

  :root .md\:duration-500 {
    transition-duration: 500ms;
  }

  :root .md\:duration-700 {
    transition-duration: 700ms;
  }

  :root .md\:duration-1000 {
    transition-duration: 1000ms;
  }
}

@media (min-width: 1280px) {
  :root .lg\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  :root .lg\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .lg\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  :root .lg\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .lg\:appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  :root .lg\:bg-fixed {
    background-attachment: fixed;
  }

  :root .lg\:bg-local {
    background-attachment: local;
  }

  :root .lg\:bg-scroll {
    background-attachment: scroll;
  }

  :root .lg\:bg-base {
    background-color: var(--background-base);
  }

  :root .lg\:bg-card {
    background-color: var(--background-card);
  }

  :root .lg\:bg-app-bar {
    background-color: var(--background-app-bar);
  }

  :root .lg\:bg-hover {
    background-color: var(--background-hover);
  }

  :root .lg\:bg-transparent {
    background-color: transparent;
  }

  :root .lg\:bg-black {
    background-color: var(--text-color);
  }

  :root .lg\:bg-white {
    background-color: var(--text-color-light);
  }

  :root .lg\:bg-contrast-black {
    background-color: black;
  }

  :root .lg\:bg-contrast-white {
    background-color: white;
  }

  :root .lg\:bg-obs-primary {
    background-color: #5977FF;
  }

  :root .lg\:bg-obs-secondary {
    background-color: #5d5c64;
  }

  :root .lg\:bg-obs-maroon {
    background-color: #961e36;
  }

  :root .lg\:bg-obs-navy {
    background-color: #3e4861;
  }

  :root .lg\:bg-obs-pink {
    background-color: #d2afc5;
  }

  :root .lg\:bg-obs-dark-orange {
    background-color: #d6582a;
  }

  :root .lg\:bg-obs-gold {
    background-color: #9d8944;
  }

  :root .lg\:bg-obs-light-blue {
    background-color: #A3C2D6;
  }

  :root .lg\:bg-obs-purple {
    background-color: #722670;
  }

  :root .lg\:bg-obs-light-orange {
    background-color: #fF9c01;
  }

  :root .lg\:bg-obs-blue {
    background-color: #5da7d6;
  }

  :root .lg\:bg-gray-50 {
    background-color: #fafafa;
  }

  :root .lg\:bg-gray-100 {
    background-color: #f5f5f5;
  }

  :root .lg\:bg-gray-200 {
    background-color: #eeeeee;
  }

  :root .lg\:bg-gray-300 {
    background-color: #e0e0e0;
  }

  :root .lg\:bg-gray-400 {
    background-color: #bdbdbd;
  }

  :root .lg\:bg-gray-500 {
    background-color: #9e9e9e;
  }

  :root .lg\:bg-gray-600 {
    background-color: #757575;
  }

  :root .lg\:bg-gray-700 {
    background-color: #616161;
  }

  :root .lg\:bg-gray-800 {
    background-color: #424242;
  }

  :root .lg\:bg-gray-900 {
    background-color: #212121;
  }

  :root .lg\:bg-red-50 {
    background-color: #ffebee;
  }

  :root .lg\:bg-red-100 {
    background-color: #ffcdd2;
  }

  :root .lg\:bg-red-200 {
    background-color: #ef9a9a;
  }

  :root .lg\:bg-red-300 {
    background-color: #e57373;
  }

  :root .lg\:bg-red-400 {
    background-color: #ef5350;
  }

  :root .lg\:bg-red-500 {
    background-color: #f44336;
  }

  :root .lg\:bg-red-600 {
    background-color: #e53935;
  }

  :root .lg\:bg-red-700 {
    background-color: #d32f2f;
  }

  :root .lg\:bg-red-800 {
    background-color: #c62828;
  }

  :root .lg\:bg-red-900 {
    background-color: #b71c1c;
  }

  :root .lg\:bg-orange-50 {
    background-color: #fff3e0;
  }

  :root .lg\:bg-orange-100 {
    background-color: #ffe0b2;
  }

  :root .lg\:bg-orange-200 {
    background-color: #ffcc80;
  }

  :root .lg\:bg-orange-300 {
    background-color: #ffb74d;
  }

  :root .lg\:bg-orange-400 {
    background-color: #ffa726;
  }

  :root .lg\:bg-orange-500 {
    background-color: #ff9800;
  }

  :root .lg\:bg-orange-600 {
    background-color: #fb8c00;
  }

  :root .lg\:bg-orange-700 {
    background-color: #f57c00;
  }

  :root .lg\:bg-orange-800 {
    background-color: #ef6c00;
  }

  :root .lg\:bg-orange-900 {
    background-color: #e65100;
  }

  :root .lg\:bg-deep-orange-50 {
    background-color: #fbe9e7;
  }

  :root .lg\:bg-deep-orange-100 {
    background-color: #ffccbc;
  }

  :root .lg\:bg-deep-orange-200 {
    background-color: #ffab91;
  }

  :root .lg\:bg-deep-orange-300 {
    background-color: #ff8a65;
  }

  :root .lg\:bg-deep-orange-400 {
    background-color: #ff7043;
  }

  :root .lg\:bg-deep-orange-500 {
    background-color: #ff5722;
  }

  :root .lg\:bg-deep-orange-600 {
    background-color: #f4511e;
  }

  :root .lg\:bg-deep-orange-700 {
    background-color: #e64a19;
  }

  :root .lg\:bg-deep-orange-800 {
    background-color: #d84315;
  }

  :root .lg\:bg-deep-orange-900 {
    background-color: #bf360c;
  }

  :root .lg\:bg-amber-50 {
    background-color: #fff8e1;
  }

  :root .lg\:bg-amber-100 {
    background-color: #ffecb3;
  }

  :root .lg\:bg-amber-200 {
    background-color: #ffe082;
  }

  :root .lg\:bg-amber-300 {
    background-color: #ffd54f;
  }

  :root .lg\:bg-amber-400 {
    background-color: #ffca28;
  }

  :root .lg\:bg-amber-500 {
    background-color: #ffc107;
  }

  :root .lg\:bg-amber-600 {
    background-color: #ffb300;
  }

  :root .lg\:bg-amber-700 {
    background-color: #ffa000;
  }

  :root .lg\:bg-amber-800 {
    background-color: #ff8f00;
  }

  :root .lg\:bg-amber-900 {
    background-color: #ff6f00;
  }

  :root .lg\:bg-light-green-50 {
    background-color: #f1f8e9;
  }

  :root .lg\:bg-light-green-100 {
    background-color: #dcedc8;
  }

  :root .lg\:bg-light-green-200 {
    background-color: #c5e1a5;
  }

  :root .lg\:bg-light-green-300 {
    background-color: #aed581;
  }

  :root .lg\:bg-light-green-400 {
    background-color: #9ccc65;
  }

  :root .lg\:bg-light-green-500 {
    background-color: #8bc34a;
  }

  :root .lg\:bg-light-green-600 {
    background-color: #7cb342;
  }

  :root .lg\:bg-light-green-700 {
    background-color: #689f38;
  }

  :root .lg\:bg-light-green-800 {
    background-color: #558b2f;
  }

  :root .lg\:bg-light-green-900 {
    background-color: #33691e;
  }

  :root .lg\:bg-green-50 {
    background-color: #e8f5e9;
  }

  :root .lg\:bg-green-100 {
    background-color: #c8e6c9;
  }

  :root .lg\:bg-green-200 {
    background-color: #a5d6a7;
  }

  :root .lg\:bg-green-300 {
    background-color: #81c784;
  }

  :root .lg\:bg-green-400 {
    background-color: #66bb6a;
  }

  :root .lg\:bg-green-500 {
    background-color: #4caf50;
  }

  :root .lg\:bg-green-600 {
    background-color: #43a047;
  }

  :root .lg\:bg-green-700 {
    background-color: #388e3c;
  }

  :root .lg\:bg-green-800 {
    background-color: #2e7d32;
  }

  :root .lg\:bg-green-900 {
    background-color: #1b5e20;
  }

  :root .lg\:bg-teal-50 {
    background-color: #e0f2f1;
  }

  :root .lg\:bg-teal-100 {
    background-color: #b2dfdb;
  }

  :root .lg\:bg-teal-200 {
    background-color: #80cbc4;
  }

  :root .lg\:bg-teal-300 {
    background-color: #4db6ac;
  }

  :root .lg\:bg-teal-400 {
    background-color: #26a69a;
  }

  :root .lg\:bg-teal-500 {
    background-color: #009688;
  }

  :root .lg\:bg-teal-600 {
    background-color: #00897b;
  }

  :root .lg\:bg-teal-700 {
    background-color: #00796b;
  }

  :root .lg\:bg-teal-800 {
    background-color: #00695c;
  }

  :root .lg\:bg-teal-900 {
    background-color: #004d40;
  }

  :root .lg\:bg-cyan-50 {
    background-color: #e0f7fa;
  }

  :root .lg\:bg-cyan-100 {
    background-color: #b2ebf2;
  }

  :root .lg\:bg-cyan-200 {
    background-color: #80deea;
  }

  :root .lg\:bg-cyan-300 {
    background-color: #4dd0e1;
  }

  :root .lg\:bg-cyan-400 {
    background-color: #26c6da;
  }

  :root .lg\:bg-cyan-500 {
    background-color: #00bcd4;
  }

  :root .lg\:bg-cyan-600 {
    background-color: #00acc1;
  }

  :root .lg\:bg-cyan-700 {
    background-color: #0097a7;
  }

  :root .lg\:bg-cyan-800 {
    background-color: #00838f;
  }

  :root .lg\:bg-cyan-900 {
    background-color: #006064;
  }

  :root .lg\:bg-purple-50 {
    background-color: #f3e5f5;
  }

  :root .lg\:bg-purple-100 {
    background-color: #e1bee7;
  }

  :root .lg\:bg-purple-200 {
    background-color: #ce93d8;
  }

  :root .lg\:bg-purple-300 {
    background-color: #ba68c8;
  }

  :root .lg\:bg-purple-400 {
    background-color: #ab47bc;
  }

  :root .lg\:bg-purple-500 {
    background-color: #9c27b0;
  }

  :root .lg\:bg-purple-600 {
    background-color: #8e24aa;
  }

  :root .lg\:bg-purple-700 {
    background-color: #7b1fa2;
  }

  :root .lg\:bg-purple-800 {
    background-color: #6a1b9a;
  }

  :root .lg\:bg-purple-900 {
    background-color: #4a148c;
  }

  :root .lg\:bg-deep-purple-50 {
    background-color: #ede7f6;
  }

  :root .lg\:bg-deep-purple-100 {
    background-color: #d1c4e9;
  }

  :root .lg\:bg-deep-purple-200 {
    background-color: #b39ddb;
  }

  :root .lg\:bg-deep-purple-300 {
    background-color: #9575cd;
  }

  :root .lg\:bg-deep-purple-400 {
    background-color: #7e57c2;
  }

  :root .lg\:bg-deep-purple-500 {
    background-color: #673ab7;
  }

  :root .lg\:bg-deep-purple-600 {
    background-color: #5e35b1;
  }

  :root .lg\:bg-deep-purple-700 {
    background-color: #512da8;
  }

  :root .lg\:bg-deep-purple-800 {
    background-color: #4527a0;
  }

  :root .lg\:bg-deep-purple-900 {
    background-color: #311b92;
  }

  :root .lg\:bg-primary-50 {
    background-color: #FBE4E7;
  }

  :root .lg\:bg-primary-100 {
    background-color: #F5BCC2;
  }

  :root .lg\:bg-primary-200 {
    background-color: #EE8F9A;
  }

  :root .lg\:bg-primary-300 {
    background-color: #E76272;
  }

  :root .lg\:bg-primary-400 {
    background-color: #E14053;
  }

  :root .lg\:bg-primary-500 {
    background-color: #1976d2;
  }

  :root .lg\:bg-primary-600 {
    background-color: #D81A30;
  }

  :root .lg\:bg-primary-700 {
    background-color: #D31628;
  }

  :root .lg\:bg-primary-800 {
    background-color: #CE1222;
  }

  :root .lg\:bg-primary-900 {
    background-color: #C50A16;
  }

  :root .lg\:hover\:bg-base:hover {
    background-color: var(--background-base);
  }

  :root .lg\:hover\:bg-card:hover {
    background-color: var(--background-card);
  }

  :root .lg\:hover\:bg-app-bar:hover {
    background-color: var(--background-app-bar);
  }

  :root .lg\:hover\:bg-hover:hover {
    background-color: var(--background-hover);
  }

  :root .lg\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  :root .lg\:hover\:bg-black:hover {
    background-color: var(--text-color);
  }

  :root .lg\:hover\:bg-white:hover {
    background-color: var(--text-color-light);
  }

  :root .lg\:hover\:bg-contrast-black:hover {
    background-color: black;
  }

  :root .lg\:hover\:bg-contrast-white:hover {
    background-color: white;
  }

  :root .lg\:hover\:bg-obs-primary:hover {
    background-color: #5977FF;
  }

  :root .lg\:hover\:bg-obs-secondary:hover {
    background-color: #5d5c64;
  }

  :root .lg\:hover\:bg-obs-maroon:hover {
    background-color: #961e36;
  }

  :root .lg\:hover\:bg-obs-navy:hover {
    background-color: #3e4861;
  }

  :root .lg\:hover\:bg-obs-pink:hover {
    background-color: #d2afc5;
  }

  :root .lg\:hover\:bg-obs-dark-orange:hover {
    background-color: #d6582a;
  }

  :root .lg\:hover\:bg-obs-gold:hover {
    background-color: #9d8944;
  }

  :root .lg\:hover\:bg-obs-light-blue:hover {
    background-color: #A3C2D6;
  }

  :root .lg\:hover\:bg-obs-purple:hover {
    background-color: #722670;
  }

  :root .lg\:hover\:bg-obs-light-orange:hover {
    background-color: #fF9c01;
  }

  :root .lg\:hover\:bg-obs-blue:hover {
    background-color: #5da7d6;
  }

  :root .lg\:hover\:bg-gray-50:hover {
    background-color: #fafafa;
  }

  :root .lg\:hover\:bg-gray-100:hover {
    background-color: #f5f5f5;
  }

  :root .lg\:hover\:bg-gray-200:hover {
    background-color: #eeeeee;
  }

  :root .lg\:hover\:bg-gray-300:hover {
    background-color: #e0e0e0;
  }

  :root .lg\:hover\:bg-gray-400:hover {
    background-color: #bdbdbd;
  }

  :root .lg\:hover\:bg-gray-500:hover {
    background-color: #9e9e9e;
  }

  :root .lg\:hover\:bg-gray-600:hover {
    background-color: #757575;
  }

  :root .lg\:hover\:bg-gray-700:hover {
    background-color: #616161;
  }

  :root .lg\:hover\:bg-gray-800:hover {
    background-color: #424242;
  }

  :root .lg\:hover\:bg-gray-900:hover {
    background-color: #212121;
  }

  :root .lg\:hover\:bg-red-50:hover {
    background-color: #ffebee;
  }

  :root .lg\:hover\:bg-red-100:hover {
    background-color: #ffcdd2;
  }

  :root .lg\:hover\:bg-red-200:hover {
    background-color: #ef9a9a;
  }

  :root .lg\:hover\:bg-red-300:hover {
    background-color: #e57373;
  }

  :root .lg\:hover\:bg-red-400:hover {
    background-color: #ef5350;
  }

  :root .lg\:hover\:bg-red-500:hover {
    background-color: #f44336;
  }

  :root .lg\:hover\:bg-red-600:hover {
    background-color: #e53935;
  }

  :root .lg\:hover\:bg-red-700:hover {
    background-color: #d32f2f;
  }

  :root .lg\:hover\:bg-red-800:hover {
    background-color: #c62828;
  }

  :root .lg\:hover\:bg-red-900:hover {
    background-color: #b71c1c;
  }

  :root .lg\:hover\:bg-orange-50:hover {
    background-color: #fff3e0;
  }

  :root .lg\:hover\:bg-orange-100:hover {
    background-color: #ffe0b2;
  }

  :root .lg\:hover\:bg-orange-200:hover {
    background-color: #ffcc80;
  }

  :root .lg\:hover\:bg-orange-300:hover {
    background-color: #ffb74d;
  }

  :root .lg\:hover\:bg-orange-400:hover {
    background-color: #ffa726;
  }

  :root .lg\:hover\:bg-orange-500:hover {
    background-color: #ff9800;
  }

  :root .lg\:hover\:bg-orange-600:hover {
    background-color: #fb8c00;
  }

  :root .lg\:hover\:bg-orange-700:hover {
    background-color: #f57c00;
  }

  :root .lg\:hover\:bg-orange-800:hover {
    background-color: #ef6c00;
  }

  :root .lg\:hover\:bg-orange-900:hover {
    background-color: #e65100;
  }

  :root .lg\:hover\:bg-deep-orange-50:hover {
    background-color: #fbe9e7;
  }

  :root .lg\:hover\:bg-deep-orange-100:hover {
    background-color: #ffccbc;
  }

  :root .lg\:hover\:bg-deep-orange-200:hover {
    background-color: #ffab91;
  }

  :root .lg\:hover\:bg-deep-orange-300:hover {
    background-color: #ff8a65;
  }

  :root .lg\:hover\:bg-deep-orange-400:hover {
    background-color: #ff7043;
  }

  :root .lg\:hover\:bg-deep-orange-500:hover {
    background-color: #ff5722;
  }

  :root .lg\:hover\:bg-deep-orange-600:hover {
    background-color: #f4511e;
  }

  :root .lg\:hover\:bg-deep-orange-700:hover {
    background-color: #e64a19;
  }

  :root .lg\:hover\:bg-deep-orange-800:hover {
    background-color: #d84315;
  }

  :root .lg\:hover\:bg-deep-orange-900:hover {
    background-color: #bf360c;
  }

  :root .lg\:hover\:bg-amber-50:hover {
    background-color: #fff8e1;
  }

  :root .lg\:hover\:bg-amber-100:hover {
    background-color: #ffecb3;
  }

  :root .lg\:hover\:bg-amber-200:hover {
    background-color: #ffe082;
  }

  :root .lg\:hover\:bg-amber-300:hover {
    background-color: #ffd54f;
  }

  :root .lg\:hover\:bg-amber-400:hover {
    background-color: #ffca28;
  }

  :root .lg\:hover\:bg-amber-500:hover {
    background-color: #ffc107;
  }

  :root .lg\:hover\:bg-amber-600:hover {
    background-color: #ffb300;
  }

  :root .lg\:hover\:bg-amber-700:hover {
    background-color: #ffa000;
  }

  :root .lg\:hover\:bg-amber-800:hover {
    background-color: #ff8f00;
  }

  :root .lg\:hover\:bg-amber-900:hover {
    background-color: #ff6f00;
  }

  :root .lg\:hover\:bg-light-green-50:hover {
    background-color: #f1f8e9;
  }

  :root .lg\:hover\:bg-light-green-100:hover {
    background-color: #dcedc8;
  }

  :root .lg\:hover\:bg-light-green-200:hover {
    background-color: #c5e1a5;
  }

  :root .lg\:hover\:bg-light-green-300:hover {
    background-color: #aed581;
  }

  :root .lg\:hover\:bg-light-green-400:hover {
    background-color: #9ccc65;
  }

  :root .lg\:hover\:bg-light-green-500:hover {
    background-color: #8bc34a;
  }

  :root .lg\:hover\:bg-light-green-600:hover {
    background-color: #7cb342;
  }

  :root .lg\:hover\:bg-light-green-700:hover {
    background-color: #689f38;
  }

  :root .lg\:hover\:bg-light-green-800:hover {
    background-color: #558b2f;
  }

  :root .lg\:hover\:bg-light-green-900:hover {
    background-color: #33691e;
  }

  :root .lg\:hover\:bg-green-50:hover {
    background-color: #e8f5e9;
  }

  :root .lg\:hover\:bg-green-100:hover {
    background-color: #c8e6c9;
  }

  :root .lg\:hover\:bg-green-200:hover {
    background-color: #a5d6a7;
  }

  :root .lg\:hover\:bg-green-300:hover {
    background-color: #81c784;
  }

  :root .lg\:hover\:bg-green-400:hover {
    background-color: #66bb6a;
  }

  :root .lg\:hover\:bg-green-500:hover {
    background-color: #4caf50;
  }

  :root .lg\:hover\:bg-green-600:hover {
    background-color: #43a047;
  }

  :root .lg\:hover\:bg-green-700:hover {
    background-color: #388e3c;
  }

  :root .lg\:hover\:bg-green-800:hover {
    background-color: #2e7d32;
  }

  :root .lg\:hover\:bg-green-900:hover {
    background-color: #1b5e20;
  }

  :root .lg\:hover\:bg-teal-50:hover {
    background-color: #e0f2f1;
  }

  :root .lg\:hover\:bg-teal-100:hover {
    background-color: #b2dfdb;
  }

  :root .lg\:hover\:bg-teal-200:hover {
    background-color: #80cbc4;
  }

  :root .lg\:hover\:bg-teal-300:hover {
    background-color: #4db6ac;
  }

  :root .lg\:hover\:bg-teal-400:hover {
    background-color: #26a69a;
  }

  :root .lg\:hover\:bg-teal-500:hover {
    background-color: #009688;
  }

  :root .lg\:hover\:bg-teal-600:hover {
    background-color: #00897b;
  }

  :root .lg\:hover\:bg-teal-700:hover {
    background-color: #00796b;
  }

  :root .lg\:hover\:bg-teal-800:hover {
    background-color: #00695c;
  }

  :root .lg\:hover\:bg-teal-900:hover {
    background-color: #004d40;
  }

  :root .lg\:hover\:bg-cyan-50:hover {
    background-color: #e0f7fa;
  }

  :root .lg\:hover\:bg-cyan-100:hover {
    background-color: #b2ebf2;
  }

  :root .lg\:hover\:bg-cyan-200:hover {
    background-color: #80deea;
  }

  :root .lg\:hover\:bg-cyan-300:hover {
    background-color: #4dd0e1;
  }

  :root .lg\:hover\:bg-cyan-400:hover {
    background-color: #26c6da;
  }

  :root .lg\:hover\:bg-cyan-500:hover {
    background-color: #00bcd4;
  }

  :root .lg\:hover\:bg-cyan-600:hover {
    background-color: #00acc1;
  }

  :root .lg\:hover\:bg-cyan-700:hover {
    background-color: #0097a7;
  }

  :root .lg\:hover\:bg-cyan-800:hover {
    background-color: #00838f;
  }

  :root .lg\:hover\:bg-cyan-900:hover {
    background-color: #006064;
  }

  :root .lg\:hover\:bg-purple-50:hover {
    background-color: #f3e5f5;
  }

  :root .lg\:hover\:bg-purple-100:hover {
    background-color: #e1bee7;
  }

  :root .lg\:hover\:bg-purple-200:hover {
    background-color: #ce93d8;
  }

  :root .lg\:hover\:bg-purple-300:hover {
    background-color: #ba68c8;
  }

  :root .lg\:hover\:bg-purple-400:hover {
    background-color: #ab47bc;
  }

  :root .lg\:hover\:bg-purple-500:hover {
    background-color: #9c27b0;
  }

  :root .lg\:hover\:bg-purple-600:hover {
    background-color: #8e24aa;
  }

  :root .lg\:hover\:bg-purple-700:hover {
    background-color: #7b1fa2;
  }

  :root .lg\:hover\:bg-purple-800:hover {
    background-color: #6a1b9a;
  }

  :root .lg\:hover\:bg-purple-900:hover {
    background-color: #4a148c;
  }

  :root .lg\:hover\:bg-deep-purple-50:hover {
    background-color: #ede7f6;
  }

  :root .lg\:hover\:bg-deep-purple-100:hover {
    background-color: #d1c4e9;
  }

  :root .lg\:hover\:bg-deep-purple-200:hover {
    background-color: #b39ddb;
  }

  :root .lg\:hover\:bg-deep-purple-300:hover {
    background-color: #9575cd;
  }

  :root .lg\:hover\:bg-deep-purple-400:hover {
    background-color: #7e57c2;
  }

  :root .lg\:hover\:bg-deep-purple-500:hover {
    background-color: #673ab7;
  }

  :root .lg\:hover\:bg-deep-purple-600:hover {
    background-color: #5e35b1;
  }

  :root .lg\:hover\:bg-deep-purple-700:hover {
    background-color: #512da8;
  }

  :root .lg\:hover\:bg-deep-purple-800:hover {
    background-color: #4527a0;
  }

  :root .lg\:hover\:bg-deep-purple-900:hover {
    background-color: #311b92;
  }

  :root .lg\:hover\:bg-primary-50:hover {
    background-color: #FBE4E7;
  }

  :root .lg\:hover\:bg-primary-100:hover {
    background-color: #F5BCC2;
  }

  :root .lg\:hover\:bg-primary-200:hover {
    background-color: #EE8F9A;
  }

  :root .lg\:hover\:bg-primary-300:hover {
    background-color: #E76272;
  }

  :root .lg\:hover\:bg-primary-400:hover {
    background-color: #E14053;
  }

  :root .lg\:hover\:bg-primary-500:hover {
    background-color: #1976d2;
  }

  :root .lg\:hover\:bg-primary-600:hover {
    background-color: #D81A30;
  }

  :root .lg\:hover\:bg-primary-700:hover {
    background-color: #D31628;
  }

  :root .lg\:hover\:bg-primary-800:hover {
    background-color: #CE1222;
  }

  :root .lg\:hover\:bg-primary-900:hover {
    background-color: #C50A16;
  }

  :root .lg\:focus\:bg-base:focus {
    background-color: var(--background-base);
  }

  :root .lg\:focus\:bg-card:focus {
    background-color: var(--background-card);
  }

  :root .lg\:focus\:bg-app-bar:focus {
    background-color: var(--background-app-bar);
  }

  :root .lg\:focus\:bg-hover:focus {
    background-color: var(--background-hover);
  }

  :root .lg\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  :root .lg\:focus\:bg-black:focus {
    background-color: var(--text-color);
  }

  :root .lg\:focus\:bg-white:focus {
    background-color: var(--text-color-light);
  }

  :root .lg\:focus\:bg-contrast-black:focus {
    background-color: black;
  }

  :root .lg\:focus\:bg-contrast-white:focus {
    background-color: white;
  }

  :root .lg\:focus\:bg-obs-primary:focus {
    background-color: #5977FF;
  }

  :root .lg\:focus\:bg-obs-secondary:focus {
    background-color: #5d5c64;
  }

  :root .lg\:focus\:bg-obs-maroon:focus {
    background-color: #961e36;
  }

  :root .lg\:focus\:bg-obs-navy:focus {
    background-color: #3e4861;
  }

  :root .lg\:focus\:bg-obs-pink:focus {
    background-color: #d2afc5;
  }

  :root .lg\:focus\:bg-obs-dark-orange:focus {
    background-color: #d6582a;
  }

  :root .lg\:focus\:bg-obs-gold:focus {
    background-color: #9d8944;
  }

  :root .lg\:focus\:bg-obs-light-blue:focus {
    background-color: #A3C2D6;
  }

  :root .lg\:focus\:bg-obs-purple:focus {
    background-color: #722670;
  }

  :root .lg\:focus\:bg-obs-light-orange:focus {
    background-color: #fF9c01;
  }

  :root .lg\:focus\:bg-obs-blue:focus {
    background-color: #5da7d6;
  }

  :root .lg\:focus\:bg-gray-50:focus {
    background-color: #fafafa;
  }

  :root .lg\:focus\:bg-gray-100:focus {
    background-color: #f5f5f5;
  }

  :root .lg\:focus\:bg-gray-200:focus {
    background-color: #eeeeee;
  }

  :root .lg\:focus\:bg-gray-300:focus {
    background-color: #e0e0e0;
  }

  :root .lg\:focus\:bg-gray-400:focus {
    background-color: #bdbdbd;
  }

  :root .lg\:focus\:bg-gray-500:focus {
    background-color: #9e9e9e;
  }

  :root .lg\:focus\:bg-gray-600:focus {
    background-color: #757575;
  }

  :root .lg\:focus\:bg-gray-700:focus {
    background-color: #616161;
  }

  :root .lg\:focus\:bg-gray-800:focus {
    background-color: #424242;
  }

  :root .lg\:focus\:bg-gray-900:focus {
    background-color: #212121;
  }

  :root .lg\:focus\:bg-red-50:focus {
    background-color: #ffebee;
  }

  :root .lg\:focus\:bg-red-100:focus {
    background-color: #ffcdd2;
  }

  :root .lg\:focus\:bg-red-200:focus {
    background-color: #ef9a9a;
  }

  :root .lg\:focus\:bg-red-300:focus {
    background-color: #e57373;
  }

  :root .lg\:focus\:bg-red-400:focus {
    background-color: #ef5350;
  }

  :root .lg\:focus\:bg-red-500:focus {
    background-color: #f44336;
  }

  :root .lg\:focus\:bg-red-600:focus {
    background-color: #e53935;
  }

  :root .lg\:focus\:bg-red-700:focus {
    background-color: #d32f2f;
  }

  :root .lg\:focus\:bg-red-800:focus {
    background-color: #c62828;
  }

  :root .lg\:focus\:bg-red-900:focus {
    background-color: #b71c1c;
  }

  :root .lg\:focus\:bg-orange-50:focus {
    background-color: #fff3e0;
  }

  :root .lg\:focus\:bg-orange-100:focus {
    background-color: #ffe0b2;
  }

  :root .lg\:focus\:bg-orange-200:focus {
    background-color: #ffcc80;
  }

  :root .lg\:focus\:bg-orange-300:focus {
    background-color: #ffb74d;
  }

  :root .lg\:focus\:bg-orange-400:focus {
    background-color: #ffa726;
  }

  :root .lg\:focus\:bg-orange-500:focus {
    background-color: #ff9800;
  }

  :root .lg\:focus\:bg-orange-600:focus {
    background-color: #fb8c00;
  }

  :root .lg\:focus\:bg-orange-700:focus {
    background-color: #f57c00;
  }

  :root .lg\:focus\:bg-orange-800:focus {
    background-color: #ef6c00;
  }

  :root .lg\:focus\:bg-orange-900:focus {
    background-color: #e65100;
  }

  :root .lg\:focus\:bg-deep-orange-50:focus {
    background-color: #fbe9e7;
  }

  :root .lg\:focus\:bg-deep-orange-100:focus {
    background-color: #ffccbc;
  }

  :root .lg\:focus\:bg-deep-orange-200:focus {
    background-color: #ffab91;
  }

  :root .lg\:focus\:bg-deep-orange-300:focus {
    background-color: #ff8a65;
  }

  :root .lg\:focus\:bg-deep-orange-400:focus {
    background-color: #ff7043;
  }

  :root .lg\:focus\:bg-deep-orange-500:focus {
    background-color: #ff5722;
  }

  :root .lg\:focus\:bg-deep-orange-600:focus {
    background-color: #f4511e;
  }

  :root .lg\:focus\:bg-deep-orange-700:focus {
    background-color: #e64a19;
  }

  :root .lg\:focus\:bg-deep-orange-800:focus {
    background-color: #d84315;
  }

  :root .lg\:focus\:bg-deep-orange-900:focus {
    background-color: #bf360c;
  }

  :root .lg\:focus\:bg-amber-50:focus {
    background-color: #fff8e1;
  }

  :root .lg\:focus\:bg-amber-100:focus {
    background-color: #ffecb3;
  }

  :root .lg\:focus\:bg-amber-200:focus {
    background-color: #ffe082;
  }

  :root .lg\:focus\:bg-amber-300:focus {
    background-color: #ffd54f;
  }

  :root .lg\:focus\:bg-amber-400:focus {
    background-color: #ffca28;
  }

  :root .lg\:focus\:bg-amber-500:focus {
    background-color: #ffc107;
  }

  :root .lg\:focus\:bg-amber-600:focus {
    background-color: #ffb300;
  }

  :root .lg\:focus\:bg-amber-700:focus {
    background-color: #ffa000;
  }

  :root .lg\:focus\:bg-amber-800:focus {
    background-color: #ff8f00;
  }

  :root .lg\:focus\:bg-amber-900:focus {
    background-color: #ff6f00;
  }

  :root .lg\:focus\:bg-light-green-50:focus {
    background-color: #f1f8e9;
  }

  :root .lg\:focus\:bg-light-green-100:focus {
    background-color: #dcedc8;
  }

  :root .lg\:focus\:bg-light-green-200:focus {
    background-color: #c5e1a5;
  }

  :root .lg\:focus\:bg-light-green-300:focus {
    background-color: #aed581;
  }

  :root .lg\:focus\:bg-light-green-400:focus {
    background-color: #9ccc65;
  }

  :root .lg\:focus\:bg-light-green-500:focus {
    background-color: #8bc34a;
  }

  :root .lg\:focus\:bg-light-green-600:focus {
    background-color: #7cb342;
  }

  :root .lg\:focus\:bg-light-green-700:focus {
    background-color: #689f38;
  }

  :root .lg\:focus\:bg-light-green-800:focus {
    background-color: #558b2f;
  }

  :root .lg\:focus\:bg-light-green-900:focus {
    background-color: #33691e;
  }

  :root .lg\:focus\:bg-green-50:focus {
    background-color: #e8f5e9;
  }

  :root .lg\:focus\:bg-green-100:focus {
    background-color: #c8e6c9;
  }

  :root .lg\:focus\:bg-green-200:focus {
    background-color: #a5d6a7;
  }

  :root .lg\:focus\:bg-green-300:focus {
    background-color: #81c784;
  }

  :root .lg\:focus\:bg-green-400:focus {
    background-color: #66bb6a;
  }

  :root .lg\:focus\:bg-green-500:focus {
    background-color: #4caf50;
  }

  :root .lg\:focus\:bg-green-600:focus {
    background-color: #43a047;
  }

  :root .lg\:focus\:bg-green-700:focus {
    background-color: #388e3c;
  }

  :root .lg\:focus\:bg-green-800:focus {
    background-color: #2e7d32;
  }

  :root .lg\:focus\:bg-green-900:focus {
    background-color: #1b5e20;
  }

  :root .lg\:focus\:bg-teal-50:focus {
    background-color: #e0f2f1;
  }

  :root .lg\:focus\:bg-teal-100:focus {
    background-color: #b2dfdb;
  }

  :root .lg\:focus\:bg-teal-200:focus {
    background-color: #80cbc4;
  }

  :root .lg\:focus\:bg-teal-300:focus {
    background-color: #4db6ac;
  }

  :root .lg\:focus\:bg-teal-400:focus {
    background-color: #26a69a;
  }

  :root .lg\:focus\:bg-teal-500:focus {
    background-color: #009688;
  }

  :root .lg\:focus\:bg-teal-600:focus {
    background-color: #00897b;
  }

  :root .lg\:focus\:bg-teal-700:focus {
    background-color: #00796b;
  }

  :root .lg\:focus\:bg-teal-800:focus {
    background-color: #00695c;
  }

  :root .lg\:focus\:bg-teal-900:focus {
    background-color: #004d40;
  }

  :root .lg\:focus\:bg-cyan-50:focus {
    background-color: #e0f7fa;
  }

  :root .lg\:focus\:bg-cyan-100:focus {
    background-color: #b2ebf2;
  }

  :root .lg\:focus\:bg-cyan-200:focus {
    background-color: #80deea;
  }

  :root .lg\:focus\:bg-cyan-300:focus {
    background-color: #4dd0e1;
  }

  :root .lg\:focus\:bg-cyan-400:focus {
    background-color: #26c6da;
  }

  :root .lg\:focus\:bg-cyan-500:focus {
    background-color: #00bcd4;
  }

  :root .lg\:focus\:bg-cyan-600:focus {
    background-color: #00acc1;
  }

  :root .lg\:focus\:bg-cyan-700:focus {
    background-color: #0097a7;
  }

  :root .lg\:focus\:bg-cyan-800:focus {
    background-color: #00838f;
  }

  :root .lg\:focus\:bg-cyan-900:focus {
    background-color: #006064;
  }

  :root .lg\:focus\:bg-purple-50:focus {
    background-color: #f3e5f5;
  }

  :root .lg\:focus\:bg-purple-100:focus {
    background-color: #e1bee7;
  }

  :root .lg\:focus\:bg-purple-200:focus {
    background-color: #ce93d8;
  }

  :root .lg\:focus\:bg-purple-300:focus {
    background-color: #ba68c8;
  }

  :root .lg\:focus\:bg-purple-400:focus {
    background-color: #ab47bc;
  }

  :root .lg\:focus\:bg-purple-500:focus {
    background-color: #9c27b0;
  }

  :root .lg\:focus\:bg-purple-600:focus {
    background-color: #8e24aa;
  }

  :root .lg\:focus\:bg-purple-700:focus {
    background-color: #7b1fa2;
  }

  :root .lg\:focus\:bg-purple-800:focus {
    background-color: #6a1b9a;
  }

  :root .lg\:focus\:bg-purple-900:focus {
    background-color: #4a148c;
  }

  :root .lg\:focus\:bg-deep-purple-50:focus {
    background-color: #ede7f6;
  }

  :root .lg\:focus\:bg-deep-purple-100:focus {
    background-color: #d1c4e9;
  }

  :root .lg\:focus\:bg-deep-purple-200:focus {
    background-color: #b39ddb;
  }

  :root .lg\:focus\:bg-deep-purple-300:focus {
    background-color: #9575cd;
  }

  :root .lg\:focus\:bg-deep-purple-400:focus {
    background-color: #7e57c2;
  }

  :root .lg\:focus\:bg-deep-purple-500:focus {
    background-color: #673ab7;
  }

  :root .lg\:focus\:bg-deep-purple-600:focus {
    background-color: #5e35b1;
  }

  :root .lg\:focus\:bg-deep-purple-700:focus {
    background-color: #512da8;
  }

  :root .lg\:focus\:bg-deep-purple-800:focus {
    background-color: #4527a0;
  }

  :root .lg\:focus\:bg-deep-purple-900:focus {
    background-color: #311b92;
  }

  :root .lg\:focus\:bg-primary-50:focus {
    background-color: #FBE4E7;
  }

  :root .lg\:focus\:bg-primary-100:focus {
    background-color: #F5BCC2;
  }

  :root .lg\:focus\:bg-primary-200:focus {
    background-color: #EE8F9A;
  }

  :root .lg\:focus\:bg-primary-300:focus {
    background-color: #E76272;
  }

  :root .lg\:focus\:bg-primary-400:focus {
    background-color: #E14053;
  }

  :root .lg\:focus\:bg-primary-500:focus {
    background-color: #1976d2;
  }

  :root .lg\:focus\:bg-primary-600:focus {
    background-color: #D81A30;
  }

  :root .lg\:focus\:bg-primary-700:focus {
    background-color: #D31628;
  }

  :root .lg\:focus\:bg-primary-800:focus {
    background-color: #CE1222;
  }

  :root .lg\:focus\:bg-primary-900:focus {
    background-color: #C50A16;
  }

  :root .lg\:bg-bottom {
    background-position: bottom;
  }

  :root .lg\:bg-center {
    background-position: center;
  }

  :root .lg\:bg-left {
    background-position: left;
  }

  :root .lg\:bg-left-bottom {
    background-position: left bottom;
  }

  :root .lg\:bg-left-top {
    background-position: left top;
  }

  :root .lg\:bg-right {
    background-position: right;
  }

  :root .lg\:bg-right-bottom {
    background-position: right bottom;
  }

  :root .lg\:bg-right-top {
    background-position: right top;
  }

  :root .lg\:bg-top {
    background-position: top;
  }

  :root .lg\:bg-repeat {
    background-repeat: repeat;
  }

  :root .lg\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  :root .lg\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  :root .lg\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  :root .lg\:bg-repeat-round {
    background-repeat: round;
  }

  :root .lg\:bg-repeat-space {
    background-repeat: space;
  }

  :root .lg\:bg-auto {
    background-size: auto;
  }

  :root .lg\:bg-cover {
    background-size: cover;
  }

  :root .lg\:bg-contain {
    background-size: contain;
  }

  :root .lg\:border-collapse {
    border-collapse: collapse;
  }

  :root .lg\:border-separate {
    border-collapse: separate;
  }

  :root .lg\:border-transparent {
    border-color: transparent;
  }

  :root .lg\:border-black {
    border-color: var(--text-color);
  }

  :root .lg\:border-white {
    border-color: var(--text-color-light);
  }

  :root .lg\:border-contrast-black {
    border-color: black;
  }

  :root .lg\:border-contrast-white {
    border-color: white;
  }

  :root .lg\:border-obs-primary {
    border-color: #5977FF;
  }

  :root .lg\:border-obs-secondary {
    border-color: #5d5c64;
  }

  :root .lg\:border-obs-maroon {
    border-color: #961e36;
  }

  :root .lg\:border-obs-navy {
    border-color: #3e4861;
  }

  :root .lg\:border-obs-pink {
    border-color: #d2afc5;
  }

  :root .lg\:border-obs-dark-orange {
    border-color: #d6582a;
  }

  :root .lg\:border-obs-gold {
    border-color: #9d8944;
  }

  :root .lg\:border-obs-light-blue {
    border-color: #A3C2D6;
  }

  :root .lg\:border-obs-purple {
    border-color: #722670;
  }

  :root .lg\:border-obs-light-orange {
    border-color: #fF9c01;
  }

  :root .lg\:border-obs-blue {
    border-color: #5da7d6;
  }

  :root .lg\:border-gray-50 {
    border-color: #fafafa;
  }

  :root .lg\:border-gray-100 {
    border-color: #f5f5f5;
  }

  :root .lg\:border-gray-200 {
    border-color: #eeeeee;
  }

  :root .lg\:border-gray-300 {
    border-color: #e0e0e0;
  }

  :root .lg\:border-gray-400 {
    border-color: #bdbdbd;
  }

  :root .lg\:border-gray-500 {
    border-color: #9e9e9e;
  }

  :root .lg\:border-gray-600 {
    border-color: #757575;
  }

  :root .lg\:border-gray-700 {
    border-color: #616161;
  }

  :root .lg\:border-gray-800 {
    border-color: #424242;
  }

  :root .lg\:border-gray-900 {
    border-color: #212121;
  }

  :root .lg\:border-red-50 {
    border-color: #ffebee;
  }

  :root .lg\:border-red-100 {
    border-color: #ffcdd2;
  }

  :root .lg\:border-red-200 {
    border-color: #ef9a9a;
  }

  :root .lg\:border-red-300 {
    border-color: #e57373;
  }

  :root .lg\:border-red-400 {
    border-color: #ef5350;
  }

  :root .lg\:border-red-500 {
    border-color: #f44336;
  }

  :root .lg\:border-red-600 {
    border-color: #e53935;
  }

  :root .lg\:border-red-700 {
    border-color: #d32f2f;
  }

  :root .lg\:border-red-800 {
    border-color: #c62828;
  }

  :root .lg\:border-red-900 {
    border-color: #b71c1c;
  }

  :root .lg\:border-orange-50 {
    border-color: #fff3e0;
  }

  :root .lg\:border-orange-100 {
    border-color: #ffe0b2;
  }

  :root .lg\:border-orange-200 {
    border-color: #ffcc80;
  }

  :root .lg\:border-orange-300 {
    border-color: #ffb74d;
  }

  :root .lg\:border-orange-400 {
    border-color: #ffa726;
  }

  :root .lg\:border-orange-500 {
    border-color: #ff9800;
  }

  :root .lg\:border-orange-600 {
    border-color: #fb8c00;
  }

  :root .lg\:border-orange-700 {
    border-color: #f57c00;
  }

  :root .lg\:border-orange-800 {
    border-color: #ef6c00;
  }

  :root .lg\:border-orange-900 {
    border-color: #e65100;
  }

  :root .lg\:border-deep-orange-50 {
    border-color: #fbe9e7;
  }

  :root .lg\:border-deep-orange-100 {
    border-color: #ffccbc;
  }

  :root .lg\:border-deep-orange-200 {
    border-color: #ffab91;
  }

  :root .lg\:border-deep-orange-300 {
    border-color: #ff8a65;
  }

  :root .lg\:border-deep-orange-400 {
    border-color: #ff7043;
  }

  :root .lg\:border-deep-orange-500 {
    border-color: #ff5722;
  }

  :root .lg\:border-deep-orange-600 {
    border-color: #f4511e;
  }

  :root .lg\:border-deep-orange-700 {
    border-color: #e64a19;
  }

  :root .lg\:border-deep-orange-800 {
    border-color: #d84315;
  }

  :root .lg\:border-deep-orange-900 {
    border-color: #bf360c;
  }

  :root .lg\:border-amber-50 {
    border-color: #fff8e1;
  }

  :root .lg\:border-amber-100 {
    border-color: #ffecb3;
  }

  :root .lg\:border-amber-200 {
    border-color: #ffe082;
  }

  :root .lg\:border-amber-300 {
    border-color: #ffd54f;
  }

  :root .lg\:border-amber-400 {
    border-color: #ffca28;
  }

  :root .lg\:border-amber-500 {
    border-color: #ffc107;
  }

  :root .lg\:border-amber-600 {
    border-color: #ffb300;
  }

  :root .lg\:border-amber-700 {
    border-color: #ffa000;
  }

  :root .lg\:border-amber-800 {
    border-color: #ff8f00;
  }

  :root .lg\:border-amber-900 {
    border-color: #ff6f00;
  }

  :root .lg\:border-light-green-50 {
    border-color: #f1f8e9;
  }

  :root .lg\:border-light-green-100 {
    border-color: #dcedc8;
  }

  :root .lg\:border-light-green-200 {
    border-color: #c5e1a5;
  }

  :root .lg\:border-light-green-300 {
    border-color: #aed581;
  }

  :root .lg\:border-light-green-400 {
    border-color: #9ccc65;
  }

  :root .lg\:border-light-green-500 {
    border-color: #8bc34a;
  }

  :root .lg\:border-light-green-600 {
    border-color: #7cb342;
  }

  :root .lg\:border-light-green-700 {
    border-color: #689f38;
  }

  :root .lg\:border-light-green-800 {
    border-color: #558b2f;
  }

  :root .lg\:border-light-green-900 {
    border-color: #33691e;
  }

  :root .lg\:border-green-50 {
    border-color: #e8f5e9;
  }

  :root .lg\:border-green-100 {
    border-color: #c8e6c9;
  }

  :root .lg\:border-green-200 {
    border-color: #a5d6a7;
  }

  :root .lg\:border-green-300 {
    border-color: #81c784;
  }

  :root .lg\:border-green-400 {
    border-color: #66bb6a;
  }

  :root .lg\:border-green-500 {
    border-color: #4caf50;
  }

  :root .lg\:border-green-600 {
    border-color: #43a047;
  }

  :root .lg\:border-green-700 {
    border-color: #388e3c;
  }

  :root .lg\:border-green-800 {
    border-color: #2e7d32;
  }

  :root .lg\:border-green-900 {
    border-color: #1b5e20;
  }

  :root .lg\:border-teal-50 {
    border-color: #e0f2f1;
  }

  :root .lg\:border-teal-100 {
    border-color: #b2dfdb;
  }

  :root .lg\:border-teal-200 {
    border-color: #80cbc4;
  }

  :root .lg\:border-teal-300 {
    border-color: #4db6ac;
  }

  :root .lg\:border-teal-400 {
    border-color: #26a69a;
  }

  :root .lg\:border-teal-500 {
    border-color: #009688;
  }

  :root .lg\:border-teal-600 {
    border-color: #00897b;
  }

  :root .lg\:border-teal-700 {
    border-color: #00796b;
  }

  :root .lg\:border-teal-800 {
    border-color: #00695c;
  }

  :root .lg\:border-teal-900 {
    border-color: #004d40;
  }

  :root .lg\:border-cyan-50 {
    border-color: #e0f7fa;
  }

  :root .lg\:border-cyan-100 {
    border-color: #b2ebf2;
  }

  :root .lg\:border-cyan-200 {
    border-color: #80deea;
  }

  :root .lg\:border-cyan-300 {
    border-color: #4dd0e1;
  }

  :root .lg\:border-cyan-400 {
    border-color: #26c6da;
  }

  :root .lg\:border-cyan-500 {
    border-color: #00bcd4;
  }

  :root .lg\:border-cyan-600 {
    border-color: #00acc1;
  }

  :root .lg\:border-cyan-700 {
    border-color: #0097a7;
  }

  :root .lg\:border-cyan-800 {
    border-color: #00838f;
  }

  :root .lg\:border-cyan-900 {
    border-color: #006064;
  }

  :root .lg\:border-purple-50 {
    border-color: #f3e5f5;
  }

  :root .lg\:border-purple-100 {
    border-color: #e1bee7;
  }

  :root .lg\:border-purple-200 {
    border-color: #ce93d8;
  }

  :root .lg\:border-purple-300 {
    border-color: #ba68c8;
  }

  :root .lg\:border-purple-400 {
    border-color: #ab47bc;
  }

  :root .lg\:border-purple-500 {
    border-color: #9c27b0;
  }

  :root .lg\:border-purple-600 {
    border-color: #8e24aa;
  }

  :root .lg\:border-purple-700 {
    border-color: #7b1fa2;
  }

  :root .lg\:border-purple-800 {
    border-color: #6a1b9a;
  }

  :root .lg\:border-purple-900 {
    border-color: #4a148c;
  }

  :root .lg\:border-deep-purple-50 {
    border-color: #ede7f6;
  }

  :root .lg\:border-deep-purple-100 {
    border-color: #d1c4e9;
  }

  :root .lg\:border-deep-purple-200 {
    border-color: #b39ddb;
  }

  :root .lg\:border-deep-purple-300 {
    border-color: #9575cd;
  }

  :root .lg\:border-deep-purple-400 {
    border-color: #7e57c2;
  }

  :root .lg\:border-deep-purple-500 {
    border-color: #673ab7;
  }

  :root .lg\:border-deep-purple-600 {
    border-color: #5e35b1;
  }

  :root .lg\:border-deep-purple-700 {
    border-color: #512da8;
  }

  :root .lg\:border-deep-purple-800 {
    border-color: #4527a0;
  }

  :root .lg\:border-deep-purple-900 {
    border-color: #311b92;
  }

  :root .lg\:border-primary-50 {
    border-color: #FBE4E7;
  }

  :root .lg\:border-primary-100 {
    border-color: #F5BCC2;
  }

  :root .lg\:border-primary-200 {
    border-color: #EE8F9A;
  }

  :root .lg\:border-primary-300 {
    border-color: #E76272;
  }

  :root .lg\:border-primary-400 {
    border-color: #E14053;
  }

  :root .lg\:border-primary-500 {
    border-color: #1976d2;
  }

  :root .lg\:border-primary-600 {
    border-color: #D81A30;
  }

  :root .lg\:border-primary-700 {
    border-color: #D31628;
  }

  :root .lg\:border-primary-800 {
    border-color: #CE1222;
  }

  :root .lg\:border-primary-900 {
    border-color: #C50A16;
  }

  :root .lg\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  :root .lg\:hover\:border-black:hover {
    border-color: var(--text-color);
  }

  :root .lg\:hover\:border-white:hover {
    border-color: var(--text-color-light);
  }

  :root .lg\:hover\:border-contrast-black:hover {
    border-color: black;
  }

  :root .lg\:hover\:border-contrast-white:hover {
    border-color: white;
  }

  :root .lg\:hover\:border-obs-primary:hover {
    border-color: #5977FF;
  }

  :root .lg\:hover\:border-obs-secondary:hover {
    border-color: #5d5c64;
  }

  :root .lg\:hover\:border-obs-maroon:hover {
    border-color: #961e36;
  }

  :root .lg\:hover\:border-obs-navy:hover {
    border-color: #3e4861;
  }

  :root .lg\:hover\:border-obs-pink:hover {
    border-color: #d2afc5;
  }

  :root .lg\:hover\:border-obs-dark-orange:hover {
    border-color: #d6582a;
  }

  :root .lg\:hover\:border-obs-gold:hover {
    border-color: #9d8944;
  }

  :root .lg\:hover\:border-obs-light-blue:hover {
    border-color: #A3C2D6;
  }

  :root .lg\:hover\:border-obs-purple:hover {
    border-color: #722670;
  }

  :root .lg\:hover\:border-obs-light-orange:hover {
    border-color: #fF9c01;
  }

  :root .lg\:hover\:border-obs-blue:hover {
    border-color: #5da7d6;
  }

  :root .lg\:hover\:border-gray-50:hover {
    border-color: #fafafa;
  }

  :root .lg\:hover\:border-gray-100:hover {
    border-color: #f5f5f5;
  }

  :root .lg\:hover\:border-gray-200:hover {
    border-color: #eeeeee;
  }

  :root .lg\:hover\:border-gray-300:hover {
    border-color: #e0e0e0;
  }

  :root .lg\:hover\:border-gray-400:hover {
    border-color: #bdbdbd;
  }

  :root .lg\:hover\:border-gray-500:hover {
    border-color: #9e9e9e;
  }

  :root .lg\:hover\:border-gray-600:hover {
    border-color: #757575;
  }

  :root .lg\:hover\:border-gray-700:hover {
    border-color: #616161;
  }

  :root .lg\:hover\:border-gray-800:hover {
    border-color: #424242;
  }

  :root .lg\:hover\:border-gray-900:hover {
    border-color: #212121;
  }

  :root .lg\:hover\:border-red-50:hover {
    border-color: #ffebee;
  }

  :root .lg\:hover\:border-red-100:hover {
    border-color: #ffcdd2;
  }

  :root .lg\:hover\:border-red-200:hover {
    border-color: #ef9a9a;
  }

  :root .lg\:hover\:border-red-300:hover {
    border-color: #e57373;
  }

  :root .lg\:hover\:border-red-400:hover {
    border-color: #ef5350;
  }

  :root .lg\:hover\:border-red-500:hover {
    border-color: #f44336;
  }

  :root .lg\:hover\:border-red-600:hover {
    border-color: #e53935;
  }

  :root .lg\:hover\:border-red-700:hover {
    border-color: #d32f2f;
  }

  :root .lg\:hover\:border-red-800:hover {
    border-color: #c62828;
  }

  :root .lg\:hover\:border-red-900:hover {
    border-color: #b71c1c;
  }

  :root .lg\:hover\:border-orange-50:hover {
    border-color: #fff3e0;
  }

  :root .lg\:hover\:border-orange-100:hover {
    border-color: #ffe0b2;
  }

  :root .lg\:hover\:border-orange-200:hover {
    border-color: #ffcc80;
  }

  :root .lg\:hover\:border-orange-300:hover {
    border-color: #ffb74d;
  }

  :root .lg\:hover\:border-orange-400:hover {
    border-color: #ffa726;
  }

  :root .lg\:hover\:border-orange-500:hover {
    border-color: #ff9800;
  }

  :root .lg\:hover\:border-orange-600:hover {
    border-color: #fb8c00;
  }

  :root .lg\:hover\:border-orange-700:hover {
    border-color: #f57c00;
  }

  :root .lg\:hover\:border-orange-800:hover {
    border-color: #ef6c00;
  }

  :root .lg\:hover\:border-orange-900:hover {
    border-color: #e65100;
  }

  :root .lg\:hover\:border-deep-orange-50:hover {
    border-color: #fbe9e7;
  }

  :root .lg\:hover\:border-deep-orange-100:hover {
    border-color: #ffccbc;
  }

  :root .lg\:hover\:border-deep-orange-200:hover {
    border-color: #ffab91;
  }

  :root .lg\:hover\:border-deep-orange-300:hover {
    border-color: #ff8a65;
  }

  :root .lg\:hover\:border-deep-orange-400:hover {
    border-color: #ff7043;
  }

  :root .lg\:hover\:border-deep-orange-500:hover {
    border-color: #ff5722;
  }

  :root .lg\:hover\:border-deep-orange-600:hover {
    border-color: #f4511e;
  }

  :root .lg\:hover\:border-deep-orange-700:hover {
    border-color: #e64a19;
  }

  :root .lg\:hover\:border-deep-orange-800:hover {
    border-color: #d84315;
  }

  :root .lg\:hover\:border-deep-orange-900:hover {
    border-color: #bf360c;
  }

  :root .lg\:hover\:border-amber-50:hover {
    border-color: #fff8e1;
  }

  :root .lg\:hover\:border-amber-100:hover {
    border-color: #ffecb3;
  }

  :root .lg\:hover\:border-amber-200:hover {
    border-color: #ffe082;
  }

  :root .lg\:hover\:border-amber-300:hover {
    border-color: #ffd54f;
  }

  :root .lg\:hover\:border-amber-400:hover {
    border-color: #ffca28;
  }

  :root .lg\:hover\:border-amber-500:hover {
    border-color: #ffc107;
  }

  :root .lg\:hover\:border-amber-600:hover {
    border-color: #ffb300;
  }

  :root .lg\:hover\:border-amber-700:hover {
    border-color: #ffa000;
  }

  :root .lg\:hover\:border-amber-800:hover {
    border-color: #ff8f00;
  }

  :root .lg\:hover\:border-amber-900:hover {
    border-color: #ff6f00;
  }

  :root .lg\:hover\:border-light-green-50:hover {
    border-color: #f1f8e9;
  }

  :root .lg\:hover\:border-light-green-100:hover {
    border-color: #dcedc8;
  }

  :root .lg\:hover\:border-light-green-200:hover {
    border-color: #c5e1a5;
  }

  :root .lg\:hover\:border-light-green-300:hover {
    border-color: #aed581;
  }

  :root .lg\:hover\:border-light-green-400:hover {
    border-color: #9ccc65;
  }

  :root .lg\:hover\:border-light-green-500:hover {
    border-color: #8bc34a;
  }

  :root .lg\:hover\:border-light-green-600:hover {
    border-color: #7cb342;
  }

  :root .lg\:hover\:border-light-green-700:hover {
    border-color: #689f38;
  }

  :root .lg\:hover\:border-light-green-800:hover {
    border-color: #558b2f;
  }

  :root .lg\:hover\:border-light-green-900:hover {
    border-color: #33691e;
  }

  :root .lg\:hover\:border-green-50:hover {
    border-color: #e8f5e9;
  }

  :root .lg\:hover\:border-green-100:hover {
    border-color: #c8e6c9;
  }

  :root .lg\:hover\:border-green-200:hover {
    border-color: #a5d6a7;
  }

  :root .lg\:hover\:border-green-300:hover {
    border-color: #81c784;
  }

  :root .lg\:hover\:border-green-400:hover {
    border-color: #66bb6a;
  }

  :root .lg\:hover\:border-green-500:hover {
    border-color: #4caf50;
  }

  :root .lg\:hover\:border-green-600:hover {
    border-color: #43a047;
  }

  :root .lg\:hover\:border-green-700:hover {
    border-color: #388e3c;
  }

  :root .lg\:hover\:border-green-800:hover {
    border-color: #2e7d32;
  }

  :root .lg\:hover\:border-green-900:hover {
    border-color: #1b5e20;
  }

  :root .lg\:hover\:border-teal-50:hover {
    border-color: #e0f2f1;
  }

  :root .lg\:hover\:border-teal-100:hover {
    border-color: #b2dfdb;
  }

  :root .lg\:hover\:border-teal-200:hover {
    border-color: #80cbc4;
  }

  :root .lg\:hover\:border-teal-300:hover {
    border-color: #4db6ac;
  }

  :root .lg\:hover\:border-teal-400:hover {
    border-color: #26a69a;
  }

  :root .lg\:hover\:border-teal-500:hover {
    border-color: #009688;
  }

  :root .lg\:hover\:border-teal-600:hover {
    border-color: #00897b;
  }

  :root .lg\:hover\:border-teal-700:hover {
    border-color: #00796b;
  }

  :root .lg\:hover\:border-teal-800:hover {
    border-color: #00695c;
  }

  :root .lg\:hover\:border-teal-900:hover {
    border-color: #004d40;
  }

  :root .lg\:hover\:border-cyan-50:hover {
    border-color: #e0f7fa;
  }

  :root .lg\:hover\:border-cyan-100:hover {
    border-color: #b2ebf2;
  }

  :root .lg\:hover\:border-cyan-200:hover {
    border-color: #80deea;
  }

  :root .lg\:hover\:border-cyan-300:hover {
    border-color: #4dd0e1;
  }

  :root .lg\:hover\:border-cyan-400:hover {
    border-color: #26c6da;
  }

  :root .lg\:hover\:border-cyan-500:hover {
    border-color: #00bcd4;
  }

  :root .lg\:hover\:border-cyan-600:hover {
    border-color: #00acc1;
  }

  :root .lg\:hover\:border-cyan-700:hover {
    border-color: #0097a7;
  }

  :root .lg\:hover\:border-cyan-800:hover {
    border-color: #00838f;
  }

  :root .lg\:hover\:border-cyan-900:hover {
    border-color: #006064;
  }

  :root .lg\:hover\:border-purple-50:hover {
    border-color: #f3e5f5;
  }

  :root .lg\:hover\:border-purple-100:hover {
    border-color: #e1bee7;
  }

  :root .lg\:hover\:border-purple-200:hover {
    border-color: #ce93d8;
  }

  :root .lg\:hover\:border-purple-300:hover {
    border-color: #ba68c8;
  }

  :root .lg\:hover\:border-purple-400:hover {
    border-color: #ab47bc;
  }

  :root .lg\:hover\:border-purple-500:hover {
    border-color: #9c27b0;
  }

  :root .lg\:hover\:border-purple-600:hover {
    border-color: #8e24aa;
  }

  :root .lg\:hover\:border-purple-700:hover {
    border-color: #7b1fa2;
  }

  :root .lg\:hover\:border-purple-800:hover {
    border-color: #6a1b9a;
  }

  :root .lg\:hover\:border-purple-900:hover {
    border-color: #4a148c;
  }

  :root .lg\:hover\:border-deep-purple-50:hover {
    border-color: #ede7f6;
  }

  :root .lg\:hover\:border-deep-purple-100:hover {
    border-color: #d1c4e9;
  }

  :root .lg\:hover\:border-deep-purple-200:hover {
    border-color: #b39ddb;
  }

  :root .lg\:hover\:border-deep-purple-300:hover {
    border-color: #9575cd;
  }

  :root .lg\:hover\:border-deep-purple-400:hover {
    border-color: #7e57c2;
  }

  :root .lg\:hover\:border-deep-purple-500:hover {
    border-color: #673ab7;
  }

  :root .lg\:hover\:border-deep-purple-600:hover {
    border-color: #5e35b1;
  }

  :root .lg\:hover\:border-deep-purple-700:hover {
    border-color: #512da8;
  }

  :root .lg\:hover\:border-deep-purple-800:hover {
    border-color: #4527a0;
  }

  :root .lg\:hover\:border-deep-purple-900:hover {
    border-color: #311b92;
  }

  :root .lg\:hover\:border-primary-50:hover {
    border-color: #FBE4E7;
  }

  :root .lg\:hover\:border-primary-100:hover {
    border-color: #F5BCC2;
  }

  :root .lg\:hover\:border-primary-200:hover {
    border-color: #EE8F9A;
  }

  :root .lg\:hover\:border-primary-300:hover {
    border-color: #E76272;
  }

  :root .lg\:hover\:border-primary-400:hover {
    border-color: #E14053;
  }

  :root .lg\:hover\:border-primary-500:hover {
    border-color: #1976d2;
  }

  :root .lg\:hover\:border-primary-600:hover {
    border-color: #D81A30;
  }

  :root .lg\:hover\:border-primary-700:hover {
    border-color: #D31628;
  }

  :root .lg\:hover\:border-primary-800:hover {
    border-color: #CE1222;
  }

  :root .lg\:hover\:border-primary-900:hover {
    border-color: #C50A16;
  }

  :root .lg\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  :root .lg\:focus\:border-black:focus {
    border-color: var(--text-color);
  }

  :root .lg\:focus\:border-white:focus {
    border-color: var(--text-color-light);
  }

  :root .lg\:focus\:border-contrast-black:focus {
    border-color: black;
  }

  :root .lg\:focus\:border-contrast-white:focus {
    border-color: white;
  }

  :root .lg\:focus\:border-obs-primary:focus {
    border-color: #5977FF;
  }

  :root .lg\:focus\:border-obs-secondary:focus {
    border-color: #5d5c64;
  }

  :root .lg\:focus\:border-obs-maroon:focus {
    border-color: #961e36;
  }

  :root .lg\:focus\:border-obs-navy:focus {
    border-color: #3e4861;
  }

  :root .lg\:focus\:border-obs-pink:focus {
    border-color: #d2afc5;
  }

  :root .lg\:focus\:border-obs-dark-orange:focus {
    border-color: #d6582a;
  }

  :root .lg\:focus\:border-obs-gold:focus {
    border-color: #9d8944;
  }

  :root .lg\:focus\:border-obs-light-blue:focus {
    border-color: #A3C2D6;
  }

  :root .lg\:focus\:border-obs-purple:focus {
    border-color: #722670;
  }

  :root .lg\:focus\:border-obs-light-orange:focus {
    border-color: #fF9c01;
  }

  :root .lg\:focus\:border-obs-blue:focus {
    border-color: #5da7d6;
  }

  :root .lg\:focus\:border-gray-50:focus {
    border-color: #fafafa;
  }

  :root .lg\:focus\:border-gray-100:focus {
    border-color: #f5f5f5;
  }

  :root .lg\:focus\:border-gray-200:focus {
    border-color: #eeeeee;
  }

  :root .lg\:focus\:border-gray-300:focus {
    border-color: #e0e0e0;
  }

  :root .lg\:focus\:border-gray-400:focus {
    border-color: #bdbdbd;
  }

  :root .lg\:focus\:border-gray-500:focus {
    border-color: #9e9e9e;
  }

  :root .lg\:focus\:border-gray-600:focus {
    border-color: #757575;
  }

  :root .lg\:focus\:border-gray-700:focus {
    border-color: #616161;
  }

  :root .lg\:focus\:border-gray-800:focus {
    border-color: #424242;
  }

  :root .lg\:focus\:border-gray-900:focus {
    border-color: #212121;
  }

  :root .lg\:focus\:border-red-50:focus {
    border-color: #ffebee;
  }

  :root .lg\:focus\:border-red-100:focus {
    border-color: #ffcdd2;
  }

  :root .lg\:focus\:border-red-200:focus {
    border-color: #ef9a9a;
  }

  :root .lg\:focus\:border-red-300:focus {
    border-color: #e57373;
  }

  :root .lg\:focus\:border-red-400:focus {
    border-color: #ef5350;
  }

  :root .lg\:focus\:border-red-500:focus {
    border-color: #f44336;
  }

  :root .lg\:focus\:border-red-600:focus {
    border-color: #e53935;
  }

  :root .lg\:focus\:border-red-700:focus {
    border-color: #d32f2f;
  }

  :root .lg\:focus\:border-red-800:focus {
    border-color: #c62828;
  }

  :root .lg\:focus\:border-red-900:focus {
    border-color: #b71c1c;
  }

  :root .lg\:focus\:border-orange-50:focus {
    border-color: #fff3e0;
  }

  :root .lg\:focus\:border-orange-100:focus {
    border-color: #ffe0b2;
  }

  :root .lg\:focus\:border-orange-200:focus {
    border-color: #ffcc80;
  }

  :root .lg\:focus\:border-orange-300:focus {
    border-color: #ffb74d;
  }

  :root .lg\:focus\:border-orange-400:focus {
    border-color: #ffa726;
  }

  :root .lg\:focus\:border-orange-500:focus {
    border-color: #ff9800;
  }

  :root .lg\:focus\:border-orange-600:focus {
    border-color: #fb8c00;
  }

  :root .lg\:focus\:border-orange-700:focus {
    border-color: #f57c00;
  }

  :root .lg\:focus\:border-orange-800:focus {
    border-color: #ef6c00;
  }

  :root .lg\:focus\:border-orange-900:focus {
    border-color: #e65100;
  }

  :root .lg\:focus\:border-deep-orange-50:focus {
    border-color: #fbe9e7;
  }

  :root .lg\:focus\:border-deep-orange-100:focus {
    border-color: #ffccbc;
  }

  :root .lg\:focus\:border-deep-orange-200:focus {
    border-color: #ffab91;
  }

  :root .lg\:focus\:border-deep-orange-300:focus {
    border-color: #ff8a65;
  }

  :root .lg\:focus\:border-deep-orange-400:focus {
    border-color: #ff7043;
  }

  :root .lg\:focus\:border-deep-orange-500:focus {
    border-color: #ff5722;
  }

  :root .lg\:focus\:border-deep-orange-600:focus {
    border-color: #f4511e;
  }

  :root .lg\:focus\:border-deep-orange-700:focus {
    border-color: #e64a19;
  }

  :root .lg\:focus\:border-deep-orange-800:focus {
    border-color: #d84315;
  }

  :root .lg\:focus\:border-deep-orange-900:focus {
    border-color: #bf360c;
  }

  :root .lg\:focus\:border-amber-50:focus {
    border-color: #fff8e1;
  }

  :root .lg\:focus\:border-amber-100:focus {
    border-color: #ffecb3;
  }

  :root .lg\:focus\:border-amber-200:focus {
    border-color: #ffe082;
  }

  :root .lg\:focus\:border-amber-300:focus {
    border-color: #ffd54f;
  }

  :root .lg\:focus\:border-amber-400:focus {
    border-color: #ffca28;
  }

  :root .lg\:focus\:border-amber-500:focus {
    border-color: #ffc107;
  }

  :root .lg\:focus\:border-amber-600:focus {
    border-color: #ffb300;
  }

  :root .lg\:focus\:border-amber-700:focus {
    border-color: #ffa000;
  }

  :root .lg\:focus\:border-amber-800:focus {
    border-color: #ff8f00;
  }

  :root .lg\:focus\:border-amber-900:focus {
    border-color: #ff6f00;
  }

  :root .lg\:focus\:border-light-green-50:focus {
    border-color: #f1f8e9;
  }

  :root .lg\:focus\:border-light-green-100:focus {
    border-color: #dcedc8;
  }

  :root .lg\:focus\:border-light-green-200:focus {
    border-color: #c5e1a5;
  }

  :root .lg\:focus\:border-light-green-300:focus {
    border-color: #aed581;
  }

  :root .lg\:focus\:border-light-green-400:focus {
    border-color: #9ccc65;
  }

  :root .lg\:focus\:border-light-green-500:focus {
    border-color: #8bc34a;
  }

  :root .lg\:focus\:border-light-green-600:focus {
    border-color: #7cb342;
  }

  :root .lg\:focus\:border-light-green-700:focus {
    border-color: #689f38;
  }

  :root .lg\:focus\:border-light-green-800:focus {
    border-color: #558b2f;
  }

  :root .lg\:focus\:border-light-green-900:focus {
    border-color: #33691e;
  }

  :root .lg\:focus\:border-green-50:focus {
    border-color: #e8f5e9;
  }

  :root .lg\:focus\:border-green-100:focus {
    border-color: #c8e6c9;
  }

  :root .lg\:focus\:border-green-200:focus {
    border-color: #a5d6a7;
  }

  :root .lg\:focus\:border-green-300:focus {
    border-color: #81c784;
  }

  :root .lg\:focus\:border-green-400:focus {
    border-color: #66bb6a;
  }

  :root .lg\:focus\:border-green-500:focus {
    border-color: #4caf50;
  }

  :root .lg\:focus\:border-green-600:focus {
    border-color: #43a047;
  }

  :root .lg\:focus\:border-green-700:focus {
    border-color: #388e3c;
  }

  :root .lg\:focus\:border-green-800:focus {
    border-color: #2e7d32;
  }

  :root .lg\:focus\:border-green-900:focus {
    border-color: #1b5e20;
  }

  :root .lg\:focus\:border-teal-50:focus {
    border-color: #e0f2f1;
  }

  :root .lg\:focus\:border-teal-100:focus {
    border-color: #b2dfdb;
  }

  :root .lg\:focus\:border-teal-200:focus {
    border-color: #80cbc4;
  }

  :root .lg\:focus\:border-teal-300:focus {
    border-color: #4db6ac;
  }

  :root .lg\:focus\:border-teal-400:focus {
    border-color: #26a69a;
  }

  :root .lg\:focus\:border-teal-500:focus {
    border-color: #009688;
  }

  :root .lg\:focus\:border-teal-600:focus {
    border-color: #00897b;
  }

  :root .lg\:focus\:border-teal-700:focus {
    border-color: #00796b;
  }

  :root .lg\:focus\:border-teal-800:focus {
    border-color: #00695c;
  }

  :root .lg\:focus\:border-teal-900:focus {
    border-color: #004d40;
  }

  :root .lg\:focus\:border-cyan-50:focus {
    border-color: #e0f7fa;
  }

  :root .lg\:focus\:border-cyan-100:focus {
    border-color: #b2ebf2;
  }

  :root .lg\:focus\:border-cyan-200:focus {
    border-color: #80deea;
  }

  :root .lg\:focus\:border-cyan-300:focus {
    border-color: #4dd0e1;
  }

  :root .lg\:focus\:border-cyan-400:focus {
    border-color: #26c6da;
  }

  :root .lg\:focus\:border-cyan-500:focus {
    border-color: #00bcd4;
  }

  :root .lg\:focus\:border-cyan-600:focus {
    border-color: #00acc1;
  }

  :root .lg\:focus\:border-cyan-700:focus {
    border-color: #0097a7;
  }

  :root .lg\:focus\:border-cyan-800:focus {
    border-color: #00838f;
  }

  :root .lg\:focus\:border-cyan-900:focus {
    border-color: #006064;
  }

  :root .lg\:focus\:border-purple-50:focus {
    border-color: #f3e5f5;
  }

  :root .lg\:focus\:border-purple-100:focus {
    border-color: #e1bee7;
  }

  :root .lg\:focus\:border-purple-200:focus {
    border-color: #ce93d8;
  }

  :root .lg\:focus\:border-purple-300:focus {
    border-color: #ba68c8;
  }

  :root .lg\:focus\:border-purple-400:focus {
    border-color: #ab47bc;
  }

  :root .lg\:focus\:border-purple-500:focus {
    border-color: #9c27b0;
  }

  :root .lg\:focus\:border-purple-600:focus {
    border-color: #8e24aa;
  }

  :root .lg\:focus\:border-purple-700:focus {
    border-color: #7b1fa2;
  }

  :root .lg\:focus\:border-purple-800:focus {
    border-color: #6a1b9a;
  }

  :root .lg\:focus\:border-purple-900:focus {
    border-color: #4a148c;
  }

  :root .lg\:focus\:border-deep-purple-50:focus {
    border-color: #ede7f6;
  }

  :root .lg\:focus\:border-deep-purple-100:focus {
    border-color: #d1c4e9;
  }

  :root .lg\:focus\:border-deep-purple-200:focus {
    border-color: #b39ddb;
  }

  :root .lg\:focus\:border-deep-purple-300:focus {
    border-color: #9575cd;
  }

  :root .lg\:focus\:border-deep-purple-400:focus {
    border-color: #7e57c2;
  }

  :root .lg\:focus\:border-deep-purple-500:focus {
    border-color: #673ab7;
  }

  :root .lg\:focus\:border-deep-purple-600:focus {
    border-color: #5e35b1;
  }

  :root .lg\:focus\:border-deep-purple-700:focus {
    border-color: #512da8;
  }

  :root .lg\:focus\:border-deep-purple-800:focus {
    border-color: #4527a0;
  }

  :root .lg\:focus\:border-deep-purple-900:focus {
    border-color: #311b92;
  }

  :root .lg\:focus\:border-primary-50:focus {
    border-color: #FBE4E7;
  }

  :root .lg\:focus\:border-primary-100:focus {
    border-color: #F5BCC2;
  }

  :root .lg\:focus\:border-primary-200:focus {
    border-color: #EE8F9A;
  }

  :root .lg\:focus\:border-primary-300:focus {
    border-color: #E76272;
  }

  :root .lg\:focus\:border-primary-400:focus {
    border-color: #E14053;
  }

  :root .lg\:focus\:border-primary-500:focus {
    border-color: #1976d2;
  }

  :root .lg\:focus\:border-primary-600:focus {
    border-color: #D81A30;
  }

  :root .lg\:focus\:border-primary-700:focus {
    border-color: #D31628;
  }

  :root .lg\:focus\:border-primary-800:focus {
    border-color: #CE1222;
  }

  :root .lg\:focus\:border-primary-900:focus {
    border-color: #C50A16;
  }

  :root .lg\:rounded-none {
    border-radius: 0;
  }

  :root .lg\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root .lg\:rounded {
    border-radius: 0.25rem;
  }

  :root .lg\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root .lg\:rounded-full {
    border-radius: 9999px;
  }

  :root .lg\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root .lg\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root .lg\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .lg\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .lg\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root .lg\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root .lg\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .lg\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .lg\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root .lg\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root .lg\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .lg\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .lg\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root .lg\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root .lg\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .lg\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .lg\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root .lg\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root .lg\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .lg\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .lg\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root .lg\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root .lg\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root .lg\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root .lg\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root .lg\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root .lg\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root .lg\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root .lg\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root .lg\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root .lg\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root .lg\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root .lg\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root .lg\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root .lg\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root .lg\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root .lg\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root .lg\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root .lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root .lg\:border-solid {
    border-style: solid;
  }

  :root .lg\:border-dashed {
    border-style: dashed;
  }

  :root .lg\:border-dotted {
    border-style: dotted;
  }

  :root .lg\:border-double {
    border-style: double;
  }

  :root .lg\:border-none {
    border-style: none;
  }

  :root .lg\:border-0 {
    border-width: 0;
  }

  :root .lg\:border-2 {
    border-width: 2px;
  }

  :root .lg\:border-4 {
    border-width: 4px;
  }

  :root .lg\:border-8 {
    border-width: 8px;
  }

  :root .lg\:border {
    border-width: 1px;
  }

  :root .lg\:border-t-0 {
    border-top-width: 0;
  }

  :root .lg\:border-r-0 {
    border-right-width: 0;
  }

  :root .lg\:border-b-0 {
    border-bottom-width: 0;
  }

  :root .lg\:border-l-0 {
    border-left-width: 0;
  }

  :root .lg\:border-t-2 {
    border-top-width: 2px;
  }

  :root .lg\:border-r-2 {
    border-right-width: 2px;
  }

  :root .lg\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root .lg\:border-l-2 {
    border-left-width: 2px;
  }

  :root .lg\:border-t-4 {
    border-top-width: 4px;
  }

  :root .lg\:border-r-4 {
    border-right-width: 4px;
  }

  :root .lg\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root .lg\:border-l-4 {
    border-left-width: 4px;
  }

  :root .lg\:border-t-8 {
    border-top-width: 8px;
  }

  :root .lg\:border-r-8 {
    border-right-width: 8px;
  }

  :root .lg\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root .lg\:border-l-8 {
    border-left-width: 8px;
  }

  :root .lg\:border-t {
    border-top-width: 1px;
  }

  :root .lg\:border-r {
    border-right-width: 1px;
  }

  :root .lg\:border-b {
    border-bottom-width: 1px;
  }

  :root .lg\:border-l {
    border-left-width: 1px;
  }

  [dir=ltr] .lg\:ltr\:border-0 {
    border-width: 0;
  }

  [dir=ltr] .lg\:ltr\:border-2 {
    border-width: 2px;
  }

  [dir=ltr] .lg\:ltr\:border-4 {
    border-width: 4px;
  }

  [dir=ltr] .lg\:ltr\:border-8 {
    border-width: 8px;
  }

  [dir=ltr] .lg\:ltr\:border {
    border-width: 1px;
  }

  [dir=ltr] .lg\:ltr\:border-t-0 {
    border-top-width: 0;
  }

  [dir=ltr] .lg\:ltr\:border-r-0 {
    border-right-width: 0;
  }

  [dir=ltr] .lg\:ltr\:border-b-0 {
    border-bottom-width: 0;
  }

  [dir=ltr] .lg\:ltr\:border-l-0 {
    border-left-width: 0;
  }

  [dir=ltr] .lg\:ltr\:border-t-2 {
    border-top-width: 2px;
  }

  [dir=ltr] .lg\:ltr\:border-r-2 {
    border-right-width: 2px;
  }

  [dir=ltr] .lg\:ltr\:border-b-2 {
    border-bottom-width: 2px;
  }

  [dir=ltr] .lg\:ltr\:border-l-2 {
    border-left-width: 2px;
  }

  [dir=ltr] .lg\:ltr\:border-t-4 {
    border-top-width: 4px;
  }

  [dir=ltr] .lg\:ltr\:border-r-4 {
    border-right-width: 4px;
  }

  [dir=ltr] .lg\:ltr\:border-b-4 {
    border-bottom-width: 4px;
  }

  [dir=ltr] .lg\:ltr\:border-l-4 {
    border-left-width: 4px;
  }

  [dir=ltr] .lg\:ltr\:border-t-8 {
    border-top-width: 8px;
  }

  [dir=ltr] .lg\:ltr\:border-r-8 {
    border-right-width: 8px;
  }

  [dir=ltr] .lg\:ltr\:border-b-8 {
    border-bottom-width: 8px;
  }

  [dir=ltr] .lg\:ltr\:border-l-8 {
    border-left-width: 8px;
  }

  [dir=ltr] .lg\:ltr\:border-t {
    border-top-width: 1px;
  }

  [dir=ltr] .lg\:ltr\:border-r {
    border-right-width: 1px;
  }

  [dir=ltr] .lg\:ltr\:border-b {
    border-bottom-width: 1px;
  }

  [dir=ltr] .lg\:ltr\:border-l {
    border-left-width: 1px;
  }

  [dir=rtl] .lg\:rtl\:border-0 {
    border-width: 0;
  }

  [dir=rtl] .lg\:rtl\:border-2 {
    border-width: 2px;
  }

  [dir=rtl] .lg\:rtl\:border-4 {
    border-width: 4px;
  }

  [dir=rtl] .lg\:rtl\:border-8 {
    border-width: 8px;
  }

  [dir=rtl] .lg\:rtl\:border {
    border-width: 1px;
  }

  [dir=rtl] .lg\:rtl\:border-t-0 {
    border-top-width: 0;
  }

  [dir=rtl] .lg\:rtl\:border-r-0 {
    border-right-width: 0;
  }

  [dir=rtl] .lg\:rtl\:border-b-0 {
    border-bottom-width: 0;
  }

  [dir=rtl] .lg\:rtl\:border-l-0 {
    border-left-width: 0;
  }

  [dir=rtl] .lg\:rtl\:border-t-2 {
    border-top-width: 2px;
  }

  [dir=rtl] .lg\:rtl\:border-r-2 {
    border-right-width: 2px;
  }

  [dir=rtl] .lg\:rtl\:border-b-2 {
    border-bottom-width: 2px;
  }

  [dir=rtl] .lg\:rtl\:border-l-2 {
    border-left-width: 2px;
  }

  [dir=rtl] .lg\:rtl\:border-t-4 {
    border-top-width: 4px;
  }

  [dir=rtl] .lg\:rtl\:border-r-4 {
    border-right-width: 4px;
  }

  [dir=rtl] .lg\:rtl\:border-b-4 {
    border-bottom-width: 4px;
  }

  [dir=rtl] .lg\:rtl\:border-l-4 {
    border-left-width: 4px;
  }

  [dir=rtl] .lg\:rtl\:border-t-8 {
    border-top-width: 8px;
  }

  [dir=rtl] .lg\:rtl\:border-r-8 {
    border-right-width: 8px;
  }

  [dir=rtl] .lg\:rtl\:border-b-8 {
    border-bottom-width: 8px;
  }

  [dir=rtl] .lg\:rtl\:border-l-8 {
    border-left-width: 8px;
  }

  [dir=rtl] .lg\:rtl\:border-t {
    border-top-width: 1px;
  }

  [dir=rtl] .lg\:rtl\:border-r {
    border-right-width: 1px;
  }

  [dir=rtl] .lg\:rtl\:border-b {
    border-bottom-width: 1px;
  }

  [dir=rtl] .lg\:rtl\:border-l {
    border-left-width: 1px;
  }

  :root .lg\:box-border {
    box-sizing: border-box;
  }

  :root .lg\:box-content {
    box-sizing: content-box;
  }

  :root .lg\:cursor-auto {
    cursor: auto;
  }

  :root .lg\:cursor-default {
    cursor: default;
  }

  :root .lg\:cursor-pointer {
    cursor: pointer;
  }

  :root .lg\:cursor-wait {
    cursor: wait;
  }

  :root .lg\:cursor-text {
    cursor: text;
  }

  :root .lg\:cursor-move {
    cursor: move;
  }

  :root .lg\:cursor-not-allowed {
    cursor: not-allowed;
  }

  :root .lg\:block {
    display: block;
  }

  :root .lg\:inline-block {
    display: inline-block;
  }

  :root .lg\:inline {
    display: inline;
  }

  :root .lg\:flex {
    display: flex;
  }

  :root .lg\:inline-flex {
    display: inline-flex;
  }

  :root .lg\:grid {
    display: grid;
  }

  :root .lg\:table {
    display: table;
  }

  :root .lg\:table-caption {
    display: table-caption;
  }

  :root .lg\:table-cell {
    display: table-cell;
  }

  :root .lg\:table-column {
    display: table-column;
  }

  :root .lg\:table-column-group {
    display: table-column-group;
  }

  :root .lg\:table-footer-group {
    display: table-footer-group;
  }

  :root .lg\:table-header-group {
    display: table-header-group;
  }

  :root .lg\:table-row-group {
    display: table-row-group;
  }

  :root .lg\:table-row {
    display: table-row;
  }

  :root .lg\:hidden {
    display: none;
  }

  :root .lg\:flex-row {
    flex-direction: row;
  }

  :root .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  :root .lg\:flex-col {
    flex-direction: column;
  }

  :root .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  :root .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  :root .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  :root .lg\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  :root .lg\:items-start {
    align-items: flex-start;
  }

  :root .lg\:items-end {
    align-items: flex-end;
  }

  :root .lg\:items-center {
    align-items: center;
  }

  :root .lg\:items-baseline {
    align-items: baseline;
  }

  :root .lg\:items-stretch {
    align-items: stretch;
  }

  :root .lg\:self-auto {
    align-self: auto;
  }

  :root .lg\:self-start {
    align-self: flex-start;
  }

  :root .lg\:self-end {
    align-self: flex-end;
  }

  :root .lg\:self-center {
    align-self: center;
  }

  :root .lg\:self-stretch {
    align-self: stretch;
  }

  :root .lg\:justify-start {
    justify-content: flex-start;
  }

  :root .lg\:justify-end {
    justify-content: flex-end;
  }

  :root .lg\:justify-center {
    justify-content: center;
  }

  :root .lg\:justify-between {
    justify-content: space-between;
  }

  :root .lg\:justify-around {
    justify-content: space-around;
  }

  :root .lg\:justify-evenly {
    justify-content: space-evenly;
  }

  :root .lg\:content-center {
    align-content: center;
  }

  :root .lg\:content-start {
    align-content: flex-start;
  }

  :root .lg\:content-end {
    align-content: flex-end;
  }

  :root .lg\:content-between {
    align-content: space-between;
  }

  :root .lg\:content-around {
    align-content: space-around;
  }

  :root .lg\:flex-1 {
    flex: 1 1 0%;
  }

  :root .lg\:flex-auto {
    flex: 1 1 auto;
  }

  :root .lg\:flex-initial {
    flex: 0 1 auto;
  }

  :root .lg\:flex-none {
    flex: none;
  }

  :root .lg\:flex-grow-0 {
    flex-grow: 0;
  }

  :root .lg\:flex-grow {
    flex-grow: 1;
  }

  :root .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }

  :root .lg\:flex-shrink {
    flex-shrink: 1;
  }

  :root .lg\:order-1 {
    order: 1;
  }

  :root .lg\:order-2 {
    order: 2;
  }

  :root .lg\:order-3 {
    order: 3;
  }

  :root .lg\:order-4 {
    order: 4;
  }

  :root .lg\:order-5 {
    order: 5;
  }

  :root .lg\:order-6 {
    order: 6;
  }

  :root .lg\:order-7 {
    order: 7;
  }

  :root .lg\:order-8 {
    order: 8;
  }

  :root .lg\:order-9 {
    order: 9;
  }

  :root .lg\:order-10 {
    order: 10;
  }

  :root .lg\:order-11 {
    order: 11;
  }

  :root .lg\:order-12 {
    order: 12;
  }

  :root .lg\:order-first {
    order: -9999;
  }

  :root .lg\:order-last {
    order: 9999;
  }

  :root .lg\:order-none {
    order: 0;
  }

  :root .lg\:float-right {
    float: right;
  }

  :root .lg\:float-left {
    float: left;
  }

  :root .lg\:float-none {
    float: none;
  }

  :root .lg\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  :root .lg\:clear-left {
    clear: left;
  }

  :root .lg\:clear-right {
    clear: right;
  }

  :root .lg\:clear-both {
    clear: both;
  }

  :root .lg\:font-sans {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  }

  :root .lg\:font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  :root .lg\:font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  :root .lg\:font-hairline {
    font-weight: 100;
  }

  :root .lg\:font-thin {
    font-weight: 200;
  }

  :root .lg\:font-light {
    font-weight: 300;
  }

  :root .lg\:font-normal {
    font-weight: 400;
  }

  :root .lg\:font-medium {
    font-weight: 500;
  }

  :root .lg\:font-semibold {
    font-weight: 600;
  }

  :root .lg\:font-bold {
    font-weight: 700;
  }

  :root .lg\:font-extrabold {
    font-weight: 800;
  }

  :root .lg\:font-black {
    font-weight: 900;
  }

  :root .lg\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  :root .lg\:hover\:font-thin:hover {
    font-weight: 200;
  }

  :root .lg\:hover\:font-light:hover {
    font-weight: 300;
  }

  :root .lg\:hover\:font-normal:hover {
    font-weight: 400;
  }

  :root .lg\:hover\:font-medium:hover {
    font-weight: 500;
  }

  :root .lg\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  :root .lg\:hover\:font-bold:hover {
    font-weight: 700;
  }

  :root .lg\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  :root .lg\:hover\:font-black:hover {
    font-weight: 900;
  }

  :root .lg\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  :root .lg\:focus\:font-thin:focus {
    font-weight: 200;
  }

  :root .lg\:focus\:font-light:focus {
    font-weight: 300;
  }

  :root .lg\:focus\:font-normal:focus {
    font-weight: 400;
  }

  :root .lg\:focus\:font-medium:focus {
    font-weight: 500;
  }

  :root .lg\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  :root .lg\:focus\:font-bold:focus {
    font-weight: 700;
  }

  :root .lg\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  :root .lg\:focus\:font-black:focus {
    font-weight: 900;
  }

  :root .lg\:h-0 {
    height: 0;
  }

  :root .lg\:h-1 {
    height: 0.25rem;
  }

  :root .lg\:h-2 {
    height: 0.5rem;
  }

  :root .lg\:h-3 {
    height: 0.75rem;
  }

  :root .lg\:h-4 {
    height: 1rem;
  }

  :root .lg\:h-5 {
    height: 1.25rem;
  }

  :root .lg\:h-6 {
    height: 1.5rem;
  }

  :root .lg\:h-8 {
    height: 2rem;
  }

  :root .lg\:h-9 {
    height: 2.25rem;
  }

  :root .lg\:h-10 {
    height: 2.5rem;
  }

  :root .lg\:h-12 {
    height: 3rem;
  }

  :root .lg\:h-14 {
    height: 3.5rem;
  }

  :root .lg\:h-16 {
    height: 4rem;
  }

  :root .lg\:h-20 {
    height: 5rem;
  }

  :root .lg\:h-24 {
    height: 6rem;
  }

  :root .lg\:h-32 {
    height: 8rem;
  }

  :root .lg\:h-40 {
    height: 10rem;
  }

  :root .lg\:h-48 {
    height: 12rem;
  }

  :root .lg\:h-56 {
    height: 14rem;
  }

  :root .lg\:h-64 {
    height: 16rem;
  }

  :root .lg\:h-auto {
    height: auto;
  }

  :root .lg\:h-px {
    height: 1px;
  }

  :root .lg\:h-gutter {
    height: var(--padding-gutter);
  }

  :root .lg\:h-full {
    height: 100%;
  }

  :root .lg\:h-screen {
    height: 100vh;
  }

  :root .lg\:leading-none {
    line-height: 1;
  }

  :root .lg\:leading-tight {
    line-height: 1.25;
  }

  :root .lg\:leading-snug {
    line-height: 1.375;
  }

  :root .lg\:leading-normal {
    line-height: 1.5;
  }

  :root .lg\:leading-relaxed {
    line-height: 1.625;
  }

  :root .lg\:leading-loose {
    line-height: 2;
  }

  :root .lg\:list-inside {
    list-style-position: inside;
  }

  :root .lg\:list-outside {
    list-style-position: outside;
  }

  :root .lg\:list-none {
    list-style-type: none;
  }

  :root .lg\:list-disc {
    list-style-type: disc;
  }

  :root .lg\:list-decimal {
    list-style-type: decimal;
  }

  :root .lg\:m-0 {
    margin: 0;
  }

  :root .lg\:m-1 {
    margin: 0.25rem;
  }

  :root .lg\:m-2 {
    margin: 0.5rem;
  }

  :root .lg\:m-3 {
    margin: 0.75rem;
  }

  :root .lg\:m-4 {
    margin: 1rem;
  }

  :root .lg\:m-5 {
    margin: 1.25rem;
  }

  :root .lg\:m-6 {
    margin: 1.5rem;
  }

  :root .lg\:m-8 {
    margin: 2rem;
  }

  :root .lg\:m-9 {
    margin: 2.25rem;
  }

  :root .lg\:m-10 {
    margin: 2.5rem;
  }

  :root .lg\:m-12 {
    margin: 3rem;
  }

  :root .lg\:m-14 {
    margin: 3.5rem;
  }

  :root .lg\:m-16 {
    margin: 4rem;
  }

  :root .lg\:m-20 {
    margin: 5rem;
  }

  :root .lg\:m-24 {
    margin: 6rem;
  }

  :root .lg\:m-32 {
    margin: 8rem;
  }

  :root .lg\:m-40 {
    margin: 10rem;
  }

  :root .lg\:m-48 {
    margin: 12rem;
  }

  :root .lg\:m-56 {
    margin: 14rem;
  }

  :root .lg\:m-64 {
    margin: 16rem;
  }

  :root .lg\:m-auto {
    margin: auto;
  }

  :root .lg\:m-px {
    margin: 1px;
  }

  :root .lg\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root .lg\:-m-1 {
    margin: -0.25rem;
  }

  :root .lg\:-m-2 {
    margin: -0.5rem;
  }

  :root .lg\:-m-3 {
    margin: -0.75rem;
  }

  :root .lg\:-m-4 {
    margin: -1rem;
  }

  :root .lg\:-m-5 {
    margin: -1.25rem;
  }

  :root .lg\:-m-6 {
    margin: -1.5rem;
  }

  :root .lg\:-m-8 {
    margin: -2rem;
  }

  :root .lg\:-m-9 {
    margin: -2.25rem;
  }

  :root .lg\:-m-10 {
    margin: -2.5rem;
  }

  :root .lg\:-m-12 {
    margin: -3rem;
  }

  :root .lg\:-m-14 {
    margin: -3.5rem;
  }

  :root .lg\:-m-16 {
    margin: -4rem;
  }

  :root .lg\:-m-20 {
    margin: -5rem;
  }

  :root .lg\:-m-24 {
    margin: -6rem;
  }

  :root .lg\:-m-32 {
    margin: -8rem;
  }

  :root .lg\:-m-40 {
    margin: -10rem;
  }

  :root .lg\:-m-48 {
    margin: -12rem;
  }

  :root .lg\:-m-56 {
    margin: -14rem;
  }

  :root .lg\:-m-64 {
    margin: -16rem;
  }

  :root .lg\:-m-px {
    margin: -1px;
  }

  :root .lg\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root .lg\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root .lg\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root .lg\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root .lg\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root .lg\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root .lg\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root .lg\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root .lg\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root .lg\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root .lg\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root .lg\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root .lg\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root .lg\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root .lg\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root .lg\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root .lg\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root .lg\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root .lg\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root .lg\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root .lg\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root .lg\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root .lg\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root .lg\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root .lg\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root .lg\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root .lg\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root .lg\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root .lg\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root .lg\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root .lg\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root .lg\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root .lg\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root .lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root .lg\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root .lg\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root .lg\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root .lg\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root .lg\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root .lg\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root .lg\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root .lg\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root .lg\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root .lg\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root .lg\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root .lg\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root .lg\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root .lg\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root .lg\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root .lg\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root .lg\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root .lg\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root .lg\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root .lg\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root .lg\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root .lg\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root .lg\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root .lg\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root .lg\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root .lg\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root .lg\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root .lg\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root .lg\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root .lg\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root .lg\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root .lg\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:mt-0 {
    margin-top: 0;
  }

  :root .lg\:mr-0 {
    margin-right: 0;
  }

  :root .lg\:mb-0 {
    margin-bottom: 0;
  }

  :root .lg\:ml-0 {
    margin-left: 0;
  }

  :root .lg\:mt-1 {
    margin-top: 0.25rem;
  }

  :root .lg\:mr-1 {
    margin-right: 0.25rem;
  }

  :root .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  :root .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  :root .lg\:mr-2 {
    margin-right: 0.5rem;
  }

  :root .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root .lg\:ml-2 {
    margin-left: 0.5rem;
  }

  :root .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  :root .lg\:mr-3 {
    margin-right: 0.75rem;
  }

  :root .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root .lg\:ml-3 {
    margin-left: 0.75rem;
  }

  :root .lg\:mt-4 {
    margin-top: 1rem;
  }

  :root .lg\:mr-4 {
    margin-right: 1rem;
  }

  :root .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  :root .lg\:ml-4 {
    margin-left: 1rem;
  }

  :root .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  :root .lg\:mr-5 {
    margin-right: 1.25rem;
  }

  :root .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root .lg\:ml-5 {
    margin-left: 1.25rem;
  }

  :root .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  :root .lg\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root .lg\:ml-6 {
    margin-left: 1.5rem;
  }

  :root .lg\:mt-8 {
    margin-top: 2rem;
  }

  :root .lg\:mr-8 {
    margin-right: 2rem;
  }

  :root .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  :root .lg\:ml-8 {
    margin-left: 2rem;
  }

  :root .lg\:mt-9 {
    margin-top: 2.25rem;
  }

  :root .lg\:mr-9 {
    margin-right: 2.25rem;
  }

  :root .lg\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root .lg\:ml-9 {
    margin-left: 2.25rem;
  }

  :root .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  :root .lg\:mr-10 {
    margin-right: 2.5rem;
  }

  :root .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root .lg\:ml-10 {
    margin-left: 2.5rem;
  }

  :root .lg\:mt-12 {
    margin-top: 3rem;
  }

  :root .lg\:mr-12 {
    margin-right: 3rem;
  }

  :root .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  :root .lg\:ml-12 {
    margin-left: 3rem;
  }

  :root .lg\:mt-14 {
    margin-top: 3.5rem;
  }

  :root .lg\:mr-14 {
    margin-right: 3.5rem;
  }

  :root .lg\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root .lg\:ml-14 {
    margin-left: 3.5rem;
  }

  :root .lg\:mt-16 {
    margin-top: 4rem;
  }

  :root .lg\:mr-16 {
    margin-right: 4rem;
  }

  :root .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  :root .lg\:ml-16 {
    margin-left: 4rem;
  }

  :root .lg\:mt-20 {
    margin-top: 5rem;
  }

  :root .lg\:mr-20 {
    margin-right: 5rem;
  }

  :root .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  :root .lg\:ml-20 {
    margin-left: 5rem;
  }

  :root .lg\:mt-24 {
    margin-top: 6rem;
  }

  :root .lg\:mr-24 {
    margin-right: 6rem;
  }

  :root .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  :root .lg\:ml-24 {
    margin-left: 6rem;
  }

  :root .lg\:mt-32 {
    margin-top: 8rem;
  }

  :root .lg\:mr-32 {
    margin-right: 8rem;
  }

  :root .lg\:mb-32 {
    margin-bottom: 8rem;
  }

  :root .lg\:ml-32 {
    margin-left: 8rem;
  }

  :root .lg\:mt-40 {
    margin-top: 10rem;
  }

  :root .lg\:mr-40 {
    margin-right: 10rem;
  }

  :root .lg\:mb-40 {
    margin-bottom: 10rem;
  }

  :root .lg\:ml-40 {
    margin-left: 10rem;
  }

  :root .lg\:mt-48 {
    margin-top: 12rem;
  }

  :root .lg\:mr-48 {
    margin-right: 12rem;
  }

  :root .lg\:mb-48 {
    margin-bottom: 12rem;
  }

  :root .lg\:ml-48 {
    margin-left: 12rem;
  }

  :root .lg\:mt-56 {
    margin-top: 14rem;
  }

  :root .lg\:mr-56 {
    margin-right: 14rem;
  }

  :root .lg\:mb-56 {
    margin-bottom: 14rem;
  }

  :root .lg\:ml-56 {
    margin-left: 14rem;
  }

  :root .lg\:mt-64 {
    margin-top: 16rem;
  }

  :root .lg\:mr-64 {
    margin-right: 16rem;
  }

  :root .lg\:mb-64 {
    margin-bottom: 16rem;
  }

  :root .lg\:ml-64 {
    margin-left: 16rem;
  }

  :root .lg\:mt-auto {
    margin-top: auto;
  }

  :root .lg\:mr-auto {
    margin-right: auto;
  }

  :root .lg\:mb-auto {
    margin-bottom: auto;
  }

  :root .lg\:ml-auto {
    margin-left: auto;
  }

  :root .lg\:mt-px {
    margin-top: 1px;
  }

  :root .lg\:mr-px {
    margin-right: 1px;
  }

  :root .lg\:mb-px {
    margin-bottom: 1px;
  }

  :root .lg\:ml-px {
    margin-left: 1px;
  }

  :root .lg\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root .lg\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root .lg\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root .lg\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root .lg\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root .lg\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root .lg\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root .lg\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root .lg\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root .lg\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root .lg\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root .lg\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root .lg\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root .lg\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root .lg\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root .lg\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root .lg\:-mt-4 {
    margin-top: -1rem;
  }

  :root .lg\:-mr-4 {
    margin-right: -1rem;
  }

  :root .lg\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root .lg\:-ml-4 {
    margin-left: -1rem;
  }

  :root .lg\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root .lg\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root .lg\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root .lg\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root .lg\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root .lg\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root .lg\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root .lg\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root .lg\:-mt-8 {
    margin-top: -2rem;
  }

  :root .lg\:-mr-8 {
    margin-right: -2rem;
  }

  :root .lg\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root .lg\:-ml-8 {
    margin-left: -2rem;
  }

  :root .lg\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root .lg\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root .lg\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root .lg\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root .lg\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root .lg\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root .lg\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root .lg\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root .lg\:-mt-12 {
    margin-top: -3rem;
  }

  :root .lg\:-mr-12 {
    margin-right: -3rem;
  }

  :root .lg\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root .lg\:-ml-12 {
    margin-left: -3rem;
  }

  :root .lg\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root .lg\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root .lg\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root .lg\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root .lg\:-mt-16 {
    margin-top: -4rem;
  }

  :root .lg\:-mr-16 {
    margin-right: -4rem;
  }

  :root .lg\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root .lg\:-ml-16 {
    margin-left: -4rem;
  }

  :root .lg\:-mt-20 {
    margin-top: -5rem;
  }

  :root .lg\:-mr-20 {
    margin-right: -5rem;
  }

  :root .lg\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root .lg\:-ml-20 {
    margin-left: -5rem;
  }

  :root .lg\:-mt-24 {
    margin-top: -6rem;
  }

  :root .lg\:-mr-24 {
    margin-right: -6rem;
  }

  :root .lg\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root .lg\:-ml-24 {
    margin-left: -6rem;
  }

  :root .lg\:-mt-32 {
    margin-top: -8rem;
  }

  :root .lg\:-mr-32 {
    margin-right: -8rem;
  }

  :root .lg\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root .lg\:-ml-32 {
    margin-left: -8rem;
  }

  :root .lg\:-mt-40 {
    margin-top: -10rem;
  }

  :root .lg\:-mr-40 {
    margin-right: -10rem;
  }

  :root .lg\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root .lg\:-ml-40 {
    margin-left: -10rem;
  }

  :root .lg\:-mt-48 {
    margin-top: -12rem;
  }

  :root .lg\:-mr-48 {
    margin-right: -12rem;
  }

  :root .lg\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root .lg\:-ml-48 {
    margin-left: -12rem;
  }

  :root .lg\:-mt-56 {
    margin-top: -14rem;
  }

  :root .lg\:-mr-56 {
    margin-right: -14rem;
  }

  :root .lg\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root .lg\:-ml-56 {
    margin-left: -14rem;
  }

  :root .lg\:-mt-64 {
    margin-top: -16rem;
  }

  :root .lg\:-mr-64 {
    margin-right: -16rem;
  }

  :root .lg\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root .lg\:-ml-64 {
    margin-left: -16rem;
  }

  :root .lg\:-mt-px {
    margin-top: -1px;
  }

  :root .lg\:-mr-px {
    margin-right: -1px;
  }

  :root .lg\:-mb-px {
    margin-bottom: -1px;
  }

  :root .lg\:-ml-px {
    margin-left: -1px;
  }

  :root .lg\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .lg\:ltr\:m-0 {
    margin: 0;
  }

  [dir=ltr] .lg\:ltr\:m-1 {
    margin: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:m-2 {
    margin: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:m-3 {
    margin: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:m-4 {
    margin: 1rem;
  }

  [dir=ltr] .lg\:ltr\:m-5 {
    margin: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:m-6 {
    margin: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:m-8 {
    margin: 2rem;
  }

  [dir=ltr] .lg\:ltr\:m-9 {
    margin: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:m-10 {
    margin: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:m-12 {
    margin: 3rem;
  }

  [dir=ltr] .lg\:ltr\:m-14 {
    margin: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:m-16 {
    margin: 4rem;
  }

  [dir=ltr] .lg\:ltr\:m-20 {
    margin: 5rem;
  }

  [dir=ltr] .lg\:ltr\:m-24 {
    margin: 6rem;
  }

  [dir=ltr] .lg\:ltr\:m-32 {
    margin: 8rem;
  }

  [dir=ltr] .lg\:ltr\:m-40 {
    margin: 10rem;
  }

  [dir=ltr] .lg\:ltr\:m-48 {
    margin: 12rem;
  }

  [dir=ltr] .lg\:ltr\:m-56 {
    margin: 14rem;
  }

  [dir=ltr] .lg\:ltr\:m-64 {
    margin: 16rem;
  }

  [dir=ltr] .lg\:ltr\:m-auto {
    margin: auto;
  }

  [dir=ltr] .lg\:ltr\:m-px {
    margin: 1px;
  }

  [dir=ltr] .lg\:ltr\:m-gutter {
    margin: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:-m-1 {
    margin: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-m-2 {
    margin: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-m-3 {
    margin: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-m-4 {
    margin: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-m-5 {
    margin: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-m-6 {
    margin: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-m-8 {
    margin: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-m-9 {
    margin: -2.25rem;
  }

  [dir=ltr] .lg\:ltr\:-m-10 {
    margin: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-m-12 {
    margin: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-m-14 {
    margin: -3.5rem;
  }

  [dir=ltr] .lg\:ltr\:-m-16 {
    margin: -4rem;
  }

  [dir=ltr] .lg\:ltr\:-m-20 {
    margin: -5rem;
  }

  [dir=ltr] .lg\:ltr\:-m-24 {
    margin: -6rem;
  }

  [dir=ltr] .lg\:ltr\:-m-32 {
    margin: -8rem;
  }

  [dir=ltr] .lg\:ltr\:-m-40 {
    margin: -10rem;
  }

  [dir=ltr] .lg\:ltr\:-m-48 {
    margin: -12rem;
  }

  [dir=ltr] .lg\:ltr\:-m-56 {
    margin: -14rem;
  }

  [dir=ltr] .lg\:ltr\:-m-64 {
    margin: -16rem;
  }

  [dir=ltr] .lg\:ltr\:-m-px {
    margin: -1px;
  }

  [dir=ltr] .lg\:ltr\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .lg\:ltr\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  [dir=ltr] .lg\:ltr\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=ltr] .lg\:ltr\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  [dir=ltr] .lg\:ltr\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [dir=ltr] .lg\:ltr\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  [dir=ltr] .lg\:ltr\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir=ltr] .lg\:ltr\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  [dir=ltr] .lg\:ltr\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  [dir=ltr] .lg\:ltr\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  [dir=ltr] .lg\:ltr\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  [dir=ltr] .lg\:ltr\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  [dir=ltr] .lg\:ltr\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  [dir=ltr] .lg\:ltr\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  [dir=ltr] .lg\:ltr\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  [dir=ltr] .lg\:ltr\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  [dir=ltr] .lg\:ltr\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  [dir=ltr] .lg\:ltr\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  [dir=ltr] .lg\:ltr\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  [dir=ltr] .lg\:ltr\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  [dir=ltr] .lg\:ltr\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  [dir=ltr] .lg\:ltr\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  [dir=ltr] .lg\:ltr\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  [dir=ltr] .lg\:ltr\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  [dir=ltr] .lg\:ltr\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  [dir=ltr] .lg\:ltr\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  [dir=ltr] .lg\:ltr\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  [dir=ltr] .lg\:ltr\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  [dir=ltr] .lg\:ltr\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  [dir=ltr] .lg\:ltr\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  [dir=ltr] .lg\:ltr\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  [dir=ltr] .lg\:ltr\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  [dir=ltr] .lg\:ltr\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  [dir=ltr] .lg\:ltr\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  [dir=ltr] .lg\:ltr\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  [dir=ltr] .lg\:ltr\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  [dir=ltr] .lg\:ltr\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  [dir=ltr] .lg\:ltr\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  [dir=ltr] .lg\:ltr\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  [dir=ltr] .lg\:ltr\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  [dir=ltr] .lg\:ltr\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  [dir=ltr] .lg\:ltr\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  [dir=ltr] .lg\:ltr\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .lg\:ltr\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .lg\:ltr\:mt-0 {
    margin-top: 0;
  }

  [dir=ltr] .lg\:ltr\:mr-0 {
    margin-right: 0;
  }

  [dir=ltr] .lg\:ltr\:mb-0 {
    margin-bottom: 0;
  }

  [dir=ltr] .lg\:ltr\:ml-0 {
    margin-left: 0;
  }

  [dir=ltr] .lg\:ltr\:mt-1 {
    margin-top: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:mr-1 {
    margin-right: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:mb-1 {
    margin-bottom: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:ml-1 {
    margin-left: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:mt-2 {
    margin-top: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:mr-2 {
    margin-right: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:mb-2 {
    margin-bottom: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:ml-2 {
    margin-left: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:mt-3 {
    margin-top: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:mr-3 {
    margin-right: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:mb-3 {
    margin-bottom: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:ml-3 {
    margin-left: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:mt-4 {
    margin-top: 1rem;
  }

  [dir=ltr] .lg\:ltr\:mr-4 {
    margin-right: 1rem;
  }

  [dir=ltr] .lg\:ltr\:mb-4 {
    margin-bottom: 1rem;
  }

  [dir=ltr] .lg\:ltr\:ml-4 {
    margin-left: 1rem;
  }

  [dir=ltr] .lg\:ltr\:mt-5 {
    margin-top: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:mr-5 {
    margin-right: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:mb-5 {
    margin-bottom: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:mt-6 {
    margin-top: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:mr-6 {
    margin-right: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:mb-6 {
    margin-bottom: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:ml-6 {
    margin-left: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:mt-8 {
    margin-top: 2rem;
  }

  [dir=ltr] .lg\:ltr\:mr-8 {
    margin-right: 2rem;
  }

  [dir=ltr] .lg\:ltr\:mb-8 {
    margin-bottom: 2rem;
  }

  [dir=ltr] .lg\:ltr\:ml-8 {
    margin-left: 2rem;
  }

  [dir=ltr] .lg\:ltr\:mt-9 {
    margin-top: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:mr-9 {
    margin-right: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:mb-9 {
    margin-bottom: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:ml-9 {
    margin-left: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:mt-10 {
    margin-top: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:mr-10 {
    margin-right: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:mb-10 {
    margin-bottom: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:ml-10 {
    margin-left: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:mt-12 {
    margin-top: 3rem;
  }

  [dir=ltr] .lg\:ltr\:mr-12 {
    margin-right: 3rem;
  }

  [dir=ltr] .lg\:ltr\:mb-12 {
    margin-bottom: 3rem;
  }

  [dir=ltr] .lg\:ltr\:ml-12 {
    margin-left: 3rem;
  }

  [dir=ltr] .lg\:ltr\:mt-14 {
    margin-top: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:mr-14 {
    margin-right: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:mb-14 {
    margin-bottom: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:ml-14 {
    margin-left: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:mt-16 {
    margin-top: 4rem;
  }

  [dir=ltr] .lg\:ltr\:mr-16 {
    margin-right: 4rem;
  }

  [dir=ltr] .lg\:ltr\:mb-16 {
    margin-bottom: 4rem;
  }

  [dir=ltr] .lg\:ltr\:ml-16 {
    margin-left: 4rem;
  }

  [dir=ltr] .lg\:ltr\:mt-20 {
    margin-top: 5rem;
  }

  [dir=ltr] .lg\:ltr\:mr-20 {
    margin-right: 5rem;
  }

  [dir=ltr] .lg\:ltr\:mb-20 {
    margin-bottom: 5rem;
  }

  [dir=ltr] .lg\:ltr\:ml-20 {
    margin-left: 5rem;
  }

  [dir=ltr] .lg\:ltr\:mt-24 {
    margin-top: 6rem;
  }

  [dir=ltr] .lg\:ltr\:mr-24 {
    margin-right: 6rem;
  }

  [dir=ltr] .lg\:ltr\:mb-24 {
    margin-bottom: 6rem;
  }

  [dir=ltr] .lg\:ltr\:ml-24 {
    margin-left: 6rem;
  }

  [dir=ltr] .lg\:ltr\:mt-32 {
    margin-top: 8rem;
  }

  [dir=ltr] .lg\:ltr\:mr-32 {
    margin-right: 8rem;
  }

  [dir=ltr] .lg\:ltr\:mb-32 {
    margin-bottom: 8rem;
  }

  [dir=ltr] .lg\:ltr\:ml-32 {
    margin-left: 8rem;
  }

  [dir=ltr] .lg\:ltr\:mt-40 {
    margin-top: 10rem;
  }

  [dir=ltr] .lg\:ltr\:mr-40 {
    margin-right: 10rem;
  }

  [dir=ltr] .lg\:ltr\:mb-40 {
    margin-bottom: 10rem;
  }

  [dir=ltr] .lg\:ltr\:ml-40 {
    margin-left: 10rem;
  }

  [dir=ltr] .lg\:ltr\:mt-48 {
    margin-top: 12rem;
  }

  [dir=ltr] .lg\:ltr\:mr-48 {
    margin-right: 12rem;
  }

  [dir=ltr] .lg\:ltr\:mb-48 {
    margin-bottom: 12rem;
  }

  [dir=ltr] .lg\:ltr\:ml-48 {
    margin-left: 12rem;
  }

  [dir=ltr] .lg\:ltr\:mt-56 {
    margin-top: 14rem;
  }

  [dir=ltr] .lg\:ltr\:mr-56 {
    margin-right: 14rem;
  }

  [dir=ltr] .lg\:ltr\:mb-56 {
    margin-bottom: 14rem;
  }

  [dir=ltr] .lg\:ltr\:ml-56 {
    margin-left: 14rem;
  }

  [dir=ltr] .lg\:ltr\:mt-64 {
    margin-top: 16rem;
  }

  [dir=ltr] .lg\:ltr\:mr-64 {
    margin-right: 16rem;
  }

  [dir=ltr] .lg\:ltr\:mb-64 {
    margin-bottom: 16rem;
  }

  [dir=ltr] .lg\:ltr\:ml-64 {
    margin-left: 16rem;
  }

  [dir=ltr] .lg\:ltr\:mt-auto {
    margin-top: auto;
  }

  [dir=ltr] .lg\:ltr\:mr-auto {
    margin-right: auto;
  }

  [dir=ltr] .lg\:ltr\:mb-auto {
    margin-bottom: auto;
  }

  [dir=ltr] .lg\:ltr\:ml-auto {
    margin-left: auto;
  }

  [dir=ltr] .lg\:ltr\:mt-px {
    margin-top: 1px;
  }

  [dir=ltr] .lg\:ltr\:mr-px {
    margin-right: 1px;
  }

  [dir=ltr] .lg\:ltr\:mb-px {
    margin-bottom: 1px;
  }

  [dir=ltr] .lg\:ltr\:ml-px {
    margin-left: 1px;
  }

  [dir=ltr] .lg\:ltr\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:-mt-1 {
    margin-top: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-1 {
    margin-right: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-1 {
    margin-left: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-2 {
    margin-top: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-2 {
    margin-right: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-2 {
    margin-left: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-3 {
    margin-top: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-3 {
    margin-right: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-3 {
    margin-left: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-4 {
    margin-top: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-4 {
    margin-right: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-4 {
    margin-bottom: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-4 {
    margin-left: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-5 {
    margin-top: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-5 {
    margin-right: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-5 {
    margin-left: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-6 {
    margin-top: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-6 {
    margin-right: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-6 {
    margin-left: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-8 {
    margin-top: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-8 {
    margin-right: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-8 {
    margin-bottom: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-8 {
    margin-left: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-9 {
    margin-top: -2.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-9 {
    margin-right: -2.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-9 {
    margin-left: -2.25rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-10 {
    margin-top: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-10 {
    margin-right: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-10 {
    margin-left: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-12 {
    margin-top: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-12 {
    margin-right: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-12 {
    margin-bottom: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-12 {
    margin-left: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-14 {
    margin-top: -3.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-14 {
    margin-right: -3.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-14 {
    margin-left: -3.5rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-16 {
    margin-top: -4rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-16 {
    margin-right: -4rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-16 {
    margin-bottom: -4rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-16 {
    margin-left: -4rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-20 {
    margin-top: -5rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-20 {
    margin-right: -5rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-20 {
    margin-bottom: -5rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-20 {
    margin-left: -5rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-24 {
    margin-top: -6rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-24 {
    margin-right: -6rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-24 {
    margin-bottom: -6rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-24 {
    margin-left: -6rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-32 {
    margin-top: -8rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-32 {
    margin-right: -8rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-32 {
    margin-bottom: -8rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-32 {
    margin-left: -8rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-40 {
    margin-top: -10rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-40 {
    margin-right: -10rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-40 {
    margin-bottom: -10rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-40 {
    margin-left: -10rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-48 {
    margin-top: -12rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-48 {
    margin-right: -12rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-48 {
    margin-bottom: -12rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-48 {
    margin-left: -12rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-56 {
    margin-top: -14rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-56 {
    margin-right: -14rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-56 {
    margin-bottom: -14rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-56 {
    margin-left: -14rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-64 {
    margin-top: -16rem;
  }

  [dir=ltr] .lg\:ltr\:-mr-64 {
    margin-right: -16rem;
  }

  [dir=ltr] .lg\:ltr\:-mb-64 {
    margin-bottom: -16rem;
  }

  [dir=ltr] .lg\:ltr\:-ml-64 {
    margin-left: -16rem;
  }

  [dir=ltr] .lg\:ltr\:-mt-px {
    margin-top: -1px;
  }

  [dir=ltr] .lg\:ltr\:-mr-px {
    margin-right: -1px;
  }

  [dir=ltr] .lg\:ltr\:-mb-px {
    margin-bottom: -1px;
  }

  [dir=ltr] .lg\:ltr\:-ml-px {
    margin-left: -1px;
  }

  [dir=ltr] .lg\:ltr\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .lg\:ltr\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .lg\:ltr\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=ltr] .lg\:ltr\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .lg\:rtl\:m-0 {
    margin: 0;
  }

  [dir=rtl] .lg\:rtl\:m-1 {
    margin: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:m-2 {
    margin: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:m-3 {
    margin: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:m-4 {
    margin: 1rem;
  }

  [dir=rtl] .lg\:rtl\:m-5 {
    margin: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:m-6 {
    margin: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:m-8 {
    margin: 2rem;
  }

  [dir=rtl] .lg\:rtl\:m-9 {
    margin: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:m-10 {
    margin: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:m-12 {
    margin: 3rem;
  }

  [dir=rtl] .lg\:rtl\:m-14 {
    margin: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:m-16 {
    margin: 4rem;
  }

  [dir=rtl] .lg\:rtl\:m-20 {
    margin: 5rem;
  }

  [dir=rtl] .lg\:rtl\:m-24 {
    margin: 6rem;
  }

  [dir=rtl] .lg\:rtl\:m-32 {
    margin: 8rem;
  }

  [dir=rtl] .lg\:rtl\:m-40 {
    margin: 10rem;
  }

  [dir=rtl] .lg\:rtl\:m-48 {
    margin: 12rem;
  }

  [dir=rtl] .lg\:rtl\:m-56 {
    margin: 14rem;
  }

  [dir=rtl] .lg\:rtl\:m-64 {
    margin: 16rem;
  }

  [dir=rtl] .lg\:rtl\:m-auto {
    margin: auto;
  }

  [dir=rtl] .lg\:rtl\:m-px {
    margin: 1px;
  }

  [dir=rtl] .lg\:rtl\:m-gutter {
    margin: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:-m-1 {
    margin: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-m-2 {
    margin: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-m-3 {
    margin: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-m-4 {
    margin: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-m-5 {
    margin: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-m-6 {
    margin: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-m-8 {
    margin: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-m-9 {
    margin: -2.25rem;
  }

  [dir=rtl] .lg\:rtl\:-m-10 {
    margin: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-m-12 {
    margin: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-m-14 {
    margin: -3.5rem;
  }

  [dir=rtl] .lg\:rtl\:-m-16 {
    margin: -4rem;
  }

  [dir=rtl] .lg\:rtl\:-m-20 {
    margin: -5rem;
  }

  [dir=rtl] .lg\:rtl\:-m-24 {
    margin: -6rem;
  }

  [dir=rtl] .lg\:rtl\:-m-32 {
    margin: -8rem;
  }

  [dir=rtl] .lg\:rtl\:-m-40 {
    margin: -10rem;
  }

  [dir=rtl] .lg\:rtl\:-m-48 {
    margin: -12rem;
  }

  [dir=rtl] .lg\:rtl\:-m-56 {
    margin: -14rem;
  }

  [dir=rtl] .lg\:rtl\:-m-64 {
    margin: -16rem;
  }

  [dir=rtl] .lg\:rtl\:-m-px {
    margin: -1px;
  }

  [dir=rtl] .lg\:rtl\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .lg\:rtl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  [dir=rtl] .lg\:rtl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  [dir=rtl] .lg\:rtl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  [dir=rtl] .lg\:rtl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  [dir=rtl] .lg\:rtl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  [dir=rtl] .lg\:rtl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  [dir=rtl] .lg\:rtl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  [dir=rtl] .lg\:rtl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  [dir=rtl] .lg\:rtl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  [dir=rtl] .lg\:rtl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  [dir=rtl] .lg\:rtl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  [dir=rtl] .lg\:rtl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  [dir=rtl] .lg\:rtl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  [dir=rtl] .lg\:rtl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  [dir=rtl] .lg\:rtl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  [dir=rtl] .lg\:rtl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  [dir=rtl] .lg\:rtl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  [dir=rtl] .lg\:rtl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  [dir=rtl] .lg\:rtl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  [dir=rtl] .lg\:rtl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  [dir=rtl] .lg\:rtl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  [dir=rtl] .lg\:rtl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  [dir=rtl] .lg\:rtl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  [dir=rtl] .lg\:rtl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  [dir=rtl] .lg\:rtl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  [dir=rtl] .lg\:rtl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  [dir=rtl] .lg\:rtl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  [dir=rtl] .lg\:rtl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  [dir=rtl] .lg\:rtl\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  [dir=rtl] .lg\:rtl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  [dir=rtl] .lg\:rtl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  [dir=rtl] .lg\:rtl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  [dir=rtl] .lg\:rtl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  [dir=rtl] .lg\:rtl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  [dir=rtl] .lg\:rtl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  [dir=rtl] .lg\:rtl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  [dir=rtl] .lg\:rtl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  [dir=rtl] .lg\:rtl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  [dir=rtl] .lg\:rtl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  [dir=rtl] .lg\:rtl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  [dir=rtl] .lg\:rtl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  [dir=rtl] .lg\:rtl\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .lg\:rtl\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .lg\:rtl\:mt-0 {
    margin-top: 0;
  }

  [dir=rtl] .lg\:rtl\:mr-0 {
    margin-right: 0;
  }

  [dir=rtl] .lg\:rtl\:mb-0 {
    margin-bottom: 0;
  }

  [dir=rtl] .lg\:rtl\:ml-0 {
    margin-left: 0;
  }

  [dir=rtl] .lg\:rtl\:mt-1 {
    margin-top: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:mr-1 {
    margin-right: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:ml-1 {
    margin-left: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:mt-2 {
    margin-top: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:mr-2 {
    margin-right: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:ml-2 {
    margin-left: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:mt-3 {
    margin-top: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:mr-3 {
    margin-right: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:ml-3 {
    margin-left: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:mt-4 {
    margin-top: 1rem;
  }

  [dir=rtl] .lg\:rtl\:mr-4 {
    margin-right: 1rem;
  }

  [dir=rtl] .lg\:rtl\:mb-4 {
    margin-bottom: 1rem;
  }

  [dir=rtl] .lg\:rtl\:ml-4 {
    margin-left: 1rem;
  }

  [dir=rtl] .lg\:rtl\:mt-5 {
    margin-top: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:mr-5 {
    margin-right: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:mt-6 {
    margin-top: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:mr-6 {
    margin-right: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:ml-6 {
    margin-left: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:mt-8 {
    margin-top: 2rem;
  }

  [dir=rtl] .lg\:rtl\:mr-8 {
    margin-right: 2rem;
  }

  [dir=rtl] .lg\:rtl\:mb-8 {
    margin-bottom: 2rem;
  }

  [dir=rtl] .lg\:rtl\:ml-8 {
    margin-left: 2rem;
  }

  [dir=rtl] .lg\:rtl\:mt-9 {
    margin-top: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:mr-9 {
    margin-right: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:ml-9 {
    margin-left: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:mt-10 {
    margin-top: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:mr-10 {
    margin-right: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:ml-10 {
    margin-left: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:mt-12 {
    margin-top: 3rem;
  }

  [dir=rtl] .lg\:rtl\:mr-12 {
    margin-right: 3rem;
  }

  [dir=rtl] .lg\:rtl\:mb-12 {
    margin-bottom: 3rem;
  }

  [dir=rtl] .lg\:rtl\:ml-12 {
    margin-left: 3rem;
  }

  [dir=rtl] .lg\:rtl\:mt-14 {
    margin-top: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:mr-14 {
    margin-right: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:ml-14 {
    margin-left: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:mt-16 {
    margin-top: 4rem;
  }

  [dir=rtl] .lg\:rtl\:mr-16 {
    margin-right: 4rem;
  }

  [dir=rtl] .lg\:rtl\:mb-16 {
    margin-bottom: 4rem;
  }

  [dir=rtl] .lg\:rtl\:ml-16 {
    margin-left: 4rem;
  }

  [dir=rtl] .lg\:rtl\:mt-20 {
    margin-top: 5rem;
  }

  [dir=rtl] .lg\:rtl\:mr-20 {
    margin-right: 5rem;
  }

  [dir=rtl] .lg\:rtl\:mb-20 {
    margin-bottom: 5rem;
  }

  [dir=rtl] .lg\:rtl\:ml-20 {
    margin-left: 5rem;
  }

  [dir=rtl] .lg\:rtl\:mt-24 {
    margin-top: 6rem;
  }

  [dir=rtl] .lg\:rtl\:mr-24 {
    margin-right: 6rem;
  }

  [dir=rtl] .lg\:rtl\:mb-24 {
    margin-bottom: 6rem;
  }

  [dir=rtl] .lg\:rtl\:ml-24 {
    margin-left: 6rem;
  }

  [dir=rtl] .lg\:rtl\:mt-32 {
    margin-top: 8rem;
  }

  [dir=rtl] .lg\:rtl\:mr-32 {
    margin-right: 8rem;
  }

  [dir=rtl] .lg\:rtl\:mb-32 {
    margin-bottom: 8rem;
  }

  [dir=rtl] .lg\:rtl\:ml-32 {
    margin-left: 8rem;
  }

  [dir=rtl] .lg\:rtl\:mt-40 {
    margin-top: 10rem;
  }

  [dir=rtl] .lg\:rtl\:mr-40 {
    margin-right: 10rem;
  }

  [dir=rtl] .lg\:rtl\:mb-40 {
    margin-bottom: 10rem;
  }

  [dir=rtl] .lg\:rtl\:ml-40 {
    margin-left: 10rem;
  }

  [dir=rtl] .lg\:rtl\:mt-48 {
    margin-top: 12rem;
  }

  [dir=rtl] .lg\:rtl\:mr-48 {
    margin-right: 12rem;
  }

  [dir=rtl] .lg\:rtl\:mb-48 {
    margin-bottom: 12rem;
  }

  [dir=rtl] .lg\:rtl\:ml-48 {
    margin-left: 12rem;
  }

  [dir=rtl] .lg\:rtl\:mt-56 {
    margin-top: 14rem;
  }

  [dir=rtl] .lg\:rtl\:mr-56 {
    margin-right: 14rem;
  }

  [dir=rtl] .lg\:rtl\:mb-56 {
    margin-bottom: 14rem;
  }

  [dir=rtl] .lg\:rtl\:ml-56 {
    margin-left: 14rem;
  }

  [dir=rtl] .lg\:rtl\:mt-64 {
    margin-top: 16rem;
  }

  [dir=rtl] .lg\:rtl\:mr-64 {
    margin-right: 16rem;
  }

  [dir=rtl] .lg\:rtl\:mb-64 {
    margin-bottom: 16rem;
  }

  [dir=rtl] .lg\:rtl\:ml-64 {
    margin-left: 16rem;
  }

  [dir=rtl] .lg\:rtl\:mt-auto {
    margin-top: auto;
  }

  [dir=rtl] .lg\:rtl\:mr-auto {
    margin-right: auto;
  }

  [dir=rtl] .lg\:rtl\:mb-auto {
    margin-bottom: auto;
  }

  [dir=rtl] .lg\:rtl\:ml-auto {
    margin-left: auto;
  }

  [dir=rtl] .lg\:rtl\:mt-px {
    margin-top: 1px;
  }

  [dir=rtl] .lg\:rtl\:mr-px {
    margin-right: 1px;
  }

  [dir=rtl] .lg\:rtl\:mb-px {
    margin-bottom: 1px;
  }

  [dir=rtl] .lg\:rtl\:ml-px {
    margin-left: 1px;
  }

  [dir=rtl] .lg\:rtl\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:-mt-1 {
    margin-top: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-1 {
    margin-right: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-1 {
    margin-left: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-2 {
    margin-top: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-2 {
    margin-right: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-2 {
    margin-left: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-3 {
    margin-top: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-3 {
    margin-right: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-3 {
    margin-left: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-4 {
    margin-top: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-4 {
    margin-right: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-4 {
    margin-bottom: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-4 {
    margin-left: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-5 {
    margin-top: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-5 {
    margin-right: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-5 {
    margin-left: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-6 {
    margin-top: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-6 {
    margin-right: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-6 {
    margin-left: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-8 {
    margin-top: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-8 {
    margin-right: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-8 {
    margin-bottom: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-8 {
    margin-left: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-9 {
    margin-top: -2.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-9 {
    margin-right: -2.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-9 {
    margin-left: -2.25rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-10 {
    margin-top: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-10 {
    margin-right: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-10 {
    margin-left: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-12 {
    margin-top: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-12 {
    margin-right: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-12 {
    margin-bottom: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-12 {
    margin-left: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-14 {
    margin-top: -3.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-14 {
    margin-right: -3.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-14 {
    margin-left: -3.5rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-16 {
    margin-top: -4rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-16 {
    margin-right: -4rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-16 {
    margin-bottom: -4rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-16 {
    margin-left: -4rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-20 {
    margin-top: -5rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-20 {
    margin-right: -5rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-20 {
    margin-bottom: -5rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-20 {
    margin-left: -5rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-24 {
    margin-top: -6rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-24 {
    margin-right: -6rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-24 {
    margin-bottom: -6rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-24 {
    margin-left: -6rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-32 {
    margin-top: -8rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-32 {
    margin-right: -8rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-32 {
    margin-bottom: -8rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-32 {
    margin-left: -8rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-40 {
    margin-top: -10rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-40 {
    margin-right: -10rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-40 {
    margin-bottom: -10rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-40 {
    margin-left: -10rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-48 {
    margin-top: -12rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-48 {
    margin-right: -12rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-48 {
    margin-bottom: -12rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-48 {
    margin-left: -12rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-56 {
    margin-top: -14rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-56 {
    margin-right: -14rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-56 {
    margin-bottom: -14rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-56 {
    margin-left: -14rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-64 {
    margin-top: -16rem;
  }

  [dir=rtl] .lg\:rtl\:-mr-64 {
    margin-right: -16rem;
  }

  [dir=rtl] .lg\:rtl\:-mb-64 {
    margin-bottom: -16rem;
  }

  [dir=rtl] .lg\:rtl\:-ml-64 {
    margin-left: -16rem;
  }

  [dir=rtl] .lg\:rtl\:-mt-px {
    margin-top: -1px;
  }

  [dir=rtl] .lg\:rtl\:-mr-px {
    margin-right: -1px;
  }

  [dir=rtl] .lg\:rtl\:-mb-px {
    margin-bottom: -1px;
  }

  [dir=rtl] .lg\:rtl\:-ml-px {
    margin-left: -1px;
  }

  [dir=rtl] .lg\:rtl\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .lg\:rtl\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .lg\:rtl\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  [dir=rtl] .lg\:rtl\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:max-h-full {
    max-height: 100%;
  }

  :root .lg\:max-h-screen {
    max-height: 100vh;
  }

  :root .lg\:max-w-xxxs {
    max-width: 16rem;
  }

  :root .lg\:max-w-xxs {
    max-width: 18rem;
  }

  :root .lg\:max-w-xs {
    max-width: 20rem;
  }

  :root .lg\:max-w-sm {
    max-width: 24rem;
  }

  :root .lg\:max-w-md {
    max-width: 28rem;
  }

  :root .lg\:max-w-lg {
    max-width: 32rem;
  }

  :root .lg\:max-w-xl {
    max-width: 36rem;
  }

  :root .lg\:max-w-2xl {
    max-width: 42rem;
  }

  :root .lg\:max-w-3xl {
    max-width: 48rem;
  }

  :root .lg\:max-w-4xl {
    max-width: 56rem;
  }

  :root .lg\:max-w-5xl {
    max-width: 64rem;
  }

  :root .lg\:max-w-6xl {
    max-width: 72rem;
  }

  :root .lg\:max-w-full {
    max-width: 100%;
  }

  :root .lg\:min-h-0 {
    min-height: 0;
  }

  :root .lg\:min-h-full {
    min-height: 100%;
  }

  :root .lg\:min-h-screen {
    min-height: 100vh;
  }

  :root .lg\:min-w-0 {
    min-width: 0;
  }

  :root .lg\:min-w-1 {
    min-width: 0.25rem;
  }

  :root .lg\:min-w-2 {
    min-width: 0.5rem;
  }

  :root .lg\:min-w-3 {
    min-width: 0.75rem;
  }

  :root .lg\:min-w-4 {
    min-width: 1rem;
  }

  :root .lg\:min-w-5 {
    min-width: 1.25rem;
  }

  :root .lg\:min-w-6 {
    min-width: 1.5rem;
  }

  :root .lg\:min-w-8 {
    min-width: 2rem;
  }

  :root .lg\:min-w-9 {
    min-width: 2.25rem;
  }

  :root .lg\:min-w-10 {
    min-width: 2.5rem;
  }

  :root .lg\:min-w-12 {
    min-width: 3rem;
  }

  :root .lg\:min-w-14 {
    min-width: 3.5rem;
  }

  :root .lg\:min-w-16 {
    min-width: 4rem;
  }

  :root .lg\:min-w-20 {
    min-width: 5rem;
  }

  :root .lg\:min-w-24 {
    min-width: 6rem;
  }

  :root .lg\:min-w-32 {
    min-width: 8rem;
  }

  :root .lg\:min-w-40 {
    min-width: 10rem;
  }

  :root .lg\:min-w-48 {
    min-width: 12rem;
  }

  :root .lg\:min-w-56 {
    min-width: 14rem;
  }

  :root .lg\:min-w-64 {
    min-width: 16rem;
  }

  :root .lg\:min-w-full {
    min-width: 100%;
  }

  :root .lg\:min-w-px {
    min-width: 1px;
  }

  :root .lg\:min-w-gutter {
    min-width: var(--padding-gutter);
  }

  :root .lg\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  :root .lg\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  :root .lg\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  :root .lg\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  :root .lg\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  :root .lg\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  :root .lg\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  :root .lg\:object-left {
    -o-object-position: left;
       object-position: left;
  }

  :root .lg\:object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  :root .lg\:object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }

  :root .lg\:object-right {
    -o-object-position: right;
       object-position: right;
  }

  :root .lg\:object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  :root .lg\:object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }

  :root .lg\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  :root .lg\:opacity-0 {
    opacity: 0;
  }

  :root .lg\:opacity-25 {
    opacity: 0.25;
  }

  :root .lg\:opacity-50 {
    opacity: 0.5;
  }

  :root .lg\:opacity-75 {
    opacity: 0.75;
  }

  :root .lg\:opacity-100 {
    opacity: 1;
  }

  :root .lg\:hover\:opacity-0:hover {
    opacity: 0;
  }

  :root .lg\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  :root .lg\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  :root .lg\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  :root .lg\:hover\:opacity-100:hover {
    opacity: 1;
  }

  :root .lg\:focus\:opacity-0:focus {
    opacity: 0;
  }

  :root .lg\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  :root .lg\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  :root .lg\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  :root .lg\:focus\:opacity-100:focus {
    opacity: 1;
  }

  :root .lg\:outline-none {
    outline: 0;
  }

  :root .lg\:focus\:outline-none:focus {
    outline: 0;
  }

  :root .lg\:overflow-auto {
    overflow: auto;
  }

  :root .lg\:overflow-hidden {
    overflow: hidden;
  }

  :root .lg\:overflow-visible {
    overflow: visible;
  }

  :root .lg\:overflow-scroll {
    overflow: scroll;
  }

  :root .lg\:overflow-x-auto {
    overflow-x: auto;
  }

  :root .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  :root .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }

  :root .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }

  :root .lg\:overflow-x-visible {
    overflow-x: visible;
  }

  :root .lg\:overflow-y-visible {
    overflow-y: visible;
  }

  :root .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }

  :root .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }

  :root .lg\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  :root .lg\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  :root .lg\:p-0 {
    padding: 0;
  }

  :root .lg\:p-1 {
    padding: 0.25rem;
  }

  :root .lg\:p-2 {
    padding: 0.5rem;
  }

  :root .lg\:p-3 {
    padding: 0.75rem;
  }

  :root .lg\:p-4 {
    padding: 1rem;
  }

  :root .lg\:p-5 {
    padding: 1.25rem;
  }

  :root .lg\:p-6 {
    padding: 1.5rem;
  }

  :root .lg\:p-8 {
    padding: 2rem;
  }

  :root .lg\:p-9 {
    padding: 2.25rem;
  }

  :root .lg\:p-10 {
    padding: 2.5rem;
  }

  :root .lg\:p-12 {
    padding: 3rem;
  }

  :root .lg\:p-14 {
    padding: 3.5rem;
  }

  :root .lg\:p-16 {
    padding: 4rem;
  }

  :root .lg\:p-20 {
    padding: 5rem;
  }

  :root .lg\:p-24 {
    padding: 6rem;
  }

  :root .lg\:p-32 {
    padding: 8rem;
  }

  :root .lg\:p-40 {
    padding: 10rem;
  }

  :root .lg\:p-48 {
    padding: 12rem;
  }

  :root .lg\:p-56 {
    padding: 14rem;
  }

  :root .lg\:p-64 {
    padding: 16rem;
  }

  :root .lg\:p-px {
    padding: 1px;
  }

  :root .lg\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .lg\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root .lg\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root .lg\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root .lg\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root .lg\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root .lg\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root .lg\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root .lg\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root .lg\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root .lg\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root .lg\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root .lg\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root .lg\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root .lg\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root .lg\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root .lg\:pt-0 {
    padding-top: 0;
  }

  :root .lg\:pr-0 {
    padding-right: 0;
  }

  :root .lg\:pb-0 {
    padding-bottom: 0;
  }

  :root .lg\:pl-0 {
    padding-left: 0;
  }

  :root .lg\:pt-1 {
    padding-top: 0.25rem;
  }

  :root .lg\:pr-1 {
    padding-right: 0.25rem;
  }

  :root .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root .lg\:pl-1 {
    padding-left: 0.25rem;
  }

  :root .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  :root .lg\:pr-2 {
    padding-right: 0.5rem;
  }

  :root .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root .lg\:pl-2 {
    padding-left: 0.5rem;
  }

  :root .lg\:pt-3 {
    padding-top: 0.75rem;
  }

  :root .lg\:pr-3 {
    padding-right: 0.75rem;
  }

  :root .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root .lg\:pl-3 {
    padding-left: 0.75rem;
  }

  :root .lg\:pt-4 {
    padding-top: 1rem;
  }

  :root .lg\:pr-4 {
    padding-right: 1rem;
  }

  :root .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  :root .lg\:pl-4 {
    padding-left: 1rem;
  }

  :root .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  :root .lg\:pr-5 {
    padding-right: 1.25rem;
  }

  :root .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root .lg\:pl-5 {
    padding-left: 1.25rem;
  }

  :root .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  :root .lg\:pr-6 {
    padding-right: 1.5rem;
  }

  :root .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  :root .lg\:pt-8 {
    padding-top: 2rem;
  }

  :root .lg\:pr-8 {
    padding-right: 2rem;
  }

  :root .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  :root .lg\:pl-8 {
    padding-left: 2rem;
  }

  :root .lg\:pt-9 {
    padding-top: 2.25rem;
  }

  :root .lg\:pr-9 {
    padding-right: 2.25rem;
  }

  :root .lg\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root .lg\:pl-9 {
    padding-left: 2.25rem;
  }

  :root .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  :root .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  :root .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  :root .lg\:pt-12 {
    padding-top: 3rem;
  }

  :root .lg\:pr-12 {
    padding-right: 3rem;
  }

  :root .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  :root .lg\:pl-12 {
    padding-left: 3rem;
  }

  :root .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  :root .lg\:pr-14 {
    padding-right: 3.5rem;
  }

  :root .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root .lg\:pl-14 {
    padding-left: 3.5rem;
  }

  :root .lg\:pt-16 {
    padding-top: 4rem;
  }

  :root .lg\:pr-16 {
    padding-right: 4rem;
  }

  :root .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  :root .lg\:pl-16 {
    padding-left: 4rem;
  }

  :root .lg\:pt-20 {
    padding-top: 5rem;
  }

  :root .lg\:pr-20 {
    padding-right: 5rem;
  }

  :root .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  :root .lg\:pl-20 {
    padding-left: 5rem;
  }

  :root .lg\:pt-24 {
    padding-top: 6rem;
  }

  :root .lg\:pr-24 {
    padding-right: 6rem;
  }

  :root .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  :root .lg\:pl-24 {
    padding-left: 6rem;
  }

  :root .lg\:pt-32 {
    padding-top: 8rem;
  }

  :root .lg\:pr-32 {
    padding-right: 8rem;
  }

  :root .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  :root .lg\:pl-32 {
    padding-left: 8rem;
  }

  :root .lg\:pt-40 {
    padding-top: 10rem;
  }

  :root .lg\:pr-40 {
    padding-right: 10rem;
  }

  :root .lg\:pb-40 {
    padding-bottom: 10rem;
  }

  :root .lg\:pl-40 {
    padding-left: 10rem;
  }

  :root .lg\:pt-48 {
    padding-top: 12rem;
  }

  :root .lg\:pr-48 {
    padding-right: 12rem;
  }

  :root .lg\:pb-48 {
    padding-bottom: 12rem;
  }

  :root .lg\:pl-48 {
    padding-left: 12rem;
  }

  :root .lg\:pt-56 {
    padding-top: 14rem;
  }

  :root .lg\:pr-56 {
    padding-right: 14rem;
  }

  :root .lg\:pb-56 {
    padding-bottom: 14rem;
  }

  :root .lg\:pl-56 {
    padding-left: 14rem;
  }

  :root .lg\:pt-64 {
    padding-top: 16rem;
  }

  :root .lg\:pr-64 {
    padding-right: 16rem;
  }

  :root .lg\:pb-64 {
    padding-bottom: 16rem;
  }

  :root .lg\:pl-64 {
    padding-left: 16rem;
  }

  :root .lg\:pt-px {
    padding-top: 1px;
  }

  :root .lg\:pr-px {
    padding-right: 1px;
  }

  :root .lg\:pb-px {
    padding-bottom: 1px;
  }

  :root .lg\:pl-px {
    padding-left: 1px;
  }

  :root .lg\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root .lg\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root .lg\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root .lg\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:p-0 {
    padding: 0;
  }

  [dir=ltr] .lg\:ltr\:p-1 {
    padding: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:p-2 {
    padding: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:p-3 {
    padding: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:p-4 {
    padding: 1rem;
  }

  [dir=ltr] .lg\:ltr\:p-5 {
    padding: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:p-6 {
    padding: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:p-8 {
    padding: 2rem;
  }

  [dir=ltr] .lg\:ltr\:p-9 {
    padding: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:p-10 {
    padding: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:p-12 {
    padding: 3rem;
  }

  [dir=ltr] .lg\:ltr\:p-14 {
    padding: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:p-16 {
    padding: 4rem;
  }

  [dir=ltr] .lg\:ltr\:p-20 {
    padding: 5rem;
  }

  [dir=ltr] .lg\:ltr\:p-24 {
    padding: 6rem;
  }

  [dir=ltr] .lg\:ltr\:p-32 {
    padding: 8rem;
  }

  [dir=ltr] .lg\:ltr\:p-40 {
    padding: 10rem;
  }

  [dir=ltr] .lg\:ltr\:p-48 {
    padding: 12rem;
  }

  [dir=ltr] .lg\:ltr\:p-56 {
    padding: 14rem;
  }

  [dir=ltr] .lg\:ltr\:p-64 {
    padding: 16rem;
  }

  [dir=ltr] .lg\:ltr\:p-px {
    padding: 1px;
  }

  [dir=ltr] .lg\:ltr\:p-gutter {
    padding: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  [dir=ltr] .lg\:ltr\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=ltr] .lg\:ltr\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir=ltr] .lg\:ltr\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir=ltr] .lg\:ltr\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir=ltr] .lg\:ltr\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir=ltr] .lg\:ltr\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir=ltr] .lg\:ltr\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir=ltr] .lg\:ltr\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  [dir=ltr] .lg\:ltr\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  [dir=ltr] .lg\:ltr\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  [dir=ltr] .lg\:ltr\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir=ltr] .lg\:ltr\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  [dir=ltr] .lg\:ltr\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir=ltr] .lg\:ltr\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [dir=ltr] .lg\:ltr\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  [dir=ltr] .lg\:ltr\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  [dir=ltr] .lg\:ltr\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  [dir=ltr] .lg\:ltr\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  [dir=ltr] .lg\:ltr\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  [dir=ltr] .lg\:ltr\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  [dir=ltr] .lg\:ltr\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  [dir=ltr] .lg\:ltr\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  [dir=ltr] .lg\:ltr\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  [dir=ltr] .lg\:ltr\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  [dir=ltr] .lg\:ltr\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  [dir=ltr] .lg\:ltr\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:pt-0 {
    padding-top: 0;
  }

  [dir=ltr] .lg\:ltr\:pr-0 {
    padding-right: 0;
  }

  [dir=ltr] .lg\:ltr\:pb-0 {
    padding-bottom: 0;
  }

  [dir=ltr] .lg\:ltr\:pl-0 {
    padding-left: 0;
  }

  [dir=ltr] .lg\:ltr\:pt-1 {
    padding-top: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:pr-1 {
    padding-right: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:pb-1 {
    padding-bottom: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:pl-1 {
    padding-left: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:pt-2 {
    padding-top: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:pr-2 {
    padding-right: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:pb-2 {
    padding-bottom: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:pt-3 {
    padding-top: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:pr-3 {
    padding-right: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:pb-3 {
    padding-bottom: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:pl-3 {
    padding-left: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:pt-4 {
    padding-top: 1rem;
  }

  [dir=ltr] .lg\:ltr\:pr-4 {
    padding-right: 1rem;
  }

  [dir=ltr] .lg\:ltr\:pb-4 {
    padding-bottom: 1rem;
  }

  [dir=ltr] .lg\:ltr\:pl-4 {
    padding-left: 1rem;
  }

  [dir=ltr] .lg\:ltr\:pt-5 {
    padding-top: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:pr-5 {
    padding-right: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:pb-5 {
    padding-bottom: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:pt-6 {
    padding-top: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:pb-6 {
    padding-bottom: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:pl-6 {
    padding-left: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:pt-8 {
    padding-top: 2rem;
  }

  [dir=ltr] .lg\:ltr\:pr-8 {
    padding-right: 2rem;
  }

  [dir=ltr] .lg\:ltr\:pb-8 {
    padding-bottom: 2rem;
  }

  [dir=ltr] .lg\:ltr\:pl-8 {
    padding-left: 2rem;
  }

  [dir=ltr] .lg\:ltr\:pt-9 {
    padding-top: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:pr-9 {
    padding-right: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:pb-9 {
    padding-bottom: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:pl-9 {
    padding-left: 2.25rem;
  }

  [dir=ltr] .lg\:ltr\:pt-10 {
    padding-top: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:pb-10 {
    padding-bottom: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:pt-12 {
    padding-top: 3rem;
  }

  [dir=ltr] .lg\:ltr\:pr-12 {
    padding-right: 3rem;
  }

  [dir=ltr] .lg\:ltr\:pb-12 {
    padding-bottom: 3rem;
  }

  [dir=ltr] .lg\:ltr\:pl-12 {
    padding-left: 3rem;
  }

  [dir=ltr] .lg\:ltr\:pt-14 {
    padding-top: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:pr-14 {
    padding-right: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:pb-14 {
    padding-bottom: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:pl-14 {
    padding-left: 3.5rem;
  }

  [dir=ltr] .lg\:ltr\:pt-16 {
    padding-top: 4rem;
  }

  [dir=ltr] .lg\:ltr\:pr-16 {
    padding-right: 4rem;
  }

  [dir=ltr] .lg\:ltr\:pb-16 {
    padding-bottom: 4rem;
  }

  [dir=ltr] .lg\:ltr\:pl-16 {
    padding-left: 4rem;
  }

  [dir=ltr] .lg\:ltr\:pt-20 {
    padding-top: 5rem;
  }

  [dir=ltr] .lg\:ltr\:pr-20 {
    padding-right: 5rem;
  }

  [dir=ltr] .lg\:ltr\:pb-20 {
    padding-bottom: 5rem;
  }

  [dir=ltr] .lg\:ltr\:pl-20 {
    padding-left: 5rem;
  }

  [dir=ltr] .lg\:ltr\:pt-24 {
    padding-top: 6rem;
  }

  [dir=ltr] .lg\:ltr\:pr-24 {
    padding-right: 6rem;
  }

  [dir=ltr] .lg\:ltr\:pb-24 {
    padding-bottom: 6rem;
  }

  [dir=ltr] .lg\:ltr\:pl-24 {
    padding-left: 6rem;
  }

  [dir=ltr] .lg\:ltr\:pt-32 {
    padding-top: 8rem;
  }

  [dir=ltr] .lg\:ltr\:pr-32 {
    padding-right: 8rem;
  }

  [dir=ltr] .lg\:ltr\:pb-32 {
    padding-bottom: 8rem;
  }

  [dir=ltr] .lg\:ltr\:pl-32 {
    padding-left: 8rem;
  }

  [dir=ltr] .lg\:ltr\:pt-40 {
    padding-top: 10rem;
  }

  [dir=ltr] .lg\:ltr\:pr-40 {
    padding-right: 10rem;
  }

  [dir=ltr] .lg\:ltr\:pb-40 {
    padding-bottom: 10rem;
  }

  [dir=ltr] .lg\:ltr\:pl-40 {
    padding-left: 10rem;
  }

  [dir=ltr] .lg\:ltr\:pt-48 {
    padding-top: 12rem;
  }

  [dir=ltr] .lg\:ltr\:pr-48 {
    padding-right: 12rem;
  }

  [dir=ltr] .lg\:ltr\:pb-48 {
    padding-bottom: 12rem;
  }

  [dir=ltr] .lg\:ltr\:pl-48 {
    padding-left: 12rem;
  }

  [dir=ltr] .lg\:ltr\:pt-56 {
    padding-top: 14rem;
  }

  [dir=ltr] .lg\:ltr\:pr-56 {
    padding-right: 14rem;
  }

  [dir=ltr] .lg\:ltr\:pb-56 {
    padding-bottom: 14rem;
  }

  [dir=ltr] .lg\:ltr\:pl-56 {
    padding-left: 14rem;
  }

  [dir=ltr] .lg\:ltr\:pt-64 {
    padding-top: 16rem;
  }

  [dir=ltr] .lg\:ltr\:pr-64 {
    padding-right: 16rem;
  }

  [dir=ltr] .lg\:ltr\:pb-64 {
    padding-bottom: 16rem;
  }

  [dir=ltr] .lg\:ltr\:pl-64 {
    padding-left: 16rem;
  }

  [dir=ltr] .lg\:ltr\:pt-px {
    padding-top: 1px;
  }

  [dir=ltr] .lg\:ltr\:pr-px {
    padding-right: 1px;
  }

  [dir=ltr] .lg\:ltr\:pb-px {
    padding-bottom: 1px;
  }

  [dir=ltr] .lg\:ltr\:pl-px {
    padding-left: 1px;
  }

  [dir=ltr] .lg\:ltr\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  [dir=ltr] .lg\:ltr\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:p-0 {
    padding: 0;
  }

  [dir=rtl] .lg\:rtl\:p-1 {
    padding: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:p-2 {
    padding: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:p-3 {
    padding: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:p-4 {
    padding: 1rem;
  }

  [dir=rtl] .lg\:rtl\:p-5 {
    padding: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:p-6 {
    padding: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:p-8 {
    padding: 2rem;
  }

  [dir=rtl] .lg\:rtl\:p-9 {
    padding: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:p-10 {
    padding: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:p-12 {
    padding: 3rem;
  }

  [dir=rtl] .lg\:rtl\:p-14 {
    padding: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:p-16 {
    padding: 4rem;
  }

  [dir=rtl] .lg\:rtl\:p-20 {
    padding: 5rem;
  }

  [dir=rtl] .lg\:rtl\:p-24 {
    padding: 6rem;
  }

  [dir=rtl] .lg\:rtl\:p-32 {
    padding: 8rem;
  }

  [dir=rtl] .lg\:rtl\:p-40 {
    padding: 10rem;
  }

  [dir=rtl] .lg\:rtl\:p-48 {
    padding: 12rem;
  }

  [dir=rtl] .lg\:rtl\:p-56 {
    padding: 14rem;
  }

  [dir=rtl] .lg\:rtl\:p-64 {
    padding: 16rem;
  }

  [dir=rtl] .lg\:rtl\:p-px {
    padding: 1px;
  }

  [dir=rtl] .lg\:rtl\:p-gutter {
    padding: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  [dir=rtl] .lg\:rtl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  [dir=rtl] .lg\:rtl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  [dir=rtl] .lg\:rtl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  [dir=rtl] .lg\:rtl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  [dir=rtl] .lg\:rtl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  [dir=rtl] .lg\:rtl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  [dir=rtl] .lg\:rtl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  [dir=rtl] .lg\:rtl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  [dir=rtl] .lg\:rtl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  [dir=rtl] .lg\:rtl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  [dir=rtl] .lg\:rtl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  [dir=rtl] .lg\:rtl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  [dir=rtl] .lg\:rtl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  [dir=rtl] .lg\:rtl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  [dir=rtl] .lg\:rtl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  [dir=rtl] .lg\:rtl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  [dir=rtl] .lg\:rtl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  [dir=rtl] .lg\:rtl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  [dir=rtl] .lg\:rtl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  [dir=rtl] .lg\:rtl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  [dir=rtl] .lg\:rtl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  [dir=rtl] .lg\:rtl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  [dir=rtl] .lg\:rtl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  [dir=rtl] .lg\:rtl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  [dir=rtl] .lg\:rtl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  [dir=rtl] .lg\:rtl\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:pt-0 {
    padding-top: 0;
  }

  [dir=rtl] .lg\:rtl\:pr-0 {
    padding-right: 0;
  }

  [dir=rtl] .lg\:rtl\:pb-0 {
    padding-bottom: 0;
  }

  [dir=rtl] .lg\:rtl\:pl-0 {
    padding-left: 0;
  }

  [dir=rtl] .lg\:rtl\:pt-1 {
    padding-top: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:pr-1 {
    padding-right: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:pl-1 {
    padding-left: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:pt-2 {
    padding-top: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:pr-2 {
    padding-right: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:pt-3 {
    padding-top: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:pr-3 {
    padding-right: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:pl-3 {
    padding-left: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:pt-4 {
    padding-top: 1rem;
  }

  [dir=rtl] .lg\:rtl\:pr-4 {
    padding-right: 1rem;
  }

  [dir=rtl] .lg\:rtl\:pb-4 {
    padding-bottom: 1rem;
  }

  [dir=rtl] .lg\:rtl\:pl-4 {
    padding-left: 1rem;
  }

  [dir=rtl] .lg\:rtl\:pt-5 {
    padding-top: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:pr-5 {
    padding-right: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:pt-6 {
    padding-top: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:pl-6 {
    padding-left: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:pt-8 {
    padding-top: 2rem;
  }

  [dir=rtl] .lg\:rtl\:pr-8 {
    padding-right: 2rem;
  }

  [dir=rtl] .lg\:rtl\:pb-8 {
    padding-bottom: 2rem;
  }

  [dir=rtl] .lg\:rtl\:pl-8 {
    padding-left: 2rem;
  }

  [dir=rtl] .lg\:rtl\:pt-9 {
    padding-top: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:pr-9 {
    padding-right: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:pl-9 {
    padding-left: 2.25rem;
  }

  [dir=rtl] .lg\:rtl\:pt-10 {
    padding-top: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:pt-12 {
    padding-top: 3rem;
  }

  [dir=rtl] .lg\:rtl\:pr-12 {
    padding-right: 3rem;
  }

  [dir=rtl] .lg\:rtl\:pb-12 {
    padding-bottom: 3rem;
  }

  [dir=rtl] .lg\:rtl\:pl-12 {
    padding-left: 3rem;
  }

  [dir=rtl] .lg\:rtl\:pt-14 {
    padding-top: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:pr-14 {
    padding-right: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:pl-14 {
    padding-left: 3.5rem;
  }

  [dir=rtl] .lg\:rtl\:pt-16 {
    padding-top: 4rem;
  }

  [dir=rtl] .lg\:rtl\:pr-16 {
    padding-right: 4rem;
  }

  [dir=rtl] .lg\:rtl\:pb-16 {
    padding-bottom: 4rem;
  }

  [dir=rtl] .lg\:rtl\:pl-16 {
    padding-left: 4rem;
  }

  [dir=rtl] .lg\:rtl\:pt-20 {
    padding-top: 5rem;
  }

  [dir=rtl] .lg\:rtl\:pr-20 {
    padding-right: 5rem;
  }

  [dir=rtl] .lg\:rtl\:pb-20 {
    padding-bottom: 5rem;
  }

  [dir=rtl] .lg\:rtl\:pl-20 {
    padding-left: 5rem;
  }

  [dir=rtl] .lg\:rtl\:pt-24 {
    padding-top: 6rem;
  }

  [dir=rtl] .lg\:rtl\:pr-24 {
    padding-right: 6rem;
  }

  [dir=rtl] .lg\:rtl\:pb-24 {
    padding-bottom: 6rem;
  }

  [dir=rtl] .lg\:rtl\:pl-24 {
    padding-left: 6rem;
  }

  [dir=rtl] .lg\:rtl\:pt-32 {
    padding-top: 8rem;
  }

  [dir=rtl] .lg\:rtl\:pr-32 {
    padding-right: 8rem;
  }

  [dir=rtl] .lg\:rtl\:pb-32 {
    padding-bottom: 8rem;
  }

  [dir=rtl] .lg\:rtl\:pl-32 {
    padding-left: 8rem;
  }

  [dir=rtl] .lg\:rtl\:pt-40 {
    padding-top: 10rem;
  }

  [dir=rtl] .lg\:rtl\:pr-40 {
    padding-right: 10rem;
  }

  [dir=rtl] .lg\:rtl\:pb-40 {
    padding-bottom: 10rem;
  }

  [dir=rtl] .lg\:rtl\:pl-40 {
    padding-left: 10rem;
  }

  [dir=rtl] .lg\:rtl\:pt-48 {
    padding-top: 12rem;
  }

  [dir=rtl] .lg\:rtl\:pr-48 {
    padding-right: 12rem;
  }

  [dir=rtl] .lg\:rtl\:pb-48 {
    padding-bottom: 12rem;
  }

  [dir=rtl] .lg\:rtl\:pl-48 {
    padding-left: 12rem;
  }

  [dir=rtl] .lg\:rtl\:pt-56 {
    padding-top: 14rem;
  }

  [dir=rtl] .lg\:rtl\:pr-56 {
    padding-right: 14rem;
  }

  [dir=rtl] .lg\:rtl\:pb-56 {
    padding-bottom: 14rem;
  }

  [dir=rtl] .lg\:rtl\:pl-56 {
    padding-left: 14rem;
  }

  [dir=rtl] .lg\:rtl\:pt-64 {
    padding-top: 16rem;
  }

  [dir=rtl] .lg\:rtl\:pr-64 {
    padding-right: 16rem;
  }

  [dir=rtl] .lg\:rtl\:pb-64 {
    padding-bottom: 16rem;
  }

  [dir=rtl] .lg\:rtl\:pl-64 {
    padding-left: 16rem;
  }

  [dir=rtl] .lg\:rtl\:pt-px {
    padding-top: 1px;
  }

  [dir=rtl] .lg\:rtl\:pr-px {
    padding-right: 1px;
  }

  [dir=rtl] .lg\:rtl\:pb-px {
    padding-bottom: 1px;
  }

  [dir=rtl] .lg\:rtl\:pl-px {
    padding-left: 1px;
  }

  [dir=rtl] .lg\:rtl\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  [dir=rtl] .lg\:rtl\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root .lg\:placeholder-transparent::-moz-placeholder {
    color: transparent;
  }

  :root .lg\:placeholder-transparent::placeholder {
    color: transparent;
  }

  :root .lg\:placeholder-black::-moz-placeholder {
    color: var(--text-color);
  }

  :root .lg\:placeholder-black::placeholder {
    color: var(--text-color);
  }

  :root .lg\:placeholder-white::-moz-placeholder {
    color: var(--text-color-light);
  }

  :root .lg\:placeholder-white::placeholder {
    color: var(--text-color-light);
  }

  :root .lg\:placeholder-contrast-black::-moz-placeholder {
    color: black;
  }

  :root .lg\:placeholder-contrast-black::placeholder {
    color: black;
  }

  :root .lg\:placeholder-contrast-white::-moz-placeholder {
    color: white;
  }

  :root .lg\:placeholder-contrast-white::placeholder {
    color: white;
  }

  :root .lg\:placeholder-obs-primary::-moz-placeholder {
    color: #5977FF;
  }

  :root .lg\:placeholder-obs-primary::placeholder {
    color: #5977FF;
  }

  :root .lg\:placeholder-obs-secondary::-moz-placeholder {
    color: #5d5c64;
  }

  :root .lg\:placeholder-obs-secondary::placeholder {
    color: #5d5c64;
  }

  :root .lg\:placeholder-obs-maroon::-moz-placeholder {
    color: #961e36;
  }

  :root .lg\:placeholder-obs-maroon::placeholder {
    color: #961e36;
  }

  :root .lg\:placeholder-obs-navy::-moz-placeholder {
    color: #3e4861;
  }

  :root .lg\:placeholder-obs-navy::placeholder {
    color: #3e4861;
  }

  :root .lg\:placeholder-obs-pink::-moz-placeholder {
    color: #d2afc5;
  }

  :root .lg\:placeholder-obs-pink::placeholder {
    color: #d2afc5;
  }

  :root .lg\:placeholder-obs-dark-orange::-moz-placeholder {
    color: #d6582a;
  }

  :root .lg\:placeholder-obs-dark-orange::placeholder {
    color: #d6582a;
  }

  :root .lg\:placeholder-obs-gold::-moz-placeholder {
    color: #9d8944;
  }

  :root .lg\:placeholder-obs-gold::placeholder {
    color: #9d8944;
  }

  :root .lg\:placeholder-obs-light-blue::-moz-placeholder {
    color: #A3C2D6;
  }

  :root .lg\:placeholder-obs-light-blue::placeholder {
    color: #A3C2D6;
  }

  :root .lg\:placeholder-obs-purple::-moz-placeholder {
    color: #722670;
  }

  :root .lg\:placeholder-obs-purple::placeholder {
    color: #722670;
  }

  :root .lg\:placeholder-obs-light-orange::-moz-placeholder {
    color: #fF9c01;
  }

  :root .lg\:placeholder-obs-light-orange::placeholder {
    color: #fF9c01;
  }

  :root .lg\:placeholder-obs-blue::-moz-placeholder {
    color: #5da7d6;
  }

  :root .lg\:placeholder-obs-blue::placeholder {
    color: #5da7d6;
  }

  :root .lg\:placeholder-gray-50::-moz-placeholder {
    color: #fafafa;
  }

  :root .lg\:placeholder-gray-50::placeholder {
    color: #fafafa;
  }

  :root .lg\:placeholder-gray-100::-moz-placeholder {
    color: #f5f5f5;
  }

  :root .lg\:placeholder-gray-100::placeholder {
    color: #f5f5f5;
  }

  :root .lg\:placeholder-gray-200::-moz-placeholder {
    color: #eeeeee;
  }

  :root .lg\:placeholder-gray-200::placeholder {
    color: #eeeeee;
  }

  :root .lg\:placeholder-gray-300::-moz-placeholder {
    color: #e0e0e0;
  }

  :root .lg\:placeholder-gray-300::placeholder {
    color: #e0e0e0;
  }

  :root .lg\:placeholder-gray-400::-moz-placeholder {
    color: #bdbdbd;
  }

  :root .lg\:placeholder-gray-400::placeholder {
    color: #bdbdbd;
  }

  :root .lg\:placeholder-gray-500::-moz-placeholder {
    color: #9e9e9e;
  }

  :root .lg\:placeholder-gray-500::placeholder {
    color: #9e9e9e;
  }

  :root .lg\:placeholder-gray-600::-moz-placeholder {
    color: #757575;
  }

  :root .lg\:placeholder-gray-600::placeholder {
    color: #757575;
  }

  :root .lg\:placeholder-gray-700::-moz-placeholder {
    color: #616161;
  }

  :root .lg\:placeholder-gray-700::placeholder {
    color: #616161;
  }

  :root .lg\:placeholder-gray-800::-moz-placeholder {
    color: #424242;
  }

  :root .lg\:placeholder-gray-800::placeholder {
    color: #424242;
  }

  :root .lg\:placeholder-gray-900::-moz-placeholder {
    color: #212121;
  }

  :root .lg\:placeholder-gray-900::placeholder {
    color: #212121;
  }

  :root .lg\:placeholder-red-50::-moz-placeholder {
    color: #ffebee;
  }

  :root .lg\:placeholder-red-50::placeholder {
    color: #ffebee;
  }

  :root .lg\:placeholder-red-100::-moz-placeholder {
    color: #ffcdd2;
  }

  :root .lg\:placeholder-red-100::placeholder {
    color: #ffcdd2;
  }

  :root .lg\:placeholder-red-200::-moz-placeholder {
    color: #ef9a9a;
  }

  :root .lg\:placeholder-red-200::placeholder {
    color: #ef9a9a;
  }

  :root .lg\:placeholder-red-300::-moz-placeholder {
    color: #e57373;
  }

  :root .lg\:placeholder-red-300::placeholder {
    color: #e57373;
  }

  :root .lg\:placeholder-red-400::-moz-placeholder {
    color: #ef5350;
  }

  :root .lg\:placeholder-red-400::placeholder {
    color: #ef5350;
  }

  :root .lg\:placeholder-red-500::-moz-placeholder {
    color: #f44336;
  }

  :root .lg\:placeholder-red-500::placeholder {
    color: #f44336;
  }

  :root .lg\:placeholder-red-600::-moz-placeholder {
    color: #e53935;
  }

  :root .lg\:placeholder-red-600::placeholder {
    color: #e53935;
  }

  :root .lg\:placeholder-red-700::-moz-placeholder {
    color: #d32f2f;
  }

  :root .lg\:placeholder-red-700::placeholder {
    color: #d32f2f;
  }

  :root .lg\:placeholder-red-800::-moz-placeholder {
    color: #c62828;
  }

  :root .lg\:placeholder-red-800::placeholder {
    color: #c62828;
  }

  :root .lg\:placeholder-red-900::-moz-placeholder {
    color: #b71c1c;
  }

  :root .lg\:placeholder-red-900::placeholder {
    color: #b71c1c;
  }

  :root .lg\:placeholder-orange-50::-moz-placeholder {
    color: #fff3e0;
  }

  :root .lg\:placeholder-orange-50::placeholder {
    color: #fff3e0;
  }

  :root .lg\:placeholder-orange-100::-moz-placeholder {
    color: #ffe0b2;
  }

  :root .lg\:placeholder-orange-100::placeholder {
    color: #ffe0b2;
  }

  :root .lg\:placeholder-orange-200::-moz-placeholder {
    color: #ffcc80;
  }

  :root .lg\:placeholder-orange-200::placeholder {
    color: #ffcc80;
  }

  :root .lg\:placeholder-orange-300::-moz-placeholder {
    color: #ffb74d;
  }

  :root .lg\:placeholder-orange-300::placeholder {
    color: #ffb74d;
  }

  :root .lg\:placeholder-orange-400::-moz-placeholder {
    color: #ffa726;
  }

  :root .lg\:placeholder-orange-400::placeholder {
    color: #ffa726;
  }

  :root .lg\:placeholder-orange-500::-moz-placeholder {
    color: #ff9800;
  }

  :root .lg\:placeholder-orange-500::placeholder {
    color: #ff9800;
  }

  :root .lg\:placeholder-orange-600::-moz-placeholder {
    color: #fb8c00;
  }

  :root .lg\:placeholder-orange-600::placeholder {
    color: #fb8c00;
  }

  :root .lg\:placeholder-orange-700::-moz-placeholder {
    color: #f57c00;
  }

  :root .lg\:placeholder-orange-700::placeholder {
    color: #f57c00;
  }

  :root .lg\:placeholder-orange-800::-moz-placeholder {
    color: #ef6c00;
  }

  :root .lg\:placeholder-orange-800::placeholder {
    color: #ef6c00;
  }

  :root .lg\:placeholder-orange-900::-moz-placeholder {
    color: #e65100;
  }

  :root .lg\:placeholder-orange-900::placeholder {
    color: #e65100;
  }

  :root .lg\:placeholder-deep-orange-50::-moz-placeholder {
    color: #fbe9e7;
  }

  :root .lg\:placeholder-deep-orange-50::placeholder {
    color: #fbe9e7;
  }

  :root .lg\:placeholder-deep-orange-100::-moz-placeholder {
    color: #ffccbc;
  }

  :root .lg\:placeholder-deep-orange-100::placeholder {
    color: #ffccbc;
  }

  :root .lg\:placeholder-deep-orange-200::-moz-placeholder {
    color: #ffab91;
  }

  :root .lg\:placeholder-deep-orange-200::placeholder {
    color: #ffab91;
  }

  :root .lg\:placeholder-deep-orange-300::-moz-placeholder {
    color: #ff8a65;
  }

  :root .lg\:placeholder-deep-orange-300::placeholder {
    color: #ff8a65;
  }

  :root .lg\:placeholder-deep-orange-400::-moz-placeholder {
    color: #ff7043;
  }

  :root .lg\:placeholder-deep-orange-400::placeholder {
    color: #ff7043;
  }

  :root .lg\:placeholder-deep-orange-500::-moz-placeholder {
    color: #ff5722;
  }

  :root .lg\:placeholder-deep-orange-500::placeholder {
    color: #ff5722;
  }

  :root .lg\:placeholder-deep-orange-600::-moz-placeholder {
    color: #f4511e;
  }

  :root .lg\:placeholder-deep-orange-600::placeholder {
    color: #f4511e;
  }

  :root .lg\:placeholder-deep-orange-700::-moz-placeholder {
    color: #e64a19;
  }

  :root .lg\:placeholder-deep-orange-700::placeholder {
    color: #e64a19;
  }

  :root .lg\:placeholder-deep-orange-800::-moz-placeholder {
    color: #d84315;
  }

  :root .lg\:placeholder-deep-orange-800::placeholder {
    color: #d84315;
  }

  :root .lg\:placeholder-deep-orange-900::-moz-placeholder {
    color: #bf360c;
  }

  :root .lg\:placeholder-deep-orange-900::placeholder {
    color: #bf360c;
  }

  :root .lg\:placeholder-amber-50::-moz-placeholder {
    color: #fff8e1;
  }

  :root .lg\:placeholder-amber-50::placeholder {
    color: #fff8e1;
  }

  :root .lg\:placeholder-amber-100::-moz-placeholder {
    color: #ffecb3;
  }

  :root .lg\:placeholder-amber-100::placeholder {
    color: #ffecb3;
  }

  :root .lg\:placeholder-amber-200::-moz-placeholder {
    color: #ffe082;
  }

  :root .lg\:placeholder-amber-200::placeholder {
    color: #ffe082;
  }

  :root .lg\:placeholder-amber-300::-moz-placeholder {
    color: #ffd54f;
  }

  :root .lg\:placeholder-amber-300::placeholder {
    color: #ffd54f;
  }

  :root .lg\:placeholder-amber-400::-moz-placeholder {
    color: #ffca28;
  }

  :root .lg\:placeholder-amber-400::placeholder {
    color: #ffca28;
  }

  :root .lg\:placeholder-amber-500::-moz-placeholder {
    color: #ffc107;
  }

  :root .lg\:placeholder-amber-500::placeholder {
    color: #ffc107;
  }

  :root .lg\:placeholder-amber-600::-moz-placeholder {
    color: #ffb300;
  }

  :root .lg\:placeholder-amber-600::placeholder {
    color: #ffb300;
  }

  :root .lg\:placeholder-amber-700::-moz-placeholder {
    color: #ffa000;
  }

  :root .lg\:placeholder-amber-700::placeholder {
    color: #ffa000;
  }

  :root .lg\:placeholder-amber-800::-moz-placeholder {
    color: #ff8f00;
  }

  :root .lg\:placeholder-amber-800::placeholder {
    color: #ff8f00;
  }

  :root .lg\:placeholder-amber-900::-moz-placeholder {
    color: #ff6f00;
  }

  :root .lg\:placeholder-amber-900::placeholder {
    color: #ff6f00;
  }

  :root .lg\:placeholder-light-green-50::-moz-placeholder {
    color: #f1f8e9;
  }

  :root .lg\:placeholder-light-green-50::placeholder {
    color: #f1f8e9;
  }

  :root .lg\:placeholder-light-green-100::-moz-placeholder {
    color: #dcedc8;
  }

  :root .lg\:placeholder-light-green-100::placeholder {
    color: #dcedc8;
  }

  :root .lg\:placeholder-light-green-200::-moz-placeholder {
    color: #c5e1a5;
  }

  :root .lg\:placeholder-light-green-200::placeholder {
    color: #c5e1a5;
  }

  :root .lg\:placeholder-light-green-300::-moz-placeholder {
    color: #aed581;
  }

  :root .lg\:placeholder-light-green-300::placeholder {
    color: #aed581;
  }

  :root .lg\:placeholder-light-green-400::-moz-placeholder {
    color: #9ccc65;
  }

  :root .lg\:placeholder-light-green-400::placeholder {
    color: #9ccc65;
  }

  :root .lg\:placeholder-light-green-500::-moz-placeholder {
    color: #8bc34a;
  }

  :root .lg\:placeholder-light-green-500::placeholder {
    color: #8bc34a;
  }

  :root .lg\:placeholder-light-green-600::-moz-placeholder {
    color: #7cb342;
  }

  :root .lg\:placeholder-light-green-600::placeholder {
    color: #7cb342;
  }

  :root .lg\:placeholder-light-green-700::-moz-placeholder {
    color: #689f38;
  }

  :root .lg\:placeholder-light-green-700::placeholder {
    color: #689f38;
  }

  :root .lg\:placeholder-light-green-800::-moz-placeholder {
    color: #558b2f;
  }

  :root .lg\:placeholder-light-green-800::placeholder {
    color: #558b2f;
  }

  :root .lg\:placeholder-light-green-900::-moz-placeholder {
    color: #33691e;
  }

  :root .lg\:placeholder-light-green-900::placeholder {
    color: #33691e;
  }

  :root .lg\:placeholder-green-50::-moz-placeholder {
    color: #e8f5e9;
  }

  :root .lg\:placeholder-green-50::placeholder {
    color: #e8f5e9;
  }

  :root .lg\:placeholder-green-100::-moz-placeholder {
    color: #c8e6c9;
  }

  :root .lg\:placeholder-green-100::placeholder {
    color: #c8e6c9;
  }

  :root .lg\:placeholder-green-200::-moz-placeholder {
    color: #a5d6a7;
  }

  :root .lg\:placeholder-green-200::placeholder {
    color: #a5d6a7;
  }

  :root .lg\:placeholder-green-300::-moz-placeholder {
    color: #81c784;
  }

  :root .lg\:placeholder-green-300::placeholder {
    color: #81c784;
  }

  :root .lg\:placeholder-green-400::-moz-placeholder {
    color: #66bb6a;
  }

  :root .lg\:placeholder-green-400::placeholder {
    color: #66bb6a;
  }

  :root .lg\:placeholder-green-500::-moz-placeholder {
    color: #4caf50;
  }

  :root .lg\:placeholder-green-500::placeholder {
    color: #4caf50;
  }

  :root .lg\:placeholder-green-600::-moz-placeholder {
    color: #43a047;
  }

  :root .lg\:placeholder-green-600::placeholder {
    color: #43a047;
  }

  :root .lg\:placeholder-green-700::-moz-placeholder {
    color: #388e3c;
  }

  :root .lg\:placeholder-green-700::placeholder {
    color: #388e3c;
  }

  :root .lg\:placeholder-green-800::-moz-placeholder {
    color: #2e7d32;
  }

  :root .lg\:placeholder-green-800::placeholder {
    color: #2e7d32;
  }

  :root .lg\:placeholder-green-900::-moz-placeholder {
    color: #1b5e20;
  }

  :root .lg\:placeholder-green-900::placeholder {
    color: #1b5e20;
  }

  :root .lg\:placeholder-teal-50::-moz-placeholder {
    color: #e0f2f1;
  }

  :root .lg\:placeholder-teal-50::placeholder {
    color: #e0f2f1;
  }

  :root .lg\:placeholder-teal-100::-moz-placeholder {
    color: #b2dfdb;
  }

  :root .lg\:placeholder-teal-100::placeholder {
    color: #b2dfdb;
  }

  :root .lg\:placeholder-teal-200::-moz-placeholder {
    color: #80cbc4;
  }

  :root .lg\:placeholder-teal-200::placeholder {
    color: #80cbc4;
  }

  :root .lg\:placeholder-teal-300::-moz-placeholder {
    color: #4db6ac;
  }

  :root .lg\:placeholder-teal-300::placeholder {
    color: #4db6ac;
  }

  :root .lg\:placeholder-teal-400::-moz-placeholder {
    color: #26a69a;
  }

  :root .lg\:placeholder-teal-400::placeholder {
    color: #26a69a;
  }

  :root .lg\:placeholder-teal-500::-moz-placeholder {
    color: #009688;
  }

  :root .lg\:placeholder-teal-500::placeholder {
    color: #009688;
  }

  :root .lg\:placeholder-teal-600::-moz-placeholder {
    color: #00897b;
  }

  :root .lg\:placeholder-teal-600::placeholder {
    color: #00897b;
  }

  :root .lg\:placeholder-teal-700::-moz-placeholder {
    color: #00796b;
  }

  :root .lg\:placeholder-teal-700::placeholder {
    color: #00796b;
  }

  :root .lg\:placeholder-teal-800::-moz-placeholder {
    color: #00695c;
  }

  :root .lg\:placeholder-teal-800::placeholder {
    color: #00695c;
  }

  :root .lg\:placeholder-teal-900::-moz-placeholder {
    color: #004d40;
  }

  :root .lg\:placeholder-teal-900::placeholder {
    color: #004d40;
  }

  :root .lg\:placeholder-cyan-50::-moz-placeholder {
    color: #e0f7fa;
  }

  :root .lg\:placeholder-cyan-50::placeholder {
    color: #e0f7fa;
  }

  :root .lg\:placeholder-cyan-100::-moz-placeholder {
    color: #b2ebf2;
  }

  :root .lg\:placeholder-cyan-100::placeholder {
    color: #b2ebf2;
  }

  :root .lg\:placeholder-cyan-200::-moz-placeholder {
    color: #80deea;
  }

  :root .lg\:placeholder-cyan-200::placeholder {
    color: #80deea;
  }

  :root .lg\:placeholder-cyan-300::-moz-placeholder {
    color: #4dd0e1;
  }

  :root .lg\:placeholder-cyan-300::placeholder {
    color: #4dd0e1;
  }

  :root .lg\:placeholder-cyan-400::-moz-placeholder {
    color: #26c6da;
  }

  :root .lg\:placeholder-cyan-400::placeholder {
    color: #26c6da;
  }

  :root .lg\:placeholder-cyan-500::-moz-placeholder {
    color: #00bcd4;
  }

  :root .lg\:placeholder-cyan-500::placeholder {
    color: #00bcd4;
  }

  :root .lg\:placeholder-cyan-600::-moz-placeholder {
    color: #00acc1;
  }

  :root .lg\:placeholder-cyan-600::placeholder {
    color: #00acc1;
  }

  :root .lg\:placeholder-cyan-700::-moz-placeholder {
    color: #0097a7;
  }

  :root .lg\:placeholder-cyan-700::placeholder {
    color: #0097a7;
  }

  :root .lg\:placeholder-cyan-800::-moz-placeholder {
    color: #00838f;
  }

  :root .lg\:placeholder-cyan-800::placeholder {
    color: #00838f;
  }

  :root .lg\:placeholder-cyan-900::-moz-placeholder {
    color: #006064;
  }

  :root .lg\:placeholder-cyan-900::placeholder {
    color: #006064;
  }

  :root .lg\:placeholder-purple-50::-moz-placeholder {
    color: #f3e5f5;
  }

  :root .lg\:placeholder-purple-50::placeholder {
    color: #f3e5f5;
  }

  :root .lg\:placeholder-purple-100::-moz-placeholder {
    color: #e1bee7;
  }

  :root .lg\:placeholder-purple-100::placeholder {
    color: #e1bee7;
  }

  :root .lg\:placeholder-purple-200::-moz-placeholder {
    color: #ce93d8;
  }

  :root .lg\:placeholder-purple-200::placeholder {
    color: #ce93d8;
  }

  :root .lg\:placeholder-purple-300::-moz-placeholder {
    color: #ba68c8;
  }

  :root .lg\:placeholder-purple-300::placeholder {
    color: #ba68c8;
  }

  :root .lg\:placeholder-purple-400::-moz-placeholder {
    color: #ab47bc;
  }

  :root .lg\:placeholder-purple-400::placeholder {
    color: #ab47bc;
  }

  :root .lg\:placeholder-purple-500::-moz-placeholder {
    color: #9c27b0;
  }

  :root .lg\:placeholder-purple-500::placeholder {
    color: #9c27b0;
  }

  :root .lg\:placeholder-purple-600::-moz-placeholder {
    color: #8e24aa;
  }

  :root .lg\:placeholder-purple-600::placeholder {
    color: #8e24aa;
  }

  :root .lg\:placeholder-purple-700::-moz-placeholder {
    color: #7b1fa2;
  }

  :root .lg\:placeholder-purple-700::placeholder {
    color: #7b1fa2;
  }

  :root .lg\:placeholder-purple-800::-moz-placeholder {
    color: #6a1b9a;
  }

  :root .lg\:placeholder-purple-800::placeholder {
    color: #6a1b9a;
  }

  :root .lg\:placeholder-purple-900::-moz-placeholder {
    color: #4a148c;
  }

  :root .lg\:placeholder-purple-900::placeholder {
    color: #4a148c;
  }

  :root .lg\:placeholder-deep-purple-50::-moz-placeholder {
    color: #ede7f6;
  }

  :root .lg\:placeholder-deep-purple-50::placeholder {
    color: #ede7f6;
  }

  :root .lg\:placeholder-deep-purple-100::-moz-placeholder {
    color: #d1c4e9;
  }

  :root .lg\:placeholder-deep-purple-100::placeholder {
    color: #d1c4e9;
  }

  :root .lg\:placeholder-deep-purple-200::-moz-placeholder {
    color: #b39ddb;
  }

  :root .lg\:placeholder-deep-purple-200::placeholder {
    color: #b39ddb;
  }

  :root .lg\:placeholder-deep-purple-300::-moz-placeholder {
    color: #9575cd;
  }

  :root .lg\:placeholder-deep-purple-300::placeholder {
    color: #9575cd;
  }

  :root .lg\:placeholder-deep-purple-400::-moz-placeholder {
    color: #7e57c2;
  }

  :root .lg\:placeholder-deep-purple-400::placeholder {
    color: #7e57c2;
  }

  :root .lg\:placeholder-deep-purple-500::-moz-placeholder {
    color: #673ab7;
  }

  :root .lg\:placeholder-deep-purple-500::placeholder {
    color: #673ab7;
  }

  :root .lg\:placeholder-deep-purple-600::-moz-placeholder {
    color: #5e35b1;
  }

  :root .lg\:placeholder-deep-purple-600::placeholder {
    color: #5e35b1;
  }

  :root .lg\:placeholder-deep-purple-700::-moz-placeholder {
    color: #512da8;
  }

  :root .lg\:placeholder-deep-purple-700::placeholder {
    color: #512da8;
  }

  :root .lg\:placeholder-deep-purple-800::-moz-placeholder {
    color: #4527a0;
  }

  :root .lg\:placeholder-deep-purple-800::placeholder {
    color: #4527a0;
  }

  :root .lg\:placeholder-deep-purple-900::-moz-placeholder {
    color: #311b92;
  }

  :root .lg\:placeholder-deep-purple-900::placeholder {
    color: #311b92;
  }

  :root .lg\:placeholder-primary-50::-moz-placeholder {
    color: #FBE4E7;
  }

  :root .lg\:placeholder-primary-50::placeholder {
    color: #FBE4E7;
  }

  :root .lg\:placeholder-primary-100::-moz-placeholder {
    color: #F5BCC2;
  }

  :root .lg\:placeholder-primary-100::placeholder {
    color: #F5BCC2;
  }

  :root .lg\:placeholder-primary-200::-moz-placeholder {
    color: #EE8F9A;
  }

  :root .lg\:placeholder-primary-200::placeholder {
    color: #EE8F9A;
  }

  :root .lg\:placeholder-primary-300::-moz-placeholder {
    color: #E76272;
  }

  :root .lg\:placeholder-primary-300::placeholder {
    color: #E76272;
  }

  :root .lg\:placeholder-primary-400::-moz-placeholder {
    color: #E14053;
  }

  :root .lg\:placeholder-primary-400::placeholder {
    color: #E14053;
  }

  :root .lg\:placeholder-primary-500::-moz-placeholder {
    color: #1976d2;
  }

  :root .lg\:placeholder-primary-500::placeholder {
    color: #1976d2;
  }

  :root .lg\:placeholder-primary-600::-moz-placeholder {
    color: #D81A30;
  }

  :root .lg\:placeholder-primary-600::placeholder {
    color: #D81A30;
  }

  :root .lg\:placeholder-primary-700::-moz-placeholder {
    color: #D31628;
  }

  :root .lg\:placeholder-primary-700::placeholder {
    color: #D31628;
  }

  :root .lg\:placeholder-primary-800::-moz-placeholder {
    color: #CE1222;
  }

  :root .lg\:placeholder-primary-800::placeholder {
    color: #CE1222;
  }

  :root .lg\:placeholder-primary-900::-moz-placeholder {
    color: #C50A16;
  }

  :root .lg\:placeholder-primary-900::placeholder {
    color: #C50A16;
  }

  :root .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }

  :root .lg\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  :root .lg\:focus\:placeholder-black:focus::-moz-placeholder {
    color: var(--text-color);
  }

  :root .lg\:focus\:placeholder-black:focus::placeholder {
    color: var(--text-color);
  }

  :root .lg\:focus\:placeholder-white:focus::-moz-placeholder {
    color: var(--text-color-light);
  }

  :root .lg\:focus\:placeholder-white:focus::placeholder {
    color: var(--text-color-light);
  }

  :root .lg\:focus\:placeholder-contrast-black:focus::-moz-placeholder {
    color: black;
  }

  :root .lg\:focus\:placeholder-contrast-black:focus::placeholder {
    color: black;
  }

  :root .lg\:focus\:placeholder-contrast-white:focus::-moz-placeholder {
    color: white;
  }

  :root .lg\:focus\:placeholder-contrast-white:focus::placeholder {
    color: white;
  }

  :root .lg\:focus\:placeholder-obs-primary:focus::-moz-placeholder {
    color: #5977FF;
  }

  :root .lg\:focus\:placeholder-obs-primary:focus::placeholder {
    color: #5977FF;
  }

  :root .lg\:focus\:placeholder-obs-secondary:focus::-moz-placeholder {
    color: #5d5c64;
  }

  :root .lg\:focus\:placeholder-obs-secondary:focus::placeholder {
    color: #5d5c64;
  }

  :root .lg\:focus\:placeholder-obs-maroon:focus::-moz-placeholder {
    color: #961e36;
  }

  :root .lg\:focus\:placeholder-obs-maroon:focus::placeholder {
    color: #961e36;
  }

  :root .lg\:focus\:placeholder-obs-navy:focus::-moz-placeholder {
    color: #3e4861;
  }

  :root .lg\:focus\:placeholder-obs-navy:focus::placeholder {
    color: #3e4861;
  }

  :root .lg\:focus\:placeholder-obs-pink:focus::-moz-placeholder {
    color: #d2afc5;
  }

  :root .lg\:focus\:placeholder-obs-pink:focus::placeholder {
    color: #d2afc5;
  }

  :root .lg\:focus\:placeholder-obs-dark-orange:focus::-moz-placeholder {
    color: #d6582a;
  }

  :root .lg\:focus\:placeholder-obs-dark-orange:focus::placeholder {
    color: #d6582a;
  }

  :root .lg\:focus\:placeholder-obs-gold:focus::-moz-placeholder {
    color: #9d8944;
  }

  :root .lg\:focus\:placeholder-obs-gold:focus::placeholder {
    color: #9d8944;
  }

  :root .lg\:focus\:placeholder-obs-light-blue:focus::-moz-placeholder {
    color: #A3C2D6;
  }

  :root .lg\:focus\:placeholder-obs-light-blue:focus::placeholder {
    color: #A3C2D6;
  }

  :root .lg\:focus\:placeholder-obs-purple:focus::-moz-placeholder {
    color: #722670;
  }

  :root .lg\:focus\:placeholder-obs-purple:focus::placeholder {
    color: #722670;
  }

  :root .lg\:focus\:placeholder-obs-light-orange:focus::-moz-placeholder {
    color: #fF9c01;
  }

  :root .lg\:focus\:placeholder-obs-light-orange:focus::placeholder {
    color: #fF9c01;
  }

  :root .lg\:focus\:placeholder-obs-blue:focus::-moz-placeholder {
    color: #5da7d6;
  }

  :root .lg\:focus\:placeholder-obs-blue:focus::placeholder {
    color: #5da7d6;
  }

  :root .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
    color: #fafafa;
  }

  :root .lg\:focus\:placeholder-gray-50:focus::placeholder {
    color: #fafafa;
  }

  :root .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
    color: #f5f5f5;
  }

  :root .lg\:focus\:placeholder-gray-100:focus::placeholder {
    color: #f5f5f5;
  }

  :root .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder {
    color: #eeeeee;
  }

  :root .lg\:focus\:placeholder-gray-200:focus::placeholder {
    color: #eeeeee;
  }

  :root .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder {
    color: #e0e0e0;
  }

  :root .lg\:focus\:placeholder-gray-300:focus::placeholder {
    color: #e0e0e0;
  }

  :root .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder {
    color: #bdbdbd;
  }

  :root .lg\:focus\:placeholder-gray-400:focus::placeholder {
    color: #bdbdbd;
  }

  :root .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder {
    color: #9e9e9e;
  }

  :root .lg\:focus\:placeholder-gray-500:focus::placeholder {
    color: #9e9e9e;
  }

  :root .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    color: #757575;
  }

  :root .lg\:focus\:placeholder-gray-600:focus::placeholder {
    color: #757575;
  }

  :root .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder {
    color: #616161;
  }

  :root .lg\:focus\:placeholder-gray-700:focus::placeholder {
    color: #616161;
  }

  :root .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder {
    color: #424242;
  }

  :root .lg\:focus\:placeholder-gray-800:focus::placeholder {
    color: #424242;
  }

  :root .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder {
    color: #212121;
  }

  :root .lg\:focus\:placeholder-gray-900:focus::placeholder {
    color: #212121;
  }

  :root .lg\:focus\:placeholder-red-50:focus::-moz-placeholder {
    color: #ffebee;
  }

  :root .lg\:focus\:placeholder-red-50:focus::placeholder {
    color: #ffebee;
  }

  :root .lg\:focus\:placeholder-red-100:focus::-moz-placeholder {
    color: #ffcdd2;
  }

  :root .lg\:focus\:placeholder-red-100:focus::placeholder {
    color: #ffcdd2;
  }

  :root .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
    color: #ef9a9a;
  }

  :root .lg\:focus\:placeholder-red-200:focus::placeholder {
    color: #ef9a9a;
  }

  :root .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
    color: #e57373;
  }

  :root .lg\:focus\:placeholder-red-300:focus::placeholder {
    color: #e57373;
  }

  :root .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
    color: #ef5350;
  }

  :root .lg\:focus\:placeholder-red-400:focus::placeholder {
    color: #ef5350;
  }

  :root .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
    color: #f44336;
  }

  :root .lg\:focus\:placeholder-red-500:focus::placeholder {
    color: #f44336;
  }

  :root .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
    color: #e53935;
  }

  :root .lg\:focus\:placeholder-red-600:focus::placeholder {
    color: #e53935;
  }

  :root .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
    color: #d32f2f;
  }

  :root .lg\:focus\:placeholder-red-700:focus::placeholder {
    color: #d32f2f;
  }

  :root .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
    color: #c62828;
  }

  :root .lg\:focus\:placeholder-red-800:focus::placeholder {
    color: #c62828;
  }

  :root .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
    color: #b71c1c;
  }

  :root .lg\:focus\:placeholder-red-900:focus::placeholder {
    color: #b71c1c;
  }

  :root .lg\:focus\:placeholder-orange-50:focus::-moz-placeholder {
    color: #fff3e0;
  }

  :root .lg\:focus\:placeholder-orange-50:focus::placeholder {
    color: #fff3e0;
  }

  :root .lg\:focus\:placeholder-orange-100:focus::-moz-placeholder {
    color: #ffe0b2;
  }

  :root .lg\:focus\:placeholder-orange-100:focus::placeholder {
    color: #ffe0b2;
  }

  :root .lg\:focus\:placeholder-orange-200:focus::-moz-placeholder {
    color: #ffcc80;
  }

  :root .lg\:focus\:placeholder-orange-200:focus::placeholder {
    color: #ffcc80;
  }

  :root .lg\:focus\:placeholder-orange-300:focus::-moz-placeholder {
    color: #ffb74d;
  }

  :root .lg\:focus\:placeholder-orange-300:focus::placeholder {
    color: #ffb74d;
  }

  :root .lg\:focus\:placeholder-orange-400:focus::-moz-placeholder {
    color: #ffa726;
  }

  :root .lg\:focus\:placeholder-orange-400:focus::placeholder {
    color: #ffa726;
  }

  :root .lg\:focus\:placeholder-orange-500:focus::-moz-placeholder {
    color: #ff9800;
  }

  :root .lg\:focus\:placeholder-orange-500:focus::placeholder {
    color: #ff9800;
  }

  :root .lg\:focus\:placeholder-orange-600:focus::-moz-placeholder {
    color: #fb8c00;
  }

  :root .lg\:focus\:placeholder-orange-600:focus::placeholder {
    color: #fb8c00;
  }

  :root .lg\:focus\:placeholder-orange-700:focus::-moz-placeholder {
    color: #f57c00;
  }

  :root .lg\:focus\:placeholder-orange-700:focus::placeholder {
    color: #f57c00;
  }

  :root .lg\:focus\:placeholder-orange-800:focus::-moz-placeholder {
    color: #ef6c00;
  }

  :root .lg\:focus\:placeholder-orange-800:focus::placeholder {
    color: #ef6c00;
  }

  :root .lg\:focus\:placeholder-orange-900:focus::-moz-placeholder {
    color: #e65100;
  }

  :root .lg\:focus\:placeholder-orange-900:focus::placeholder {
    color: #e65100;
  }

  :root .lg\:focus\:placeholder-deep-orange-50:focus::-moz-placeholder {
    color: #fbe9e7;
  }

  :root .lg\:focus\:placeholder-deep-orange-50:focus::placeholder {
    color: #fbe9e7;
  }

  :root .lg\:focus\:placeholder-deep-orange-100:focus::-moz-placeholder {
    color: #ffccbc;
  }

  :root .lg\:focus\:placeholder-deep-orange-100:focus::placeholder {
    color: #ffccbc;
  }

  :root .lg\:focus\:placeholder-deep-orange-200:focus::-moz-placeholder {
    color: #ffab91;
  }

  :root .lg\:focus\:placeholder-deep-orange-200:focus::placeholder {
    color: #ffab91;
  }

  :root .lg\:focus\:placeholder-deep-orange-300:focus::-moz-placeholder {
    color: #ff8a65;
  }

  :root .lg\:focus\:placeholder-deep-orange-300:focus::placeholder {
    color: #ff8a65;
  }

  :root .lg\:focus\:placeholder-deep-orange-400:focus::-moz-placeholder {
    color: #ff7043;
  }

  :root .lg\:focus\:placeholder-deep-orange-400:focus::placeholder {
    color: #ff7043;
  }

  :root .lg\:focus\:placeholder-deep-orange-500:focus::-moz-placeholder {
    color: #ff5722;
  }

  :root .lg\:focus\:placeholder-deep-orange-500:focus::placeholder {
    color: #ff5722;
  }

  :root .lg\:focus\:placeholder-deep-orange-600:focus::-moz-placeholder {
    color: #f4511e;
  }

  :root .lg\:focus\:placeholder-deep-orange-600:focus::placeholder {
    color: #f4511e;
  }

  :root .lg\:focus\:placeholder-deep-orange-700:focus::-moz-placeholder {
    color: #e64a19;
  }

  :root .lg\:focus\:placeholder-deep-orange-700:focus::placeholder {
    color: #e64a19;
  }

  :root .lg\:focus\:placeholder-deep-orange-800:focus::-moz-placeholder {
    color: #d84315;
  }

  :root .lg\:focus\:placeholder-deep-orange-800:focus::placeholder {
    color: #d84315;
  }

  :root .lg\:focus\:placeholder-deep-orange-900:focus::-moz-placeholder {
    color: #bf360c;
  }

  :root .lg\:focus\:placeholder-deep-orange-900:focus::placeholder {
    color: #bf360c;
  }

  :root .lg\:focus\:placeholder-amber-50:focus::-moz-placeholder {
    color: #fff8e1;
  }

  :root .lg\:focus\:placeholder-amber-50:focus::placeholder {
    color: #fff8e1;
  }

  :root .lg\:focus\:placeholder-amber-100:focus::-moz-placeholder {
    color: #ffecb3;
  }

  :root .lg\:focus\:placeholder-amber-100:focus::placeholder {
    color: #ffecb3;
  }

  :root .lg\:focus\:placeholder-amber-200:focus::-moz-placeholder {
    color: #ffe082;
  }

  :root .lg\:focus\:placeholder-amber-200:focus::placeholder {
    color: #ffe082;
  }

  :root .lg\:focus\:placeholder-amber-300:focus::-moz-placeholder {
    color: #ffd54f;
  }

  :root .lg\:focus\:placeholder-amber-300:focus::placeholder {
    color: #ffd54f;
  }

  :root .lg\:focus\:placeholder-amber-400:focus::-moz-placeholder {
    color: #ffca28;
  }

  :root .lg\:focus\:placeholder-amber-400:focus::placeholder {
    color: #ffca28;
  }

  :root .lg\:focus\:placeholder-amber-500:focus::-moz-placeholder {
    color: #ffc107;
  }

  :root .lg\:focus\:placeholder-amber-500:focus::placeholder {
    color: #ffc107;
  }

  :root .lg\:focus\:placeholder-amber-600:focus::-moz-placeholder {
    color: #ffb300;
  }

  :root .lg\:focus\:placeholder-amber-600:focus::placeholder {
    color: #ffb300;
  }

  :root .lg\:focus\:placeholder-amber-700:focus::-moz-placeholder {
    color: #ffa000;
  }

  :root .lg\:focus\:placeholder-amber-700:focus::placeholder {
    color: #ffa000;
  }

  :root .lg\:focus\:placeholder-amber-800:focus::-moz-placeholder {
    color: #ff8f00;
  }

  :root .lg\:focus\:placeholder-amber-800:focus::placeholder {
    color: #ff8f00;
  }

  :root .lg\:focus\:placeholder-amber-900:focus::-moz-placeholder {
    color: #ff6f00;
  }

  :root .lg\:focus\:placeholder-amber-900:focus::placeholder {
    color: #ff6f00;
  }

  :root .lg\:focus\:placeholder-light-green-50:focus::-moz-placeholder {
    color: #f1f8e9;
  }

  :root .lg\:focus\:placeholder-light-green-50:focus::placeholder {
    color: #f1f8e9;
  }

  :root .lg\:focus\:placeholder-light-green-100:focus::-moz-placeholder {
    color: #dcedc8;
  }

  :root .lg\:focus\:placeholder-light-green-100:focus::placeholder {
    color: #dcedc8;
  }

  :root .lg\:focus\:placeholder-light-green-200:focus::-moz-placeholder {
    color: #c5e1a5;
  }

  :root .lg\:focus\:placeholder-light-green-200:focus::placeholder {
    color: #c5e1a5;
  }

  :root .lg\:focus\:placeholder-light-green-300:focus::-moz-placeholder {
    color: #aed581;
  }

  :root .lg\:focus\:placeholder-light-green-300:focus::placeholder {
    color: #aed581;
  }

  :root .lg\:focus\:placeholder-light-green-400:focus::-moz-placeholder {
    color: #9ccc65;
  }

  :root .lg\:focus\:placeholder-light-green-400:focus::placeholder {
    color: #9ccc65;
  }

  :root .lg\:focus\:placeholder-light-green-500:focus::-moz-placeholder {
    color: #8bc34a;
  }

  :root .lg\:focus\:placeholder-light-green-500:focus::placeholder {
    color: #8bc34a;
  }

  :root .lg\:focus\:placeholder-light-green-600:focus::-moz-placeholder {
    color: #7cb342;
  }

  :root .lg\:focus\:placeholder-light-green-600:focus::placeholder {
    color: #7cb342;
  }

  :root .lg\:focus\:placeholder-light-green-700:focus::-moz-placeholder {
    color: #689f38;
  }

  :root .lg\:focus\:placeholder-light-green-700:focus::placeholder {
    color: #689f38;
  }

  :root .lg\:focus\:placeholder-light-green-800:focus::-moz-placeholder {
    color: #558b2f;
  }

  :root .lg\:focus\:placeholder-light-green-800:focus::placeholder {
    color: #558b2f;
  }

  :root .lg\:focus\:placeholder-light-green-900:focus::-moz-placeholder {
    color: #33691e;
  }

  :root .lg\:focus\:placeholder-light-green-900:focus::placeholder {
    color: #33691e;
  }

  :root .lg\:focus\:placeholder-green-50:focus::-moz-placeholder {
    color: #e8f5e9;
  }

  :root .lg\:focus\:placeholder-green-50:focus::placeholder {
    color: #e8f5e9;
  }

  :root .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
    color: #c8e6c9;
  }

  :root .lg\:focus\:placeholder-green-100:focus::placeholder {
    color: #c8e6c9;
  }

  :root .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
    color: #a5d6a7;
  }

  :root .lg\:focus\:placeholder-green-200:focus::placeholder {
    color: #a5d6a7;
  }

  :root .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
    color: #81c784;
  }

  :root .lg\:focus\:placeholder-green-300:focus::placeholder {
    color: #81c784;
  }

  :root .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
    color: #66bb6a;
  }

  :root .lg\:focus\:placeholder-green-400:focus::placeholder {
    color: #66bb6a;
  }

  :root .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
    color: #4caf50;
  }

  :root .lg\:focus\:placeholder-green-500:focus::placeholder {
    color: #4caf50;
  }

  :root .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
    color: #43a047;
  }

  :root .lg\:focus\:placeholder-green-600:focus::placeholder {
    color: #43a047;
  }

  :root .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
    color: #388e3c;
  }

  :root .lg\:focus\:placeholder-green-700:focus::placeholder {
    color: #388e3c;
  }

  :root .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
    color: #2e7d32;
  }

  :root .lg\:focus\:placeholder-green-800:focus::placeholder {
    color: #2e7d32;
  }

  :root .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
    color: #1b5e20;
  }

  :root .lg\:focus\:placeholder-green-900:focus::placeholder {
    color: #1b5e20;
  }

  :root .lg\:focus\:placeholder-teal-50:focus::-moz-placeholder {
    color: #e0f2f1;
  }

  :root .lg\:focus\:placeholder-teal-50:focus::placeholder {
    color: #e0f2f1;
  }

  :root .lg\:focus\:placeholder-teal-100:focus::-moz-placeholder {
    color: #b2dfdb;
  }

  :root .lg\:focus\:placeholder-teal-100:focus::placeholder {
    color: #b2dfdb;
  }

  :root .lg\:focus\:placeholder-teal-200:focus::-moz-placeholder {
    color: #80cbc4;
  }

  :root .lg\:focus\:placeholder-teal-200:focus::placeholder {
    color: #80cbc4;
  }

  :root .lg\:focus\:placeholder-teal-300:focus::-moz-placeholder {
    color: #4db6ac;
  }

  :root .lg\:focus\:placeholder-teal-300:focus::placeholder {
    color: #4db6ac;
  }

  :root .lg\:focus\:placeholder-teal-400:focus::-moz-placeholder {
    color: #26a69a;
  }

  :root .lg\:focus\:placeholder-teal-400:focus::placeholder {
    color: #26a69a;
  }

  :root .lg\:focus\:placeholder-teal-500:focus::-moz-placeholder {
    color: #009688;
  }

  :root .lg\:focus\:placeholder-teal-500:focus::placeholder {
    color: #009688;
  }

  :root .lg\:focus\:placeholder-teal-600:focus::-moz-placeholder {
    color: #00897b;
  }

  :root .lg\:focus\:placeholder-teal-600:focus::placeholder {
    color: #00897b;
  }

  :root .lg\:focus\:placeholder-teal-700:focus::-moz-placeholder {
    color: #00796b;
  }

  :root .lg\:focus\:placeholder-teal-700:focus::placeholder {
    color: #00796b;
  }

  :root .lg\:focus\:placeholder-teal-800:focus::-moz-placeholder {
    color: #00695c;
  }

  :root .lg\:focus\:placeholder-teal-800:focus::placeholder {
    color: #00695c;
  }

  :root .lg\:focus\:placeholder-teal-900:focus::-moz-placeholder {
    color: #004d40;
  }

  :root .lg\:focus\:placeholder-teal-900:focus::placeholder {
    color: #004d40;
  }

  :root .lg\:focus\:placeholder-cyan-50:focus::-moz-placeholder {
    color: #e0f7fa;
  }

  :root .lg\:focus\:placeholder-cyan-50:focus::placeholder {
    color: #e0f7fa;
  }

  :root .lg\:focus\:placeholder-cyan-100:focus::-moz-placeholder {
    color: #b2ebf2;
  }

  :root .lg\:focus\:placeholder-cyan-100:focus::placeholder {
    color: #b2ebf2;
  }

  :root .lg\:focus\:placeholder-cyan-200:focus::-moz-placeholder {
    color: #80deea;
  }

  :root .lg\:focus\:placeholder-cyan-200:focus::placeholder {
    color: #80deea;
  }

  :root .lg\:focus\:placeholder-cyan-300:focus::-moz-placeholder {
    color: #4dd0e1;
  }

  :root .lg\:focus\:placeholder-cyan-300:focus::placeholder {
    color: #4dd0e1;
  }

  :root .lg\:focus\:placeholder-cyan-400:focus::-moz-placeholder {
    color: #26c6da;
  }

  :root .lg\:focus\:placeholder-cyan-400:focus::placeholder {
    color: #26c6da;
  }

  :root .lg\:focus\:placeholder-cyan-500:focus::-moz-placeholder {
    color: #00bcd4;
  }

  :root .lg\:focus\:placeholder-cyan-500:focus::placeholder {
    color: #00bcd4;
  }

  :root .lg\:focus\:placeholder-cyan-600:focus::-moz-placeholder {
    color: #00acc1;
  }

  :root .lg\:focus\:placeholder-cyan-600:focus::placeholder {
    color: #00acc1;
  }

  :root .lg\:focus\:placeholder-cyan-700:focus::-moz-placeholder {
    color: #0097a7;
  }

  :root .lg\:focus\:placeholder-cyan-700:focus::placeholder {
    color: #0097a7;
  }

  :root .lg\:focus\:placeholder-cyan-800:focus::-moz-placeholder {
    color: #00838f;
  }

  :root .lg\:focus\:placeholder-cyan-800:focus::placeholder {
    color: #00838f;
  }

  :root .lg\:focus\:placeholder-cyan-900:focus::-moz-placeholder {
    color: #006064;
  }

  :root .lg\:focus\:placeholder-cyan-900:focus::placeholder {
    color: #006064;
  }

  :root .lg\:focus\:placeholder-purple-50:focus::-moz-placeholder {
    color: #f3e5f5;
  }

  :root .lg\:focus\:placeholder-purple-50:focus::placeholder {
    color: #f3e5f5;
  }

  :root .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
    color: #e1bee7;
  }

  :root .lg\:focus\:placeholder-purple-100:focus::placeholder {
    color: #e1bee7;
  }

  :root .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
    color: #ce93d8;
  }

  :root .lg\:focus\:placeholder-purple-200:focus::placeholder {
    color: #ce93d8;
  }

  :root .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
    color: #ba68c8;
  }

  :root .lg\:focus\:placeholder-purple-300:focus::placeholder {
    color: #ba68c8;
  }

  :root .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
    color: #ab47bc;
  }

  :root .lg\:focus\:placeholder-purple-400:focus::placeholder {
    color: #ab47bc;
  }

  :root .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
    color: #9c27b0;
  }

  :root .lg\:focus\:placeholder-purple-500:focus::placeholder {
    color: #9c27b0;
  }

  :root .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
    color: #8e24aa;
  }

  :root .lg\:focus\:placeholder-purple-600:focus::placeholder {
    color: #8e24aa;
  }

  :root .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
    color: #7b1fa2;
  }

  :root .lg\:focus\:placeholder-purple-700:focus::placeholder {
    color: #7b1fa2;
  }

  :root .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
    color: #6a1b9a;
  }

  :root .lg\:focus\:placeholder-purple-800:focus::placeholder {
    color: #6a1b9a;
  }

  :root .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
    color: #4a148c;
  }

  :root .lg\:focus\:placeholder-purple-900:focus::placeholder {
    color: #4a148c;
  }

  :root .lg\:focus\:placeholder-deep-purple-50:focus::-moz-placeholder {
    color: #ede7f6;
  }

  :root .lg\:focus\:placeholder-deep-purple-50:focus::placeholder {
    color: #ede7f6;
  }

  :root .lg\:focus\:placeholder-deep-purple-100:focus::-moz-placeholder {
    color: #d1c4e9;
  }

  :root .lg\:focus\:placeholder-deep-purple-100:focus::placeholder {
    color: #d1c4e9;
  }

  :root .lg\:focus\:placeholder-deep-purple-200:focus::-moz-placeholder {
    color: #b39ddb;
  }

  :root .lg\:focus\:placeholder-deep-purple-200:focus::placeholder {
    color: #b39ddb;
  }

  :root .lg\:focus\:placeholder-deep-purple-300:focus::-moz-placeholder {
    color: #9575cd;
  }

  :root .lg\:focus\:placeholder-deep-purple-300:focus::placeholder {
    color: #9575cd;
  }

  :root .lg\:focus\:placeholder-deep-purple-400:focus::-moz-placeholder {
    color: #7e57c2;
  }

  :root .lg\:focus\:placeholder-deep-purple-400:focus::placeholder {
    color: #7e57c2;
  }

  :root .lg\:focus\:placeholder-deep-purple-500:focus::-moz-placeholder {
    color: #673ab7;
  }

  :root .lg\:focus\:placeholder-deep-purple-500:focus::placeholder {
    color: #673ab7;
  }

  :root .lg\:focus\:placeholder-deep-purple-600:focus::-moz-placeholder {
    color: #5e35b1;
  }

  :root .lg\:focus\:placeholder-deep-purple-600:focus::placeholder {
    color: #5e35b1;
  }

  :root .lg\:focus\:placeholder-deep-purple-700:focus::-moz-placeholder {
    color: #512da8;
  }

  :root .lg\:focus\:placeholder-deep-purple-700:focus::placeholder {
    color: #512da8;
  }

  :root .lg\:focus\:placeholder-deep-purple-800:focus::-moz-placeholder {
    color: #4527a0;
  }

  :root .lg\:focus\:placeholder-deep-purple-800:focus::placeholder {
    color: #4527a0;
  }

  :root .lg\:focus\:placeholder-deep-purple-900:focus::-moz-placeholder {
    color: #311b92;
  }

  :root .lg\:focus\:placeholder-deep-purple-900:focus::placeholder {
    color: #311b92;
  }

  :root .lg\:focus\:placeholder-primary-50:focus::-moz-placeholder {
    color: #FBE4E7;
  }

  :root .lg\:focus\:placeholder-primary-50:focus::placeholder {
    color: #FBE4E7;
  }

  :root .lg\:focus\:placeholder-primary-100:focus::-moz-placeholder {
    color: #F5BCC2;
  }

  :root .lg\:focus\:placeholder-primary-100:focus::placeholder {
    color: #F5BCC2;
  }

  :root .lg\:focus\:placeholder-primary-200:focus::-moz-placeholder {
    color: #EE8F9A;
  }

  :root .lg\:focus\:placeholder-primary-200:focus::placeholder {
    color: #EE8F9A;
  }

  :root .lg\:focus\:placeholder-primary-300:focus::-moz-placeholder {
    color: #E76272;
  }

  :root .lg\:focus\:placeholder-primary-300:focus::placeholder {
    color: #E76272;
  }

  :root .lg\:focus\:placeholder-primary-400:focus::-moz-placeholder {
    color: #E14053;
  }

  :root .lg\:focus\:placeholder-primary-400:focus::placeholder {
    color: #E14053;
  }

  :root .lg\:focus\:placeholder-primary-500:focus::-moz-placeholder {
    color: #1976d2;
  }

  :root .lg\:focus\:placeholder-primary-500:focus::placeholder {
    color: #1976d2;
  }

  :root .lg\:focus\:placeholder-primary-600:focus::-moz-placeholder {
    color: #D81A30;
  }

  :root .lg\:focus\:placeholder-primary-600:focus::placeholder {
    color: #D81A30;
  }

  :root .lg\:focus\:placeholder-primary-700:focus::-moz-placeholder {
    color: #D31628;
  }

  :root .lg\:focus\:placeholder-primary-700:focus::placeholder {
    color: #D31628;
  }

  :root .lg\:focus\:placeholder-primary-800:focus::-moz-placeholder {
    color: #CE1222;
  }

  :root .lg\:focus\:placeholder-primary-800:focus::placeholder {
    color: #CE1222;
  }

  :root .lg\:focus\:placeholder-primary-900:focus::-moz-placeholder {
    color: #C50A16;
  }

  :root .lg\:focus\:placeholder-primary-900:focus::placeholder {
    color: #C50A16;
  }

  :root .lg\:pointer-events-none {
    pointer-events: none;
  }

  :root .lg\:pointer-events-auto {
    pointer-events: auto;
  }

  :root .lg\:static {
    position: static;
  }

  :root .lg\:fixed {
    position: fixed;
  }

  :root .lg\:absolute {
    position: absolute;
  }

  :root .lg\:relative {
    position: relative;
  }

  :root .lg\:sticky {
    position: sticky;
  }

  :root .lg\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root .lg\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root .lg\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root .lg\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root .lg\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root .lg\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root .lg\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root .lg\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root .lg\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root .lg\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root .lg\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root .lg\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root .lg\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root .lg\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root .lg\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root .lg\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root .lg\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root .lg\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root .lg\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root .lg\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root .lg\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root .lg\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root .lg\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root .lg\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root .lg\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root .lg\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root .lg\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root .lg\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root .lg\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root .lg\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root .lg\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root .lg\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root .lg\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root .lg\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root .lg\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root .lg\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root .lg\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root .lg\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root .lg\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root .lg\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root .lg\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root .lg\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root .lg\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root .lg\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root .lg\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root .lg\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root .lg\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root .lg\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root .lg\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root .lg\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root .lg\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root .lg\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root .lg\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root .lg\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root .lg\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root .lg\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root .lg\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root .lg\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root .lg\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root .lg\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root .lg\:top-0 {
    top: 0;
  }

  :root .lg\:right-0 {
    right: 0;
  }

  :root .lg\:bottom-0 {
    bottom: 0;
  }

  :root .lg\:left-0 {
    left: 0;
  }

  :root .lg\:top-1 {
    top: 0.25rem;
  }

  :root .lg\:right-1 {
    right: 0.25rem;
  }

  :root .lg\:bottom-1 {
    bottom: 0.25rem;
  }

  :root .lg\:left-1 {
    left: 0.25rem;
  }

  :root .lg\:top-2 {
    top: 0.5rem;
  }

  :root .lg\:right-2 {
    right: 0.5rem;
  }

  :root .lg\:bottom-2 {
    bottom: 0.5rem;
  }

  :root .lg\:left-2 {
    left: 0.5rem;
  }

  :root .lg\:top-3 {
    top: 0.75rem;
  }

  :root .lg\:right-3 {
    right: 0.75rem;
  }

  :root .lg\:bottom-3 {
    bottom: 0.75rem;
  }

  :root .lg\:left-3 {
    left: 0.75rem;
  }

  :root .lg\:top-4 {
    top: 1rem;
  }

  :root .lg\:right-4 {
    right: 1rem;
  }

  :root .lg\:bottom-4 {
    bottom: 1rem;
  }

  :root .lg\:left-4 {
    left: 1rem;
  }

  :root .lg\:top-5 {
    top: 1.25rem;
  }

  :root .lg\:right-5 {
    right: 1.25rem;
  }

  :root .lg\:bottom-5 {
    bottom: 1.25rem;
  }

  :root .lg\:left-5 {
    left: 1.25rem;
  }

  :root .lg\:top-6 {
    top: 1.5rem;
  }

  :root .lg\:right-6 {
    right: 1.5rem;
  }

  :root .lg\:bottom-6 {
    bottom: 1.5rem;
  }

  :root .lg\:left-6 {
    left: 1.5rem;
  }

  :root .lg\:top-8 {
    top: 2rem;
  }

  :root .lg\:right-8 {
    right: 2rem;
  }

  :root .lg\:bottom-8 {
    bottom: 2rem;
  }

  :root .lg\:left-8 {
    left: 2rem;
  }

  :root .lg\:top-10 {
    top: 2.5rem;
  }

  :root .lg\:right-10 {
    right: 2.5rem;
  }

  :root .lg\:bottom-10 {
    bottom: 2.5rem;
  }

  :root .lg\:left-10 {
    left: 2.5rem;
  }

  :root .lg\:top-12 {
    top: 3rem;
  }

  :root .lg\:right-12 {
    right: 3rem;
  }

  :root .lg\:bottom-12 {
    bottom: 3rem;
  }

  :root .lg\:left-12 {
    left: 3rem;
  }

  :root .lg\:-top-1 {
    top: -0.25rem;
  }

  :root .lg\:-right-1 {
    right: -0.25rem;
  }

  :root .lg\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root .lg\:-left-1 {
    left: -0.25rem;
  }

  :root .lg\:-top-2 {
    top: -0.5rem;
  }

  :root .lg\:-right-2 {
    right: -0.5rem;
  }

  :root .lg\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root .lg\:-left-2 {
    left: -0.5rem;
  }

  :root .lg\:-top-3 {
    top: -0.75rem;
  }

  :root .lg\:-right-3 {
    right: -0.75rem;
  }

  :root .lg\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root .lg\:-left-3 {
    left: -0.75rem;
  }

  :root .lg\:-top-4 {
    top: -1rem;
  }

  :root .lg\:-right-4 {
    right: -1rem;
  }

  :root .lg\:-bottom-4 {
    bottom: -1rem;
  }

  :root .lg\:-left-4 {
    left: -1rem;
  }

  :root .lg\:-top-5 {
    top: -1.25rem;
  }

  :root .lg\:-right-5 {
    right: -1.25rem;
  }

  :root .lg\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root .lg\:-left-5 {
    left: -1.25rem;
  }

  :root .lg\:-top-6 {
    top: -1.5rem;
  }

  :root .lg\:-right-6 {
    right: -1.5rem;
  }

  :root .lg\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root .lg\:-left-6 {
    left: -1.5rem;
  }

  :root .lg\:-top-8 {
    top: -2rem;
  }

  :root .lg\:-right-8 {
    right: -2rem;
  }

  :root .lg\:-bottom-8 {
    bottom: -2rem;
  }

  :root .lg\:-left-8 {
    left: -2rem;
  }

  :root .lg\:-top-10 {
    top: -2.5rem;
  }

  :root .lg\:-right-10 {
    right: -2.5rem;
  }

  :root .lg\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root .lg\:-left-10 {
    left: -2.5rem;
  }

  :root .lg\:-top-12 {
    top: -3rem;
  }

  :root .lg\:-right-12 {
    right: -3rem;
  }

  :root .lg\:-bottom-12 {
    bottom: -3rem;
  }

  :root .lg\:-left-12 {
    left: -3rem;
  }

  :root .lg\:top-auto {
    top: auto;
  }

  :root .lg\:right-auto {
    right: auto;
  }

  :root .lg\:bottom-auto {
    bottom: auto;
  }

  :root .lg\:left-auto {
    left: auto;
  }

  [dir=ltr] .lg\:ltr\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  [dir=ltr] .lg\:ltr\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  [dir=ltr] .lg\:ltr\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  [dir=ltr] .lg\:ltr\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  [dir=ltr] .lg\:ltr\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  [dir=ltr] .lg\:ltr\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  [dir=ltr] .lg\:ltr\:inset-x-0 {
    right: 0;
    left: 0;
  }

  [dir=ltr] .lg\:ltr\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  [dir=ltr] .lg\:ltr\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  [dir=ltr] .lg\:ltr\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  [dir=ltr] .lg\:ltr\:inset-x-auto {
    right: auto;
    left: auto;
  }

  [dir=ltr] .lg\:ltr\:top-0 {
    top: 0;
  }

  [dir=ltr] .lg\:ltr\:right-0 {
    right: 0;
  }

  [dir=ltr] .lg\:ltr\:bottom-0 {
    bottom: 0;
  }

  [dir=ltr] .lg\:ltr\:left-0 {
    left: 0;
  }

  [dir=ltr] .lg\:ltr\:top-1 {
    top: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:right-1 {
    right: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-1 {
    bottom: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:left-1 {
    left: 0.25rem;
  }

  [dir=ltr] .lg\:ltr\:top-2 {
    top: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:right-2 {
    right: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-2 {
    bottom: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:left-2 {
    left: 0.5rem;
  }

  [dir=ltr] .lg\:ltr\:top-3 {
    top: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:right-3 {
    right: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-3 {
    bottom: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:left-3 {
    left: 0.75rem;
  }

  [dir=ltr] .lg\:ltr\:top-4 {
    top: 1rem;
  }

  [dir=ltr] .lg\:ltr\:right-4 {
    right: 1rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-4 {
    bottom: 1rem;
  }

  [dir=ltr] .lg\:ltr\:left-4 {
    left: 1rem;
  }

  [dir=ltr] .lg\:ltr\:top-5 {
    top: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:right-5 {
    right: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-5 {
    bottom: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:left-5 {
    left: 1.25rem;
  }

  [dir=ltr] .lg\:ltr\:top-6 {
    top: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:right-6 {
    right: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-6 {
    bottom: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:left-6 {
    left: 1.5rem;
  }

  [dir=ltr] .lg\:ltr\:top-8 {
    top: 2rem;
  }

  [dir=ltr] .lg\:ltr\:right-8 {
    right: 2rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-8 {
    bottom: 2rem;
  }

  [dir=ltr] .lg\:ltr\:left-8 {
    left: 2rem;
  }

  [dir=ltr] .lg\:ltr\:top-10 {
    top: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:right-10 {
    right: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-10 {
    bottom: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:left-10 {
    left: 2.5rem;
  }

  [dir=ltr] .lg\:ltr\:top-12 {
    top: 3rem;
  }

  [dir=ltr] .lg\:ltr\:right-12 {
    right: 3rem;
  }

  [dir=ltr] .lg\:ltr\:bottom-12 {
    bottom: 3rem;
  }

  [dir=ltr] .lg\:ltr\:left-12 {
    left: 3rem;
  }

  [dir=ltr] .lg\:ltr\:-top-1 {
    top: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-right-1 {
    right: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-1 {
    bottom: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-left-1 {
    left: -0.25rem;
  }

  [dir=ltr] .lg\:ltr\:-top-2 {
    top: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-right-2 {
    right: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-2 {
    bottom: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-left-2 {
    left: -0.5rem;
  }

  [dir=ltr] .lg\:ltr\:-top-3 {
    top: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-right-3 {
    right: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-3 {
    bottom: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-left-3 {
    left: -0.75rem;
  }

  [dir=ltr] .lg\:ltr\:-top-4 {
    top: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-right-4 {
    right: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-4 {
    bottom: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-left-4 {
    left: -1rem;
  }

  [dir=ltr] .lg\:ltr\:-top-5 {
    top: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-right-5 {
    right: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-5 {
    bottom: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-left-5 {
    left: -1.25rem;
  }

  [dir=ltr] .lg\:ltr\:-top-6 {
    top: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-right-6 {
    right: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-6 {
    bottom: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-left-6 {
    left: -1.5rem;
  }

  [dir=ltr] .lg\:ltr\:-top-8 {
    top: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-right-8 {
    right: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-8 {
    bottom: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-left-8 {
    left: -2rem;
  }

  [dir=ltr] .lg\:ltr\:-top-10 {
    top: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-right-10 {
    right: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-10 {
    bottom: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-left-10 {
    left: -2.5rem;
  }

  [dir=ltr] .lg\:ltr\:-top-12 {
    top: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-right-12 {
    right: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-bottom-12 {
    bottom: -3rem;
  }

  [dir=ltr] .lg\:ltr\:-left-12 {
    left: -3rem;
  }

  [dir=ltr] .lg\:ltr\:top-auto {
    top: auto;
  }

  [dir=ltr] .lg\:ltr\:right-auto {
    right: auto;
  }

  [dir=ltr] .lg\:ltr\:bottom-auto {
    bottom: auto;
  }

  [dir=ltr] .lg\:ltr\:left-auto {
    left: auto;
  }

  [dir=rtl] .lg\:rtl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  [dir=rtl] .lg\:rtl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  [dir=rtl] .lg\:rtl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  [dir=rtl] .lg\:rtl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  [dir=rtl] .lg\:rtl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  [dir=rtl] .lg\:rtl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  [dir=rtl] .lg\:rtl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  [dir=rtl] .lg\:rtl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  [dir=rtl] .lg\:rtl\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  [dir=rtl] .lg\:rtl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  [dir=rtl] .lg\:rtl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  [dir=rtl] .lg\:rtl\:top-0 {
    top: 0;
  }

  [dir=rtl] .lg\:rtl\:right-0 {
    right: 0;
  }

  [dir=rtl] .lg\:rtl\:bottom-0 {
    bottom: 0;
  }

  [dir=rtl] .lg\:rtl\:left-0 {
    left: 0;
  }

  [dir=rtl] .lg\:rtl\:top-1 {
    top: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:right-1 {
    right: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-1 {
    bottom: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:left-1 {
    left: 0.25rem;
  }

  [dir=rtl] .lg\:rtl\:top-2 {
    top: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:right-2 {
    right: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-2 {
    bottom: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:left-2 {
    left: 0.5rem;
  }

  [dir=rtl] .lg\:rtl\:top-3 {
    top: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:right-3 {
    right: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-3 {
    bottom: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:left-3 {
    left: 0.75rem;
  }

  [dir=rtl] .lg\:rtl\:top-4 {
    top: 1rem;
  }

  [dir=rtl] .lg\:rtl\:right-4 {
    right: 1rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-4 {
    bottom: 1rem;
  }

  [dir=rtl] .lg\:rtl\:left-4 {
    left: 1rem;
  }

  [dir=rtl] .lg\:rtl\:top-5 {
    top: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:right-5 {
    right: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-5 {
    bottom: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:left-5 {
    left: 1.25rem;
  }

  [dir=rtl] .lg\:rtl\:top-6 {
    top: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:right-6 {
    right: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-6 {
    bottom: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:left-6 {
    left: 1.5rem;
  }

  [dir=rtl] .lg\:rtl\:top-8 {
    top: 2rem;
  }

  [dir=rtl] .lg\:rtl\:right-8 {
    right: 2rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-8 {
    bottom: 2rem;
  }

  [dir=rtl] .lg\:rtl\:left-8 {
    left: 2rem;
  }

  [dir=rtl] .lg\:rtl\:top-10 {
    top: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:right-10 {
    right: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-10 {
    bottom: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:left-10 {
    left: 2.5rem;
  }

  [dir=rtl] .lg\:rtl\:top-12 {
    top: 3rem;
  }

  [dir=rtl] .lg\:rtl\:right-12 {
    right: 3rem;
  }

  [dir=rtl] .lg\:rtl\:bottom-12 {
    bottom: 3rem;
  }

  [dir=rtl] .lg\:rtl\:left-12 {
    left: 3rem;
  }

  [dir=rtl] .lg\:rtl\:-top-1 {
    top: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-right-1 {
    right: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-1 {
    bottom: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-left-1 {
    left: -0.25rem;
  }

  [dir=rtl] .lg\:rtl\:-top-2 {
    top: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-right-2 {
    right: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-2 {
    bottom: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-left-2 {
    left: -0.5rem;
  }

  [dir=rtl] .lg\:rtl\:-top-3 {
    top: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-right-3 {
    right: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-3 {
    bottom: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-left-3 {
    left: -0.75rem;
  }

  [dir=rtl] .lg\:rtl\:-top-4 {
    top: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-right-4 {
    right: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-4 {
    bottom: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-left-4 {
    left: -1rem;
  }

  [dir=rtl] .lg\:rtl\:-top-5 {
    top: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-right-5 {
    right: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-5 {
    bottom: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-left-5 {
    left: -1.25rem;
  }

  [dir=rtl] .lg\:rtl\:-top-6 {
    top: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-right-6 {
    right: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-6 {
    bottom: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-left-6 {
    left: -1.5rem;
  }

  [dir=rtl] .lg\:rtl\:-top-8 {
    top: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-right-8 {
    right: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-8 {
    bottom: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-left-8 {
    left: -2rem;
  }

  [dir=rtl] .lg\:rtl\:-top-10 {
    top: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-right-10 {
    right: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-10 {
    bottom: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-left-10 {
    left: -2.5rem;
  }

  [dir=rtl] .lg\:rtl\:-top-12 {
    top: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-right-12 {
    right: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-bottom-12 {
    bottom: -3rem;
  }

  [dir=rtl] .lg\:rtl\:-left-12 {
    left: -3rem;
  }

  [dir=rtl] .lg\:rtl\:top-auto {
    top: auto;
  }

  [dir=rtl] .lg\:rtl\:right-auto {
    right: auto;
  }

  [dir=rtl] .lg\:rtl\:bottom-auto {
    bottom: auto;
  }

  [dir=rtl] .lg\:rtl\:left-auto {
    left: auto;
  }

  :root .lg\:resize-none {
    resize: none;
  }

  :root .lg\:resize-y {
    resize: vertical;
  }

  :root .lg\:resize-x {
    resize: horizontal;
  }

  :root .lg\:resize {
    resize: both;
  }

  :root .lg\:shadow-1 {
    box-shadow: var(--elevation-z1);
  }

  :root .lg\:shadow-2 {
    box-shadow: var(--elevation-z2);
  }

  :root .lg\:shadow-3 {
    box-shadow: var(--elevation-z3);
  }

  :root .lg\:shadow-4 {
    box-shadow: var(--elevation-z4);
  }

  :root .lg\:shadow-5 {
    box-shadow: var(--elevation-z5);
  }

  :root .lg\:shadow-6 {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:shadow-7 {
    box-shadow: var(--elevation-z7);
  }

  :root .lg\:shadow-8 {
    box-shadow: var(--elevation-z8);
  }

  :root .lg\:shadow-9 {
    box-shadow: var(--elevation-z9);
  }

  :root .lg\:shadow-10 {
    box-shadow: var(--elevation-z10);
  }

  :root .lg\:shadow-11 {
    box-shadow: var(--elevation-z11);
  }

  :root .lg\:shadow-12 {
    box-shadow: var(--elevation-z12);
  }

  :root .lg\:shadow-13 {
    box-shadow: var(--elevation-z13);
  }

  :root .lg\:shadow-14 {
    box-shadow: var(--elevation-z14);
  }

  :root .lg\:shadow-15 {
    box-shadow: var(--elevation-z15);
  }

  :root .lg\:shadow-16 {
    box-shadow: var(--elevation-z16);
  }

  :root .lg\:shadow-17 {
    box-shadow: var(--elevation-z17);
  }

  :root .lg\:shadow-18 {
    box-shadow: var(--elevation-z18);
  }

  :root .lg\:shadow-19 {
    box-shadow: var(--elevation-z19);
  }

  :root .lg\:shadow-20 {
    box-shadow: var(--elevation-z20);
  }

  :root .lg\:shadow {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .lg\:shadow-lg {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:shadow-xl {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .lg\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .lg\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .lg\:shadow-none {
    box-shadow: none;
  }

  :root .lg\:shadow-b {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .lg\:hover\:shadow-1:hover {
    box-shadow: var(--elevation-z1);
  }

  :root .lg\:hover\:shadow-2:hover {
    box-shadow: var(--elevation-z2);
  }

  :root .lg\:hover\:shadow-3:hover {
    box-shadow: var(--elevation-z3);
  }

  :root .lg\:hover\:shadow-4:hover {
    box-shadow: var(--elevation-z4);
  }

  :root .lg\:hover\:shadow-5:hover {
    box-shadow: var(--elevation-z5);
  }

  :root .lg\:hover\:shadow-6:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:hover\:shadow-7:hover {
    box-shadow: var(--elevation-z7);
  }

  :root .lg\:hover\:shadow-8:hover {
    box-shadow: var(--elevation-z8);
  }

  :root .lg\:hover\:shadow-9:hover {
    box-shadow: var(--elevation-z9);
  }

  :root .lg\:hover\:shadow-10:hover {
    box-shadow: var(--elevation-z10);
  }

  :root .lg\:hover\:shadow-11:hover {
    box-shadow: var(--elevation-z11);
  }

  :root .lg\:hover\:shadow-12:hover {
    box-shadow: var(--elevation-z12);
  }

  :root .lg\:hover\:shadow-13:hover {
    box-shadow: var(--elevation-z13);
  }

  :root .lg\:hover\:shadow-14:hover {
    box-shadow: var(--elevation-z14);
  }

  :root .lg\:hover\:shadow-15:hover {
    box-shadow: var(--elevation-z15);
  }

  :root .lg\:hover\:shadow-16:hover {
    box-shadow: var(--elevation-z16);
  }

  :root .lg\:hover\:shadow-17:hover {
    box-shadow: var(--elevation-z17);
  }

  :root .lg\:hover\:shadow-18:hover {
    box-shadow: var(--elevation-z18);
  }

  :root .lg\:hover\:shadow-19:hover {
    box-shadow: var(--elevation-z19);
  }

  :root .lg\:hover\:shadow-20:hover {
    box-shadow: var(--elevation-z20);
  }

  :root .lg\:hover\:shadow:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .lg\:hover\:shadow-lg:hover {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:hover\:shadow-xl:hover {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .lg\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .lg\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .lg\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  :root .lg\:hover\:shadow-b:hover {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .lg\:focus\:shadow-1:focus {
    box-shadow: var(--elevation-z1);
  }

  :root .lg\:focus\:shadow-2:focus {
    box-shadow: var(--elevation-z2);
  }

  :root .lg\:focus\:shadow-3:focus {
    box-shadow: var(--elevation-z3);
  }

  :root .lg\:focus\:shadow-4:focus {
    box-shadow: var(--elevation-z4);
  }

  :root .lg\:focus\:shadow-5:focus {
    box-shadow: var(--elevation-z5);
  }

  :root .lg\:focus\:shadow-6:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:focus\:shadow-7:focus {
    box-shadow: var(--elevation-z7);
  }

  :root .lg\:focus\:shadow-8:focus {
    box-shadow: var(--elevation-z8);
  }

  :root .lg\:focus\:shadow-9:focus {
    box-shadow: var(--elevation-z9);
  }

  :root .lg\:focus\:shadow-10:focus {
    box-shadow: var(--elevation-z10);
  }

  :root .lg\:focus\:shadow-11:focus {
    box-shadow: var(--elevation-z11);
  }

  :root .lg\:focus\:shadow-12:focus {
    box-shadow: var(--elevation-z12);
  }

  :root .lg\:focus\:shadow-13:focus {
    box-shadow: var(--elevation-z13);
  }

  :root .lg\:focus\:shadow-14:focus {
    box-shadow: var(--elevation-z14);
  }

  :root .lg\:focus\:shadow-15:focus {
    box-shadow: var(--elevation-z15);
  }

  :root .lg\:focus\:shadow-16:focus {
    box-shadow: var(--elevation-z16);
  }

  :root .lg\:focus\:shadow-17:focus {
    box-shadow: var(--elevation-z17);
  }

  :root .lg\:focus\:shadow-18:focus {
    box-shadow: var(--elevation-z18);
  }

  :root .lg\:focus\:shadow-19:focus {
    box-shadow: var(--elevation-z19);
  }

  :root .lg\:focus\:shadow-20:focus {
    box-shadow: var(--elevation-z20);
  }

  :root .lg\:focus\:shadow:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .lg\:focus\:shadow-lg:focus {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:focus\:shadow-xl:focus {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .lg\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .lg\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .lg\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  :root .lg\:focus\:shadow-b:focus {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .lg\:fill-current {
    fill: currentColor;
  }

  :root .lg\:stroke-current {
    stroke: currentColor;
  }

  :root .lg\:stroke-0 {
    stroke-width: 0;
  }

  :root .lg\:stroke-1 {
    stroke-width: 1;
  }

  :root .lg\:stroke-2 {
    stroke-width: 2;
  }

  :root .lg\:table-auto {
    table-layout: auto;
  }

  :root .lg\:table-fixed {
    table-layout: fixed;
  }

  :root .lg\:text-left {
    text-align: left;
  }

  :root .lg\:text-center {
    text-align: center;
  }

  :root .lg\:text-right {
    text-align: right;
  }

  :root .lg\:text-justify {
    text-align: justify;
  }

  :root .lg\:text-secondary {
    color: var(--text-secondary);
  }

  :root .lg\:text-hint {
    color: var(--text-hint);
  }

  :root .lg\:text-transparent {
    color: transparent;
  }

  :root .lg\:text-black {
    color: var(--text-color);
  }

  :root .lg\:text-white {
    color: var(--text-color-light);
  }

  :root .lg\:text-contrast-black {
    color: black;
  }

  :root .lg\:text-contrast-white {
    color: white;
  }

  :root .lg\:text-obs-primary {
    color: #5977FF;
  }

  :root .lg\:text-obs-secondary {
    color: #5d5c64;
  }

  :root .lg\:text-obs-maroon {
    color: #961e36;
  }

  :root .lg\:text-obs-navy {
    color: #3e4861;
  }

  :root .lg\:text-obs-pink {
    color: #d2afc5;
  }

  :root .lg\:text-obs-dark-orange {
    color: #d6582a;
  }

  :root .lg\:text-obs-gold {
    color: #9d8944;
  }

  :root .lg\:text-obs-light-blue {
    color: #A3C2D6;
  }

  :root .lg\:text-obs-purple {
    color: #722670;
  }

  :root .lg\:text-obs-light-orange {
    color: #fF9c01;
  }

  :root .lg\:text-obs-blue {
    color: #5da7d6;
  }

  :root .lg\:text-gray-50 {
    color: #fafafa;
  }

  :root .lg\:text-gray-100 {
    color: #f5f5f5;
  }

  :root .lg\:text-gray-200 {
    color: #eeeeee;
  }

  :root .lg\:text-gray-300 {
    color: #e0e0e0;
  }

  :root .lg\:text-gray-400 {
    color: #bdbdbd;
  }

  :root .lg\:text-gray-500 {
    color: #9e9e9e;
  }

  :root .lg\:text-gray-600 {
    color: #757575;
  }

  :root .lg\:text-gray-700 {
    color: #616161;
  }

  :root .lg\:text-gray-800 {
    color: #424242;
  }

  :root .lg\:text-gray-900 {
    color: #212121;
  }

  :root .lg\:text-red-50 {
    color: #ffebee;
  }

  :root .lg\:text-red-100 {
    color: #ffcdd2;
  }

  :root .lg\:text-red-200 {
    color: #ef9a9a;
  }

  :root .lg\:text-red-300 {
    color: #e57373;
  }

  :root .lg\:text-red-400 {
    color: #ef5350;
  }

  :root .lg\:text-red-500 {
    color: #f44336;
  }

  :root .lg\:text-red-600 {
    color: #e53935;
  }

  :root .lg\:text-red-700 {
    color: #d32f2f;
  }

  :root .lg\:text-red-800 {
    color: #c62828;
  }

  :root .lg\:text-red-900 {
    color: #b71c1c;
  }

  :root .lg\:text-orange-50 {
    color: #fff3e0;
  }

  :root .lg\:text-orange-100 {
    color: #ffe0b2;
  }

  :root .lg\:text-orange-200 {
    color: #ffcc80;
  }

  :root .lg\:text-orange-300 {
    color: #ffb74d;
  }

  :root .lg\:text-orange-400 {
    color: #ffa726;
  }

  :root .lg\:text-orange-500 {
    color: #ff9800;
  }

  :root .lg\:text-orange-600 {
    color: #fb8c00;
  }

  :root .lg\:text-orange-700 {
    color: #f57c00;
  }

  :root .lg\:text-orange-800 {
    color: #ef6c00;
  }

  :root .lg\:text-orange-900 {
    color: #e65100;
  }

  :root .lg\:text-deep-orange-50 {
    color: #fbe9e7;
  }

  :root .lg\:text-deep-orange-100 {
    color: #ffccbc;
  }

  :root .lg\:text-deep-orange-200 {
    color: #ffab91;
  }

  :root .lg\:text-deep-orange-300 {
    color: #ff8a65;
  }

  :root .lg\:text-deep-orange-400 {
    color: #ff7043;
  }

  :root .lg\:text-deep-orange-500 {
    color: #ff5722;
  }

  :root .lg\:text-deep-orange-600 {
    color: #f4511e;
  }

  :root .lg\:text-deep-orange-700 {
    color: #e64a19;
  }

  :root .lg\:text-deep-orange-800 {
    color: #d84315;
  }

  :root .lg\:text-deep-orange-900 {
    color: #bf360c;
  }

  :root .lg\:text-amber-50 {
    color: #fff8e1;
  }

  :root .lg\:text-amber-100 {
    color: #ffecb3;
  }

  :root .lg\:text-amber-200 {
    color: #ffe082;
  }

  :root .lg\:text-amber-300 {
    color: #ffd54f;
  }

  :root .lg\:text-amber-400 {
    color: #ffca28;
  }

  :root .lg\:text-amber-500 {
    color: #ffc107;
  }

  :root .lg\:text-amber-600 {
    color: #ffb300;
  }

  :root .lg\:text-amber-700 {
    color: #ffa000;
  }

  :root .lg\:text-amber-800 {
    color: #ff8f00;
  }

  :root .lg\:text-amber-900 {
    color: #ff6f00;
  }

  :root .lg\:text-light-green-50 {
    color: #f1f8e9;
  }

  :root .lg\:text-light-green-100 {
    color: #dcedc8;
  }

  :root .lg\:text-light-green-200 {
    color: #c5e1a5;
  }

  :root .lg\:text-light-green-300 {
    color: #aed581;
  }

  :root .lg\:text-light-green-400 {
    color: #9ccc65;
  }

  :root .lg\:text-light-green-500 {
    color: #8bc34a;
  }

  :root .lg\:text-light-green-600 {
    color: #7cb342;
  }

  :root .lg\:text-light-green-700 {
    color: #689f38;
  }

  :root .lg\:text-light-green-800 {
    color: #558b2f;
  }

  :root .lg\:text-light-green-900 {
    color: #33691e;
  }

  :root .lg\:text-green-50 {
    color: #e8f5e9;
  }

  :root .lg\:text-green-100 {
    color: #c8e6c9;
  }

  :root .lg\:text-green-200 {
    color: #a5d6a7;
  }

  :root .lg\:text-green-300 {
    color: #81c784;
  }

  :root .lg\:text-green-400 {
    color: #66bb6a;
  }

  :root .lg\:text-green-500 {
    color: #4caf50;
  }

  :root .lg\:text-green-600 {
    color: #43a047;
  }

  :root .lg\:text-green-700 {
    color: #388e3c;
  }

  :root .lg\:text-green-800 {
    color: #2e7d32;
  }

  :root .lg\:text-green-900 {
    color: #1b5e20;
  }

  :root .lg\:text-teal-50 {
    color: #e0f2f1;
  }

  :root .lg\:text-teal-100 {
    color: #b2dfdb;
  }

  :root .lg\:text-teal-200 {
    color: #80cbc4;
  }

  :root .lg\:text-teal-300 {
    color: #4db6ac;
  }

  :root .lg\:text-teal-400 {
    color: #26a69a;
  }

  :root .lg\:text-teal-500 {
    color: #009688;
  }

  :root .lg\:text-teal-600 {
    color: #00897b;
  }

  :root .lg\:text-teal-700 {
    color: #00796b;
  }

  :root .lg\:text-teal-800 {
    color: #00695c;
  }

  :root .lg\:text-teal-900 {
    color: #004d40;
  }

  :root .lg\:text-cyan-50 {
    color: #e0f7fa;
  }

  :root .lg\:text-cyan-100 {
    color: #b2ebf2;
  }

  :root .lg\:text-cyan-200 {
    color: #80deea;
  }

  :root .lg\:text-cyan-300 {
    color: #4dd0e1;
  }

  :root .lg\:text-cyan-400 {
    color: #26c6da;
  }

  :root .lg\:text-cyan-500 {
    color: #00bcd4;
  }

  :root .lg\:text-cyan-600 {
    color: #00acc1;
  }

  :root .lg\:text-cyan-700 {
    color: #0097a7;
  }

  :root .lg\:text-cyan-800 {
    color: #00838f;
  }

  :root .lg\:text-cyan-900 {
    color: #006064;
  }

  :root .lg\:text-purple-50 {
    color: #f3e5f5;
  }

  :root .lg\:text-purple-100 {
    color: #e1bee7;
  }

  :root .lg\:text-purple-200 {
    color: #ce93d8;
  }

  :root .lg\:text-purple-300 {
    color: #ba68c8;
  }

  :root .lg\:text-purple-400 {
    color: #ab47bc;
  }

  :root .lg\:text-purple-500 {
    color: #9c27b0;
  }

  :root .lg\:text-purple-600 {
    color: #8e24aa;
  }

  :root .lg\:text-purple-700 {
    color: #7b1fa2;
  }

  :root .lg\:text-purple-800 {
    color: #6a1b9a;
  }

  :root .lg\:text-purple-900 {
    color: #4a148c;
  }

  :root .lg\:text-deep-purple-50 {
    color: #ede7f6;
  }

  :root .lg\:text-deep-purple-100 {
    color: #d1c4e9;
  }

  :root .lg\:text-deep-purple-200 {
    color: #b39ddb;
  }

  :root .lg\:text-deep-purple-300 {
    color: #9575cd;
  }

  :root .lg\:text-deep-purple-400 {
    color: #7e57c2;
  }

  :root .lg\:text-deep-purple-500 {
    color: #673ab7;
  }

  :root .lg\:text-deep-purple-600 {
    color: #5e35b1;
  }

  :root .lg\:text-deep-purple-700 {
    color: #512da8;
  }

  :root .lg\:text-deep-purple-800 {
    color: #4527a0;
  }

  :root .lg\:text-deep-purple-900 {
    color: #311b92;
  }

  :root .lg\:text-primary-50 {
    color: #FBE4E7;
  }

  :root .lg\:text-primary-100 {
    color: #F5BCC2;
  }

  :root .lg\:text-primary-200 {
    color: #EE8F9A;
  }

  :root .lg\:text-primary-300 {
    color: #E76272;
  }

  :root .lg\:text-primary-400 {
    color: #E14053;
  }

  :root .lg\:text-primary-500 {
    color: #1976d2;
  }

  :root .lg\:text-primary-600 {
    color: #D81A30;
  }

  :root .lg\:text-primary-700 {
    color: #D31628;
  }

  :root .lg\:text-primary-800 {
    color: #CE1222;
  }

  :root .lg\:text-primary-900 {
    color: #C50A16;
  }

  :root .lg\:text-primary-contrast-50 {
    color: #000;
  }

  :root .lg\:text-primary-contrast-100 {
    color: #000;
  }

  :root .lg\:text-primary-contrast-200 {
    color: #000;
  }

  :root .lg\:text-primary-contrast-300 {
    color: #000;
  }

  :root .lg\:text-primary-contrast-400 {
    color: #000;
  }

  :root .lg\:text-primary-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-primary-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-primary-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-primary-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-primary-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-red-contrast-50 {
    color: #000;
  }

  :root .lg\:text-red-contrast-100 {
    color: #000;
  }

  :root .lg\:text-red-contrast-200 {
    color: #000;
  }

  :root .lg\:text-red-contrast-300 {
    color: #000;
  }

  :root .lg\:text-red-contrast-400 {
    color: #000;
  }

  :root .lg\:text-red-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-red-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-red-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-red-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-red-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-green-contrast-50 {
    color: #000;
  }

  :root .lg\:text-green-contrast-100 {
    color: #000;
  }

  :root .lg\:text-green-contrast-200 {
    color: #000;
  }

  :root .lg\:text-green-contrast-300 {
    color: #000;
  }

  :root .lg\:text-green-contrast-400 {
    color: #000;
  }

  :root .lg\:text-green-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-green-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-green-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-green-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-green-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-amber-contrast-50 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-100 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-200 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-300 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-400 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-500 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-600 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-700 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-800 {
    color: #000;
  }

  :root .lg\:text-amber-contrast-900 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-50 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-100 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-200 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-300 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-400 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-500 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-600 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-700 {
    color: #000;
  }

  :root .lg\:text-orange-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-orange-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-deep-orange-contrast-50 {
    color: #000;
  }

  :root .lg\:text-deep-orange-contrast-100 {
    color: #000;
  }

  :root .lg\:text-deep-orange-contrast-200 {
    color: #000;
  }

  :root .lg\:text-deep-orange-contrast-300 {
    color: #000;
  }

  :root .lg\:text-deep-orange-contrast-400 {
    color: #000;
  }

  :root .lg\:text-deep-orange-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-deep-orange-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-deep-orange-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-deep-orange-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-deep-orange-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-purple-contrast-50 {
    color: #000;
  }

  :root .lg\:text-purple-contrast-100 {
    color: #000;
  }

  :root .lg\:text-purple-contrast-200 {
    color: #000;
  }

  :root .lg\:text-purple-contrast-300 {
    color: #FFF;
  }

  :root .lg\:text-purple-contrast-400 {
    color: #FFF;
  }

  :root .lg\:text-purple-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-purple-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-purple-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-purple-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-purple-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-deep-purple-contrast-50 {
    color: #000;
  }

  :root .lg\:text-deep-purple-contrast-100 {
    color: #000;
  }

  :root .lg\:text-deep-purple-contrast-200 {
    color: #000;
  }

  :root .lg\:text-deep-purple-contrast-300 {
    color: #FFF;
  }

  :root .lg\:text-deep-purple-contrast-400 {
    color: #FFF;
  }

  :root .lg\:text-deep-purple-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-deep-purple-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-deep-purple-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-deep-purple-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-deep-purple-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-cyan-contrast-50 {
    color: #000;
  }

  :root .lg\:text-cyan-contrast-100 {
    color: #000;
  }

  :root .lg\:text-cyan-contrast-200 {
    color: #000;
  }

  :root .lg\:text-cyan-contrast-300 {
    color: #000;
  }

  :root .lg\:text-cyan-contrast-400 {
    color: #000;
  }

  :root .lg\:text-cyan-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-cyan-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-cyan-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-cyan-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-cyan-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-teal-contrast-50 {
    color: #000;
  }

  :root .lg\:text-teal-contrast-100 {
    color: #000;
  }

  :root .lg\:text-teal-contrast-200 {
    color: #000;
  }

  :root .lg\:text-teal-contrast-300 {
    color: #000;
  }

  :root .lg\:text-teal-contrast-400 {
    color: #000;
  }

  :root .lg\:text-teal-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-teal-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-teal-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-teal-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-teal-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-gray-contrast-50 {
    color: #000;
  }

  :root .lg\:text-gray-contrast-100 {
    color: #000;
  }

  :root .lg\:text-gray-contrast-200 {
    color: #000;
  }

  :root .lg\:text-gray-contrast-300 {
    color: #000;
  }

  :root .lg\:text-gray-contrast-400 {
    color: #000;
  }

  :root .lg\:text-gray-contrast-500 {
    color: #FFF;
  }

  :root .lg\:text-gray-contrast-600 {
    color: #FFF;
  }

  :root .lg\:text-gray-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-gray-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-gray-contrast-900 {
    color: #FFF;
  }

  :root .lg\:text-light-green-contrast-50 {
    color: #000;
  }

  :root .lg\:text-light-green-contrast-100 {
    color: #000;
  }

  :root .lg\:text-light-green-contrast-200 {
    color: #000;
  }

  :root .lg\:text-light-green-contrast-300 {
    color: #000;
  }

  :root .lg\:text-light-green-contrast-400 {
    color: #000;
  }

  :root .lg\:text-light-green-contrast-500 {
    color: #000;
  }

  :root .lg\:text-light-green-contrast-600 {
    color: #000;
  }

  :root .lg\:text-light-green-contrast-700 {
    color: #FFF;
  }

  :root .lg\:text-light-green-contrast-800 {
    color: #FFF;
  }

  :root .lg\:text-light-green-contrast-900 {
    color: #FFF;
  }

  :root .lg\:hover\:text-secondary:hover {
    color: var(--text-secondary);
  }

  :root .lg\:hover\:text-hint:hover {
    color: var(--text-hint);
  }

  :root .lg\:hover\:text-transparent:hover {
    color: transparent;
  }

  :root .lg\:hover\:text-black:hover {
    color: var(--text-color);
  }

  :root .lg\:hover\:text-white:hover {
    color: var(--text-color-light);
  }

  :root .lg\:hover\:text-contrast-black:hover {
    color: black;
  }

  :root .lg\:hover\:text-contrast-white:hover {
    color: white;
  }

  :root .lg\:hover\:text-obs-primary:hover {
    color: #5977FF;
  }

  :root .lg\:hover\:text-obs-secondary:hover {
    color: #5d5c64;
  }

  :root .lg\:hover\:text-obs-maroon:hover {
    color: #961e36;
  }

  :root .lg\:hover\:text-obs-navy:hover {
    color: #3e4861;
  }

  :root .lg\:hover\:text-obs-pink:hover {
    color: #d2afc5;
  }

  :root .lg\:hover\:text-obs-dark-orange:hover {
    color: #d6582a;
  }

  :root .lg\:hover\:text-obs-gold:hover {
    color: #9d8944;
  }

  :root .lg\:hover\:text-obs-light-blue:hover {
    color: #A3C2D6;
  }

  :root .lg\:hover\:text-obs-purple:hover {
    color: #722670;
  }

  :root .lg\:hover\:text-obs-light-orange:hover {
    color: #fF9c01;
  }

  :root .lg\:hover\:text-obs-blue:hover {
    color: #5da7d6;
  }

  :root .lg\:hover\:text-gray-50:hover {
    color: #fafafa;
  }

  :root .lg\:hover\:text-gray-100:hover {
    color: #f5f5f5;
  }

  :root .lg\:hover\:text-gray-200:hover {
    color: #eeeeee;
  }

  :root .lg\:hover\:text-gray-300:hover {
    color: #e0e0e0;
  }

  :root .lg\:hover\:text-gray-400:hover {
    color: #bdbdbd;
  }

  :root .lg\:hover\:text-gray-500:hover {
    color: #9e9e9e;
  }

  :root .lg\:hover\:text-gray-600:hover {
    color: #757575;
  }

  :root .lg\:hover\:text-gray-700:hover {
    color: #616161;
  }

  :root .lg\:hover\:text-gray-800:hover {
    color: #424242;
  }

  :root .lg\:hover\:text-gray-900:hover {
    color: #212121;
  }

  :root .lg\:hover\:text-red-50:hover {
    color: #ffebee;
  }

  :root .lg\:hover\:text-red-100:hover {
    color: #ffcdd2;
  }

  :root .lg\:hover\:text-red-200:hover {
    color: #ef9a9a;
  }

  :root .lg\:hover\:text-red-300:hover {
    color: #e57373;
  }

  :root .lg\:hover\:text-red-400:hover {
    color: #ef5350;
  }

  :root .lg\:hover\:text-red-500:hover {
    color: #f44336;
  }

  :root .lg\:hover\:text-red-600:hover {
    color: #e53935;
  }

  :root .lg\:hover\:text-red-700:hover {
    color: #d32f2f;
  }

  :root .lg\:hover\:text-red-800:hover {
    color: #c62828;
  }

  :root .lg\:hover\:text-red-900:hover {
    color: #b71c1c;
  }

  :root .lg\:hover\:text-orange-50:hover {
    color: #fff3e0;
  }

  :root .lg\:hover\:text-orange-100:hover {
    color: #ffe0b2;
  }

  :root .lg\:hover\:text-orange-200:hover {
    color: #ffcc80;
  }

  :root .lg\:hover\:text-orange-300:hover {
    color: #ffb74d;
  }

  :root .lg\:hover\:text-orange-400:hover {
    color: #ffa726;
  }

  :root .lg\:hover\:text-orange-500:hover {
    color: #ff9800;
  }

  :root .lg\:hover\:text-orange-600:hover {
    color: #fb8c00;
  }

  :root .lg\:hover\:text-orange-700:hover {
    color: #f57c00;
  }

  :root .lg\:hover\:text-orange-800:hover {
    color: #ef6c00;
  }

  :root .lg\:hover\:text-orange-900:hover {
    color: #e65100;
  }

  :root .lg\:hover\:text-deep-orange-50:hover {
    color: #fbe9e7;
  }

  :root .lg\:hover\:text-deep-orange-100:hover {
    color: #ffccbc;
  }

  :root .lg\:hover\:text-deep-orange-200:hover {
    color: #ffab91;
  }

  :root .lg\:hover\:text-deep-orange-300:hover {
    color: #ff8a65;
  }

  :root .lg\:hover\:text-deep-orange-400:hover {
    color: #ff7043;
  }

  :root .lg\:hover\:text-deep-orange-500:hover {
    color: #ff5722;
  }

  :root .lg\:hover\:text-deep-orange-600:hover {
    color: #f4511e;
  }

  :root .lg\:hover\:text-deep-orange-700:hover {
    color: #e64a19;
  }

  :root .lg\:hover\:text-deep-orange-800:hover {
    color: #d84315;
  }

  :root .lg\:hover\:text-deep-orange-900:hover {
    color: #bf360c;
  }

  :root .lg\:hover\:text-amber-50:hover {
    color: #fff8e1;
  }

  :root .lg\:hover\:text-amber-100:hover {
    color: #ffecb3;
  }

  :root .lg\:hover\:text-amber-200:hover {
    color: #ffe082;
  }

  :root .lg\:hover\:text-amber-300:hover {
    color: #ffd54f;
  }

  :root .lg\:hover\:text-amber-400:hover {
    color: #ffca28;
  }

  :root .lg\:hover\:text-amber-500:hover {
    color: #ffc107;
  }

  :root .lg\:hover\:text-amber-600:hover {
    color: #ffb300;
  }

  :root .lg\:hover\:text-amber-700:hover {
    color: #ffa000;
  }

  :root .lg\:hover\:text-amber-800:hover {
    color: #ff8f00;
  }

  :root .lg\:hover\:text-amber-900:hover {
    color: #ff6f00;
  }

  :root .lg\:hover\:text-light-green-50:hover {
    color: #f1f8e9;
  }

  :root .lg\:hover\:text-light-green-100:hover {
    color: #dcedc8;
  }

  :root .lg\:hover\:text-light-green-200:hover {
    color: #c5e1a5;
  }

  :root .lg\:hover\:text-light-green-300:hover {
    color: #aed581;
  }

  :root .lg\:hover\:text-light-green-400:hover {
    color: #9ccc65;
  }

  :root .lg\:hover\:text-light-green-500:hover {
    color: #8bc34a;
  }

  :root .lg\:hover\:text-light-green-600:hover {
    color: #7cb342;
  }

  :root .lg\:hover\:text-light-green-700:hover {
    color: #689f38;
  }

  :root .lg\:hover\:text-light-green-800:hover {
    color: #558b2f;
  }

  :root .lg\:hover\:text-light-green-900:hover {
    color: #33691e;
  }

  :root .lg\:hover\:text-green-50:hover {
    color: #e8f5e9;
  }

  :root .lg\:hover\:text-green-100:hover {
    color: #c8e6c9;
  }

  :root .lg\:hover\:text-green-200:hover {
    color: #a5d6a7;
  }

  :root .lg\:hover\:text-green-300:hover {
    color: #81c784;
  }

  :root .lg\:hover\:text-green-400:hover {
    color: #66bb6a;
  }

  :root .lg\:hover\:text-green-500:hover {
    color: #4caf50;
  }

  :root .lg\:hover\:text-green-600:hover {
    color: #43a047;
  }

  :root .lg\:hover\:text-green-700:hover {
    color: #388e3c;
  }

  :root .lg\:hover\:text-green-800:hover {
    color: #2e7d32;
  }

  :root .lg\:hover\:text-green-900:hover {
    color: #1b5e20;
  }

  :root .lg\:hover\:text-teal-50:hover {
    color: #e0f2f1;
  }

  :root .lg\:hover\:text-teal-100:hover {
    color: #b2dfdb;
  }

  :root .lg\:hover\:text-teal-200:hover {
    color: #80cbc4;
  }

  :root .lg\:hover\:text-teal-300:hover {
    color: #4db6ac;
  }

  :root .lg\:hover\:text-teal-400:hover {
    color: #26a69a;
  }

  :root .lg\:hover\:text-teal-500:hover {
    color: #009688;
  }

  :root .lg\:hover\:text-teal-600:hover {
    color: #00897b;
  }

  :root .lg\:hover\:text-teal-700:hover {
    color: #00796b;
  }

  :root .lg\:hover\:text-teal-800:hover {
    color: #00695c;
  }

  :root .lg\:hover\:text-teal-900:hover {
    color: #004d40;
  }

  :root .lg\:hover\:text-cyan-50:hover {
    color: #e0f7fa;
  }

  :root .lg\:hover\:text-cyan-100:hover {
    color: #b2ebf2;
  }

  :root .lg\:hover\:text-cyan-200:hover {
    color: #80deea;
  }

  :root .lg\:hover\:text-cyan-300:hover {
    color: #4dd0e1;
  }

  :root .lg\:hover\:text-cyan-400:hover {
    color: #26c6da;
  }

  :root .lg\:hover\:text-cyan-500:hover {
    color: #00bcd4;
  }

  :root .lg\:hover\:text-cyan-600:hover {
    color: #00acc1;
  }

  :root .lg\:hover\:text-cyan-700:hover {
    color: #0097a7;
  }

  :root .lg\:hover\:text-cyan-800:hover {
    color: #00838f;
  }

  :root .lg\:hover\:text-cyan-900:hover {
    color: #006064;
  }

  :root .lg\:hover\:text-purple-50:hover {
    color: #f3e5f5;
  }

  :root .lg\:hover\:text-purple-100:hover {
    color: #e1bee7;
  }

  :root .lg\:hover\:text-purple-200:hover {
    color: #ce93d8;
  }

  :root .lg\:hover\:text-purple-300:hover {
    color: #ba68c8;
  }

  :root .lg\:hover\:text-purple-400:hover {
    color: #ab47bc;
  }

  :root .lg\:hover\:text-purple-500:hover {
    color: #9c27b0;
  }

  :root .lg\:hover\:text-purple-600:hover {
    color: #8e24aa;
  }

  :root .lg\:hover\:text-purple-700:hover {
    color: #7b1fa2;
  }

  :root .lg\:hover\:text-purple-800:hover {
    color: #6a1b9a;
  }

  :root .lg\:hover\:text-purple-900:hover {
    color: #4a148c;
  }

  :root .lg\:hover\:text-deep-purple-50:hover {
    color: #ede7f6;
  }

  :root .lg\:hover\:text-deep-purple-100:hover {
    color: #d1c4e9;
  }

  :root .lg\:hover\:text-deep-purple-200:hover {
    color: #b39ddb;
  }

  :root .lg\:hover\:text-deep-purple-300:hover {
    color: #9575cd;
  }

  :root .lg\:hover\:text-deep-purple-400:hover {
    color: #7e57c2;
  }

  :root .lg\:hover\:text-deep-purple-500:hover {
    color: #673ab7;
  }

  :root .lg\:hover\:text-deep-purple-600:hover {
    color: #5e35b1;
  }

  :root .lg\:hover\:text-deep-purple-700:hover {
    color: #512da8;
  }

  :root .lg\:hover\:text-deep-purple-800:hover {
    color: #4527a0;
  }

  :root .lg\:hover\:text-deep-purple-900:hover {
    color: #311b92;
  }

  :root .lg\:hover\:text-primary-50:hover {
    color: #FBE4E7;
  }

  :root .lg\:hover\:text-primary-100:hover {
    color: #F5BCC2;
  }

  :root .lg\:hover\:text-primary-200:hover {
    color: #EE8F9A;
  }

  :root .lg\:hover\:text-primary-300:hover {
    color: #E76272;
  }

  :root .lg\:hover\:text-primary-400:hover {
    color: #E14053;
  }

  :root .lg\:hover\:text-primary-500:hover {
    color: #1976d2;
  }

  :root .lg\:hover\:text-primary-600:hover {
    color: #D81A30;
  }

  :root .lg\:hover\:text-primary-700:hover {
    color: #D31628;
  }

  :root .lg\:hover\:text-primary-800:hover {
    color: #CE1222;
  }

  :root .lg\:hover\:text-primary-900:hover {
    color: #C50A16;
  }

  :root .lg\:hover\:text-primary-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-primary-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-primary-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-primary-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-primary-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-primary-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-primary-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-primary-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-primary-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-primary-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-red-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-red-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-red-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-red-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-red-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-red-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-red-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-red-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-red-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-red-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-green-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-green-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-green-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-green-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-green-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-green-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-green-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-green-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-green-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-green-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-amber-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-500:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-600:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-700:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-800:hover {
    color: #000;
  }

  :root .lg\:hover\:text-amber-contrast-900:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-500:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-600:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-700:hover {
    color: #000;
  }

  :root .lg\:hover\:text-orange-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-orange-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-orange-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-orange-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-orange-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-orange-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-orange-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-orange-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-orange-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-orange-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-orange-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-orange-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-purple-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-purple-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-purple-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-purple-contrast-300:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-purple-contrast-400:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-purple-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-purple-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-purple-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-purple-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-purple-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-purple-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-purple-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-purple-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-deep-purple-contrast-300:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-purple-contrast-400:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-purple-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-purple-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-purple-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-purple-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-deep-purple-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-cyan-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-cyan-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-cyan-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-cyan-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-cyan-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-cyan-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-cyan-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-cyan-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-cyan-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-cyan-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-teal-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-teal-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-teal-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-teal-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-teal-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-teal-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-teal-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-teal-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-teal-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-teal-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-gray-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-gray-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-gray-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-gray-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-gray-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-gray-contrast-500:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-gray-contrast-600:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-gray-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-gray-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-gray-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-light-green-contrast-50:hover {
    color: #000;
  }

  :root .lg\:hover\:text-light-green-contrast-100:hover {
    color: #000;
  }

  :root .lg\:hover\:text-light-green-contrast-200:hover {
    color: #000;
  }

  :root .lg\:hover\:text-light-green-contrast-300:hover {
    color: #000;
  }

  :root .lg\:hover\:text-light-green-contrast-400:hover {
    color: #000;
  }

  :root .lg\:hover\:text-light-green-contrast-500:hover {
    color: #000;
  }

  :root .lg\:hover\:text-light-green-contrast-600:hover {
    color: #000;
  }

  :root .lg\:hover\:text-light-green-contrast-700:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-light-green-contrast-800:hover {
    color: #FFF;
  }

  :root .lg\:hover\:text-light-green-contrast-900:hover {
    color: #FFF;
  }

  :root .lg\:focus\:text-secondary:focus {
    color: var(--text-secondary);
  }

  :root .lg\:focus\:text-hint:focus {
    color: var(--text-hint);
  }

  :root .lg\:focus\:text-transparent:focus {
    color: transparent;
  }

  :root .lg\:focus\:text-black:focus {
    color: var(--text-color);
  }

  :root .lg\:focus\:text-white:focus {
    color: var(--text-color-light);
  }

  :root .lg\:focus\:text-contrast-black:focus {
    color: black;
  }

  :root .lg\:focus\:text-contrast-white:focus {
    color: white;
  }

  :root .lg\:focus\:text-obs-primary:focus {
    color: #5977FF;
  }

  :root .lg\:focus\:text-obs-secondary:focus {
    color: #5d5c64;
  }

  :root .lg\:focus\:text-obs-maroon:focus {
    color: #961e36;
  }

  :root .lg\:focus\:text-obs-navy:focus {
    color: #3e4861;
  }

  :root .lg\:focus\:text-obs-pink:focus {
    color: #d2afc5;
  }

  :root .lg\:focus\:text-obs-dark-orange:focus {
    color: #d6582a;
  }

  :root .lg\:focus\:text-obs-gold:focus {
    color: #9d8944;
  }

  :root .lg\:focus\:text-obs-light-blue:focus {
    color: #A3C2D6;
  }

  :root .lg\:focus\:text-obs-purple:focus {
    color: #722670;
  }

  :root .lg\:focus\:text-obs-light-orange:focus {
    color: #fF9c01;
  }

  :root .lg\:focus\:text-obs-blue:focus {
    color: #5da7d6;
  }

  :root .lg\:focus\:text-gray-50:focus {
    color: #fafafa;
  }

  :root .lg\:focus\:text-gray-100:focus {
    color: #f5f5f5;
  }

  :root .lg\:focus\:text-gray-200:focus {
    color: #eeeeee;
  }

  :root .lg\:focus\:text-gray-300:focus {
    color: #e0e0e0;
  }

  :root .lg\:focus\:text-gray-400:focus {
    color: #bdbdbd;
  }

  :root .lg\:focus\:text-gray-500:focus {
    color: #9e9e9e;
  }

  :root .lg\:focus\:text-gray-600:focus {
    color: #757575;
  }

  :root .lg\:focus\:text-gray-700:focus {
    color: #616161;
  }

  :root .lg\:focus\:text-gray-800:focus {
    color: #424242;
  }

  :root .lg\:focus\:text-gray-900:focus {
    color: #212121;
  }

  :root .lg\:focus\:text-red-50:focus {
    color: #ffebee;
  }

  :root .lg\:focus\:text-red-100:focus {
    color: #ffcdd2;
  }

  :root .lg\:focus\:text-red-200:focus {
    color: #ef9a9a;
  }

  :root .lg\:focus\:text-red-300:focus {
    color: #e57373;
  }

  :root .lg\:focus\:text-red-400:focus {
    color: #ef5350;
  }

  :root .lg\:focus\:text-red-500:focus {
    color: #f44336;
  }

  :root .lg\:focus\:text-red-600:focus {
    color: #e53935;
  }

  :root .lg\:focus\:text-red-700:focus {
    color: #d32f2f;
  }

  :root .lg\:focus\:text-red-800:focus {
    color: #c62828;
  }

  :root .lg\:focus\:text-red-900:focus {
    color: #b71c1c;
  }

  :root .lg\:focus\:text-orange-50:focus {
    color: #fff3e0;
  }

  :root .lg\:focus\:text-orange-100:focus {
    color: #ffe0b2;
  }

  :root .lg\:focus\:text-orange-200:focus {
    color: #ffcc80;
  }

  :root .lg\:focus\:text-orange-300:focus {
    color: #ffb74d;
  }

  :root .lg\:focus\:text-orange-400:focus {
    color: #ffa726;
  }

  :root .lg\:focus\:text-orange-500:focus {
    color: #ff9800;
  }

  :root .lg\:focus\:text-orange-600:focus {
    color: #fb8c00;
  }

  :root .lg\:focus\:text-orange-700:focus {
    color: #f57c00;
  }

  :root .lg\:focus\:text-orange-800:focus {
    color: #ef6c00;
  }

  :root .lg\:focus\:text-orange-900:focus {
    color: #e65100;
  }

  :root .lg\:focus\:text-deep-orange-50:focus {
    color: #fbe9e7;
  }

  :root .lg\:focus\:text-deep-orange-100:focus {
    color: #ffccbc;
  }

  :root .lg\:focus\:text-deep-orange-200:focus {
    color: #ffab91;
  }

  :root .lg\:focus\:text-deep-orange-300:focus {
    color: #ff8a65;
  }

  :root .lg\:focus\:text-deep-orange-400:focus {
    color: #ff7043;
  }

  :root .lg\:focus\:text-deep-orange-500:focus {
    color: #ff5722;
  }

  :root .lg\:focus\:text-deep-orange-600:focus {
    color: #f4511e;
  }

  :root .lg\:focus\:text-deep-orange-700:focus {
    color: #e64a19;
  }

  :root .lg\:focus\:text-deep-orange-800:focus {
    color: #d84315;
  }

  :root .lg\:focus\:text-deep-orange-900:focus {
    color: #bf360c;
  }

  :root .lg\:focus\:text-amber-50:focus {
    color: #fff8e1;
  }

  :root .lg\:focus\:text-amber-100:focus {
    color: #ffecb3;
  }

  :root .lg\:focus\:text-amber-200:focus {
    color: #ffe082;
  }

  :root .lg\:focus\:text-amber-300:focus {
    color: #ffd54f;
  }

  :root .lg\:focus\:text-amber-400:focus {
    color: #ffca28;
  }

  :root .lg\:focus\:text-amber-500:focus {
    color: #ffc107;
  }

  :root .lg\:focus\:text-amber-600:focus {
    color: #ffb300;
  }

  :root .lg\:focus\:text-amber-700:focus {
    color: #ffa000;
  }

  :root .lg\:focus\:text-amber-800:focus {
    color: #ff8f00;
  }

  :root .lg\:focus\:text-amber-900:focus {
    color: #ff6f00;
  }

  :root .lg\:focus\:text-light-green-50:focus {
    color: #f1f8e9;
  }

  :root .lg\:focus\:text-light-green-100:focus {
    color: #dcedc8;
  }

  :root .lg\:focus\:text-light-green-200:focus {
    color: #c5e1a5;
  }

  :root .lg\:focus\:text-light-green-300:focus {
    color: #aed581;
  }

  :root .lg\:focus\:text-light-green-400:focus {
    color: #9ccc65;
  }

  :root .lg\:focus\:text-light-green-500:focus {
    color: #8bc34a;
  }

  :root .lg\:focus\:text-light-green-600:focus {
    color: #7cb342;
  }

  :root .lg\:focus\:text-light-green-700:focus {
    color: #689f38;
  }

  :root .lg\:focus\:text-light-green-800:focus {
    color: #558b2f;
  }

  :root .lg\:focus\:text-light-green-900:focus {
    color: #33691e;
  }

  :root .lg\:focus\:text-green-50:focus {
    color: #e8f5e9;
  }

  :root .lg\:focus\:text-green-100:focus {
    color: #c8e6c9;
  }

  :root .lg\:focus\:text-green-200:focus {
    color: #a5d6a7;
  }

  :root .lg\:focus\:text-green-300:focus {
    color: #81c784;
  }

  :root .lg\:focus\:text-green-400:focus {
    color: #66bb6a;
  }

  :root .lg\:focus\:text-green-500:focus {
    color: #4caf50;
  }

  :root .lg\:focus\:text-green-600:focus {
    color: #43a047;
  }

  :root .lg\:focus\:text-green-700:focus {
    color: #388e3c;
  }

  :root .lg\:focus\:text-green-800:focus {
    color: #2e7d32;
  }

  :root .lg\:focus\:text-green-900:focus {
    color: #1b5e20;
  }

  :root .lg\:focus\:text-teal-50:focus {
    color: #e0f2f1;
  }

  :root .lg\:focus\:text-teal-100:focus {
    color: #b2dfdb;
  }

  :root .lg\:focus\:text-teal-200:focus {
    color: #80cbc4;
  }

  :root .lg\:focus\:text-teal-300:focus {
    color: #4db6ac;
  }

  :root .lg\:focus\:text-teal-400:focus {
    color: #26a69a;
  }

  :root .lg\:focus\:text-teal-500:focus {
    color: #009688;
  }

  :root .lg\:focus\:text-teal-600:focus {
    color: #00897b;
  }

  :root .lg\:focus\:text-teal-700:focus {
    color: #00796b;
  }

  :root .lg\:focus\:text-teal-800:focus {
    color: #00695c;
  }

  :root .lg\:focus\:text-teal-900:focus {
    color: #004d40;
  }

  :root .lg\:focus\:text-cyan-50:focus {
    color: #e0f7fa;
  }

  :root .lg\:focus\:text-cyan-100:focus {
    color: #b2ebf2;
  }

  :root .lg\:focus\:text-cyan-200:focus {
    color: #80deea;
  }

  :root .lg\:focus\:text-cyan-300:focus {
    color: #4dd0e1;
  }

  :root .lg\:focus\:text-cyan-400:focus {
    color: #26c6da;
  }

  :root .lg\:focus\:text-cyan-500:focus {
    color: #00bcd4;
  }

  :root .lg\:focus\:text-cyan-600:focus {
    color: #00acc1;
  }

  :root .lg\:focus\:text-cyan-700:focus {
    color: #0097a7;
  }

  :root .lg\:focus\:text-cyan-800:focus {
    color: #00838f;
  }

  :root .lg\:focus\:text-cyan-900:focus {
    color: #006064;
  }

  :root .lg\:focus\:text-purple-50:focus {
    color: #f3e5f5;
  }

  :root .lg\:focus\:text-purple-100:focus {
    color: #e1bee7;
  }

  :root .lg\:focus\:text-purple-200:focus {
    color: #ce93d8;
  }

  :root .lg\:focus\:text-purple-300:focus {
    color: #ba68c8;
  }

  :root .lg\:focus\:text-purple-400:focus {
    color: #ab47bc;
  }

  :root .lg\:focus\:text-purple-500:focus {
    color: #9c27b0;
  }

  :root .lg\:focus\:text-purple-600:focus {
    color: #8e24aa;
  }

  :root .lg\:focus\:text-purple-700:focus {
    color: #7b1fa2;
  }

  :root .lg\:focus\:text-purple-800:focus {
    color: #6a1b9a;
  }

  :root .lg\:focus\:text-purple-900:focus {
    color: #4a148c;
  }

  :root .lg\:focus\:text-deep-purple-50:focus {
    color: #ede7f6;
  }

  :root .lg\:focus\:text-deep-purple-100:focus {
    color: #d1c4e9;
  }

  :root .lg\:focus\:text-deep-purple-200:focus {
    color: #b39ddb;
  }

  :root .lg\:focus\:text-deep-purple-300:focus {
    color: #9575cd;
  }

  :root .lg\:focus\:text-deep-purple-400:focus {
    color: #7e57c2;
  }

  :root .lg\:focus\:text-deep-purple-500:focus {
    color: #673ab7;
  }

  :root .lg\:focus\:text-deep-purple-600:focus {
    color: #5e35b1;
  }

  :root .lg\:focus\:text-deep-purple-700:focus {
    color: #512da8;
  }

  :root .lg\:focus\:text-deep-purple-800:focus {
    color: #4527a0;
  }

  :root .lg\:focus\:text-deep-purple-900:focus {
    color: #311b92;
  }

  :root .lg\:focus\:text-primary-50:focus {
    color: #FBE4E7;
  }

  :root .lg\:focus\:text-primary-100:focus {
    color: #F5BCC2;
  }

  :root .lg\:focus\:text-primary-200:focus {
    color: #EE8F9A;
  }

  :root .lg\:focus\:text-primary-300:focus {
    color: #E76272;
  }

  :root .lg\:focus\:text-primary-400:focus {
    color: #E14053;
  }

  :root .lg\:focus\:text-primary-500:focus {
    color: #1976d2;
  }

  :root .lg\:focus\:text-primary-600:focus {
    color: #D81A30;
  }

  :root .lg\:focus\:text-primary-700:focus {
    color: #D31628;
  }

  :root .lg\:focus\:text-primary-800:focus {
    color: #CE1222;
  }

  :root .lg\:focus\:text-primary-900:focus {
    color: #C50A16;
  }

  :root .lg\:focus\:text-primary-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-primary-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-primary-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-primary-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-primary-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-primary-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-primary-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-primary-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-primary-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-primary-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-red-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-red-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-red-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-red-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-red-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-red-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-red-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-red-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-red-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-red-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-green-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-green-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-green-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-green-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-green-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-green-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-green-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-green-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-green-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-green-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-amber-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-500:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-600:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-700:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-800:focus {
    color: #000;
  }

  :root .lg\:focus\:text-amber-contrast-900:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-500:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-600:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-700:focus {
    color: #000;
  }

  :root .lg\:focus\:text-orange-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-orange-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-orange-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-orange-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-orange-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-orange-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-orange-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-orange-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-orange-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-orange-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-orange-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-orange-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-purple-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-purple-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-purple-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-purple-contrast-300:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-purple-contrast-400:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-purple-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-purple-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-purple-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-purple-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-purple-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-purple-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-purple-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-purple-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-deep-purple-contrast-300:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-purple-contrast-400:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-purple-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-purple-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-purple-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-purple-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-deep-purple-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-cyan-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-cyan-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-cyan-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-cyan-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-cyan-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-cyan-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-cyan-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-cyan-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-cyan-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-cyan-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-teal-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-teal-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-teal-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-teal-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-teal-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-teal-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-teal-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-teal-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-teal-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-teal-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-gray-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-gray-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-gray-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-gray-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-gray-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-gray-contrast-500:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-gray-contrast-600:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-gray-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-gray-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-gray-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-light-green-contrast-50:focus {
    color: #000;
  }

  :root .lg\:focus\:text-light-green-contrast-100:focus {
    color: #000;
  }

  :root .lg\:focus\:text-light-green-contrast-200:focus {
    color: #000;
  }

  :root .lg\:focus\:text-light-green-contrast-300:focus {
    color: #000;
  }

  :root .lg\:focus\:text-light-green-contrast-400:focus {
    color: #000;
  }

  :root .lg\:focus\:text-light-green-contrast-500:focus {
    color: #000;
  }

  :root .lg\:focus\:text-light-green-contrast-600:focus {
    color: #000;
  }

  :root .lg\:focus\:text-light-green-contrast-700:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-light-green-contrast-800:focus {
    color: #FFF;
  }

  :root .lg\:focus\:text-light-green-contrast-900:focus {
    color: #FFF;
  }

  :root .lg\:text-xs {
    font-size: 0.75rem;
  }

  :root .lg\:text-sm {
    font-size: 0.875rem;
  }

  :root .lg\:text-base {
    font-size: 1rem;
  }

  :root .lg\:text-lg {
    font-size: 1.125rem;
  }

  :root .lg\:text-xl {
    font-size: 1.25rem;
  }

  :root .lg\:text-2xl {
    font-size: 1.5rem;
  }

  :root .lg\:text-3xl {
    font-size: 1.875rem;
  }

  :root .lg\:text-4xl {
    font-size: 2.25rem;
  }

  :root .lg\:text-5xl {
    font-size: 3rem;
  }

  :root .lg\:text-6xl {
    font-size: 4rem;
  }

  :root .lg\:italic {
    font-style: italic;
  }

  :root .lg\:not-italic {
    font-style: normal;
  }

  :root .lg\:uppercase {
    text-transform: uppercase;
  }

  :root .lg\:lowercase {
    text-transform: lowercase;
  }

  :root .lg\:capitalize {
    text-transform: capitalize;
  }

  :root .lg\:normal-case {
    text-transform: none;
  }

  :root .lg\:underline {
    text-decoration: underline;
  }

  :root .lg\:line-through {
    text-decoration: line-through;
  }

  :root .lg\:no-underline {
    text-decoration: none;
  }

  :root .lg\:hover\:underline:hover {
    text-decoration: underline;
  }

  :root .lg\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  :root .lg\:hover\:no-underline:hover {
    text-decoration: none;
  }

  :root .lg\:focus\:underline:focus {
    text-decoration: underline;
  }

  :root .lg\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  :root .lg\:focus\:no-underline:focus {
    text-decoration: none;
  }

  :root .lg\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root .lg\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  :root .lg\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  :root .lg\:tracking-tight {
    letter-spacing: -0.025em;
  }

  :root .lg\:tracking-normal {
    letter-spacing: 0;
  }

  :root .lg\:tracking-wide {
    letter-spacing: 0.025em;
  }

  :root .lg\:tracking-wider {
    letter-spacing: 0.05em;
  }

  :root .lg\:tracking-widest {
    letter-spacing: 0.1em;
  }

  :root .lg\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  :root .lg\:select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  :root .lg\:select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
            user-select: all;
  }

  :root .lg\:select-auto {
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }

  :root .lg\:align-baseline {
    vertical-align: baseline;
  }

  :root .lg\:align-top {
    vertical-align: top;
  }

  :root .lg\:align-middle {
    vertical-align: middle;
  }

  :root .lg\:align-bottom {
    vertical-align: bottom;
  }

  :root .lg\:align-text-top {
    vertical-align: text-top;
  }

  :root .lg\:align-text-bottom {
    vertical-align: text-bottom;
  }

  :root .lg\:visible {
    visibility: visible;
  }

  :root .lg\:invisible {
    visibility: hidden;
  }

  :root .lg\:whitespace-normal {
    white-space: normal;
  }

  :root .lg\:whitespace-no-wrap {
    white-space: nowrap;
  }

  :root .lg\:whitespace-pre {
    white-space: pre;
  }

  :root .lg\:whitespace-pre-line {
    white-space: pre-line;
  }

  :root .lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  :root .lg\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  :root .lg\:break-words {
    overflow-wrap: break-word;
  }

  :root .lg\:break-all {
    word-break: break-all;
  }

  :root .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  :root .lg\:w-0 {
    width: 0;
  }

  :root .lg\:w-1 {
    width: 0.25rem;
  }

  :root .lg\:w-2 {
    width: 0.5rem;
  }

  :root .lg\:w-3 {
    width: 0.75rem;
  }

  :root .lg\:w-4 {
    width: 1rem;
  }

  :root .lg\:w-5 {
    width: 1.25rem;
  }

  :root .lg\:w-6 {
    width: 1.5rem;
  }

  :root .lg\:w-8 {
    width: 2rem;
  }

  :root .lg\:w-9 {
    width: 2.25rem;
  }

  :root .lg\:w-10 {
    width: 2.5rem;
  }

  :root .lg\:w-12 {
    width: 3rem;
  }

  :root .lg\:w-14 {
    width: 3.5rem;
  }

  :root .lg\:w-16 {
    width: 4rem;
  }

  :root .lg\:w-20 {
    width: 5rem;
  }

  :root .lg\:w-24 {
    width: 6rem;
  }

  :root .lg\:w-32 {
    width: 8rem;
  }

  :root .lg\:w-40 {
    width: 10rem;
  }

  :root .lg\:w-48 {
    width: 12rem;
  }

  :root .lg\:w-56 {
    width: 14rem;
  }

  :root .lg\:w-64 {
    width: 16rem;
  }

  :root .lg\:w-auto {
    width: auto;
  }

  :root .lg\:w-px {
    width: 1px;
  }

  :root .lg\:w-gutter {
    width: var(--padding-gutter);
  }

  :root .lg\:w-1\/2 {
    width: 50%;
  }

  :root .lg\:w-1\/3 {
    width: 33.333333%;
  }

  :root .lg\:w-2\/3 {
    width: 66.666667%;
  }

  :root .lg\:w-1\/4 {
    width: 25%;
  }

  :root .lg\:w-2\/4 {
    width: 50%;
  }

  :root .lg\:w-3\/4 {
    width: 75%;
  }

  :root .lg\:w-1\/5 {
    width: 20%;
  }

  :root .lg\:w-2\/5 {
    width: 40%;
  }

  :root .lg\:w-3\/5 {
    width: 60%;
  }

  :root .lg\:w-4\/5 {
    width: 80%;
  }

  :root .lg\:w-1\/6 {
    width: 16.666667%;
  }

  :root .lg\:w-2\/6 {
    width: 33.333333%;
  }

  :root .lg\:w-3\/6 {
    width: 50%;
  }

  :root .lg\:w-4\/6 {
    width: 66.666667%;
  }

  :root .lg\:w-5\/6 {
    width: 83.333333%;
  }

  :root .lg\:w-1\/12 {
    width: 8.333333%;
  }

  :root .lg\:w-2\/12 {
    width: 16.666667%;
  }

  :root .lg\:w-3\/12 {
    width: 25%;
  }

  :root .lg\:w-4\/12 {
    width: 33.333333%;
  }

  :root .lg\:w-5\/12 {
    width: 41.666667%;
  }

  :root .lg\:w-6\/12 {
    width: 50%;
  }

  :root .lg\:w-7\/12 {
    width: 58.333333%;
  }

  :root .lg\:w-8\/12 {
    width: 66.666667%;
  }

  :root .lg\:w-9\/12 {
    width: 75%;
  }

  :root .lg\:w-10\/12 {
    width: 83.333333%;
  }

  :root .lg\:w-11\/12 {
    width: 91.666667%;
  }

  :root .lg\:w-full {
    width: 100%;
  }

  :root .lg\:w-screen {
    width: 100vw;
  }

  :root .lg\:z-0 {
    z-index: 0;
  }

  :root .lg\:z-10 {
    z-index: 10;
  }

  :root .lg\:z-20 {
    z-index: 20;
  }

  :root .lg\:z-30 {
    z-index: 30;
  }

  :root .lg\:z-40 {
    z-index: 40;
  }

  :root .lg\:z-50 {
    z-index: 50;
  }

  :root .lg\:z-auto {
    z-index: auto;
  }

  :root .lg\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  :root .lg\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  :root .lg\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  :root .lg\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  :root .lg\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  :root .lg\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  :root .lg\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  :root .lg\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  :root .lg\:gap-9 {
    grid-gap: 2.25rem;
    gap: 2.25rem;
  }

  :root .lg\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  :root .lg\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  :root .lg\:gap-14 {
    grid-gap: 3.5rem;
    gap: 3.5rem;
  }

  :root .lg\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  :root .lg\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  :root .lg\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  :root .lg\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  :root .lg\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  :root .lg\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  :root .lg\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  :root .lg\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  :root .lg\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  :root .lg\:gap-gutter {
    grid-gap: var(--padding-gutter);
    gap: var(--padding-gutter);
  }

  :root .lg\:col-gap-0 {
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  :root .lg\:col-gap-1 {
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  :root .lg\:col-gap-2 {
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  :root .lg\:col-gap-3 {
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  :root .lg\:col-gap-4 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  :root .lg\:col-gap-5 {
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  :root .lg\:col-gap-6 {
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  :root .lg\:col-gap-8 {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  :root .lg\:col-gap-9 {
    grid-column-gap: 2.25rem;
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem;
  }

  :root .lg\:col-gap-10 {
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  :root .lg\:col-gap-12 {
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  :root .lg\:col-gap-14 {
    grid-column-gap: 3.5rem;
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }

  :root .lg\:col-gap-16 {
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  :root .lg\:col-gap-20 {
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  :root .lg\:col-gap-24 {
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  :root .lg\:col-gap-32 {
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  :root .lg\:col-gap-40 {
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  :root .lg\:col-gap-48 {
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  :root .lg\:col-gap-56 {
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  :root .lg\:col-gap-64 {
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  :root .lg\:col-gap-px {
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  :root .lg\:col-gap-gutter {
    grid-column-gap: var(--padding-gutter);
    -moz-column-gap: var(--padding-gutter);
         column-gap: var(--padding-gutter);
  }

  :root .lg\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  :root .lg\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  :root .lg\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  :root .lg\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  :root .lg\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  :root .lg\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  :root .lg\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  :root .lg\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  :root .lg\:row-gap-9 {
    grid-row-gap: 2.25rem;
    row-gap: 2.25rem;
  }

  :root .lg\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  :root .lg\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  :root .lg\:row-gap-14 {
    grid-row-gap: 3.5rem;
    row-gap: 3.5rem;
  }

  :root .lg\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  :root .lg\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  :root .lg\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  :root .lg\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  :root .lg\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  :root .lg\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  :root .lg\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  :root .lg\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  :root .lg\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  :root .lg\:row-gap-gutter {
    grid-row-gap: var(--padding-gutter);
    row-gap: var(--padding-gutter);
  }

  :root .lg\:grid-flow-row {
    grid-auto-flow: row;
  }

  :root .lg\:grid-flow-col {
    grid-auto-flow: column;
  }

  :root .lg\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  :root .lg\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  :root .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-none {
    grid-template-columns: none;
  }

  :root .lg\:col-auto {
    grid-column: auto;
  }

  :root .lg\:col-span-1 {
    grid-column: span 1/span 1;
  }

  :root .lg\:col-span-2 {
    grid-column: span 2/span 2;
  }

  :root .lg\:col-span-3 {
    grid-column: span 3/span 3;
  }

  :root .lg\:col-span-4 {
    grid-column: span 4/span 4;
  }

  :root .lg\:col-span-5 {
    grid-column: span 5/span 5;
  }

  :root .lg\:col-span-6 {
    grid-column: span 6/span 6;
  }

  :root .lg\:col-span-7 {
    grid-column: span 7/span 7;
  }

  :root .lg\:col-span-8 {
    grid-column: span 8/span 8;
  }

  :root .lg\:col-span-9 {
    grid-column: span 9/span 9;
  }

  :root .lg\:col-span-10 {
    grid-column: span 10/span 10;
  }

  :root .lg\:col-span-11 {
    grid-column: span 11/span 11;
  }

  :root .lg\:col-span-12 {
    grid-column: span 12/span 12;
  }

  :root .lg\:col-start-1 {
    grid-column-start: 1;
  }

  :root .lg\:col-start-2 {
    grid-column-start: 2;
  }

  :root .lg\:col-start-3 {
    grid-column-start: 3;
  }

  :root .lg\:col-start-4 {
    grid-column-start: 4;
  }

  :root .lg\:col-start-5 {
    grid-column-start: 5;
  }

  :root .lg\:col-start-6 {
    grid-column-start: 6;
  }

  :root .lg\:col-start-7 {
    grid-column-start: 7;
  }

  :root .lg\:col-start-8 {
    grid-column-start: 8;
  }

  :root .lg\:col-start-9 {
    grid-column-start: 9;
  }

  :root .lg\:col-start-10 {
    grid-column-start: 10;
  }

  :root .lg\:col-start-11 {
    grid-column-start: 11;
  }

  :root .lg\:col-start-12 {
    grid-column-start: 12;
  }

  :root .lg\:col-start-13 {
    grid-column-start: 13;
  }

  :root .lg\:col-start-auto {
    grid-column-start: auto;
  }

  :root .lg\:col-end-1 {
    grid-column-end: 1;
  }

  :root .lg\:col-end-2 {
    grid-column-end: 2;
  }

  :root .lg\:col-end-3 {
    grid-column-end: 3;
  }

  :root .lg\:col-end-4 {
    grid-column-end: 4;
  }

  :root .lg\:col-end-5 {
    grid-column-end: 5;
  }

  :root .lg\:col-end-6 {
    grid-column-end: 6;
  }

  :root .lg\:col-end-7 {
    grid-column-end: 7;
  }

  :root .lg\:col-end-8 {
    grid-column-end: 8;
  }

  :root .lg\:col-end-9 {
    grid-column-end: 9;
  }

  :root .lg\:col-end-10 {
    grid-column-end: 10;
  }

  :root .lg\:col-end-11 {
    grid-column-end: 11;
  }

  :root .lg\:col-end-12 {
    grid-column-end: 12;
  }

  :root .lg\:col-end-13 {
    grid-column-end: 13;
  }

  :root .lg\:col-end-auto {
    grid-column-end: auto;
  }

  :root .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-none {
    grid-template-rows: none;
  }

  :root .lg\:row-auto {
    grid-row: auto;
  }

  :root .lg\:row-span-1 {
    grid-row: span 1/span 1;
  }

  :root .lg\:row-span-2 {
    grid-row: span 2/span 2;
  }

  :root .lg\:row-span-3 {
    grid-row: span 3/span 3;
  }

  :root .lg\:row-span-4 {
    grid-row: span 4/span 4;
  }

  :root .lg\:row-span-5 {
    grid-row: span 5/span 5;
  }

  :root .lg\:row-span-6 {
    grid-row: span 6/span 6;
  }

  :root .lg\:row-start-1 {
    grid-row-start: 1;
  }

  :root .lg\:row-start-2 {
    grid-row-start: 2;
  }

  :root .lg\:row-start-3 {
    grid-row-start: 3;
  }

  :root .lg\:row-start-4 {
    grid-row-start: 4;
  }

  :root .lg\:row-start-5 {
    grid-row-start: 5;
  }

  :root .lg\:row-start-6 {
    grid-row-start: 6;
  }

  :root .lg\:row-start-7 {
    grid-row-start: 7;
  }

  :root .lg\:row-start-auto {
    grid-row-start: auto;
  }

  :root .lg\:row-end-1 {
    grid-row-end: 1;
  }

  :root .lg\:row-end-2 {
    grid-row-end: 2;
  }

  :root .lg\:row-end-3 {
    grid-row-end: 3;
  }

  :root .lg\:row-end-4 {
    grid-row-end: 4;
  }

  :root .lg\:row-end-5 {
    grid-row-end: 5;
  }

  :root .lg\:row-end-6 {
    grid-row-end: 6;
  }

  :root .lg\:row-end-7 {
    grid-row-end: 7;
  }

  :root .lg\:row-end-auto {
    grid-row-end: auto;
  }

  :root .lg\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  :root .lg\:transform-none {
    transform: none;
  }

  :root .lg\:origin-center {
    transform-origin: center;
  }

  :root .lg\:origin-top {
    transform-origin: top;
  }

  :root .lg\:origin-top-right {
    transform-origin: top right;
  }

  :root .lg\:origin-right {
    transform-origin: right;
  }

  :root .lg\:origin-bottom-right {
    transform-origin: bottom right;
  }

  :root .lg\:origin-bottom {
    transform-origin: bottom;
  }

  :root .lg\:origin-bottom-left {
    transform-origin: bottom left;
  }

  :root .lg\:origin-left {
    transform-origin: left;
  }

  :root .lg\:origin-top-left {
    transform-origin: top left;
  }

  :root .lg\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .lg\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .lg\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .lg\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .lg\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .lg\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .lg\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .lg\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .lg\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .lg\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .lg\:scale-x-0 {
    --transform-scale-x: 0;
  }

  :root .lg\:scale-x-50 {
    --transform-scale-x: .5;
  }

  :root .lg\:scale-x-75 {
    --transform-scale-x: .75;
  }

  :root .lg\:scale-x-90 {
    --transform-scale-x: .9;
  }

  :root .lg\:scale-x-95 {
    --transform-scale-x: .95;
  }

  :root .lg\:scale-x-100 {
    --transform-scale-x: 1;
  }

  :root .lg\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  :root .lg\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  :root .lg\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  :root .lg\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  :root .lg\:scale-y-0 {
    --transform-scale-y: 0;
  }

  :root .lg\:scale-y-50 {
    --transform-scale-y: .5;
  }

  :root .lg\:scale-y-75 {
    --transform-scale-y: .75;
  }

  :root .lg\:scale-y-90 {
    --transform-scale-y: .9;
  }

  :root .lg\:scale-y-95 {
    --transform-scale-y: .95;
  }

  :root .lg\:scale-y-100 {
    --transform-scale-y: 1;
  }

  :root .lg\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  :root .lg\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  :root .lg\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  :root .lg\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  :root .lg\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .lg\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .lg\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .lg\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .lg\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .lg\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .lg\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .lg\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .lg\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .lg\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .lg\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  :root .lg\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  :root .lg\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  :root .lg\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  :root .lg\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  :root .lg\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  :root .lg\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  :root .lg\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  :root .lg\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  :root .lg\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  :root .lg\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  :root .lg\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  :root .lg\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  :root .lg\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  :root .lg\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  :root .lg\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  :root .lg\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  :root .lg\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  :root .lg\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  :root .lg\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  :root .lg\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .lg\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .lg\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .lg\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .lg\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .lg\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .lg\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .lg\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .lg\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .lg\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .lg\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  :root .lg\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  :root .lg\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  :root .lg\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  :root .lg\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  :root .lg\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  :root .lg\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  :root .lg\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  :root .lg\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  :root .lg\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  :root .lg\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  :root .lg\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  :root .lg\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  :root .lg\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  :root .lg\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  :root .lg\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  :root .lg\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  :root .lg\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  :root .lg\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  :root .lg\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  :root .lg\:rotate-0 {
    --transform-rotate: 0;
  }

  :root .lg\:rotate-45 {
    --transform-rotate: 45deg;
  }

  :root .lg\:rotate-90 {
    --transform-rotate: 90deg;
  }

  :root .lg\:rotate-180 {
    --transform-rotate: 180deg;
  }

  :root .lg\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  :root .lg\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  :root .lg\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  :root .lg\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  :root .lg\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  :root .lg\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  :root .lg\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  :root .lg\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  :root .lg\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  :root .lg\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  :root .lg\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  :root .lg\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  :root .lg\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  :root .lg\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  :root .lg\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  :root .lg\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  :root .lg\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  :root .lg\:translate-x-0 {
    --transform-translate-x: 0;
  }

  :root .lg\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  :root .lg\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  :root .lg\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  :root .lg\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  :root .lg\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  :root .lg\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  :root .lg\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  :root .lg\:translate-x-9 {
    --transform-translate-x: 2.25rem;
  }

  :root .lg\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  :root .lg\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  :root .lg\:translate-x-14 {
    --transform-translate-x: 3.5rem;
  }

  :root .lg\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  :root .lg\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  :root .lg\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  :root .lg\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  :root .lg\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  :root .lg\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  :root .lg\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  :root .lg\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  :root .lg\:translate-x-px {
    --transform-translate-x: 1px;
  }

  :root .lg\:translate-x-gutter {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .lg\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  :root .lg\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  :root .lg\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  :root .lg\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  :root .lg\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  :root .lg\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  :root .lg\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  :root .lg\:-translate-x-9 {
    --transform-translate-x: -2.25rem;
  }

  :root .lg\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  :root .lg\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  :root .lg\:-translate-x-14 {
    --transform-translate-x: -3.5rem;
  }

  :root .lg\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  :root .lg\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  :root .lg\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  :root .lg\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  :root .lg\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  :root .lg\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  :root .lg\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  :root .lg\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  :root .lg\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  :root .lg\:-translate-x-gutter {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  :root .lg\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  :root .lg\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  :root .lg\:translate-x-full {
    --transform-translate-x: 100%;
  }

  :root .lg\:translate-y-0 {
    --transform-translate-y: 0;
  }

  :root .lg\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  :root .lg\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  :root .lg\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  :root .lg\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  :root .lg\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  :root .lg\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  :root .lg\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  :root .lg\:translate-y-9 {
    --transform-translate-y: 2.25rem;
  }

  :root .lg\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  :root .lg\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  :root .lg\:translate-y-14 {
    --transform-translate-y: 3.5rem;
  }

  :root .lg\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  :root .lg\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  :root .lg\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  :root .lg\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  :root .lg\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  :root .lg\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  :root .lg\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  :root .lg\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  :root .lg\:translate-y-px {
    --transform-translate-y: 1px;
  }

  :root .lg\:translate-y-gutter {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .lg\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  :root .lg\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  :root .lg\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  :root .lg\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  :root .lg\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  :root .lg\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  :root .lg\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  :root .lg\:-translate-y-9 {
    --transform-translate-y: -2.25rem;
  }

  :root .lg\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  :root .lg\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  :root .lg\:-translate-y-14 {
    --transform-translate-y: -3.5rem;
  }

  :root .lg\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  :root .lg\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  :root .lg\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  :root .lg\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  :root .lg\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  :root .lg\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  :root .lg\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  :root .lg\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  :root .lg\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  :root .lg\:-translate-y-gutter {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  :root .lg\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  :root .lg\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  :root .lg\:translate-y-full {
    --transform-translate-y: 100%;
  }

  :root .lg\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  :root .lg\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  :root .lg\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  :root .lg\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  :root .lg\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  :root .lg\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  :root .lg\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  :root .lg\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  :root .lg\:hover\:translate-x-9:hover {
    --transform-translate-x: 2.25rem;
  }

  :root .lg\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  :root .lg\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  :root .lg\:hover\:translate-x-14:hover {
    --transform-translate-x: 3.5rem;
  }

  :root .lg\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  :root .lg\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  :root .lg\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  :root .lg\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  :root .lg\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  :root .lg\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  :root .lg\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  :root .lg\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  :root .lg\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  :root .lg\:hover\:translate-x-gutter:hover {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .lg\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  :root .lg\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  :root .lg\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  :root .lg\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  :root .lg\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  :root .lg\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  :root .lg\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  :root .lg\:hover\:-translate-x-9:hover {
    --transform-translate-x: -2.25rem;
  }

  :root .lg\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  :root .lg\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  :root .lg\:hover\:-translate-x-14:hover {
    --transform-translate-x: -3.5rem;
  }

  :root .lg\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  :root .lg\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  :root .lg\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  :root .lg\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  :root .lg\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  :root .lg\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  :root .lg\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  :root .lg\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  :root .lg\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  :root .lg\:hover\:-translate-x-gutter:hover {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  :root .lg\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  :root .lg\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  :root .lg\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  :root .lg\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  :root .lg\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  :root .lg\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  :root .lg\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  :root .lg\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  :root .lg\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  :root .lg\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  :root .lg\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  :root .lg\:hover\:translate-y-9:hover {
    --transform-translate-y: 2.25rem;
  }

  :root .lg\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  :root .lg\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  :root .lg\:hover\:translate-y-14:hover {
    --transform-translate-y: 3.5rem;
  }

  :root .lg\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  :root .lg\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  :root .lg\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  :root .lg\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  :root .lg\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  :root .lg\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  :root .lg\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  :root .lg\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  :root .lg\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  :root .lg\:hover\:translate-y-gutter:hover {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .lg\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  :root .lg\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  :root .lg\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  :root .lg\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  :root .lg\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  :root .lg\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  :root .lg\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  :root .lg\:hover\:-translate-y-9:hover {
    --transform-translate-y: -2.25rem;
  }

  :root .lg\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  :root .lg\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  :root .lg\:hover\:-translate-y-14:hover {
    --transform-translate-y: -3.5rem;
  }

  :root .lg\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  :root .lg\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  :root .lg\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  :root .lg\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  :root .lg\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  :root .lg\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  :root .lg\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  :root .lg\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  :root .lg\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  :root .lg\:hover\:-translate-y-gutter:hover {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  :root .lg\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  :root .lg\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  :root .lg\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  :root .lg\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  :root .lg\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  :root .lg\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  :root .lg\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  :root .lg\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  :root .lg\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  :root .lg\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  :root .lg\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  :root .lg\:focus\:translate-x-9:focus {
    --transform-translate-x: 2.25rem;
  }

  :root .lg\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  :root .lg\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  :root .lg\:focus\:translate-x-14:focus {
    --transform-translate-x: 3.5rem;
  }

  :root .lg\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  :root .lg\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  :root .lg\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  :root .lg\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  :root .lg\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  :root .lg\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  :root .lg\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  :root .lg\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  :root .lg\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  :root .lg\:focus\:translate-x-gutter:focus {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .lg\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  :root .lg\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  :root .lg\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  :root .lg\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  :root .lg\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  :root .lg\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  :root .lg\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  :root .lg\:focus\:-translate-x-9:focus {
    --transform-translate-x: -2.25rem;
  }

  :root .lg\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  :root .lg\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  :root .lg\:focus\:-translate-x-14:focus {
    --transform-translate-x: -3.5rem;
  }

  :root .lg\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  :root .lg\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  :root .lg\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  :root .lg\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  :root .lg\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  :root .lg\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  :root .lg\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  :root .lg\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  :root .lg\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  :root .lg\:focus\:-translate-x-gutter:focus {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  :root .lg\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  :root .lg\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  :root .lg\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  :root .lg\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  :root .lg\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  :root .lg\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  :root .lg\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  :root .lg\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  :root .lg\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  :root .lg\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  :root .lg\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  :root .lg\:focus\:translate-y-9:focus {
    --transform-translate-y: 2.25rem;
  }

  :root .lg\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  :root .lg\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  :root .lg\:focus\:translate-y-14:focus {
    --transform-translate-y: 3.5rem;
  }

  :root .lg\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  :root .lg\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  :root .lg\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  :root .lg\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  :root .lg\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  :root .lg\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  :root .lg\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  :root .lg\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  :root .lg\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  :root .lg\:focus\:translate-y-gutter:focus {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .lg\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  :root .lg\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  :root .lg\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  :root .lg\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  :root .lg\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  :root .lg\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  :root .lg\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  :root .lg\:focus\:-translate-y-9:focus {
    --transform-translate-y: -2.25rem;
  }

  :root .lg\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  :root .lg\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  :root .lg\:focus\:-translate-y-14:focus {
    --transform-translate-y: -3.5rem;
  }

  :root .lg\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  :root .lg\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  :root .lg\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  :root .lg\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  :root .lg\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  :root .lg\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  :root .lg\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  :root .lg\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  :root .lg\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  :root .lg\:focus\:-translate-y-gutter:focus {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  :root .lg\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  :root .lg\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  :root .lg\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  :root .lg\:skew-x-0 {
    --transform-skew-x: 0;
  }

  :root .lg\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  :root .lg\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  :root .lg\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  :root .lg\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  :root .lg\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  :root .lg\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  :root .lg\:skew-y-0 {
    --transform-skew-y: 0;
  }

  :root .lg\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  :root .lg\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  :root .lg\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  :root .lg\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  :root .lg\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  :root .lg\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  :root .lg\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  :root .lg\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  :root .lg\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  :root .lg\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  :root .lg\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  :root .lg\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  :root .lg\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  :root .lg\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  :root .lg\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  :root .lg\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  :root .lg\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  :root .lg\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  :root .lg\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  :root .lg\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  :root .lg\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  :root .lg\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  :root .lg\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  :root .lg\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  :root .lg\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  :root .lg\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  :root .lg\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  :root .lg\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  :root .lg\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  :root .lg\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  :root .lg\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  :root .lg\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  :root .lg\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  :root .lg\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  :root .lg\:transition-none {
    transition-property: none;
  }

  :root .lg\:transition-all {
    transition-property: all;
  }

  :root .lg\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  :root .lg\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  :root .lg\:transition-opacity {
    transition-property: opacity;
  }

  :root .lg\:transition-shadow {
    transition-property: box-shadow;
  }

  :root .lg\:transition-transform {
    transition-property: transform;
  }

  :root .lg\:ease-linear {
    transition-timing-function: linear;
  }

  :root .lg\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  :root .lg\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  :root .lg\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  :root .lg\:duration-75 {
    transition-duration: 75ms;
  }

  :root .lg\:duration-100 {
    transition-duration: 100ms;
  }

  :root .lg\:duration-150 {
    transition-duration: 150ms;
  }

  :root .lg\:duration-200 {
    transition-duration: 200ms;
  }

  :root .lg\:duration-300 {
    transition-duration: 300ms;
  }

  :root .lg\:duration-500 {
    transition-duration: 500ms;
  }

  :root .lg\:duration-700 {
    transition-duration: 700ms;
  }

  :root .lg\:duration-1000 {
    transition-duration: 1000ms;
  }
}