.rn-backdrop{
  bottom:0;
  left:0;
  opacity:.5;
  position:fixed;
  right:0;
  top:0;
  -ms-touch-action:none;
      touch-action:none;
  z-index:1900
}

.rn-backdrop--mobile{
  background-color:rgba(0,0,0,.7)
}

.rn-button{
  border-radius:2px;
  font-size:12px;
  color:#fff;
  background-color:#32b432;
  height:25px;
  width:auto;
  min-width:50px;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:1px;
  padding:0 10px;
  border:none;
  opacity:.95;
  vertical-align:middle;
  cursor:pointer;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  text-align:center;
  -webkit-transition:background-color linear .2s;
  transition:background-color linear .2s
}

.rn-button>img{
  border:0;
  margin-right:4px;
  vertical-align:middle;
  height:18px
}

.rn-button.disabled,.rn-button[disabled]{
  opacity:.5
}

.rn-button--type-back{
  background-color:gray
}

.rn-button--type-cancel{
  background-color:#dc0000
}

.rn-button--type-run{
  background-color:#b38e61
}

.rn-button--disabled{
  opacity:.5
}

.rn-button2{
  background-color:rgba(0,0,0,0);
  height:30px;
  min-width:35px;
  border:none;
  opacity:.85;
  margin:0;
  -webkit-transition:background-color linear .2s;
  transition:background-color linear .2s;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase
}

.rn-button2>img,.rn-button2>span{
  vertical-align:middle;
  height:18px
}

.rn-button2--disabled{
  cursor:not-allowed;
  opacity:.5
}

.rn-code{
  font-size:12px;
  font-family:"Courier New",-apple-system,monospace
}

.rn-context-menu{
  background-clip:padding-box;
  background-color:#fcfcfc;
  border:1px solid #ccc;
  border-radius:0;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
          box-shadow:0 6px 12px rgba(0,0,0,.175);
  color:#404040;
  display:none;
  float:none;
  font-size:13px;
  left:0;
  list-style:none;
  margin:2px 0 0;
  max-width:360px;
  min-width:160px;
  padding:0;
  position:absolute;
  top:0;
  z-index:2000
}

.rn-context-menu__icon-area{
  background-color:#f5f5f5;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:26px;
  z-index:-1
}

.rn-context-menu__icon{
  background-position:center center;
  background-size:contain;
  display:inline-block;
  height:16px;
  margin-right:10px;
  vertical-align:middle;
  width:16px
}

.rn-context-menu__item{
  clear:both;
  cursor:pointer;
  display:block;
  height:31px;
  overflow:hidden;
  padding:6px 5px;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap
}

.rn-context-menu__item:link,.rn-context-menu__item:visited,.rn-context-menu__item:active{
  color:#404040
}

.rn-context-menu__item:hover{
  background-color:#f5f5f5;
  color:#404040
}

.rn-context-menu__item[disabled=disabled]{
  background-color:rgba(0,0,0,0);
  cursor:default;
  opacity:.3
}

.rn-context-menu__submenu{
  position:relative
}

.rn-context-menu__submenu>.rn-context-menu{
  left:100%;
  top:0
}

.rn-context-menu__submenu:hover>.rn-context-menu{
  display:block
}

.rn-context-menu__divider{
  background-color:#ccc;
  cursor:none;
  height:1px;
  padding:0
}

.rn-context-menu-touch{
  background-clip:padding-box;
  background-color:#fff;
  border:none;
  border-radius:4px;
  -webkit-box-shadow:0 3px 8px 1px rgba(0,0,0,.6);
          box-shadow:0 3px 8px 1px rgba(0,0,0,.6);
  color:#333;
  display:none;
  float:none;
  font-size:13px;
  left:0;
  list-style:none;
  margin:2px 0 0;
  max-height:450px;
  max-width:360px;
  min-width:160px;
  overflow-y:auto;
  padding:0;
  position:absolute;
  top:0;
  vertical-align:middle;
  z-index:2000
}

.rn-context-menu-touch__icon{
  background-position:center center;
  background-size:contain;
  border-radius:10px;
  display:inline-block;
  height:20px;
  margin:5px 10px;
  vertical-align:middle;
  width:24px
}

.rn-context-menu-touch__item{
  border-top:1px solid rgba(0,0,0,.05);
  clear:both;
  cursor:pointer;
  display:block;
  height:40px;
  line-height:40px;
  overflow:hidden;
  padding:0 10px 0 0;
  text-decoration:none;
  text-overflow:ellipsis;
  vertical-align:middle;
  white-space:nowrap
}

.rn-context-menu-touch__item:first-child{
  border-top:none
}

.rn-context-menu-touch__item:link,.rn-context-menu-touch__item:visited,.rn-context-menu-touch__item:active{
  color:#333
}

.rn-context-menu-touch__item:hover{
  background-color:rgba(0,0,0,.05)
}

.rn-context-menu-touch__item[disabled=disabled]{
  background-color:rgba(0,0,0,0);
  cursor:default
}

.rn-context-menu-touch__item[disabled=disabled]>*{
  opacity:.3
}

.rn-context-menu-touch__submenu{
  background-color:rgba(0,0,0,.08);
  border-bottom:1px solid rgba(0,0,0,.2);
  font-weight:bold;
  height:32px;
  line-height:28px;
  margin-bottom:-1px;
  padding:5px 5px 2px;
  text-transform:uppercase
}

.rn-context-menu-touch__divider{
  background-color:#b5b5b5;
  border:none;
  cursor:none;
  height:1px;
  margin:0 0 -1px 0;
  padding:0
}

.rn-context-menu-touch--mobile{
  border-radius:0;
  -webkit-box-shadow:0 2px 12px 1px rgba(0,0,0,.5);
          box-shadow:0 2px 12px 1px rgba(0,0,0,.5);
  left:0;
  margin:0;
  max-height:calc(100% - 100px);
  max-width:inherit;
  overflow:auto;
  position:fixed;
  right:0;
  top:50px
}

.rn-context-menu-touch--mobile .rn-context-menu-touch__icon{
  height:32px;
  width:32px;
  margin:0 10px 0 0
}

.rn-context-menu-touch--mobile .rn-context-menu-touch__item{
  border-top:1px solid rgba(0,0,0,.05);
  height:54px;
  line-height:32px;
  padding:10px 5px
}

.rn-context-menu-touch--mobile .rn-context-menu-touch__submenu{
  background-color:rgba(0,0,0,0);
  border-bottom:none;
  border-top:1px solid rgba(0,0,0,.05);
  height:54px;
  line-height:32px;
  margin-bottom:0;
  padding:10px 5px;
  text-transform:none
}

.rn-context-menu-touch--mobile .rn-context-menu-touch__divider{
  background-color:#ccc
}

.rn-editable-label{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  word-break:break-all
}

input.rn-editable-label__input{
  width:unset
}

label.rn-editable-label__label{
  margin-bottom:unset
}

.rn-error-indicator{
  position:relative
}

.rn-error-indicator__icon{
  width:14px;
  height:20 spx;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  cursor:pointer;
  background-color:#f94945;
  display:inline-block;
  border-radius:2px;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
          box-shadow:0 1px 3px rgba(0,0,0,.3)
}

.rn-error-indicator--large .rn-error-indicator__icon{
  width:22px;
  height:24px
}

.rn-error-indicator__tooltip{
  width:350px
}

.rn-fa-icon{
  color:#fff;
  opacity:.5;
  filter:alpha(opacity=50);
  -webkit-transition:.5s;
  transition:.5s
}

.rn-fa-icon:hover{
  opacity:1;
  filter:alpha(opacity=100)
}

.rn-fa-icon:active{
  color:#5bffce;
  opacity:1;
  filter:alpha(opacity=100)
}

.rn-fa-icon--mobile{
  font-size:20px !important
}

.rn-fa-icon--error{
  color:red
}

.rn-fa-icon--active{
  color:green
}

.rn-panel{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column
}

.rn-panel__title{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto
}

.rn-panel__body{
  height:100%;
  -webkit-box-flex:1;
      -ms-flex:1 1 100%;
          flex:1 1 100%
}

.rn-panel--designing{
  padding:10px;
  border:1px dashed #d3d3d3
}

.rn-parameter-container{
  margin-top:5px;
  width:100%;
  border:1px #dadada solid;
  border-radius:3px;
  position:relative;
  padding:0
}

.rn-parameter-container__delete-btn{
  position:absolute;
  right:2px;
  top:1px
}

.rn-parameter-container__heading{
  position:relative;
  font-size:1.1em;
  padding:5px;
  height:30px;
  border-radius:unset;
  background-color:#dadada
}

.rn-parameter-container__body{
  padding:5px
}

.rn-table{
  width:100%
}

.rn-text--success{
  color:#78c335
}

.rn-text--error{
  color:#f94945
}

.rn-text--info{
  color:#21a2e5
}

.rn-toolbar{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-toolbar__tool{
  margin-left:5px
}

.rn-tooltip{
  position:relative;
  display:inline-block
}

.rn-tooltip__text{
  visibility:hidden;
  width:260px;
  background-color:#555;
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:5px;
  position:absolute;
  z-index:1000;
  bottom:125%;
  left:50%;
  margin-left:-130px;
  opacity:0;
  -webkit-transition:opacity .8s;
  transition:opacity .8s
}

.rn-tooltip__text .rn-error-indicator__message{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5
}

.rn-tooltip--below .rn-tooltip__text{
  top:125%;
  bottom:unset
}

.rn-tooltip:hover .rn-tooltip__text{
  visibility:visible;
  opacity:1
}

.rn-tooltip .rn-tooltip__text::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0)
}

.rn-tooltip--below .rn-tooltip__text::after{
  content:none
}

.rn-tooltip--below .rn-tooltip__text::before{
  content:"";
  position:absolute;
  bottom:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) #555
}

.rn-app-splash{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  text-align:center;
  background-color:#31a89f
}

.rn-app-splash__text{
  margin-top:30px;
  font-size:.9em;
  color:#fff;
  opacity:.9
}

.rn-app-splash__errors{
  color:red;
  opacity:.9
}

.rn-app-splash__errors>h1{
  margin-top:30px;
  font-size:2.1em
}

.rn-app-splash__errors>ul{
  margin-top:0;
  margin-bottom:10px
}

.rn-app-splash__errors>ul>li{
  list-style:none
}

.rn-app-tiles{
  display:table-cell;
  vertical-align:top;
  padding-top:2%
}

.rn-app-tiles__tile{
  display:inline-block;
  width:126px;
  height:auto;
  margin:0 0 10px;
  padding:0 0 10px;
  cursor:pointer;
  text-align:center;
  font-size:1.1em;
  color:#666;
  border:1px solid rgba(0,0,0,0);
  vertical-align:top;
  background-color:rgba(0,0,0,0);
  -webkit-transition:all linear .3s;
  transition:all linear .3s;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  position:relative
}

.rn-app-tiles__tile:hover{
  background-color:rgba(255,255,255,.65);
  border-radius:5px;
  font-weight:400;
  border:1px solid #ddd;
  -webkit-box-shadow:0 0 10px rgba(0,0,0,.15);
          box-shadow:0 0 10px rgba(0,0,0,.15)
}

.rn-app-tiles__tile::after{
  content:"";
  display:inline-block;
  position:absolute;
  top:0;
  bottom:0;
  right:-2px;
  width:1px;
  background-color:#e6e6e6
}

.rn-app-tiles__tile:last-child::after{
  display:none
}

.rn-app-tiles__tile>img{
  height:70px;
  width:70px;
  margin:10px;
  border-radius:2px
}

.rn-app-tiles__tile--new{
  background-color:orange;
  border-radius:3px;
  color:#000
}

.rn-app-tiles__tile--new>img{
  width:80px;
  height:80px;
  margin-top:10px;
  padding:30px;
  opacity:.65
}

.rn-app-tiles__tile--new>img:hover{
  opacity:1
}

.sp-mobile-device .rn-app-tiles{
  display:block;
  padding-top:0;
  background-color:#f5f5f5
}

.sp-tablet-device .rn-app-tiles__tile{
  font-size:.85em
}

.sp-mobile-device .appList__header{
  padding:10px
}

.sp-mobile-device .rn-app-tiles__tile{
  text-align:left;
  width:100%;
  height:auto;
  padding:10px;
  margin:0;
  border-radius:0;
  display:block !important;
  border:none;
  border-bottom:1px solid #ededed;
  vertical-align:middle
}

.sp-mobile-device .rn-app-tiles__tile::after{
  display:none
}

.sp-mobile-device .rn-app-tiles__tile:hover,.sp-mobile-device .rn-app-tiles__tile:active{
  border:none;
  border-bottom:1px solid #ddd;
  -webkit-box-shadow:none;
          box-shadow:none
}

.sp-mobile-device .rn-app-tiles__tile>img{
  width:50px;
  height:50px;
  margin:0;
  padding:0;
  vertical-align:middle;
  background-color:rgba(0,0,0,0);
  border:none
}

.sp-mobile-device .rn-app-tiles__tile>img:hover{
  background-color:rgba(0,0,0,0);
  -webkit-box-shadow:none;
          box-shadow:none
}

.sp-mobile-device .rn-app-tiles__tile>img+div{
  margin-left:10px;
  display:inline-block;
  vertical-align:middle
}

.rn-builder-toolbox{
  background-color:#535353;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:auto
}

.rn-builder-toolbox__header{
  background-color:#b38e61;
  height:90px;
  text-align:center;
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,.5) inset;
          box-shadow:0 2px 10px rgba(0,0,0,.5) inset
}

.rn-builder-toolbox-minimize-section{
  position:relative
}

.rn-builder-toolbox-minimize-section>.rn-builder-toolbox-minimize-btn{
  position:absolute;
  right:0;
  top:0;
  width:33px;
  height:33px;
  padding:5px;
  z-index:1000;
  cursor:pointer;
  -webkit-transition-duration:.5s;
          transition-duration:.5s;
  -webkit-transform:rotateY(180deg);
          transform:rotateY(180deg)
}

.layout-open .rn-builder-toolbox-minimize-section>.rn-builder-toolbox-minimize-btn{
  -webkit-transform:rotateY(0deg);
          transform:rotateY(0deg);
  -webkit-transition-duration:.5s;
          transition-duration:.5s
}

.rn-builder-toolbox-minimize-section>.rn-builder-toolbox-minimize-btn:hover{
  background-color:rgba(0,0,0,.2)
}

.rn-builder-toolbox__title-big{
  font-size:26px;
  margin-top:5px;
  color:#fff;
  display:inline-block;
  width:100%;
  font-weight:lighter;
  opacity:0;
  -webkit-transition-duration:.5s;
          transition-duration:.5s
}

.layout-open .rn-builder-toolbox__title-big{
  opacity:1;
  -webkit-transition-duration:.5s;
          transition-duration:.5s
}

.rn-builder-toolbox__title-small{
  font-size:.85em;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding:11px 7px 7px 3px;
  right:0;
  left:0;
  top:0;
  color:rgba(255,255,255,.75);
  font-weight:lighter;
  letter-spacing:2px;
  text-transform:uppercase;
  background-color:rgba(0,0,0,.2);
  opacity:0;
  -webkit-transition-duration:.5s;
          transition-duration:.5s
}

.rn-builder-toolbox__title-small>span{
  font-family:sans-serif;
  font-style:italic;
  font-weight:bold;
  letter-spacing:2px;
  text-transform:initial
}

.layout-open .rn-builder-toolbox__title-small{
  opacity:1;
  -webkit-transition-duration:.5s;
          transition-duration:.5s
}

.rn-builder-toolbox__body{
  margin:0;
  padding:0
}

.rn-builder-toolbox__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 4px 2px;
  background-color:#dedede;
  list-style:none;
  overflow:hidden;
  white-space:nowrap;
  padding:0;
  border-radius:1px;
  cursor:pointer
}

.rn-builder-toolbox__item:hover{
  background-color:#f8f8f8
}

.rn-builder-toolbox__item>.text{
  font-size:14px;
  line-height:32px;
  text-overflow:ellipsis;
  padding:2px
}

.rn-builder-toolbox__item>img{
  margin:4px 4px 4px 3px
}

.rn-builder-toolbox__headerItem{
  background-color:#535353;
  color:#ccc;
  margin:0 3px;
  cursor:default
}

.rn-builder-toolbox__headerItem:hover{
  background-color:#535353
}

.rn-app-alerts{
  padding:0
}

.rn-app-alert__image{
  vertical-align:initial;
  width:36px;
  min-height:36px;
  background-size:20px 20px;
  background-repeat:no-repeat;
  background-color:rgba(0,0,0,.1);
  background-position:center center
}

.rn-app-alert__image--hover:hover{
  background-color:rgba(0,0,0,.2)
}

.rn-app-alert__count{
  color:#fff;
  border-radius:6px;
  background-color:red;
  position:absolute;
  padding:0;
  margin:0;
  min-width:14px;
  height:14px;
  right:2px;
  bottom:calc(50% - 16px);
  font-size:9px;
  font-weight:bold;
  line-height:14px;
  text-align:center
}

.rn-app-alert{
  list-style:none;
  min-height:34px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  pointer-events:all;
  color:#fff;
  background-color:#21a2e5
}

.rn-app-alert--success{
  background-color:#78c335
}

.rn-app-alert--success>.rn-app-alert__image{
  background-image:url(images/b64c3eeef1c9ad2dde006f1dc3222206.svg)
}

.rn-app-alert--error{
  background-color:#f94945
}

.rn-app-alert--error>.rn-app-alert__image{
  background-image:url(images/65cdc108bbecab73637da07226c92021.svg)
}

.rn-app-alert--warning{
  background-color:#e7951a
}

.rn-app-alert--warning>.rn-app-alert__image{
  background-image:url(images/e39fa6ce33611aa7e5f5e96eee334c57.svg)
}

.rn-app-alert--info{
  background-color:#21a2e5
}

.rn-app-alert--info>.rn-app-alert__image{
  background-image:url(images/d742243849b4559eb9aa7f01b21be42b.svg)
}

.rn-app-alert__text{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  font-size:13px;
  padding:0 5px;
  text-shadow:0 0 3px rgba(0,0,0,.4);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  word-break:break-all
}

.rn-app-alert--large>.rn-app-alert__text{
  min-height:50px
}

.rn-app-alert__text--wordbreak{
  word-break:normal
}

.rn-app-alert__close-button{
  margin:5px;
  width:23px;
  background-color:#fff;
  border-radius:3px;
  border:none
}

.rn-app-alert--large>.rn-app-alert__close-button{
  width:40px
}

.rn-app-footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:#777;
  background-color:#dbdbdb;
  border-top:0 solid #bbb;
  text-align:center;
  height:28px;
  padding:3px;
  font-size:11px
}

.rn-app-footer__right{
  padding:0 10px;
  -webkit-box-flex:0;
      -ms-flex:0 0 20%;
          flex:0 0 20%;
  text-align:right
}

.rn-app-footer--no-right .rn-app-footer__right{
  visibility:hidden
}

.rn-app-footer__left{
  text-align:left;
  padding:0 10px;
  -webkit-box-flex:0;
      -ms-flex:0 0 20%;
          flex:0 0 20%
}

.rn-app-footer__middle{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1
}

.rn-app-footer__middle .poweredby span{
  display:inline-block;
  margin-right:5px;
  color:#444
}

.rn-applicable-tasks-control__preview_watermark{
  height:50px;
  text-align:center;
  position:relative
}

.rn-container--empty{
  padding:10px;
  min-height:3rem;
  -webkit-transition:background-color .3s;
  transition:background-color .3s;
  background-color:#fff
}

.rn-container--empty:hover{
  background-color:#fff
}

.rn-container-heading{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-bottom:1px #31a89f solid;
  padding:9px 0 0 4px;
  margin:0 4px;
  height:30px;
  color:#31a89f;
  font-weight:600;
  overflow:hidden;
  text-transform:uppercase;
  font-size:13px;
  line-height:1.3em
}

.rn-container-heading__label-container{
  min-width:0
}

.rn-container-heading__info-button-container{
  margin-left:5px
}

.rn-control-label{
  color:#888;
  font-size:12px
}

.rn-control-placeholder{
  margin:3px;
  border:2px dashed gray;
  padding:3px;
  min-height:2rem;
  min-width:5rem
}

.rn-control-non-container{
  padding:2px;
  background-color:#fff
}

.rn-control-type-singleLineTextControlColor{
  width:50px;
  height:20px
}

.rn-datetime-control__edit-value{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-datetime-control__date-input{
  -webkit-box-flex:1;
      -ms-flex:1 1 100%;
          flex:1 1 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-datetime-control__date-input>button{
  margin:0 1px 0 3px
}

.rn-datetime-control__time-input{
  -webkit-box-flex:1;
      -ms-flex:1 1 100%;
          flex:1 1 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-datetime-control__time-input:not(:first-child){
  padding-left:3px
}

.rn-datetime-control__time-input>button{
  margin:0 1px 0 3px
}

.rn-edit-form-control{
  position:relative;
  height:100%
}

.rn-edit-form-control__tools{
  position:absolute;
  top:0;
  right:0;
  opacity:1;
  z-index:990
}

.rn-edit-form-control__control{
  display:block;
  min-width:200px;
  -webkit-transition:background-color .3s;
  transition:background-color .3s;
  height:100%
}

.rn-edit-form-control--non-container-design{
  margin:2px
}

.rn-edit-form{
  all:unset;
  width:100%;
  height:100%
}

.rn-edit-form__viewport{
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column
}

.rn-edit-form--mobile{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-line-pack:center;
      align-content:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  width:370px;
  height:620px;
  position:relative
}

.rn-edit-form__viewport--designing{
  background-color:#eee;
  padding:3px
}

.rn-edit-form__viewport--mobile{
  overflow:auto;
  background-color:#fff;
  border:1px ridge #333;
  border-radius:12px 12px 0 0;
  border-bottom-width:0
}

.rn-edit-form__viewport--mobile::-webkit-scrollbar{
  width:8px;
  height:8px
}

.rn-edit-form__viewport--mobile::-webkit-scrollbar-track{
  box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  border-radius:10px
}

.rn-edit-form__viewport--mobile::-webkit-scrollbar-thumb{
  border-radius:10px;
  box-shadow:inset 0 0 6px rgba(0,0,0,.5);
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)
}

.rn-fb-action-buttons{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end
}

.rn-fb-action-buttons>*{
  margin-left:3px
}

.rn-fb-action-buttons__action{
  position:relative
}

.rn-fb-action-buttons__action>button{
  border:none;
  color:#fff;
  background-color:#31a89f;
  border-radius:13px;
  height:26px;
  padding:0 15px 2px
}

.rn-fb-action-buttons__action>button:disabled{
  pointer-events:none;
  opacity:.6
}

.rn-fb-action-buttons__action-tools{
  display:none;
  position:absolute;
  right:0;
  top:7px;
  background-color:#1dd000;
  border-radius:2px;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);
          box-shadow:0 1px 1px rgba(0,0,0,.5)
}

.rn-fb-action-buttons__action-tools>i{
  font-size:.75rem
}

.rn-fb-action-buttons__add-button{
  border:none;
  color:#fff;
  background-color:#31a89f;
  border-radius:13px;
  height:26px;
  padding:0 15px 2px;
  cursor:pointer
}

.rn-fb-new-fields-menu__group-icon{
  display:inline-block
}

.rn-fb-new-fields-menu__group-name{
  display:inline-block
}

.rn-fb-new-fields-menu__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:3px 5px
}

.rn-fb-new-fields-menu__icon{
  display:inline-block;
  width:20px;
  height:16px;
  background-image:url(images/34051fa1a8885d68f5b57a909a544809.png);
  background-repeat:no-repeat
}

.rn-fb-new-fields-menu__label{
  display:inline-block
}

.rn-form-builder-header__name{
  display:block;
  font-size:26px;
  font-weight:lighter;
  color:#000
}

.rn-form-builder-header__description{
  display:block;
  color:#888
}

.rn-form-builder-mobile-preview{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column;
          flex-flow:column;
  width:100%;
  margin-left:10px;
  -webkit-transition:width .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition:width .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  height:100%
}

.rn-form-builder-mobile-preview__body{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column;
          flex-flow:column;
  margin:10px auto;
  padding:45px 2px;
  background:-webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  background:linear-gradient(#444, #222);
  -webkit-box-shadow:0 10px 20px rgba(0,0,0,.6),0 5px 2px rgba(255,255,255,.17) inset,0 -5px 2px rgba(0,0,0,.7) inset;
          box-shadow:0 10px 20px rgba(0,0,0,.6),0 5px 2px rgba(255,255,255,.17) inset,0 -5px 2px rgba(0,0,0,.7) inset;
  border:3px groove rgba(53,53,53,.73);
  -webkit-transform:scale(0.9);
          transform:scale(0.9);
  -webkit-transform-origin:top 0;
          transform-origin:top 0;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  border-radius:50px;
  position:relative;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -ms-flex-line-pack:center;
      align-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
}

.rn-form-builder-mobile-preview__body::before{
  content:"";
  position:absolute;
  display:inline-block;
  margin:0 auto;
  top:23px;
  height:6px;
  border-radius:3px;
  width:50px;
  border:1px ridge rgba(0,0,0,.7);
  background-color:#333;
  -webkit-box-shadow:0 2px 3px rgba(0,0,0,.7) inset,0 1px 0 0 rgba(255,255,255,.15);
          box-shadow:0 2px 3px rgba(0,0,0,.7) inset,0 1px 0 0 rgba(255,255,255,.15)
}

.rn-form-builder-mobile-preview__body::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:50px;
  background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.15)), color-stop(3%, rgba(255, 255, 255, 0.25)), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0)), color-stop(97%, rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));
  background:linear-gradient(to right, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 3%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.25) 97%, rgba(255, 255, 255, 0) 100%);
  pointer-events:none
}

.rn-form-builder-mobile-preview__contentFooter{
  height:48px;
  width:370px;
  background-color:#f2f2f2;
  border-radius:0 0 12px 12px;
  border:1px ridge #333;
  border-top:none
}

.rn-form-builder-toolbar{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end
}

.rn-form-button{
  border:1px solid silver;
  background-color:#f0f0f0;
  color:#606060;
  min-width:35px;
  padding:3px 8px;
  vertical-align:middle;
  cursor:pointer;
  border-radius:3px;
  font-size:12px
}

.rn-form-button.disabled,.rn-form-button[disabled]{
  cursor:not-allowed;
  opacity:.5
}

.rn-form-button:hover{
  background-color:#e3e3e3
}

.rn-form-container-title{
  border-bottom:1px #31a89f solid;
  padding:10px 0 0 4px;
  margin:0 4px;
  height:30px;
  color:#31a89f;
  font-weight:600;
  word-break:break-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
  font-size:13px;
  line-height:1.3em
}

.rn-form-control-config-button{
  cursor:pointer;
  display:inline-block;
  padding:1px;
  background-color:#31a89f;
  border:none
}

.rn-form-control-config-button:hover{
  background-color:#27978c
}

.rn-form-control-config-button>img{
  cursor:pointer;
  width:16px;
  height:16px
}

.rn-edit-form-control__config-container{
  padding:2px;
  background-color:#fff;
  border:2px solid #31a89f;
  -webkit-transition:opacity .2s ease-in-out;
  transition:opacity .2s ease-in-out
}

.rn-form-tab-config-button{
  cursor:pointer;
  display:inline-block;
  padding:1px;
  background-color:rgba(0,0,0,.3);
  border:none
}

.rn-form-tab-config-button>img{
  cursor:pointer;
  width:16px;
  height:16px
}

.rn-form-tab-config-button :hover{
  background-color:#31a89f
}

.rn-form-tab-tools{
  display:inline-block
}

.rn-help-indicator{
  width:16px;
  height:16px;
  cursor:pointer
}

.rn-horizontal-stack{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap
}

.rn-horizontal-stack__item{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  min-width:100px
}

.rn-horizontal-stack__item.rn-resizeSpring{
  -webkit-box-flex:1;
      -ms-flex:1 1 100%;
          flex:1 1 100%;
  -ms-flex-preferred-size:100%;
      flex-basis:100%
}

.rn-image-render-control__relationship-input-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:3px
}

.rn-image-render-control__field-input-container{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin-top:3px
}

.rn-image-render-control__button{
  margin-left:3px;
  -ms-flex-negative:0;
      flex-shrink:0;
  min-height:27px
}

input.rn-input-control{
  min-height:27px;
  border:1px solid #d3d3d3;
  border-radius:2px;
  padding:0 0 0 2px;
  margin:0;
  width:100%
}

input.rn-input-control--password{
  border:0
}

.rn-mandatory-marker{
  width:2px;
  visibility:visible;
  display:inline-block
}

.rn-mandatory-marker>img{
  height:24px;
  margin-top:1px;
  margin-bottom:1px;
  margin-right:1px
}

.rn-mandatory-marker.rn-mandatory-marker--hide{
  visibility:hidden
}

.rn-multilinetext{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-multilinetext__textarea{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  resize:none
}

.rn-multilinetext__detailsButton{
  width:20px
}

.rn-multilinetext__detailsButton>img{
  padding-left:4px;
  width:12px
}

li.rn-new-tab{
  cursor:pointer;
  padding:5px;
  background-color:#aaa;
  margin-top:1px;
  margin-left:5px;
  height:29px
}

.rn-oauth-login-popup-control__value{
  padding-top:2px
}

.rn-oauth-login-popup-control__button--grant-access{
  cursor:pointer
}

.rn-prefixed-input{
  position:relative
}

.rn-prefixed-input__prefix{
  display:inline-block;
  position:absolute;
  left:5px;
  -ms-flex-item-align:center;
      align-self:center
}

.rn-prefixed-input input.rn-prefixed-input__input{
  padding-left:14px
}

.rn-richtext{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.rn-richtext__text{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1
}

.rn-richtext__detailsButton{
  width:20px
}

.rn-richtext__detailsButton>img{
  padding-left:4px;
  width:12px
}

.rn-selectable-section-title{
  padding:6px 6px 0;
  height:29px;
  float:left;
  font-weight:600;
  color:#777;
  border-bottom:1px solid #bbb
}

.rn-selectable-section-title--selected{
  color:#31a89f;
  border-bottom:3px solid #31a89f
}

.rn-subject-record-access-summary{
  overflow:auto
}

.rn-tab-titles{
  margin-bottom:0;
  padding-left:0
}

ul.rn-tab-titles{
  list-style:none
}

ul.rn-tab-titles>li{
  display:inline-block
}

ul.rn-tab-titles>li :hover{
  background-color:#f5f5f5
}

li.rn-new-tab{
  cursor:pointer;
  padding:5px;
  background-color:#aaa;
  margin-top:1px;
  margin-left:5px;
  height:29px
}

.rn-tab-relationship-render-control__content{
  min-height:200px;
  position:relative;
  height:100%
}

.rn-tab-relationship-render-control__report-container{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0
}

.rn-tab-relationship-render-control__watermark-container{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none
}

.rn-validation-indicator{
  background-color:#ff8c00;
  border-radius:4px;
  width:16px
}

.rn-vertical-stack{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column
}

.rn-vertical-stack__item{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  min-height:0
}

.rn-vertical-stack__item.rn-resizeSpring{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  -ms-flex-preferred-size:100%;
      flex-basis:100%
}

.rn-sample-screen-element{
  min-height:150px;
  min-width:150px;
  height:100%;
  width:100%
}

.rn-sample-screen-element--large{
  min-height:200px;
  min-width:200px
}

.wf-builder-toolbar-container{
  position:relative;
  width:100%;
  height:30px
}

.wf-builder-toolbar-container__lhs{
  padding-left:5px;
  position:absolute;
  left:0;
  top:0;
  right:unset
}

.wf-builder-toolbar-container__rhs{
  padding-right:5px;
  position:absolute;
  right:0;
  top:0;
  left:unset
}

.wf-builder-toolbar-zoom{
  height:25px;
  border:1px solid silver;
  border-radius:2px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:12px;
  font-weight:bold;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin-top:2px;
  margin-left:5px
}

.wf-builder-toolbar-zoom__btn{
  padding:0;
  margin:2px 5px;
  width:18px;
  height:18px;
  background-color:#000;
  cursor:pointer
}

.wf-builder-validation-messages-toolbar-item{
  margin:2px
}

.wf-validation-error-messages__dialog{
  position:absolute;
  top:20px;
  left:-300px
}

.wf-properties{
  position:relative;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:auto;
  background-color:#fff
}

.wf-properties-form{
  padding:5px 5px 0
}

.wf-properties-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  background-color:#fff;
  font-size:12px
}

.wf-properties-header .sp-input{
  border-color:#009e96
}

.wf-properties-header__icon{
  position:relative;
  -ms-flex-negative:0;
      flex-shrink:0
}

.wf-properties-header__icon img{
  height:50px;
  width:60px
}

.wf-properties-header__icon .custom-validation-messages{
  position:absolute;
  top:0;
  right:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  width:16px;
  height:16px;
  background-color:#dc2626;
  border-radius:50%;
  color:#fff;
  font-family:"Font Awesome 7 Pro";
  font-size:12px
}

.wf-properties-header__icon .custom-validation-messages::before{
  content:"!"
}

.wf-properties-header__icon .custom-validation-messages img{
  display:none
}

.wf-properties-header__type{
  margin-left:auto;
  padding:9px 10px;
  font-weight:500;
  line-height:16px
}

.wf-properties-header__fields{
  max-width:250px;
  padding:9px 5px;
  line-height:16px
}

.wf-properties-header__name{
  font-weight:500
}

.wf-properties-header__description{
  font-style:italic
}

.wf-properties-body{
  height:calc(100% - 52px)
}

.wf-properties-tab-strip{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0;
  font-size:12px;
  font-weight:500
}

.wf-properties-tab-strip>li{
  padding:3px 15px;
  border-bottom:2px solid #d1d5db;
  cursor:pointer
}

.wf-properties-tab-strip>li.active{
  border-color:#0d80dd
}

.wf-parameter-row{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:4px;
  margin-top:3px
}

.wf-parameter-row__label{
  width:150px;
  margin:0;
  padding:4px 0
}

.wf-parameter-row__input-control{
  width:200px !important;
  font-size:1em;
  margin:0;
  min-height:27px;
  border:1px solid #d3d3d3;
  border-radius:2px;
  -webkit-box-shadow:none;
          box-shadow:none;
  text-align:left
}

.wf-parameter-row__input-control[readonly=readonly]{
  background-color:rgba(0,0,0,0);
  border:1px solid #d3d3d3
}

select.wf-parameter-row__input-control{
  padding-left:0 !important
}

.wf-parameter-row__icon-button{
  display:inline-block;
  border:1px solid rgba(0,0,0,0);
  margin-left:2px;
  border-radius:3px;
  cursor:pointer;
  -webkit-transition:all ease .2s;
  transition:all ease .2s
}

.wf-parameter-row__icon-button img{
  vertical-align:middle;
  width:12px;
  height:12px
}

.wf-parameter-row__icon-button:hover{
  border:1px solid silver
}

.wf-parameter-row__icon-button:focus{
  outline:none
}

.wf-parameter-row__icon-button:disabled,.wf-parameter-row__icon-button[disabled=disabled]{
  pointer-events:none;
  opacity:.6
}

.wf-parameter-contextMenu-btn{
  margin-left:1px;
  background-color:#333;
  cursor:pointer;
  padding:5px;
  border-radius:2px;
  vertical-align:middle
}

.wf-parameter-contextMenu-btn:disabled,.wf-parameter-contextMenu-btn[disabled=disabled]{
  pointer-events:none;
  opacity:.6
}

.wf-parameter-relationships-set{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column
}

.wf-parameter-relationships-set>div{
  padding:0 0 2px
}

.wf-parameter-new{
  padding-top:5px
}

.wf-parameter-row-spacer.rn-parameter-container{
  margin-top:20px
}

.wf-parameter-checkbox-control{
  padding-top:2px;
  padding-bottom:2px
}

.wf-parameter-checkbox-controls-group{
  border:1px #dadada solid;
  padding:0 0 0 4px
}

.wf-parameter-timespan-control{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.wf-parameter-timespan-control>input{
  width:100px !important
}

.wf-parameter-timespan-control>select{
  margin-left:1px;
  width:100px !important
}

.wf-parameter__horizontal-divider{
  width:100%;
  height:1px;
  background-color:#d4d4d4;
  display:inline-block;
  margin-bottom:5px
}

.wf-expression-control{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.wf-parameter-multiline-expression-editor{
  height:calc(100% - 180px)
}

.wf-parameter-multiline-expression-editor .control-row{
  height:100%
}

.wf-parameter-multiline-expression-editor .CodeMirror{
  height:100% !important
}

.expression-input-control{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:200px;
  vertical-align:middle
}

.expression-input-control .expression-editor-control{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  vertical-align:middle
}

.expression-input-control .expression-editor-control>.control-row{
  width:100%;
  margin-right:1px
}

.expression-input-control .expression-editor-control .CodeMirror{
  font-family:"Segoe UI",sans-serif,-apple-system;
  height:28px
}

.wf-parameter-dialog{
  height:100%;
  width:100%;
  position:relative
}

.wf-parameter-dialog__footer{
  position:absolute;
  bottom:0;
  left:0;
  right:0
}

.wf-parameter-dialog__body{
  height:calc(100% - 90px);
  position:relative;
  padding:5px;
  overflow-y:auto;
  vertical-align:middle;
  width:100%
}

.wf-parameter-dialog__body .reportDataGridStyle{
  height:calc(100% - 40px);
  overflow-y:auto
}

.wf-parameter-dialog__body .reportDataGridStyle .ngRow{
  border-bottom:none
}

.wf-parameter-dialog__body .reportDataGridStyle .ngRow .ngVerticalBarVisible{
  background-color:rgba(0,0,0,0)
}

.wf-parameter-dialog__body--smaller{
  height:calc(100% - 125px)
}

.wf-parameter-dialog__definition-chooser{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:5px 0 5px 15px
}

.wf-parameter-dialog__definition-chooser>label{
  width:150px
}

.wf-parameter-dialog__definition-chooser input{
  height:27px
}

.wf-parameter-dialog__expression-editor{
  height:100%
}

.wf-parameter-dialog__horizontal-divider{
  width:100%;
  height:1px;
  background-color:#d4d4d4;
  display:inline-block;
  margin-bottom:5px
}

.wf-parameter-dialog-row{
  display:inline-block;
  margin-bottom:4px;
  width:100%
}

.wf-parameter-dialog-row__label{
  display:inline-block;
  width:60px;
  vertical-align:middle;
  margin-right:2px
}

.wf-parameter-dialog-row__button{
  line-height:9px;
  text-shadow:0 1px 0 #fff;
  opacity:.2;
  filter:alpha(opacity=20);
  padding:0;
  cursor:pointer;
  background:rgba(0,0,0,0);
  border:0;
  margin-left:10px;
  vertical-align:middle;
  -webkit-appearance:none
}

.wf-parameter-dialog-row__button:hover{
  text-decoration:none;
  cursor:pointer;
  opacity:1;
  filter:alpha(opacity=40)
}

.wf-parameter-dialog-row__input-control{
  margin-bottom:0;
  margin-right:0
}

.wf-parameter-dialog-row .wf-parameter-dialog-row__input-control{
  width:150px
}

.wf-parameter-dialog-row__input-control-mid{
  margin-bottom:0;
  margin-right:3px
}

.wf-parameter-dialog-row .wf-parameter-dialog-row__input-control-mid{
  width:95px
}

.container{
  width:100%
}

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

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

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

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

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

.space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(0.25rem * var(--space-x-reverse));
  margin-left:calc(0.25rem * calc(1 - var(--space-x-reverse)))
}

.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
}

.bg-clip-text{
  -webkit-background-clip:text;
          background-clip:text
}

.bg-black{
  --bg-opacity:1;
  background-color:#000000;
  background-color:rgba(0, 0, 0, var(--bg-opacity))
}

.bg-white{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.bg-gray-100{
  --bg-opacity:1;
  background-color:#f4f5f7;
  background-color:rgba(244, 245, 247, var(--bg-opacity))
}

.bg-gray-200{
  --bg-opacity:1;
  background-color:#e5e7eb;
  background-color:rgba(229, 231, 235, var(--bg-opacity))
}

.bg-gray-300{
  --bg-opacity:1;
  background-color:#d2d6dc;
  background-color:rgba(210, 214, 220, var(--bg-opacity))
}

.bg-gray-400{
  --bg-opacity:1;
  background-color:#9fa6b2;
  background-color:rgba(159, 166, 178, var(--bg-opacity))
}

.bg-gray-800{
  --bg-opacity:1;
  background-color:#252f3f;
  background-color:rgba(37, 47, 63, var(--bg-opacity))
}

.bg-red-100{
  --bg-opacity:1;
  background-color:#fde8e8;
  background-color:rgba(253, 232, 232, var(--bg-opacity))
}

.bg-red-200{
  --bg-opacity:1;
  background-color:#fbd5d5;
  background-color:rgba(251, 213, 213, var(--bg-opacity))
}

.bg-red-400{
  --bg-opacity:1;
  background-color:#f98080;
  background-color:rgba(249, 128, 128, var(--bg-opacity))
}

.bg-red-500{
  --bg-opacity:1;
  background-color:#f05252;
  background-color:rgba(240, 82, 82, var(--bg-opacity))
}

.bg-orange-100{
  --bg-opacity:1;
  background-color:#feecdc;
  background-color:rgba(254, 236, 220, var(--bg-opacity))
}

.bg-yellow-200{
  --bg-opacity:1;
  background-color:#fce96a;
  background-color:rgba(252, 233, 106, var(--bg-opacity))
}

.bg-yellow-300{
  --bg-opacity:1;
  background-color:#faca15;
  background-color:rgba(250, 202, 21, var(--bg-opacity))
}

.bg-green-100{
  --bg-opacity:1;
  background-color:#def7ec;
  background-color:rgba(222, 247, 236, var(--bg-opacity))
}

.bg-teal-500{
  --bg-opacity:1;
  background-color:#0694a2;
  background-color:rgba(6, 148, 162, var(--bg-opacity))
}

.bg-blue-200{
  --bg-opacity:1;
  background-color:#c3ddfd;
  background-color:rgba(195, 221, 253, var(--bg-opacity))
}

.bg-blue-500{
  --bg-opacity:1;
  background-color:#3f83f8;
  background-color:rgba(63, 131, 248, var(--bg-opacity))
}

.bg-primary-300{
  --bg-opacity:1;
  background-color:#54D1DB;
  background-color:rgba(84, 209, 219, var(--bg-opacity))
}

.bg-grayscale-100{
  --bg-opacity:1;
  background-color:#f5f5f5;
  background-color:rgba(245, 245, 245, var(--bg-opacity))
}

.bg-grayscale-300{
  --bg-opacity:1;
  background-color:#e0e0e0;
  background-color:rgba(224, 224, 224, var(--bg-opacity))
}

.hover\:bg-gray-200:hover{
  --bg-opacity:1;
  background-color:#e5e7eb;
  background-color:rgba(229, 231, 235, var(--bg-opacity))
}

.hover\:bg-gray-300:hover{
  --bg-opacity:1;
  background-color:#d2d6dc;
  background-color:rgba(210, 214, 220, var(--bg-opacity))
}

.hover\:bg-gray-400:hover{
  --bg-opacity:1;
  background-color:#9fa6b2;
  background-color:rgba(159, 166, 178, var(--bg-opacity))
}

.hover\:bg-red-500:hover{
  --bg-opacity:1;
  background-color:#f05252;
  background-color:rgba(240, 82, 82, var(--bg-opacity))
}

.hover\:bg-teal-600:hover{
  --bg-opacity:1;
  background-color:#047481;
  background-color:rgba(4, 116, 129, var(--bg-opacity))
}

.hover\:bg-blue-600:hover{
  --bg-opacity:1;
  background-color:#1c64f2;
  background-color:rgba(28, 100, 242, var(--bg-opacity))
}

.hover\:bg-grayscale-100:hover{
  --bg-opacity:1;
  background-color:#f5f5f5;
  background-color:rgba(245, 245, 245, var(--bg-opacity))
}

.hover\:bg-grayscale-200:hover{
  --bg-opacity:1;
  background-color:#eeeeee;
  background-color:rgba(238, 238, 238, var(--bg-opacity))
}

.hover\:bg-grayscale-400:hover{
  --bg-opacity:1;
  background-color:#bdbdbd;
  background-color:rgba(189, 189, 189, var(--bg-opacity))
}

.focus\:bg-grayscale-200:focus{
  --bg-opacity:1;
  background-color:#eeeeee;
  background-color:rgba(238, 238, 238, var(--bg-opacity))
}

.bg-center{
  background-position:center
}

.bg-no-repeat{
  background-repeat:no-repeat
}

.border-collapse{
  border-collapse:collapse
}

.border-transparent{
  border-color:transparent
}

.border-gray-300{
  --border-opacity:1;
  border-color:#d2d6dc;
  border-color:rgba(210, 214, 220, var(--border-opacity))
}

.border-gray-400{
  --border-opacity:1;
  border-color:#9fa6b2;
  border-color:rgba(159, 166, 178, var(--border-opacity))
}

.border-gray-500{
  --border-opacity:1;
  border-color:#6b7280;
  border-color:rgba(107, 114, 128, var(--border-opacity))
}

.border-red-400{
  --border-opacity:1;
  border-color:#f98080;
  border-color:rgba(249, 128, 128, var(--border-opacity))
}

.border-teal-500{
  --border-opacity:1;
  border-color:#0694a2;
  border-color:rgba(6, 148, 162, var(--border-opacity))
}

.border-blue-400{
  --border-opacity:1;
  border-color:#76a9fa;
  border-color:rgba(118, 169, 250, var(--border-opacity))
}

.border-readinow-green{
  --border-opacity:1;
  border-color:#00bca5;
  border-color:rgba(0, 188, 165, var(--border-opacity))
}

.border-grayscale-200{
  --border-opacity:1;
  border-color:#eeeeee;
  border-color:rgba(238, 238, 238, var(--border-opacity))
}

.border-grayscale-300{
  --border-opacity:1;
  border-color:#e0e0e0;
  border-color:rgba(224, 224, 224, var(--border-opacity))
}

.hover\:border-teal-500:hover{
  --border-opacity:1;
  border-color:#0694a2;
  border-color:rgba(6, 148, 162, var(--border-opacity))
}

.focus\:border-teal-300:focus{
  --border-opacity:1;
  border-color:#7edce2;
  border-color:rgba(126, 220, 226, var(--border-opacity))
}

.focus\:border-readinow-green:focus{
  --border-opacity:1;
  border-color:#00bca5;
  border-color:rgba(0, 188, 165, var(--border-opacity))
}

.rounded-sm{
  border-radius:0.125rem
}

.rounded{
  border-radius:0.25rem
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-t-none{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.rounded-b-none{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}

.rounded-t{
  border-top-left-radius:0.25rem;
  border-top-right-radius:0.25rem
}

.rounded-b{
  border-bottom-right-radius:0.25rem;
  border-bottom-left-radius:0.25rem
}

.border-solid{
  border-style:solid
}

.border-none{
  border-style:none
}

.border-0{
  border-width:0
}

.border{
  border-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-b-4{
  border-bottom-width:4px
}

.border-t{
  border-top-width:1px
}

.border-r{
  border-right-width:1px
}

.border-b{
  border-bottom-width:1px
}

.cursor-pointer{
  cursor:pointer
}

.cursor-move{
  cursor:move
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.inline-flex{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex
}

.table{
  display:table
}

.table-cell{
  display:table-cell
}

.table-row{
  display:table-row
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.flex-row{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row
}

.flex-col{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column
}

.flex-wrap{
  -ms-flex-wrap:wrap;
      flex-wrap:wrap
}

.items-start{
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start
}

.items-end{
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end
}

.items-center{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
}

.items-stretch{
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch
}

.content-center{
  -ms-flex-line-pack:center;
      align-content:center
}

.justify-start{
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start
}

.justify-end{
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end
}

.justify-center{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}

.justify-between{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
}

.flex-1{
  -webkit-box-flex:1;
      -ms-flex:1 1 0%;
          flex:1 1 0%
}

.flex-auto{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto
}

.flex-initial{
  -webkit-box-flex:0;
      -ms-flex:0 1 auto;
          flex:0 1 auto
}

.flex-none{
  -webkit-box-flex:0;
      -ms-flex:none;
          flex:none
}

.flex-grow{
  -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1
}

.float-right{
  float:right
}

.float-left{
  float:left
}

.clearfix:after{
  content:"";
  display:table;
  clear:both
}

.font-sans{
  font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-light{
  font-weight:300
}

.font-normal{
  font-weight:400
}

.font-medium{
  font-weight:500
}

.font-semibold{
  font-weight:600
}

.font-bold{
  font-weight:700
}

.h-1{
  height:0.25rem
}

.h-3{
  height:0.75rem
}

.h-4{
  height:1rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-8{
  height:2rem
}

.h-9{
  height:2.25rem
}

.h-10{
  height:2.5rem
}

.h-16{
  height:4rem
}

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-48{
  height:12rem
}

.h-px{
  height:1px
}

.h-1\/3{
  height:33.333333%
}

.h-full{
  height:100%
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-5xl{
  font-size:3rem;
  line-height:1
}

.leading-normal{
  line-height:1.5
}

.list-disc{
  list-style-type:disc
}

.m-0{
  margin:0
}

.m-1{
  margin:0.25rem
}

.m-2{
  margin:0.5rem
}

.m-auto{
  margin:auto
}

.my-1{
  margin-top:0.25rem;
  margin-bottom:0.25rem
}

.mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.my-3{
  margin-top:0.75rem;
  margin-bottom:0.75rem
}

.my-5{
  margin-top:1.25rem;
  margin-bottom:1.25rem
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.mt-1{
  margin-top:0.25rem
}

.mr-1{
  margin-right:0.25rem
}

.mb-1{
  margin-bottom:0.25rem
}

.ml-1{
  margin-left:0.25rem
}

.mt-2{
  margin-top:0.5rem
}

.mr-2{
  margin-right:0.5rem
}

.mb-2{
  margin-bottom:0.5rem
}

.ml-2{
  margin-left:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mr-3{
  margin-right:0.75rem
}

.mb-3{
  margin-bottom:0.75rem
}

.ml-3{
  margin-left:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mr-4{
  margin-right:1rem
}

.mb-4{
  margin-bottom:1rem
}

.ml-4{
  margin-left:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mr-5{
  margin-right:1.25rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-8{
  margin-bottom:2rem
}

.ml-8{
  margin-left:2rem
}

.mt-24{
  margin-top:6rem
}

.-mt-1{
  margin-top:-0.25rem
}

.max-h-64{
  max-height:16rem
}

.max-h-80{
  max-height:20rem
}

.max-h-1\/2{
  max-height:50%
}

.max-w-2xl{
  max-width:42rem
}

.max-w-full{
  max-width:100%
}

.min-w-0{
  min-width:0
}

.opacity-0{
  opacity:0
}

.opacity-25{
  opacity:0.25
}

.opacity-50{
  opacity:0.5
}

.opacity-75{
  opacity:0.75
}

.hover\:opacity-100:hover{
  opacity:1
}

.disabled\:opacity-25:disabled{
  opacity:0.25
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

.p-0{
  padding:0
}

.p-1{
  padding:0.25rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-8{
  padding:2rem
}

.p-10{
  padding:2.5rem
}

.p-12{
  padding:3rem
}

.py-0{
  padding-top:0;
  padding-bottom:0
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.pb-0{
  padding-bottom:0
}

.pt-1{
  padding-top:0.25rem
}

.pb-1{
  padding-bottom:0.25rem
}

.pt-2{
  padding-top:0.5rem
}

.pr-2{
  padding-right:0.5rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pl-2{
  padding-left:0.5rem
}

.pt-3{
  padding-top:0.75rem
}

.pr-3{
  padding-right:0.75rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pl-3{
  padding-left:0.75rem
}

.pr-4{
  padding-right:1rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-4{
  padding-left:1rem
}

.pb-5{
  padding-bottom:1.25rem
}

.pt-6{
  padding-top:1.5rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pl-8{
  padding-left:2rem
}

.pl-10{
  padding-left:2.5rem
}

.pl-12{
  padding-left:3rem
}

.pt-14{
  padding-top:3.5rem
}

.pb-20{
  padding-bottom:5rem
}

.pointer-events-none{
  pointer-events:none
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  top:0;
  right:0;
  bottom:0;
  left:0
}

.inset-y-0{
  top:0;
  bottom:0
}

.inset-x-0{
  right:0;
  left:0
}

.top-0{
  top:0
}

.right-0{
  right:0
}

.bottom-0{
  bottom:0
}

.left-0{
  left:0
}

.top-1{
  top:0.25rem
}

.right-1{
  right:0.25rem
}

.bottom-1{
  bottom:0.25rem
}

.left-1{
  left:0.25rem
}

.top-2{
  top:0.5rem
}

.top-3{
  top:0.75rem
}

.right-3{
  right:0.75rem
}

.bottom-3{
  bottom:0.75rem
}

.top-4{
  top:1rem
}

.right-4{
  right:1rem
}

.bottom-4{
  bottom:1rem
}

.top-5{
  top:1.25rem
}

.left-5{
  left:1.25rem
}

.left-6{
  left:1.5rem
}

.right-10{
  right:2.5rem
}

.bottom-10{
  bottom:2.5rem
}

.left-auto{
  left:auto
}

.resize{
  resize:both
}

.shadow{
  -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.shadow-md{
  -webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.shadow-lg{
  -webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.shadow-inner{
  -webkit-box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
          box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.fill-current{
  fill:currentColor
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-transparent{
  color:transparent
}

.text-black{
  --text-opacity:1;
  color:#000000;
  color:rgba(0, 0, 0, var(--text-opacity))
}

.text-white{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.text-gray-500{
  --text-opacity:1;
  color:#6b7280;
  color:rgba(107, 114, 128, var(--text-opacity))
}

.text-gray-600{
  --text-opacity:1;
  color:#4b5563;
  color:rgba(75, 85, 99, var(--text-opacity))
}

.text-gray-700{
  --text-opacity:1;
  color:#374151;
  color:rgba(55, 65, 81, var(--text-opacity))
}

.text-gray-800{
  --text-opacity:1;
  color:#252f3f;
  color:rgba(37, 47, 63, var(--text-opacity))
}

.text-gray-900{
  --text-opacity:1;
  color:#161e2e;
  color:rgba(22, 30, 46, var(--text-opacity))
}

.text-red-500{
  --text-opacity:1;
  color:#f05252;
  color:rgba(240, 82, 82, var(--text-opacity))
}

.text-red-600{
  --text-opacity:1;
  color:#e02424;
  color:rgba(224, 36, 36, var(--text-opacity))
}

.text-green-500{
  --text-opacity:1;
  color:#0e9f6e;
  color:rgba(14, 159, 110, var(--text-opacity))
}

.text-blue-500{
  --text-opacity:1;
  color:#3f83f8;
  color:rgba(63, 131, 248, var(--text-opacity))
}

.text-blue-600{
  --text-opacity:1;
  color:#1c64f2;
  color:rgba(28, 100, 242, var(--text-opacity))
}

.text-readinow-green{
  --text-opacity:1;
  color:#00bca5;
  color:rgba(0, 188, 165, var(--text-opacity))
}

.text-grayscale-400{
  --text-opacity:1;
  color:#bdbdbd;
  color:rgba(189, 189, 189, var(--text-opacity))
}

.text-grayscale-500{
  --text-opacity:1;
  color:#9e9e9e;
  color:rgba(158, 158, 158, var(--text-opacity))
}

.text-grayscale-600{
  --text-opacity:1;
  color:#757575;
  color:rgba(117, 117, 117, var(--text-opacity))
}

.text-grayscale-700{
  --text-opacity:1;
  color:#616161;
  color:rgba(97, 97, 97, var(--text-opacity))
}

.hover\:text-white:hover{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.italic{
  font-style:italic
}

.uppercase{
  text-transform:uppercase
}

.lowercase{
  text-transform:lowercase
}

.capitalize{
  text-transform:capitalize
}

.underline{
  text-decoration:underline
}

.line-through{
  text-decoration:line-through
}

.no-underline{
  text-decoration:none
}

.hover\:underline:hover{
  text-decoration:underline
}

.ordinal{
  --font-variant-numeric-ordinal:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction:var(--tailwind-empty,/*!*/ /*!*/);
  font-variant-numeric:var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)
}

.ordinal{
  --font-variant-numeric-ordinal:ordinal
}

.tracking-wide{
  letter-spacing:0.025em
}

.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.align-top{
  vertical-align:top
}

.align-middle{
  vertical-align:middle
}

.visible{
  visibility:visible
}

.whitespace-no-wrap{
  white-space:nowrap
}

.whitespace-pre-wrap{
  white-space:pre-wrap
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.w-0{
  width:0
}

.w-3{
  width:0.75rem
}

.w-4{
  width:1rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-8{
  width:2rem
}

.w-9{
  width:2.25rem
}

.w-10{
  width:2.5rem
}

.w-16{
  width:4rem
}

.w-24{
  width:6rem
}

.w-32{
  width:8rem
}

.w-48{
  width:12rem
}

.w-56{
  width:14rem
}

.w-64{
  width:16rem
}

.w-96{
  width:24rem
}

.w-auto{
  width:auto
}

.w-1\/3{
  width:33.333333%
}

.w-1\/5{
  width:20%
}

.w-2\/5{
  width:40%
}

.w-6\/12{
  width:50%
}

.w-full{
  width:100%
}

.z-10{
  z-index:10
}

.z-50{
  z-index:50
}

.gap-2{
  grid-gap:0.5rem;
  gap:0.5rem
}

.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;
  -webkit-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));
          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))
}

.transition{
  -webkit-transition-property:background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
  transition-property:background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform
}

.transition-colors{
  -webkit-transition-property:background-color, border-color, color, fill, stroke;
  transition-property:background-color, border-color, color, fill, stroke
}

.transition-opacity{
  -webkit-transition-property:opacity;
  transition-property:opacity
}

.ease-in{
  -webkit-transition-timing-function:cubic-bezier(0.4, 0, 1, 1);
          transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
}

.ease-out{
  -webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.ease-in-out{
  -webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.duration-100{
  -webkit-transition-duration:100ms;
          transition-duration:100ms
}

.duration-150{
  -webkit-transition-duration:150ms;
          transition-duration:150ms
}

@-webkit-keyframes spin{
  to{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg)
  }
}

@keyframes spin{
  to{
    -webkit-transform:rotate(360deg);
            transform:rotate(360deg)
  }
}

@keyframes ping{
  75%, 100%{
    -webkit-transform:scale(2);
            transform:scale(2);
    opacity:0
  }
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

@keyframes bounce{
  0%, 100%{
    -webkit-transform:translateY(-25%);
            transform:translateY(-25%);
    -webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);
            animation-timing-function:cubic-bezier(0.8,0,1,1)
  }

  50%{
    -webkit-transform:none;
            transform:none;
    -webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
            animation-timing-function:cubic-bezier(0,0,0.2,1)
  }
}

.animate-spin{
  -webkit-animation:spin 1s linear infinite;
          animation:spin 1s linear infinite
}

@media (min-width: 640px){

  .sm\:p-0{
    padding:0
  }
}

@media (min-width: 768px){

  .md\:rounded{
    border-radius:0.25rem
  }

  .md\:border{
    border-width:1px
  }

  .md\:block{
    display:block
  }

  .md\:flex-row{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row
  }

  .md\:flex-wrap{
    -ms-flex-wrap:wrap;
        flex-wrap:wrap
  }

  .md\:p-16{
    padding:4rem
  }

  .md\:absolute{
    position:absolute
  }

  .md\:inset-auto{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto
  }

  .md\:top-0{
    top:0
  }

  .md\:right-0{
    right:0
  }

  .md\:bottom-0{
    bottom:0
  }

  .md\:shadow{
    -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
  }

  .md\:w-1\/2{
    width:50%
  }

  .md\:w-2\/5{
    width:40%
  }
}

@media (min-width: 1280px){

  .xl\:w-1\/3{
    width:33.333333%
  }
}