@charset "UTF-8";
/* We need to override trix.css’s image gallery styles to accommodate the
  <action-text-attachment> element we wrap around attachments. Otherwise,
  images in galleries will be squished by the max-width: 33%; rule.
*/

.link_to_embed {
  white-space: normal;
  margin-top: 1rem;
}

@media (min-width: 768px){

.link_to_embed{
margin-left: 1rem;
}
}

.link_to_embed [data-behavior='embed_url']{
display: block;
}

@media (min-width: 768px){

.link_to_embed [data-behavior='embed_url']{
margin-left: 0.75rem;
display: inline-block;
}
}

.trix-content img {
    display: inline-block;
    max-width: 100%;
    height: auto;
  }

.trix-content .attachment-gallery > action-text-attachment,
    .trix-content .attachment-gallery > .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%;
    }

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
      .trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
      .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
      .trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
        flex-basis: 50%;
        max-width: 50%;
      }

.trix-content .embed {
    display: inline-block;
    line-height: 1;
    margin: 1em 0 !important;
    padding: 0 !important;
    width: 100%;
  }

.trix-content iframe, .trix-content twitter-widget {
    display: inline-block !important;
  }
/* Trix attachment formatting */

.attachment--preview {
  margin: 0.6em 0;
  text-align: center;
  width: 100%;
}
/* Tribute styles */

.tribute-container {
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 0 4px rgba(0,0,0,0.1), 0 5px 20px rgba(0,0,0,0.05);
}

.tribute-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

.tribute-container li {
    background: #fff;
    padding: 0.2em 1em;
    min-width: 15em;
    max-width: 100%;
  }

.tribute-container .highlight{
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
    color: #fff;
}

.tribute-container .highlight span {
      font-weight: bold;
    }
/* Tweet embeds */

blockquote.twitter-tweet {
    display: inline-block;
    font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    margin: 10px 5px;
    padding: 0 16px 16px;
    max-width: 468px
}

blockquote.twitter-tweet p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px
}

blockquote.twitter-tweet a {
    color: inherit;
    font-weight: normal;
    text-decoration: none;
    outline: 0 none
}

blockquote.twitter-tweet a:hover,blockquote.twitter-tweet a:focus {
    text-decoration: underline
}

blockquote.twitter-tweet {
    position: relative;
    background: white;
    padding: 72px 20px 28px !important;
    box-shadow: none;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    margin: 0;
    font-style: normal;
    text-align: left;
    width: 500px;
    max-width: 100%
}

@media (max-width: 369px) {
    blockquote.twitter-tweet {
        padding:60px 17.5px 21.5px !important
    }
}

blockquote.twitter-tweet:before {
    content: 'Follow';
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5.5px 12px 6.5px 33px;
    background: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.89 7.012c.808-.496 1.343-1.173 1.605-2.034-.786.417-1.569.703-2.351.861-.703-.756-1.593-1.14-2.66-1.14-1.043 0-1.924.366-2.643 1.078-.715.717-1.076 1.588-1.076 2.605 0 .309.039.585.117.819-3.076-.105-5.622-1.381-7.628-3.837-.34.601-.51 1.213-.51 1.846 0 1.301.549 2.332 1.645 3.089-.625-.053-1.176-.211-1.645-.47 0 .929.273 1.705.82 2.388.549.676 1.254 1.107 2.115 1.291-.312.08-.641.118-.979.118-.312 0-.533-.026-.664-.083.23.757.664 1.371 1.291 1.841.625.472 1.344.721 2.152.743-1.332 1.045-2.855 1.562-4.578 1.562-.422 0-.721-.006-.902-.038 1.697 1.102 3.586 1.649 5.676 1.649 2.139 0 4.029-.542 5.674-1.626 1.645-1.078 2.859-2.408 3.639-3.974.784-1.564 1.172-3.192 1.172-4.892v-.468c.758-.57 1.371-1.212 1.84-1.921-.68.293-1.383.492-2.11.593z' fill='%23ccc'/%3E%3C/svg%3E") 9px center no-repeat;
    background-size: 21px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #ccc;
    font-size: 14px
}

@media (max-width: 369px) {
    blockquote.twitter-tweet:before {
        display:none
    }
}

blockquote.twitter-tweet:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    width: 36px;
    height: 36px;
    background: #eee url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 12c2.21 0 4-1.795 4-4 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 2.205 1.79 4 4 4zm0 2c-2.665 0-8 1.335-8 4v2h16v-2c0-2.665-5.335-4-8-4z' fill='%23444'/%3E%3C/svg%3E") center center no-repeat;
    border-radius: 4px
}

@media (max-width: 369px) {
    blockquote.twitter-tweet:after {
        top:17.5px;
        left: 17.5px
    }
}

blockquote.twitter-tweet p {
    white-space: pre-wrap;
    margin: 0 0 28px
}

@media (max-width: 369px) {
    blockquote.twitter-tweet p {
        font-size:14px;
        margin-bottom: 16px
    }
}

blockquote.twitter-tweet a {
    border: 0;
    box-shadow: none;
    color: #2b7bb9
}

blockquote.twitter-tweet>a {
    color: #888
}

.alert{
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
padding: 1rem;
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.alert svg{
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.alert.alert-info{
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.alert.alert-info svg{
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.alert.alert-success{
--tw-bg-opacity: 1;
background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.alert.alert-success svg{
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.alert.alert-error{
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.alert.alert-error svg{
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.alert.alert-warning{
--tw-bg-opacity: 1;
background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.alert.alert-warning svg{
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.alert a{
font-weight: 600;
}

.notice{
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}

.notice.notice-info{
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.notice.notice-info svg{
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.notice.notice-success{
--tw-bg-opacity: 1;
background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.notice.notice-success svg{
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.notice.notice-error{
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.notice.notice-error svg{
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.notice.notice-warning{
--tw-bg-opacity: 1;
background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.notice.notice-warning svg{
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

.avatar {
  font-size: 13px;
  font-weight: 600;
  position: relative;
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  min-width: 14px;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.avatar .avatar-small {
    position: absolute;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    bottom: 0;
    right: 0;
    box-shadow: 0 0 0 2px #fff;
  }
/* Hotwire's version of data-disable-with */

button                  .when-disabled { display: none; }

button[disabled]        .when-disabled { display: initial; }

button                  .when-enabled { display: initial; }

button[disabled]        .when-enabled { display: none; }

pre{
margin-bottom: 1.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}

pre code.hljs{
border-radius: 0.25rem;
padding: 1rem;
}

.btn-twitter { background: #4099ff; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.btn-github{
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-google_oauth2 {
  background-image: url("/assets/google-signin/btn_google_signin_dark_normal_web-b7562772.png");
  display: inline-block;
  width: 191px;
  height: 46px;
  border: 0px;
}

.btn-google_oauth2:hover {
  background-image: url("/assets/google-signin/btn_google_signin_dark_focus_web-dfc74ae4.png");
  cursor: pointer;
}

.btn-google_oauth2:active {
  background-image: url("/assets/google-signin/btn_google_signin_dark_pressed_web-ee6fd4b0.png");
}

.btn-google_oauth2:disabled {
  background-image: url("/assets/google-signin/btn_google_signin_dark_disabled_web-9b3a70ba.png");
}

.direct-upload {
  display: inline-block;
  position: relative;
  padding: 2px 4px;
  margin: 0 3px 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  font-size: 11px;
  line-height: 13px;
}

.direct-upload--pending {
  opacity: 0.6;
}

.direct-upload__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.2;
  background: #0076ff;
  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
  transform: translate3d(0, 0, 0);
}

.direct-upload--complete .direct-upload__progress {
  opacity: 0.4;
}

.direct-upload--error {
  border-color: red;
}

input[type=file][data-direct-upload-url][disabled] {
  display: none;
}

.docs-main {
  min-height: calc(100vh - 64px);
}

.image-placeholder {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.icon-xs {
  width: 12px;
  height: auto;
}

.icon-sm {
  width: 16px;
  height: auto;
}

.icon {
  width: 20px;
  height: auto;
}

.icon-lg {
  width: 32px;
  height: auto;
}

.icon-xl {
  width: 36px;
  height: auto;
}

.icon-2xl {
  width: 48px;
  height: auto;
}

.icon-3xl {
  width: 64px;
  height: auto;
}
/* A couple handy classes for responsive YouTube and other iframe embeds */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nav-link{
display: block;
white-space: nowrap;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}

.nav-link:hover{
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.nav-link {
  line-height: 30px;
}

.nav-link.active{
font-weight: 600;
}

.nav-link:focus{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .nav-link{
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0.75rem;
display: inline-flex;
    line-height: 40px;
}
}

.dropdown-menu {
  min-width: 100%;
}

@media (min-width: 1024px) {

.dropdown-menu {
    min-width: 200px
}
  }
/* Highlights unseen notifications with background color */

[data-notifications-target="notification"]:not([data-seen-at]){
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

[data-notifications-target="notification"]:not([data-seen-at]):is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
/* Highlights unread notifications with blue dot */

[data-notifications-target="notification"]:not([data-read-at]) [unread]{
display: block;
}
/* Light Jumpstart theme for Pagy's default renderer */

.pagination{
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}

.pagination .page:first-child a, .pagination .page:first-child{
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}

.pagination .page:last-child a, .pagination .page:last-child{
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}

.pagination .disabled, .pagination .gap{
position: relative;
display: block;
border-width: 1px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
text-decoration-line: none;
    margin-left: -1px;
}

.pagination .page.active{
position: relative;
display: block;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
text-decoration-line: none;
      margin-left: -1px;
}

.pagination .page a{
position: relative;
display: block;
border-width: 1px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
text-decoration-line: none;
      margin-left: -1px;
}

.pagination .page a:hover{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.tab-active {
  background: linear-gradient(116deg, #3957F4 22%, #2F87EE 90%);
  border-radius: 4px 4px 0px 0px;
}

.tab-active a{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tab-active a:hover,
    .tab-active a:focus {
      background: linear-gradient(308deg, #3957F4 24%, #2F87EE 80%);
      border-radius: 4px 4px 0px 0px;
      --tw-text-opacity: 1;
      color: rgb(209 213 219 / var(--tw-text-opacity, 1));
    }

trix-editor{
margin-top: 0.25rem;
display: block;
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

trix-editor:focus{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(191 219 254 / 0.5);
}

@media (min-width: 640px){

trix-editor{
font-size: 0.875rem;
line-height: 1.25rem;
}
}

trix-editor {
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

trix-toolbar{
margin-top: 0.25rem;
display: block;
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

trix-toolbar:focus{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(191 219 254 / 0.5);
}

@media (min-width: 640px){

trix-toolbar{
font-size: 0.875rem;
line-height: 1.25rem;
}
}

trix-toolbar {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
}

trix-toolbar * {
  box-sizing: border-box;
}

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

trix-toolbar .trix-button-group {
  display: flex;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.2em;
  height: 2.0em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}

trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}

trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-dialogs {
  position: relative;
}

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

trix-toolbar .trix-button--dialog{
display: inline-flex;
align-items: center;
justify-content: space-between;
border-radius: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
text-decoration-line: none;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

trix-toolbar .trix-button--dialog:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-offset-width: 2px;
}

trix-toolbar .trix-button--dialog {
  height: 32px;
  line-height: 32px;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

trix-toolbar .trix-button--dialog:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

trix-toolbar .trix-button--dialog {
  font-size: inherit;
}

trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
  width: 100%;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group .trix-button--dialog:last-of-type{
margin-left: 0.25rem;
}

@media (max-device-width: 768px) {
  trix-toolbar .trix-dialog__link-fields {
    display: block;
  }

    trix-toolbar .trix-dialog__link-fields .trix-button-group{
margin-top: 0.5rem;
}
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection,
trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection,
trix-editor [data-trix-mutable] ::selection {
  background: none;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}

trix-editor .attachment {
  position: relative;
}

trix-editor .attachment:hover {
  cursor: default;
}

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

trix-editor .trix-button-group {
  display: inline-flex;
}

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

trix-editor .trix-button--remove:hover {
  border-color: #333;
}

trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

trix-editor .attachment__metadata-container {
  position: relative;
}

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content ol,
li {
  list-style-position: initial;
}

.trix-content {
  line-height: 1.5;
}

.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

.trix-content li {
  margin-left: 1em;
}

.trix-content [dir=rtl] li {
  margin-right: 1em;
}

.trix-content pre {
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  white-space: break-spaces;
  background-color: #eee;
  overflow-x: auto;
}

.lastMessage .trix-content pre {
  display: inline;
}

.trix-content img {
  max-width: 100%;
  height: auto;
}

.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

.trix-content .attachment a:hover,
.trix-content .attachment a:visited:hover {
  color: inherit;
}

.trix-content .attachment__caption {
  text-align: center;
}

.trix-content .attachment__caption .attachment__name+.attachment__size::before {
  content: ' · ';
}

.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;

}

.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;

}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment,
.trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
/*
Preserve some space when user types empty lines.

If a user types:

    Hello there!\n
    \n
    How are you doing?\n

(Newline characters written out for clarity.)

The rich-text editor generates the HTML:

    <p>Hello there!</p>
    <p></p>
    <p>How are you doing?</p>

We want to render some spacing for that blank line in the middle.

The CSS selector is a bit complex. It selects non-empty lines immediately after an empty line, and
which also have another non-empty line before it. This is to support tricky edge cases, like a user
adding a bunch of empty lines before, after or in-between lines, like:

    \n
    \n
    first\n
    \n
    \n
    \n
    this is\n
    tricky\n
    \n
    \n
    last\n
    \n
    \n

This CSS selector will only add space before the "this is" and "last" lines, but not between the
"this is" and "tricky" lines, nor before the "first" or after the "last" line.
*/

.trix-content *:not(:empty) ~ p:empty + *:not(:empty) {
  margin-top: 1em;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.transition {
  transition: ease-in-out 0.2s all;
}
/* Chrome, Safari and Opera */

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.leading-actions {
  display: flex;
}

.leading-actions > * {
  width: 0;
  overflow-x: hidden;
}

.swipeable-list {
  flex: 1;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.swipeable-list-item {
  position: relative;
  transition: max-height 0.5s ease-in-out;
  max-height: 1000px;
  transform-origin: top;
  overflow: hidden;
  width: 100%;
}

.swipeable-list-item--remove {
  max-height: 0;
  transition: max-height 0.35s ease-out;
}

.swipeable-list-item__content {
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  display: flex;
}

.swipeable-list-item__content--return {
  transition: transform 0.5s ease-in-out;
}

@keyframes content-return-leading-ms {
  20% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.swipeable-list-item__content--return-leading-ms {
  animation-duration: 0.5s;
  animation-name: content-return-leading-ms;
  animation-timing-function: linear;
}

@keyframes content-return-trailing-ms {
  20% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.swipeable-list-item__content--return-trailing-ms {
  animation-duration: 0.5s;
  animation-name: content-return-trailing-ms;
  animation-timing-function: linear;
}

.swipeable-list-item__content--remove {
  transition: transform 0.5s ease-in-out;
}

.swipeable-list-item__leading-actions {
  position: absolute;
  display: flex;
  width: 0px;
  overflow: hidden;
  height: 100%;
}

.swipeable-list-item__leading-actions--return {
  transition: width 0.5s ease-in-out;
}

@keyframes actions-return-ms {
  20% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

.swipeable-list-item__actions--return-ms {
  animation-duration: 0.5s;
  animation-name: actions-return-ms;
  animation-timing-function: linear;
}

.swipeable-list-item__leading-actions > * {
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  transform: scale(1);
  transform-origin: center left;
  transition: transform 0.2s ease-out;
}

.swipeable-list-item__trailing-actions {
  display: flex;
  width: 0px;
  position: absolute;
  right: 0;
  top: 0;
  justify-content: flex-end;
  overflow: hidden;
  height: 100%;
}

.swipeable-list-item__trailing-actions--return {
  transition: width 0.5s ease-in-out;
}

.swipeable-list-item__trailing-actions > * {
  overflow: hidden;
  transform: scale(1);
  transform-origin: center right;
  transition: transform 0.2s ease-out;
}

.swipeable-list-item__leading-actions--scaled > * {
  transform: scale(1.2);
  transform-origin: center left;
  transition: transform 0.2s ease-in;
}

.swipeable-list-item__trailing-actions--scaled > * {
  transform: scale(1.2);
  transform-origin: center right;
  transition: transform 0.2s ease-in;
}

.swipe-action {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.swipe-action > * {
  flex: 1;
}

.swipe-action__grayed > * {
  background-color: gray !important;
}

.swipe-action__leading > * {
  justify-content: flex-start;
}

.swipe-action__trailing > * {
  justify-content: flex-end;
}

.swipe-action__leading--full-swipe-rest,
.swipe-action__trailing--full-swipe-rest {
  width: 0;
  transition: width 0.2s;
}

.swipe-action__leading--full-swipe-main > * {
  justify-content: flex-end;
}

.swipe-action__trailing--full-swipe-main > * {
  justify-content: flex-start;
}

.trailing-actions {
  display: flex;
}

.trailing-actions > * {
  width: 0;
  overflow-x: hidden;
}

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}

[data-tippy-root]{max-width:calc(100vw - 10px)}

.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}

.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}

.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}

.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}

.tippy-box[data-placement^=left]>.tippy-arrow{right:0}

.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}

.tippy-box[data-placement^=right]>.tippy-arrow{left:0}

.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}

.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}

.tippy-arrow{width:16px;height:16px;color:#333}

.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}

.tippy-content{position:relative;padding:5px 9px;z-index:1}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}

.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}

.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}

@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}

@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}

.ss-hide{display:none !important}

.ss-main{display:flex;flex-direction:row;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}

.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}

.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}

.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}

.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}

.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}

.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}

.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ss-main .ss-values .ss-max{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}

.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}

.ss-main .ss-values .ss-value{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;width:-moz-fit-content;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}

.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}

.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}

.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}

.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}

.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}

.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}

.ss-main .ss-deselect svg{width:8px;height:8px}

.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}

.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}

.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}

.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}

.ss-content.ss-relative{position:relative;height:100%}

.ss-content.ss-fixed{position:fixed}

.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}

.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}

.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}

.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}

.ss-content .ss-search input::-moz-placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}

.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}

.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}

.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}

.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}

.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}

.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}

.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}

.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}

.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}

.ss-content .ss-list .ss-option{display:block;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}

.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}

.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}

.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}

.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}
/*# sourceMappingURL=slimselect.css.map */

.width-available {
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}

.overflow-anchor-none {
  overflow-anchor: none
}

.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.hidden-menu-image {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-touch-callout: none;
}

.hidden-menu-image img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.max-lines-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

.max-lines-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

.max-lines-6 {
  -webkit-line-clamp: 6;
}

.w-256 {
  width: 16rem;
}

.max-w-256 {
  max-width: 16rem;
}

.max-h-500 {
  max-height: 32rem;
}

.tail-icon {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  margin-left: 1rem;
}

.tail-icon::before {
  content: "\200B";
}

.flip-horizontal {
  transform: scale(-1, 1);
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tasks-v1-banner-bg {
  background: #FFF1BD;
  color: #362C13;
}

.today_icon path {
  fill: #10B981;
}

.temporary-count {
  animation-iteration-count: 5;
}

.reminder-link a {
  color: #59D5F8 !important;
}

.task-description p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
}

.highlight-result b {
  font-weight: 700;
  background-color: #FCE691;
}
/** This is a bug fix related to the input in Material UI + Tailwind */

input {
  --tw-ring-shadow: 0 0 #000 !important;
}

textarea:focus {
  --tw-ring-shadow: 0 0 #000 !important;
}

blockquote {
  border-left: 4px solid #e2e8f0;
  padding-left: 1rem;
  margin-left: 0;
  margin-right: 0;
}

.text-input-wrapper textarea{
  max-height: 100% !important;
  overflow: auto !important;
}

.text-input-wrapper p{
  margin: .5rem 0 !important;
}

.audio-recorder-svg-color {
  filter: invert(28%) sepia(90%) saturate(1407%) hue-rotate(163deg) brightness(99%) contrast(101%);
}

.audio-recorder {
  display: flex;
  background-color: transparent !important;
  box-shadow: none !important;
  flex: 1;
  width: 100%;
}

.audio-recorder.audio-recorder-visualizer {
  flex: 1;
  width: 100%;
}

.voice-visualizer__canvas-container > canvas {
  width: 100% !important;
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */

.react-flow {
  direction: ltr;
}

.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.react-flow__pane {
  z-index: 1;
  cursor: grab;
}

.react-flow__pane.selection {
    cursor: pointer;
  }

.react-flow__pane.dragging {
    cursor: grabbing;
  }

.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}

.react-flow__renderer {
  z-index: 4;
}

.react-flow__selection {
  z-index: 6;
}

.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}

.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}

.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}

.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}

.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }

.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }

.react-flow__edge.inactive {
    pointer-events: none;
  }

.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }

.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }

.react-flow__edge-textwrapper {
    pointer-events: all;
  }

.react-flow__edge-textbg {
    fill: white;
  }

.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.react-flow__connection {
  pointer-events: none;
}

.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }

.react-flow__connectionline {
  z-index: 1001;
}

.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}

.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: grab;
}

.react-flow__node.dragging {
    cursor: grabbing;
  }

.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}

.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }

.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}

.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }

.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }

.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }

.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }

.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }

.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}

.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}

.react-flow__panel.top {
    top: 0;
  }

.react-flow__panel.bottom {
    bottom: 0;
  }

.react-flow__panel.left {
    left: 0;
  }

.react-flow__panel.right {
    right: 0;
  }

.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }

.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}

.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }

@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}

.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }

.react-flow__edge-text {
    font-size: 10px;
  }

.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }

.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}

.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }

.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }

.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}

.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}

.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }

.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}

.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }

.react-flow__controls-button:hover {
      background: #f4f4f4;
    }

.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }

.react-flow__controls-button:disabled {
      pointer-events: none;
    }

.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }

.react-flow__minimap {
  background-color: #fff;
}

.react-flow__minimap svg {
  display: block;
}

.react-flow__resize-control {
  position: absolute;
}

.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}

.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}

.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}

.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */

.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}

.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}

.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}

.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}

.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}

.react-flow__resize-control.handle.top.left {
  left: 0;
}

.react-flow__resize-control.handle.bottom.left {
  left: 0;
}

.react-flow__resize-control.handle.top.right {
  left: 100%;
}

.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */

.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}

.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}

.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}

.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}

.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}

.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}

.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

.validationflow .react-flow__node {
  max-width: 350px;
  max-height: 200px;
  border-radius: 5px;
  padding: 10px;
  color: #555;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 12px;
}

.validationflow .react-flow__node-customnode {
  max-height: 200px;
  background: #e6e6e9;
  border: 1px solid #ddd;
}

.react-flow__node-custominput .react-flow__handle {
  background: #e6e6e9;
}

.validationflow .react-flow__node-custominput {
  background: #fff;

}

.validationflow .react-flow__handle-connecting {
  background: #ff6060;
}

.validationflow .react-flow__handle-valid {
  background: #55dd99;
}

.react-flow__attribution {
  display: none !important;
}

g.react-flow__edge.selected > path.react-flow__edge-path {
  stroke: #3a879b !important;
}

g.react-flow__edge.selected.animated > path.react-flow__edge-path {
  stroke: black !important;
}
/*we add the class .show-scrollbar to show scrollbar for users that needs it  */

.show-scrollbar .scrollbar-hide::-webkit-scrollbar {
  display: flex;
  width: .5rem;
  height: .5rem;
}

.show-scrollbar .scrollbar-hide{
  -ms-overflow-style: auto;  /* IE and Edge */
  scrollbar-width: thin;  /* Firefox */
}

.show-scrollbar .scrollbar-hide::-webkit-scrollbar-track {
  background: #fafafa;
  border: 1px solid #e8e8e8;
}

.show-scrollbar .scrollbar-hide::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 20px;
}
/* For Webkit-based browsers (Chrome, Safari and Opera) */

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
/* For IE, Edge and Firefox */

.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 2;
  box-sizing: border-box;
  background-color: #f9fdff;
  width: 100%;
}

.toolbarButtonWrapper {
  display: inline-block;
}

.toolbarButton {
  border: 0;
  vertical-align: bottom;
  border-radius: 4px;
}

.toolbarButton svg {
  fill: #757779;
}

.toolbarButton:hover {
  background-color: #EBF5F7;
}

.toolbarButtonActive {
  background-color: #B2EBFF !important;
}

.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}

.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}

.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}

.tiptap {
  --tiptap-background-color: var(--white);
  --tiptap-color: var(--black);
  --tiptap-placeholder-color: var(--gray-4);
  --tiptap-selection-background: var(--primary-light);
  --tiptap-selection-color: var(--black);
  --tiptap-code-background: var(--purple-light);
  --tiptap-code-color: var(--black);
  --tiptap-code-font-size: 0.85rem;
  --tiptap-code-padding: 0.25em 0.3em;
  --tiptap-pre-background: var(--black);
  --tiptap-pre-color: var(--white);
  --tiptap-pre-font-family: 'JetBrainsMono', monospace;
  --tiptap-pre-font-size: 0.8rem;
  --tiptap-pre-padding: 0.75rem 1rem;
  --tiptap-blockquote-border-left: 3px solid var(--gray-3);
  --tiptap-blockquote-padding-left: 1rem;
  --tiptap-hr-border-top: 1px solid var(--gray-2);
  --tiptap-hr-margin: 2rem 0;
}

.tiptap :first-child {
  margin-top: 0;
}

.tiptap ol {
  padding: 0 2rem;
  list-style-position: inherit !important;
}

.tiptap ul {
  padding: 0 2rem;
  list-style-position: inherit !important;
}

.trix-content li {
  margin-left: 2rem !important;
}

.tiptap h1,
.tiptap h2,
.tiptap h3,
.tiptap h4,
.tiptap h5,
.tiptap h6 {
  line-height: 1.1;
  margin-top: 2.5rem;
  text-wrap: pretty;
}

.tiptap h1,
.tiptap h2 {
  margin-top: 3.5rem;
  margin-bottom: 1.5rem;
}

.tiptap h1 {
  font-size: 1.4rem;
}

.tiptap h2 {
  font-size: 1.2rem;
}

.tiptap h3 {
  font-size: 1.1rem;
}

.tiptap h4,
.tiptap h5,
.tiptap h6 {
  font-size: 1rem;
}

.tiptap code {
  background-color: var(--tiptap-code-background);
  border-radius: 0.4rem;
  color: var(--tiptap-code-color);
  font-size: var(--tiptap-code-font-size);
}

.tiptap pre {
  background: var(--tiptap-pre-background);
  border-radius: 0.5rem;
  color: var(--tiptap-pre-color);
  font-family: var(--tiptap-pre-font-family);
  font-size: var(--tiptap-pre-font-size);
  margin-bottom: 0 !important;
}

.tiptap pre code {
  background: none;
  color: inherit;
  font-size: var(--tiptap-pre-font-size);
  padding: 0;
}

.tiptap blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

.tiptap hr {
  border: none;
  border-top: var(--tiptap-hr-border-top);
  margin: var(--tiptap-hr-margin);
}

.dropdown-menu {
  background-color: var(--white);
  border: 1px solid var(--gray-1);
  border-radius: 0.7rem;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  overflow: auto;
  padding: 0.4rem;
  position: relative;
}

.dropdown-menu button {
  align-items: center;
  background-color: transparent;
  display: flex;
  gap: 0.25rem;
  text-align: left;
  width: 100%;
}

.dropdown-menu button:hover,
.dropdown-menu button:hover.is-selected {
  background-color: var(--gray-3);
}

.dropdown-menu button.is-selected {
  background-color: var(--gray-2);
}

.full-editor > .tiptap {
  height: 100%;
}

.tiptap p.is-editor-empty:first-child::before{
color: #c5c7c8ff;
--tw-content: attr(data-placeholder);
content: var(--tw-content);
float: left;
pointer-events: none;
height: 0px;
}

.ProseMirror-selectednode {
  border: .25rem solid rgb(72, 112, 243);
  border-radius: .5rem;
}

.ProseMirror-selectednode img {
  border-radius: .5rem;
}

.tiptap .ProseMirror-gapcursor{
  position: relative;
  margin: 1rem 0;
}

.tiptap .ProseMirror-gapcursor:after{
  position: relative;
  top:0;
  transform: rotate(90deg);
}

*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}

::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select{
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}

input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
color: #6b7280;
opacity: 1;
}

input::placeholder,textarea::placeholder{
color: #6b7280;
opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}

::-webkit-date-and-time-value{
min-height: 1.5em;
text-align: inherit;
}

::-webkit-datetime-edit{
display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
padding-top: 0;
padding-bottom: 0;
}

select{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
        print-color-adjust: exact;
}

select:where([multiple]),select:where([size]:not([size="1"])){
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
        print-color-adjust: unset;
}

input:where([type='checkbox']),input:where([type='radio']){
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
        print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
        user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}

input:where([type='checkbox']){
border-radius: 0px;
}

input:where([type='radio']){
border-radius: 100%;
}

input:where([type='checkbox']):focus,input:where([type='radio']):focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

input:where([type='checkbox']):checked,input:where([type='radio']):checked{
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}

input:where([type='checkbox']):checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

input:where([type='checkbox']):checked{
-webkit-appearance: auto;
   -moz-appearance: auto;
        appearance: auto;
}
}

input:where([type='radio']):checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

input:where([type='radio']):checked{
-webkit-appearance: auto;
   -moz-appearance: auto;
        appearance: auto;
}
}

input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{
border-color: transparent;
background-color: currentColor;
}

input:where([type='checkbox']):indeterminate{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}

@media (forced-colors: active) {

input:where([type='checkbox']):indeterminate{
-webkit-appearance: auto;
   -moz-appearance: auto;
        appearance: auto;
}
}

input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}

input:where([type='file']){
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}

input:where([type='file']):focus{
outline: 1px solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}

.main {
  flex: 1;
}
/* This style should go into react app specific styling. Probably removing the body:has(#root) */

body:has(#root) a:not([class^="Mui"]){
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

body:has(#root) a:not([class^="Mui"]):hover,
  body:has(#root) a:not([class^="Mui"]):focus{
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));

    transform: none;
}
/* When we move the above style to react app specific styling, we should change the main
selector to just `a` */

body:not(:has(#root)) a:not([class]){
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

body:not(:has(#root)) a:not([class]):hover,
  body:not(:has(#root)) a:not([class]):focus{
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));

    transform: none;
}

ul{
list-style-position: inside;
list-style-type: disc;
}

ol{
list-style-position: inside;
list-style-type: decimal;
}

.table{
width: 100%;
}

.table th, .table td{
vertical-align: top;
}

.announcement-new{
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.announcement-fix{
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.announcement-update{
--tw-bg-opacity: 1;
background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.announcement-improvement{
--tw-bg-opacity: 1;
background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.unread-announcements span:before{
margin-right: 0.375rem;
display: inline-block;
height: 0.5rem;
width: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
--tw-content: '';
content: var(--tw-content);
}

h1,
.h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.025em;

}

h2,
.h2 {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.25;
}

h3,
.h3 {
  font-size: 1.5rem;
}


.\!h3 {
  font-size: 1.5rem !important;
}

h3,
.h3{
font-weight: 700;
line-height: 1.5;
}


.\!h3{
font-weight: 700;
line-height: 1.5;
}

h4,
.h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}

h5,
.h5{
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.025em;
}

.\!link{
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.link{
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.\!link:hover,
  .\!link:focus{
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.link:hover,
  .link:focus{
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.\!link:hover,
  .\!link:focus{
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.\!container{
width: 100% !important;
}

.container{
width: 100%;
}

@media (min-width: 640px){

.\!container{
max-width: 640px !important;
}

.container{
max-width: 640px;
}
}

@media (min-width: 768px){

.\!container{
max-width: 768px !important;
}

.container{
max-width: 768px;
}
}

@media (min-width: 1024px){

.\!container{
max-width: 1024px !important;
}

.container{
max-width: 1024px;
}
}

@media (min-width: 1280px){

.\!container{
max-width: 1280px !important;
}

.container{
max-width: 1280px;
}
}

@media (min-width: 1536px){

.\!container{
max-width: 1536px !important;
}

.container{
max-width: 1536px;
}
}

.form-checkbox,.form-radio{
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
        print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
        user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}

.form-checkbox{
border-radius: 0px;
}

.form-checkbox:focus,.form-radio:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.form-checkbox:checked,.form-radio:checked{
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}

.form-checkbox:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

.form-checkbox:checked{
-webkit-appearance: auto;
   -moz-appearance: auto;
        appearance: auto;
}
}

.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{
border-color: transparent;
background-color: currentColor;
}

.form-checkbox:indeterminate{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}

@media (forced-colors: active) {

.form-checkbox:indeterminate{
-webkit-appearance: auto;
   -moz-appearance: auto;
        appearance: auto;
}
}

.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}

.prose{
color: var(--tw-prose-body);
max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-bold);
font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
font-weight: 400;
color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-inline-start-width: 0.25rem;
border-inline-start-color: var(--tw-prose-quote-borders);
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 900;
color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 800;
color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 700;
color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
display: block;
margin-top: 2em;
margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-inline-end: 0.375em;
padding-bottom: 0.1875em;
padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-inline-end: 1.1428571em;
padding-bottom: 0.8571429em;
padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
width: 100%;
table-layout: auto;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}

.prose{
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.5em;
margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.75em;
margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 1.25em;
margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0.5em;
padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-top: 0.5714286em;
padding-inline-end: 0.5714286em;
padding-bottom: 0.5714286em;
padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 2em;
margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
margin-bottom: 0;
}

.btn{
display: inline-flex;
align-items: center;
justify-content: space-between;
border-radius: 0.25rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 600;
text-decoration-line: none;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-offset-width: 2px;
}

.btn {

    height: 40px;
    line-height: 40px;
    transition: ease 0.3s background, ease 0.3s transform, ease 0.2s color;
  }

.btn:hover,
    .btn:focus{
cursor: pointer;
}

.btn:disabled{
cursor: not-allowed;
opacity: 0.75;
}

.btn-small{
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;

    height: 32px;
    line-height: 32px;
}

.btn-large{
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1rem;
line-height: 1.5rem;

    height: 48px;
    line-height: 48px;
}

.btn-primary{
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-primary:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.btn-primary:hover,
    .btn-primary:focus{
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-primary.outline{
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
outline-width: 1px;
}

.btn-primary.outline:hover,
      .btn-primary.outline:focus{
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-secondary{
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-secondary:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}

.btn-secondary:hover,
    .btn-secondary:focus{
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-secondary.outline{
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
outline-width: 1px;
}

.btn-secondary.outline:hover,
      .btn-secondary.outline:focus{
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-tertiary{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-tertiary:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}

.btn-tertiary:hover,
    .btn-tertiary:focus{
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-tertiary.outline{
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
outline-width: 1px;
}

.btn-tertiary.outline:hover,
      .btn-tertiary.outline:focus{
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-danger{
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-danger:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.btn-danger:hover,
    .btn-danger:focus{
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-danger.outline{
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
outline-width: 1px;
}

.btn-danger.outline:hover,
      .btn-danger.outline:focus{
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-light-gray{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.btn-light-gray:hover{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.btn-light-gray:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}

.btn-white{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.btn-white:hover{
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.btn-white:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.btn-white.primary{
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.btn-white.secondary{
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.btn-white.\!secondary{
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.btn-white.tertiary{
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.btn-white.gray{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.btn-link{
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-link:hover,
    .btn-link:focus{
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));

      transform: none;
}

.btn-expanded, .btn-block{
display: block;
width: 100%;
}

.form-group{
position: relative;
margin-bottom: 1.5rem;
}
/* non-input elements (like the Stripe card form) can be styled to look like an input */

div.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-width: 1px;
  padding-top: .5rem;
  padding-right: .75rem;
  padding-bottom: .5rem;
  padding-left: .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.form-control{
margin-top: 0.25rem;
display: block;
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-control:focus{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(191 219 254 / 0.5);
}

@media (min-width: 640px){

.form-control{
font-size: 0.875rem;
line-height: 1.25rem;
}
}

.form-control[disabled]{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.form-control.error{
--tw-border-opacity: 1;
border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.form-control.\!error{
--tw-border-opacity: 1;
border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

@media (min-width: 640px){

select{
font-size: 0.875rem;
line-height: 1.25rem;
}
}

select:not([multiple]){
margin-top: 0.25rem;
display: block;
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

select:not([multiple]):focus{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(191 219 254 / 0.5);
}

select:not([multiple])[disabled]{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

select[multiple]{
margin-top: 0.25rem;
display: block;
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

select[multiple]:focus{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(191 219 254 / 0.5);
}

select[multiple][disabled]{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

label,
.label{
margin-bottom: 0.25rem;
display: block;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}


.\!label{
margin-bottom: 0.25rem;
display: block;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.form-hint.\!error{
margin-top: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-style: italic;
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.form-hint.error{
margin-top: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-style: italic;
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.caret{
pointer-events: none;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
display: flex;
align-items: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.\!form.inline .form-group{
display: flex;
align-items: center;
justify-content: flex-start;
}

.form.inline .form-group{
display: flex;
align-items: center;
justify-content: flex-start;
}

.\!form.inline .form-group .input{
flex: 1 1 0%;
}

.form.inline .form-group .input{
flex: 1 1 0%;
}

.form.inline .form-group .\!input{
flex: 1 1 0%;
}

.\!form.inline .form-group .label{
width: 25%;
}

.form.inline .form-group .label{
width: 25%;
}

.form.inline .form-group .\!label{
width: 25%;
}
/* Fix flatpickr */

.form-checkbox{
border-radius: 0.25rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-checkbox:focus{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(191 219 254 / 0.5);
}

.form-checkbox[disabled]{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

[type='checkbox']{
border-radius: 0.25rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[type='checkbox']:focus{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-color: rgb(191 219 254 / 0.5);
}

[type='checkbox'][disabled]{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.sr-only{
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border-width: 0 !important;
}

.pointer-events-none{
pointer-events: none !important;
}

.visible{
visibility: visible !important;
}

.invisible{
visibility: hidden !important;
}

.collapse{
visibility: collapse !important;
}

.static{
position: static !important;
}

.fixed{
position: fixed !important;
}

.absolute{
position: absolute !important;
}

.relative{
position: relative !important;
}

.sticky{
position: sticky !important;
}

.inset-0{
inset: 0px !important;
}

.-bottom-3{
bottom: -0.75rem !important;
}

.-left-2{
left: -0.5rem !important;
}

.-right-2{
right: -0.5rem !important;
}

.-top-2{
top: -0.5rem !important;
}

.-top-28{
top: -7rem !important;
}

.-top-3{
top: -0.75rem !important;
}

.-top-6{
top: -1.5rem !important;
}

.-top-8{
top: -2rem !important;
}

.bottom-0{
bottom: 0px !important;
}

.bottom-2{
bottom: 0.5rem !important;
}

.bottom-20{
bottom: 5rem !important;
}

.bottom-24{
bottom: 6rem !important;
}

.bottom-4{
bottom: 1rem !important;
}

.bottom-5{
bottom: 1.25rem !important;
}

.bottom-\[25px\]{
bottom: 25px !important;
}

.left-0{
left: 0px !important;
}

.left-1\/2{
left: 50% !important;
}

.left-2{
left: 0.5rem !important;
}

.left-\[20\%\]{
left: 20% !important;
}

.right-0{
right: 0px !important;
}

.right-1\/2{
right: 50% !important;
}

.right-10{
right: 2.5rem !important;
}

.right-2{
right: 0.5rem !important;
}

.right-4{
right: 1rem !important;
}

.right-5{
right: 1.25rem !important;
}

.right-\[14px\]{
right: 14px !important;
}

.right-\[45px\]{
right: 45px !important;
}

.start-2{
inset-inline-start: 0.5rem !important;
}

.top-0{
top: 0px !important;
}

.top-1\/2{
top: 50% !important;
}

.top-10{
top: 2.5rem !important;
}

.top-14{
top: 3.5rem !important;
}

.top-3{
top: 0.75rem !important;
}

.top-auto{
top: auto !important;
}

.isolate{
isolation: isolate !important;
}

.z-10{
z-index: 10 !important;
}

.z-20{
z-index: 20 !important;
}

.z-40{
z-index: 40 !important;
}

.z-50{
z-index: 50 !important;
}

.z-\[1100\]{
z-index: 1100 !important;
}

.z-\[1600\]{
z-index: 1600 !important;
}

.z-\[20\]{
z-index: 20 !important;
}

.order-1{
order: 1 !important;
}

.order-2{
order: 2 !important;
}

.col-span-1{
grid-column: span 1 / span 1 !important;
}

.col-span-2{
grid-column: span 2 / span 2 !important;
}

.col-span-full{
grid-column: 1 / -1 !important;
}

.float-right{
float: right !important;
}

.float-left{
float: left !important;
}

.m-0{
margin: 0px !important;
}

.m-1{
margin: 0.25rem !important;
}

.m-2{
margin: 0.5rem !important;
}

.m-4{
margin: 1rem !important;
}

.m-6{
margin: 1.5rem !important;
}

.m-8{
margin: 2rem !important;
}

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

.-mx-2{
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}

.-mx-4{
margin-left: -1rem !important;
margin-right: -1rem !important;
}

.mx-2{
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}

.mx-4{
margin-left: 1rem !important;
margin-right: 1rem !important;
}

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

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

.my-10{
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}

.my-12{
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}

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

.my-24{
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}

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

.my-4{
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}

.my-6{
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}

.my-8{
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}

.mb-0{
margin-bottom: 0px !important;
}

.mb-1{
margin-bottom: 0.25rem !important;
}

.mb-16{
margin-bottom: 4rem !important;
}

.mb-2{
margin-bottom: 0.5rem !important;
}

.mb-3{
margin-bottom: 0.75rem !important;
}

.mb-4{
margin-bottom: 1rem !important;
}

.mb-5{
margin-bottom: 1.25rem !important;
}

.mb-6{
margin-bottom: 1.5rem !important;
}

.mb-8{
margin-bottom: 2rem !important;
}

.mb-px{
margin-bottom: 1px !important;
}

.ml-0{
margin-left: 0px !important;
}

.ml-0\.5{
margin-left: 0.125rem !important;
}

.ml-1{
margin-left: 0.25rem !important;
}

.ml-2{
margin-left: 0.5rem !important;
}

.ml-3{
margin-left: 0.75rem !important;
}

.ml-4{
margin-left: 1rem !important;
}

.ml-6{
margin-left: 1.5rem !important;
}

.ml-7{
margin-left: 1.75rem !important;
}

.ml-8{
margin-left: 2rem !important;
}

.ml-auto{
margin-left: auto !important;
}

.mr-0{
margin-right: 0px !important;
}

.mr-1{
margin-right: 0.25rem !important;
}

.mr-2{
margin-right: 0.5rem !important;
}

.mr-3{
margin-right: 0.75rem !important;
}

.mr-4{
margin-right: 1rem !important;
}

.mr-6{
margin-right: 1.5rem !important;
}

.mt-0{
margin-top: 0px !important;
}

.mt-0\.5{
margin-top: 0.125rem !important;
}

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

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

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

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

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

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

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

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

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

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

.mt-\[11px\]{
margin-top: 11px !important;
}

.mt-auto{
margin-top: auto !important;
}

.line-clamp-1{
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1 !important;
}

.line-clamp-2{
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}

.line-clamp-3{
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
}

.block{
display: block !important;
}

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

.inline{
display: inline !important;
}

.flex{
display: flex !important;
}

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

.table{
display: table !important;
}

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

.table-header-group{
display: table-header-group !important;
}

.table-row-group{
display: table-row-group !important;
}

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

.grid{
display: grid !important;
}

.inline-grid{
display: inline-grid !important;
}

.contents{
display: contents !important;
}

.list-item{
display: list-item !important;
}

.\!hidden{
display: none !important;
}

.hidden{
display: none !important;
}

.size-2{
width: 0.5rem !important;
height: 0.5rem !important;
}

.size-8{
width: 2rem !important;
height: 2rem !important;
}

.h-0{
height: 0px !important;
}

.h-1{
height: 0.25rem !important;
}

.h-10{
height: 2.5rem !important;
}

.h-12{
height: 3rem !important;
}

.h-16{
height: 4rem !important;
}

.h-2{
height: 0.5rem !important;
}

.h-3{
height: 0.75rem !important;
}

.h-32{
height: 8rem !important;
}

.h-4{
height: 1rem !important;
}

.h-40{
height: 10rem !important;
}

.h-48{
height: 12rem !important;
}

.h-5{
height: 1.25rem !important;
}

.h-52{
height: 13rem !important;
}

.h-56{
height: 14rem !important;
}

.h-6{
height: 1.5rem !important;
}

.h-60{
height: 15rem !important;
}

.h-64{
height: 16rem !important;
}

.h-7{
height: 1.75rem !important;
}

.h-72{
height: 18rem !important;
}

.h-8{
height: 2rem !important;
}

.h-9{
height: 2.25rem !important;
}

.h-96{
height: 24rem !important;
}

.h-\[100\%-200px\]{
height: 100%-200px !important;
}

.h-\[18rem\]{
height: 18rem !important;
}

.h-\[30px\]{
height: 30px !important;
}

.h-\[368px\]{
height: 368px !important;
}

.h-\[50\%\]{
height: 50% !important;
}

.h-\[6px\]{
height: 6px !important;
}

.h-\[80vh\]{
height: 80vh !important;
}

.h-\[90\%\]{
height: 90% !important;
}

.h-\[calc\(100\%-100px\)\]{
height: calc(100% - 100px) !important;
}

.h-\[calc\(100\%-120px\)\]{
height: calc(100% - 120px) !important;
}

.h-\[calc\(100\%-4\.25rem\)\]{
height: calc(100% - 4.25rem) !important;
}

.h-\[calc\(100\%-48px\)\]{
height: calc(100% - 48px) !important;
}

.h-\[calc\(100\%-50px\)\]{
height: calc(100% - 50px) !important;
}

.h-\[calc\(100\%-80px\)\]{
height: calc(100% - 80px) !important;
}

.h-\[calc\(100vh-150px\)\]{
height: calc(100vh - 150px) !important;
}

.h-\[calc\(100vh-214px\)\]{
height: calc(100vh - 214px) !important;
}

.h-\[calc\(100vh-450px\)\]{
height: calc(100vh - 450px) !important;
}

.h-auto{
height: auto !important;
}

.h-dvh{
height: 100dvh !important;
}

.h-fit{
height: -moz-fit-content !important;
height: fit-content !important;
}

.h-full{
height: 100% !important;
}

.max-h-16{
max-height: 4rem !important;
}

.max-h-40{
max-height: 10rem !important;
}

.max-h-48{
max-height: 12rem !important;
}

.max-h-52{
max-height: 13rem !important;
}

.max-h-56{
max-height: 14rem !important;
}

.max-h-64{
max-height: 16rem !important;
}

.max-h-72{
max-height: 18rem !important;
}

.max-h-80{
max-height: 20rem !important;
}

.max-h-96{
max-height: 24rem !important;
}

.max-h-\[24rem\]{
max-height: 24rem !important;
}

.max-h-\[50vh\]{
max-height: 50vh !important;
}

.max-h-\[60\%\]{
max-height: 60% !important;
}

.max-h-\[calc\(100dvh-205px\)\]{
max-height: calc(100dvh - 205px) !important;
}

.max-h-\[calc\(100dvh-233px\)\]{
max-height: calc(100dvh - 233px) !important;
}

.max-h-full{
max-height: 100% !important;
}

.min-h-0{
min-height: 0px !important;
}

.min-h-11{
min-height: 2.75rem !important;
}

.min-h-12{
min-height: 3rem !important;
}

.min-h-14{
min-height: 3.5rem !important;
}

.min-h-28{
min-height: 7rem !important;
}

.min-h-36{
min-height: 9rem !important;
}

.min-h-40{
min-height: 10rem !important;
}

.min-h-5{
min-height: 1.25rem !important;
}

.min-h-6{
min-height: 1.5rem !important;
}

.min-h-80{
min-height: 20rem !important;
}

.min-h-9{
min-height: 2.25rem !important;
}

.min-h-\[2\.5rem\]{
min-height: 2.5rem !important;
}

.min-h-\[74px\]{
min-height: 74px !important;
}

.min-h-\[95px\]{
min-height: 95px !important;
}

.min-h-fit{
min-height: -moz-fit-content !important;
min-height: fit-content !important;
}

.min-h-full{
min-height: 100% !important;
}

.min-h-screen{
min-height: 100vh !important;
}

.w-0{
width: 0px !important;
}

.w-1{
width: 0.25rem !important;
}

.w-1\/2{
width: 50% !important;
}

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

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

.w-10{
width: 2.5rem !important;
}

.w-12{
width: 3rem !important;
}

.w-16{
width: 4rem !important;
}

.w-2{
width: 0.5rem !important;
}

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

.w-20{
width: 5rem !important;
}

.w-24{
width: 6rem !important;
}

.w-3{
width: 0.75rem !important;
}

.w-3\/5{
width: 60% !important;
}

.w-3\/6{
width: 50% !important;
}

.w-32{
width: 8rem !important;
}

.w-4{
width: 1rem !important;
}

.w-5{
width: 1.25rem !important;
}

.w-52{
width: 13rem !important;
}

.w-56{
width: 14rem !important;
}

.w-6{
width: 1.5rem !important;
}

.w-60{
width: 15rem !important;
}

.w-64{
width: 16rem !important;
}

.w-7{
width: 1.75rem !important;
}

.w-72{
width: 18rem !important;
}

.w-8{
width: 2rem !important;
}

.w-80{
width: 20rem !important;
}

.w-9{
width: 2.25rem !important;
}

.w-96{
width: 24rem !important;
}

.w-\[30\%\]{
width: 30% !important;
}

.w-\[40\%\]{
width: 40% !important;
}

.w-\[496px\]{
width: 496px !important;
}

.w-\[60\%\]{
width: 60% !important;
}

.w-\[6px\]{
width: 6px !important;
}

.w-\[70\%\]{
width: 70% !important;
}

.w-\[70px\]{
width: 70px !important;
}

.w-\[calc\(100\%-16rem\)\]{
width: calc(100% - 16rem) !important;
}

.w-\[calc\(100\%-70px\)\]{
width: calc(100% - 70px) !important;
}

.w-\[calc\(100\%-9rem\)\]{
width: calc(100% - 9rem) !important;
}

.w-auto{
width: auto !important;
}

.w-fit{
width: -moz-fit-content !important;
width: fit-content !important;
}

.w-full{
width: 100% !important;
}

.w-min{
width: -moz-min-content !important;
width: min-content !important;
}

.w-px{
width: 1px !important;
}

.w-screen{
width: 100vw !important;
}

.min-w-0{
min-width: 0px !important;
}

.min-w-14{
min-width: 3.5rem !important;
}

.min-w-16{
min-width: 4rem !important;
}

.min-w-20{
min-width: 5rem !important;
}

.min-w-28{
min-width: 7rem !important;
}

.min-w-32{
min-width: 8rem !important;
}

.min-w-36{
min-width: 9rem !important;
}

.min-w-4{
min-width: 1rem !important;
}

.min-w-40{
min-width: 10rem !important;
}

.min-w-5{
min-width: 1.25rem !important;
}

.min-w-52{
min-width: 13rem !important;
}

.min-w-56{
min-width: 14rem !important;
}

.min-w-6{
min-width: 1.5rem !important;
}

.min-w-64{
min-width: 16rem !important;
}

.min-w-80{
min-width: 20rem !important;
}

.min-w-9{
min-width: 2.25rem !important;
}

.min-w-96{
min-width: 24rem !important;
}

.min-w-\[25rem\]{
min-width: 25rem !important;
}

.min-w-\[27rem\]{
min-width: 27rem !important;
}

.min-w-\[50\%\]{
min-width: 50% !important;
}

.min-w-\[72px\]{
min-width: 72px !important;
}

.min-w-fit{
min-width: -moz-fit-content !important;
min-width: fit-content !important;
}

.min-w-full{
min-width: 100% !important;
}

.min-w-max{
min-width: -moz-max-content !important;
min-width: max-content !important;
}

.\!max-w-\[28rem\]{
max-width: 28rem !important;
}

.max-w-16{
max-width: 4rem !important;
}

.max-w-20{
max-width: 5rem !important;
}

.max-w-24{
max-width: 6rem !important;
}

.max-w-28{
max-width: 7rem !important;
}

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

.max-w-4{
max-width: 1rem !important;
}

.max-w-40{
max-width: 10rem !important;
}

.max-w-48{
max-width: 12rem !important;
}

.max-w-4xl{
max-width: 56rem !important;
}

.max-w-52{
max-width: 13rem !important;
}

.max-w-56{
max-width: 14rem !important;
}

.max-w-60{
max-width: 15rem !important;
}

.max-w-64{
max-width: 16rem !important;
}

.max-w-6xl{
max-width: 72rem !important;
}

.max-w-72{
max-width: 18rem !important;
}

.max-w-7xl{
max-width: 80rem !important;
}

.max-w-80{
max-width: 20rem !important;
}

.max-w-96{
max-width: 24rem !important;
}

.max-w-\[100vw\]{
max-width: 100vw !important;
}

.max-w-\[18rem\]{
max-width: 18rem !important;
}

.max-w-\[220px\]{
max-width: 220px !important;
}

.max-w-\[43rem\]{
max-width: 43rem !important;
}

.max-w-\[90\%\]{
max-width: 90% !important;
}

.max-w-\[calc\(100\%-160px\)\]{
max-width: calc(100% - 160px) !important;
}

.max-w-\[calc\(100\%-40px\)\]{
max-width: calc(100% - 40px) !important;
}

.max-w-\[calc\(100\%-46px\)\]{
max-width: calc(100% - 46px) !important;
}

.max-w-full{
max-width: 100% !important;
}

.max-w-lg{
max-width: 32rem !important;
}

.max-w-md{
max-width: 28rem !important;
}

.max-w-sm{
max-width: 24rem !important;
}

.max-w-xl{
max-width: 36rem !important;
}

.max-w-xs{
max-width: 20rem !important;
}

.flex-1{
flex: 1 1 0% !important;
}

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

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

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

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

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

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

.table-fixed{
table-layout: fixed !important;
}

.border-collapse{
border-collapse: collapse !important;
}

.border-spacing-2{
--tw-border-spacing-x: 0.5rem !important;
--tw-border-spacing-y: 0.5rem !important;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}

.-translate-y-1\/2{
--tw-translate-y: -50% !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.translate-x-1\/2{
--tw-translate-x: 50% !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.-rotate-90{
--tw-rotate: -90deg !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.rotate-180{
--tw-rotate: 180deg !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.rotate-90{
--tw-rotate: 90deg !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.-scale-x-100{
--tw-scale-x: -1 !important;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

@keyframes pulse{

50%{
opacity: .5;
}
}

.animate-pulse{
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

@keyframes spin{

to{
transform: rotate(360deg);
}
}

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

.cursor-default{
cursor: default !important;
}

.cursor-grabbing{
cursor: grabbing !important;
}

.cursor-move{
cursor: move !important;
}

.cursor-not-allowed{
cursor: not-allowed !important;
}

.cursor-pointer{
cursor: pointer !important;
}

.touch-pan-x{
--tw-pan-x: pan-x !important;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) !important;
}

.touch-pan-y{
--tw-pan-y: pan-y !important;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) !important;
}

.select-none{
-webkit-user-select: none !important;
   -moz-user-select: none !important;
        user-select: none !important;
}

.select-all{
-webkit-user-select: all !important;
   -moz-user-select: all !important;
        user-select: all !important;
}

.resize{
resize: both !important;
}

.scroll-my-1\.5{
scroll-margin-top: 0.375rem !important;
scroll-margin-bottom: 0.375rem !important;
}

.list-inside{
list-style-position: inside !important;
}

.list-disc{
list-style-type: disc !important;
}

.list-none{
list-style-type: none !important;
}

.appearance-none{
-webkit-appearance: none !important;
   -moz-appearance: none !important;
        appearance: none !important;
}

.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!gap-0{
gap: 0px !important;
}

.gap-1{
gap: 0.25rem !important;
}

.gap-2{
gap: 0.5rem !important;
}

.gap-3{
gap: 0.75rem !important;
}

.gap-4{
gap: 1rem !important;
}

.gap-5{
gap: 1.25rem !important;
}

.gap-6{
gap: 1.5rem !important;
}

.gap-7{
gap: 1.75rem !important;
}

.gap-8{
gap: 2rem !important;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0 !important;
margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0 !important;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}

.divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0 !important;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1 !important;
border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)) !important;
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1 !important;
border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)) !important;
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1 !important;
border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1)) !important;
}

.divide-neutral-95 > :not([hidden]) ~ :not([hidden]){
border-color: #eff1f2ff !important;
}

.divide-neutral-99 > :not([hidden]) ~ :not([hidden]){
border-color: #fbfcfeff !important;
}

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

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

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

.justify-self-center{
justify-self: center !important;
}

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

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

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

.overflow-x-auto{
overflow-x: auto !important;
}

.overflow-y-auto{
overflow-y: auto !important;
}

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

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

.overflow-y-scroll{
overflow-y: scroll !important;
}

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

.text-ellipsis{
text-overflow: ellipsis !important;
}

.whitespace-normal{
white-space: normal !important;
}

.whitespace-nowrap{
white-space: nowrap !important;
}

.whitespace-pre-line{
white-space: pre-line !important;
}

.whitespace-pre-wrap{
white-space: pre-wrap !important;
}

.whitespace-break-spaces{
white-space: break-spaces !important;
}

.text-wrap{
text-wrap: wrap !important;
}

.text-nowrap{
text-wrap: nowrap !important;
}

.break-words{
overflow-wrap: break-word !important;
}

.break-all{
word-break: break-all !important;
}

.rounded{
border-radius: 0.25rem !important;
}

.rounded-2xl{
border-radius: 1rem !important;
}

.rounded-3xl{
border-radius: 1.5rem !important;
}

.rounded-\[20px\]{
border-radius: 20px !important;
}

.rounded-full{
border-radius: 9999px !important;
}

.rounded-lg{
border-radius: 0.5rem !important;
}

.rounded-md{
border-radius: 0.375rem !important;
}

.rounded-none{
border-radius: 0px !important;
}

.rounded-sm{
border-radius: 0.125rem !important;
}

.rounded-xl{
border-radius: 0.75rem !important;
}

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

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

.rounded-t-2xl{
border-top-left-radius: 1rem !important;
border-top-right-radius: 1rem !important;
}

.border{
border-width: 1px !important;
}

.border-0{
border-width: 0px !important;
}

.border-2{
border-width: 2px !important;
}

.\!border-b-0{
border-bottom-width: 0px !important;
}

.\!border-t-0{
border-top-width: 0px !important;
}

.border-b{
border-bottom-width: 1px !important;
}

.border-l{
border-left-width: 1px !important;
}

.border-l-4{
border-left-width: 4px !important;
}

.border-r{
border-right-width: 1px !important;
}

.border-t{
border-top-width: 1px !important;
}

.border-t-2{
border-top-width: 2px !important;
}

.border-solid{
border-style: solid !important;
}

.border-dashed{
border-style: dashed !important;
}

.border-none{
border-style: none !important;
}

.border-black\/10{
border-color: rgb(0 0 0 / 0.1) !important;
}

.border-error-40{
border-color: #ba1a1aff !important;
}

.border-gray-100{
--tw-border-opacity: 1 !important;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-200{
--tw-border-opacity: 1 !important;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-300{
--tw-border-opacity: 1 !important;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
}

.border-gray-400{
--tw-border-opacity: 1 !important;
border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important;
}

.border-green-200{
--tw-border-opacity: 1 !important;
border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)) !important;
}

.border-green-500{
--tw-border-opacity: 1 !important;
border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)) !important;
}

.border-neutral-10{
border-color: #191c1dff !important;
}

.border-neutral-20{
border-color: #2e3132ff !important;
}

.border-neutral-200{
--tw-border-opacity: 1 !important;
border-color: rgb(229 229 229 / var(--tw-border-opacity, 1)) !important;
}

.border-neutral-30{
border-color: #444749ff !important;
}

.border-neutral-50{
border-color: #757779ff !important;
}

.border-neutral-500{
--tw-border-opacity: 1 !important;
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1)) !important;
}

.border-neutral-60{
border-color: #8e9192ff !important;
}

.border-neutral-70{
border-color: #a9abadff !important;
}

.border-neutral-80{
border-color: #c5c7c8ff !important;
}

.border-neutral-90{
border-color: #e1e3e4ff !important;
}

.border-neutral-99{
border-color: #fbfcfeff !important;
}

.border-neutralVariant-90{
border-color: #dbe4e8ff !important;
}

.border-orange-100{
--tw-border-opacity: 1 !important;
border-color: rgb(255 237 213 / var(--tw-border-opacity, 1)) !important;
}

.border-orange-300{
--tw-border-opacity: 1 !important;
border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)) !important;
}

.border-orange-500{
--tw-border-opacity: 1 !important;
border-color: rgb(249 115 22 / var(--tw-border-opacity, 1)) !important;
}

.border-primary-30{
border-color: #004e5eff !important;
}

.border-primary-40{
border-color: #00677dff !important;
}

.border-primary-50{
border-color: #00829cff !important;
}

.border-primary-80{
border-color: #59d5f8ff !important;
}

.border-red-300{
--tw-border-opacity: 1 !important;
border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)) !important;
}

.border-red-500{
--tw-border-opacity: 1 !important;
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
}

.border-secondary-80{
border-color: #b3cad3ff !important;
}

.border-secondary-90{
border-color: #cee6f0ff !important;
}

.border-success-60{
border-color: #6ee7b7ff !important;
}

.border-tertiary-40{
border-color: #585c7eff !important;
}

.border-transparent{
border-color: transparent !important;
}

.border-b-neutral-70{
border-bottom-color: #a9abadff !important;
}

.border-b-neutral-90{
border-bottom-color: #e1e3e4ff !important;
}

.border-l-neutral-90{
border-left-color: #e1e3e4ff !important;
}

.border-t-neutral-80{
border-top-color: #c5c7c8ff !important;
}

.border-t-neutral-90{
border-top-color: #e1e3e4ff !important;
}

.bg-\[\#dccbff\]{
--tw-bg-opacity: 1 !important;
background-color: rgb(220 203 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-amber-200{
--tw-bg-opacity: 1 !important;
background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)) !important;
}

.bg-amber-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)) !important;
}

.bg-black{
--tw-bg-opacity: 1 !important;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.bg-black\/80{
background-color: rgb(0 0 0 / 0.8) !important;
}

.bg-black\/\[\.5\]{
background-color: rgb(0 0 0 / .5) !important;
}

.bg-blue-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-500{
--tw-bg-opacity: 1 !important;
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)) !important;
}

.bg-blue-600{
--tw-bg-opacity: 1 !important;
background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)) !important;
}

.bg-error-50{
background-color: #de3730ff !important;
}

.bg-error-60{
background-color: #ff5449ff !important;
}

.bg-error-80{
background-color: #ffb4abff !important;
}

.bg-error-90{
background-color: #ffdad6ff !important;
}

.bg-error-95{
background-color: #ffedeaff !important;
}

.bg-gray-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-200{
--tw-bg-opacity: 1 !important;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-700{
--tw-bg-opacity: 1 !important;
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-800{
--tw-bg-opacity: 1 !important;
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important;
}

.bg-neutral-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important;
}

.bg-neutral-50\/10{
background-color: rgb(117 119 121 / 0.1) !important;
}

.bg-neutral-60{
background-color: #8e9192ff !important;
}

.bg-neutral-80{
background-color: #c5c7c8ff !important;
}

.bg-neutral-90{
background-color: #e1e3e4ff !important;
}

.bg-neutral-95{
background-color: #eff1f2ff !important;
}

.bg-neutral-99{
background-color: #fbfcfeff !important;
}

.bg-neutralVariant-90{
background-color: #dbe4e8ff !important;
}

.bg-neutralVariant-95{
background-color: #eaf2f6ff !important;
}

.bg-neutralVariant-99{
background-color: #f9fdffff !important;
}

.bg-orange-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)) !important;
}

.bg-orange-200{
--tw-bg-opacity: 1 !important;
background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1)) !important;
}

.bg-orange-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)) !important;
}

.bg-primary-40{
background-color: #00677dff !important;
}

.bg-primary-50{
background-color: #00829cff !important;
}

.bg-primary-60{
background-color: #009ebdff !important;
}

.bg-primary-70{
background-color: #33badbff !important;
}

.bg-primary-80{
background-color: #59d5f8ff !important;
}

.bg-primary-90{
background-color: #b2ebffff !important;
}

.bg-primary-95{
background-color: #ecf9feff !important;
}

.bg-purple-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important;
}

.bg-red-500{
--tw-bg-opacity: 1 !important;
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important;
}

.bg-secondary-20{
background-color: #1d343bff !important;
}

.bg-secondary-50{
background-color: #647b83ff !important;
}

.bg-secondary-70{
background-color: #97afb8ff !important;
}

.bg-secondary-90{
background-color: #cee6f0ff !important;
}

.bg-secondary-95{
background-color: #e4f8ffff !important;
}

.bg-secondary-99{
background-color: #f9fdffff !important;
}

.bg-slate-700{
--tw-bg-opacity: 1 !important;
background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)) !important;
}

.bg-success-40{
background-color: #10b981ff !important;
}

.bg-success-70{
background-color: #a7f3d0ff !important;
}

.bg-success-90{
background-color: #e3fff1ff !important;
}

.bg-success-95{
background-color: #ecfdf5ff !important;
}

.bg-success-99{
background-color: #f6fffbff !important;
}

.bg-tertiary-90{
background-color: #dfe0ffff !important;
}

.bg-tertiary-95{
background-color: #f1efffff !important;
}

.bg-transparent{
background-color: transparent !important;
}

.bg-white{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-yellow-100{
--tw-bg-opacity: 1 !important;
background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)) !important;
}

.bg-yellow-50{
--tw-bg-opacity: 1 !important;
background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)) !important;
}

.bg-opacity-50{
--tw-bg-opacity: 0.5 !important;
}

.bg-cover{
background-size: cover !important;
}

.bg-no-repeat{
background-repeat: no-repeat !important;
}

.fill-current{
fill: currentColor !important;
}

.fill-error-50{
fill: #de3730ff !important;
}

.fill-error-70{
fill: #ff897dff !important;
}

.fill-neutral-20{
fill: #2e3132ff !important;
}

.fill-neutral-30{
fill: #444749ff !important;
}

.fill-neutral-70{
fill: #a9abadff !important;
}

.fill-orange-800{
fill: #9a3412 !important;
}

.fill-primary-10{
fill: #001f27ff !important;
}

.fill-primary-40{
fill: #00677dff !important;
}

.fill-primary-50{
fill: #00829cff !important;
}

.fill-primary-60{
fill: #009ebdff !important;
}

.fill-secondary-60{
fill: #7d949dff !important;
}

.fill-success-30{
fill: #059669ff !important;
}

.fill-transparent{
fill: transparent !important;
}

.fill-white{
fill: #fff !important;
}

.stroke-transparent{
stroke: transparent !important;
}

.object-contain{
-o-object-fit: contain !important;
   object-fit: contain !important;
}

.object-cover{
-o-object-fit: cover !important;
   object-fit: cover !important;
}

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

.p-0\.5{
padding: 0.125rem !important;
}

.p-1{
padding: 0.25rem !important;
}

.p-10{
padding: 2.5rem !important;
}

.p-2{
padding: 0.5rem !important;
}

.p-3{
padding: 0.75rem !important;
}

.p-4{
padding: 1rem !important;
}

.p-5{
padding: 1.25rem !important;
}

.p-6{
padding: 1.5rem !important;
}

.p-8{
padding: 2rem !important;
}

.px-0{
padding-left: 0px !important;
padding-right: 0px !important;
}

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

.px-1\.5{
padding-left: 0.375rem !important;
padding-right: 0.375rem !important;
}

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

.px-2\.5{
padding-left: 0.625rem !important;
padding-right: 0.625rem !important;
}

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

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

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

.px-6{
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}

.px-8{
padding-left: 2rem !important;
padding-right: 2rem !important;
}

.py-0{
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.py-0\.5{
padding-top: 0.125rem !important;
padding-bottom: 0.125rem !important;
}

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

.py-1\.5{
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important;
}

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

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

.py-32{
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}

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

.py-6{
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}

.pb-0{
padding-bottom: 0px !important;
}

.pb-1\.5{
padding-bottom: 0.375rem !important;
}

.pb-2{
padding-bottom: 0.5rem !important;
}

.pb-3{
padding-bottom: 0.75rem !important;
}

.pb-4{
padding-bottom: 1rem !important;
}

.pb-6{
padding-bottom: 1.5rem !important;
}

.pl-1{
padding-left: 0.25rem !important;
}

.pl-10{
padding-left: 2.5rem !important;
}

.pl-2{
padding-left: 0.5rem !important;
}

.pl-3{
padding-left: 0.75rem !important;
}

.pl-5{
padding-left: 1.25rem !important;
}

.pr-1{
padding-right: 0.25rem !important;
}

.pr-3{
padding-right: 0.75rem !important;
}

.pr-4{
padding-right: 1rem !important;
}

.pt-1{
padding-top: 0.25rem !important;
}

.pt-2{
padding-top: 0.5rem !important;
}

.pt-3{
padding-top: 0.75rem !important;
}

.pt-4{
padding-top: 1rem !important;
}

.pt-5{
padding-top: 1.25rem !important;
}

.pt-6{
padding-top: 1.5rem !important;
}

.text-left{
text-align: left !important;
}

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

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

.text-justify{
text-align: justify !important;
}

.text-start{
text-align: start !important;
}

.align-top{
vertical-align: top !important;
}

.align-middle{
vertical-align: middle !important;
}

.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.font-sans{
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-ubuntu{
font-family: Ubuntu, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

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

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

.text-4xl{
font-size: 2.25rem !important;
line-height: 2.5rem !important;
}

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

.text-\[19px\]{
font-size: 19px !important;
}

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

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

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

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

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

.font-black{
font-weight: 900 !important;
}

.font-bold{
font-weight: 700 !important;
}

.font-light{
font-weight: 300 !important;
}

.font-medium{
font-weight: 500 !important;
}

.font-normal{
font-weight: 400 !important;
}

.font-semibold{
font-weight: 600 !important;
}

.uppercase{
text-transform: uppercase !important;
}

.lowercase{
text-transform: lowercase !important;
}

.capitalize{
text-transform: capitalize !important;
}

.italic{
font-style: italic !important;
}

.not-italic{
font-style: normal !important;
}

.ordinal{
--tw-ordinal: ordinal !important;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}

.tabular-nums{
--tw-numeric-spacing: tabular-nums !important;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}

.leading-4{
line-height: 1rem !important;
}

.leading-5{
line-height: 1.25rem !important;
}

.leading-6{
line-height: 1.5rem !important;
}

.leading-\[19px\]{
line-height: 19px !important;
}

.leading-loose{
line-height: 2 !important;
}

.leading-none{
line-height: 1 !important;
}

.leading-normal{
line-height: 1.5 !important;
}

.leading-tight{
line-height: 1.25 !important;
}

.tracking-wide{
letter-spacing: 0.025em !important;
}

.text-black{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-200{
--tw-text-opacity: 1 !important;
color: rgb(191 219 254 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-500{
--tw-text-opacity: 1 !important;
color: rgb(59 130 246 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-600{
--tw-text-opacity: 1 !important;
color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-700{
--tw-text-opacity: 1 !important;
color: rgb(29 78 216 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-800{
--tw-text-opacity: 1 !important;
color: rgb(30 64 175 / var(--tw-text-opacity, 1)) !important;
}

.text-error-10{
color: #410002ff !important;
}

.text-error-30{
color: #93000aff !important;
}

.text-error-40{
color: #ba1a1aff !important;
}

.text-error-50{
color: #de3730ff !important;
}

.text-error-60{
color: #ff5449ff !important;
}

.text-error-70{
color: #ff897dff !important;
}

.text-error-80{
color: #ffb4abff !important;
}

.text-gray-400{
--tw-text-opacity: 1 !important;
color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-500{
--tw-text-opacity: 1 !important;
color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-600{
--tw-text-opacity: 1 !important;
color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-700{
--tw-text-opacity: 1 !important;
color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-800{
--tw-text-opacity: 1 !important;
color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-900{
--tw-text-opacity: 1 !important;
color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}

.text-green-500{
--tw-text-opacity: 1 !important;
color: rgb(34 197 94 / var(--tw-text-opacity, 1)) !important;
}

.text-green-600{
--tw-text-opacity: 1 !important;
color: rgb(22 163 74 / var(--tw-text-opacity, 1)) !important;
}

.text-green-700{
--tw-text-opacity: 1 !important;
color: rgb(21 128 61 / var(--tw-text-opacity, 1)) !important;
}

.text-green-800{
--tw-text-opacity: 1 !important;
color: rgb(22 101 52 / var(--tw-text-opacity, 1)) !important;
}

.text-green-900{
--tw-text-opacity: 1 !important;
color: rgb(20 83 45 / var(--tw-text-opacity, 1)) !important;
}

.text-neutral-0{
color: #000000ff !important;
}

.text-neutral-10{
color: #191c1dff !important;
}

.text-neutral-20{
color: #2e3132ff !important;
}

.text-neutral-30{
color: #444749ff !important;
}

.text-neutral-40{
color: #5c5f60ff !important;
}

.text-neutral-400{
--tw-text-opacity: 1 !important;
color: rgb(163 163 163 / var(--tw-text-opacity, 1)) !important;
}

.text-neutral-50{
color: #757779ff !important;
}

.text-neutral-500{
--tw-text-opacity: 1 !important;
color: rgb(115 115 115 / var(--tw-text-opacity, 1)) !important;
}

.text-neutral-60{
color: #8e9192ff !important;
}

.text-neutral-600{
--tw-text-opacity: 1 !important;
color: rgb(82 82 82 / var(--tw-text-opacity, 1)) !important;
}

.text-neutral-70{
color: #a9abadff !important;
}

.text-neutral-700{
--tw-text-opacity: 1 !important;
color: rgb(64 64 64 / var(--tw-text-opacity, 1)) !important;
}

.text-neutral-800{
--tw-text-opacity: 1 !important;
color: rgb(38 38 38 / var(--tw-text-opacity, 1)) !important;
}

.text-neutral-90{
color: #e1e3e4ff !important;
}

.text-neutral-900{
--tw-text-opacity: 1 !important;
color: rgb(23 23 23 / var(--tw-text-opacity, 1)) !important;
}

.text-neutral-95{
color: #eff1f2ff !important;
}

.text-neutral-99{
color: #fbfcfeff !important;
}

.text-neutralVariant-10{
color: #151d20ff !important;
}

.text-neutralVariant-20{
color: #293235ff !important;
}

.text-neutralVariant-30{
color: #40484bff !important;
}

.text-neutralVariant-40{
color: #576063ff !important;
}

.text-neutralVariant-50{
color: #70787cff !important;
}

.text-neutralVariant-60{
color: #899296ff !important;
}

.text-neutralVariant-70{
color: #a4adb0ff !important;
}

.text-neutralVariant-99{
color: #f9fdffff !important;
}

.text-orange-300{
--tw-text-opacity: 1 !important;
color: rgb(253 186 116 / var(--tw-text-opacity, 1)) !important;
}

.text-orange-400{
--tw-text-opacity: 1 !important;
color: rgb(251 146 60 / var(--tw-text-opacity, 1)) !important;
}

.text-orange-500{
--tw-text-opacity: 1 !important;
color: rgb(249 115 22 / var(--tw-text-opacity, 1)) !important;
}

.text-orange-600{
--tw-text-opacity: 1 !important;
color: rgb(234 88 12 / var(--tw-text-opacity, 1)) !important;
}

.text-orange-900{
--tw-text-opacity: 1 !important;
color: rgb(124 45 18 / var(--tw-text-opacity, 1)) !important;
}

.text-primary-10{
color: #001f27ff !important;
}

.text-primary-20{
color: #003642ff !important;
}

.text-primary-30{
color: #004e5eff !important;
}

.text-primary-40{
color: #00677dff !important;
}

.text-primary-50{
color: #00829cff !important;
}

.text-primary-60{
color: #009ebdff !important;
}

.text-primary-70{
color: #33badbff !important;
}

.text-primary-80{
color: #59d5f8ff !important;
}

.text-purple-400{
--tw-text-opacity: 1 !important;
color: rgb(192 132 252 / var(--tw-text-opacity, 1)) !important;
}

.text-red-500{
--tw-text-opacity: 1 !important;
color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
}

.text-red-600{
--tw-text-opacity: 1 !important;
color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
}

.text-red-700{
--tw-text-opacity: 1 !important;
color: rgb(185 28 28 / var(--tw-text-opacity, 1)) !important;
}

.text-red-800{
--tw-text-opacity: 1 !important;
color: rgb(153 27 27 / var(--tw-text-opacity, 1)) !important;
}

.text-secondary-30{
color: #344a52ff !important;
}

.text-secondary-40{
color: #4b626aff !important;
}

.text-secondary-50{
color: #647b83ff !important;
}

.text-secondary-60{
color: #7d949dff !important;
}

.text-secondary-70{
color: #97afb8ff !important;
}

.text-secondary-90{
color: #cee6f0ff !important;
}

.text-secondary-95{
color: #e4f8ffff !important;
}

.text-secondary-99{
color: #f9fdffff !important;
}

.text-sky-500{
--tw-text-opacity: 1 !important;
color: rgb(14 165 233 / var(--tw-text-opacity, 1)) !important;
}

.text-stone-900{
--tw-text-opacity: 1 !important;
color: rgb(28 25 23 / var(--tw-text-opacity, 1)) !important;
}

.text-success-10{
color: #065f46ff !important;
}

.text-success-20{
color: #047857ff !important;
}

.text-success-30{
color: #059669ff !important;
}

.text-success-40{
color: #10b981ff !important;
}

.text-tertiary-20{
color: #2a2e4dff !important;
}

.text-tertiary-30{
color: #414465ff !important;
}

.text-tertiary-40{
color: #585c7eff !important;
}

.text-tertiary-50{
color: #717598ff !important;
}

.text-tertiary-60{
color: #8b8eb3ff !important;
}

.text-tertiary-70{
color: #a5a9ceff !important;
}

.text-violet-700{
--tw-text-opacity: 1 !important;
color: rgb(109 40 217 / var(--tw-text-opacity, 1)) !important;
}

.text-white{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-500{
--tw-text-opacity: 1 !important;
color: rgb(234 179 8 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-800{
--tw-text-opacity: 1 !important;
color: rgb(133 77 14 / var(--tw-text-opacity, 1)) !important;
}

.text-yellow-950{
--tw-text-opacity: 1 !important;
color: rgb(66 32 6 / var(--tw-text-opacity, 1)) !important;
}

.underline{
text-decoration-line: underline !important;
}

.overline{
text-decoration-line: overline !important;
}

.line-through{
text-decoration-line: line-through !important;
}

.no-underline{
text-decoration-line: none !important;
}

.antialiased{
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}

.accent-cyan-600{
accent-color: #0891b2 !important;
}

.opacity-0{
opacity: 0 !important;
}

.opacity-100{
opacity: 1 !important;
}

.opacity-25{
opacity: 0.25 !important;
}

.opacity-50{
opacity: 0.5 !important;
}

.opacity-60{
opacity: 0.6 !important;
}

.opacity-75{
opacity: 0.75 !important;
}

.shadow{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-md{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.outline{
outline-style: solid !important;
}

.ring{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.blur{
--tw-blur: blur(8px) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.blur-sm{
--tw-blur: blur(4px) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.drop-shadow{
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.grayscale{
--tw-grayscale: grayscale(100%) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.invert{
--tw-invert: invert(100%) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.\!filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.backdrop-blur-sm{
--tw-backdrop-blur: blur(4px) !important;
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}

.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.transition-all{
transition-property: all !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.transition-opacity{
transition-property: opacity !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.delay-200{
transition-delay: 200ms !important;
}

.delay-300{
transition-delay: 300ms !important;
}

.duration-0{
transition-duration: 0s !important;
}

.duration-150{
transition-duration: 150ms !important;
}

.duration-200{
transition-duration: 200ms !important;
}

.duration-300{
transition-duration: 300ms !important;
}

.duration-500{
transition-duration: 500ms !important;
}

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

.ease-linear{
transition-timing-function: linear !important;
}

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

.\*\:inline > *.form .form-group{
display: flex;
align-items: center;
justify-content: flex-start;
}

.\*\:inline > *.form .form-group .input{
flex: 1 1 0%;
}

.\*\:inline > *.form .form-group .label{
width: 25%;
}

.\*\:mr-1 > *{
margin-right: 0.25rem !important;
}

.\*\:inline > *{
display: inline !important;
}

.file\:mr-4::file-selector-button{
margin-right: 1rem !important;
}

.file\:rounded-full::file-selector-button{
border-radius: 9999px !important;
}

.file\:border-0::file-selector-button{
border-width: 0px !important;
}

.file\:bg-gray-50::file-selector-button{
--tw-bg-opacity: 1 !important;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}

.file\:px-4::file-selector-button{
padding-left: 1rem !important;
padding-right: 1rem !important;
}

.file\:py-2::file-selector-button{
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}

.file\:text-sm::file-selector-button{
font-size: 0.875rem !important;
line-height: 1.25rem !important;
}

.file\:font-semibold::file-selector-button{
font-weight: 600 !important;
}

.file\:text-gray-700::file-selector-button{
--tw-text-opacity: 1 !important;
color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}

.before\:-inset-1::before{
content: var(--tw-content) !important;
inset: -0.25rem !important;
}

.before\:m-auto::before{
content: var(--tw-content) !important;
margin: auto !important;
}

.before\:mx-4::before{
content: var(--tw-content) !important;
margin-left: 1rem !important;
margin-right: 1rem !important;
}

.before\:ml-4::before{
content: var(--tw-content) !important;
margin-left: 1rem !important;
}

.before\:block::before{
content: var(--tw-content) !important;
display: block !important;
}

.before\:h-\[1px\]::before{
content: var(--tw-content) !important;
height: 1px !important;
}

.before\:w-1::before{
content: var(--tw-content) !important;
width: 0.25rem !important;
}

.before\:w-4::before{
content: var(--tw-content) !important;
width: 1rem !important;
}

.before\:flex-1::before{
content: var(--tw-content) !important;
flex: 1 1 0% !important;
}

.before\:border::before{
content: var(--tw-content) !important;
border-width: 1px !important;
}

.before\:bg-neutral-90::before{
content: var(--tw-content) !important;
background-color: #e1e3e4ff !important;
}

.before\:bg-primary-70::before{
content: var(--tw-content) !important;
background-color: #33badbff !important;
}

.before\:bg-secondary-20::before{
content: var(--tw-content) !important;
background-color: #1d343bff !important;
}

.before\:bg-transparent::before{
content: var(--tw-content) !important;
background-color: transparent !important;
}

.before\:content-\[\'\'\]::before{
--tw-content: '' !important;
content: var(--tw-content) !important;
}

.after\:m-auto::after{
content: var(--tw-content) !important;
margin: auto !important;
}

.after\:h-\[1px\]::after{
content: var(--tw-content) !important;
height: 1px !important;
}

.after\:w-4::after{
content: var(--tw-content) !important;
width: 1rem !important;
}

.after\:flex-1::after{
content: var(--tw-content) !important;
flex: 1 1 0% !important;
}

.after\:border::after{
content: var(--tw-content) !important;
border-width: 1px !important;
}

.after\:bg-neutral-90::after{
content: var(--tw-content) !important;
background-color: #e1e3e4ff !important;
}

.after\:content-\[\'\'\]::after{
--tw-content: '' !important;
content: var(--tw-content) !important;
}

.first\:fill-neutral-50:first-child{
fill: #757779ff !important;
}

.first\:fill-primary-10:first-child{
fill: #001f27ff !important;
}

.last\:border-0:last-child{
border-width: 0px !important;
}

.last\:border-b-0:last-child{
border-bottom-width: 0px !important;
}

.only\:block:only-child{
display: block !important;
}

.focus-within\:border-2:focus-within{
border-width: 2px !important;
}

.focus-within\:border-primary-70:focus-within{
border-color: #33badbff !important;
}

.hover\:border-none:hover{
border-style: none !important;
}

.hover\:border-gray-500:hover{
--tw-border-opacity: 1 !important;
border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)) !important;
}

.hover\:bg-gray-100:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-300:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-50:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-neutral-100:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-neutral-70:hover{
background-color: #a9abadff !important;
}

.hover\:bg-neutral-90:hover{
background-color: #e1e3e4ff !important;
}

.hover\:bg-neutral-95:hover{
background-color: #eff1f2ff !important;
}

.hover\:bg-neutralVariant-90:hover{
background-color: #dbe4e8ff !important;
}

.hover\:bg-neutralVariant-95:hover{
background-color: #eaf2f6ff !important;
}

.hover\:bg-orange-200:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-primary-50:hover{
background-color: #00829cff !important;
}

.hover\:bg-primary-60:hover{
background-color: #009ebdff !important;
}

.hover\:bg-primary-90:hover{
background-color: #b2ebffff !important;
}

.hover\:bg-primary-90\/50:hover{
background-color: rgb(178 235 255 / 0.5) !important;
}

.hover\:bg-primary-95:hover{
background-color: #ecf9feff !important;
}

.hover\:bg-red-200:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-secondary-90:hover{
background-color: #cee6f0ff !important;
}

.hover\:bg-secondary-95:hover{
background-color: #e4f8ffff !important;
}

.hover\:bg-white:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-none:hover{
background-image: none !important;
}

.hover\:text-black:hover{
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-blue-100:hover{
--tw-text-opacity: 1 !important;
color: rgb(219 234 254 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-500:hover{
--tw-text-opacity: 1 !important;
color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-700:hover{
--tw-text-opacity: 1 !important;
color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-800:hover{
--tw-text-opacity: 1 !important;
color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-900:hover{
--tw-text-opacity: 1 !important;
color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-neutralVariant-30:hover{
color: #40484bff !important;
}

.hover\:text-secondary-30:hover{
color: #344a52ff !important;
}

.hover\:text-white:hover{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.hover\:underline:hover{
text-decoration-line: underline !important;
}

.hover\:shadow-lg:hover{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:file\:bg-gray-100::file-selector-button:hover{
--tw-bg-opacity: 1 !important;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}

.focus\:z-10:focus{
z-index: 10 !important;
}

.focus\:text-gray-700:focus{
--tw-text-opacity: 1 !important;
color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}

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

.focus\:outline-violet-500:focus{
outline-color: #8b5cf6 !important;
}

.focus\:ring-2:focus{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-blue-500:focus{
--tw-ring-opacity: 1 !important;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-offset-2:focus{
--tw-ring-offset-width: 2px !important;
}

.group:focus-within .group-focus-within\:pointer-events-auto{
pointer-events: auto !important;
}

.group:focus-within .group-focus-within\:opacity-100{
opacity: 1 !important;
}

.group:hover .group-hover\:pointer-events-auto{
pointer-events: auto !important;
}

.group:hover .group-hover\:bg-secondary-95{
background-color: #e4f8ffff !important;
}

.group:hover .group-hover\:opacity-100{
opacity: 1 !important;
}

.data-\[active\]\:bg-neutral-100[data-active]{
--tw-bg-opacity: 1 !important;
background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:border-gray-600:is(.dark *){
--tw-border-opacity: 1 !important;
border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-gray-700:is(.dark *){
--tw-border-opacity: 1 !important;
border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)) !important;
}

.dark\:border-gray-800:is(.dark *){
--tw-border-opacity: 1 !important;
border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)) !important;
}

.dark\:bg-blue-900:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-gray-700:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-gray-800:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-green-900:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-red-900:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:text-blue-200:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(191 219 254 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-gray-100:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(243 244 246 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-gray-200:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(229 231 235 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-gray-300:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-gray-400:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-gray-50:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(249 250 251 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-green-200:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(187 247 208 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-red-200:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(254 202 202 / var(--tw-text-opacity, 1)) !important;
}

.dark\:text-white:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:hover\:bg-gray-900:hover:is(.dark *){
--tw-bg-opacity: 1 !important;
background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:hover\:text-gray-200:hover:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(229 231 235 / var(--tw-text-opacity, 1)) !important;
}

.dark\:hover\:text-gray-300:hover:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important;
}

.dark\:hover\:text-gray-50:hover:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(249 250 251 / var(--tw-text-opacity, 1)) !important;
}

.dark\:hover\:text-white:hover:is(.dark *){
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

@media (min-width: 640px){

.sm\:col-span-2{
grid-column: span 2 / span 2 !important;
}

.sm\:mx-auto{
margin-left: auto !important;
margin-right: auto !important;
}

.sm\:mb-0{
margin-bottom: 0px !important;
}

.sm\:ml-0{
margin-left: 0px !important;
}

.sm\:mr-4{
margin-right: 1rem !important;
}

.sm\:mt-0{
margin-top: 0px !important;
}

.sm\:mt-8{
margin-top: 2rem !important;
}

.sm\:inline-block{
display: inline-block !important;
}

.sm\:flex{
display: flex !important;
}

.sm\:table-cell{
display: table-cell !important;
}

.sm\:grid{
display: grid !important;
}

.sm\:w-96{
width: 24rem !important;
}

.sm\:w-auto{
width: auto !important;
}

.sm\:max-w-2xl{
max-width: 42rem !important;
}

.sm\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.sm\:gap-4{
gap: 1rem !important;
}

.sm\:rounded-md{
border-radius: 0.375rem !important;
}

.sm\:px-8{
padding-left: 2rem !important;
padding-right: 2rem !important;
}

.sm\:text-left{
text-align: left !important;
}

.sm\:text-right{
text-align: right !important;
}
}

@media (min-width: 768px){

.md\:my-6{
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}

.md\:flex{
display: flex !important;
}

.md\:min-h-screen{
min-height: 100vh !important;
}

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

.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.md\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.md\:flex-row{
flex-direction: row !important;
}

.md\:justify-self-end{
justify-self: end !important;
}

.md\:bg-left{
background-position: left !important;
}

.md\:pb-0{
padding-bottom: 0px !important;
}

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

@media (min-width: 1024px){

.lg\:absolute{
position: absolute !important;
}

.lg\:right-0{
right: 0px !important;
}

.lg\:my-0{
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.lg\:mb-0{
margin-bottom: 0px !important;
}

.lg\:mr-4{
margin-right: 1rem !important;
}

.lg\:block{
display: block !important;
}

.lg\:inline-block{
display: inline-block !important;
}

.lg\:flex{
display: flex !important;
}

.lg\:inline-flex{
display: inline-flex !important;
}

.lg\:hidden{
display: none !important;
}

.lg\:w-1\/2{
width: 50% !important;
}

.lg\:w-1\/3{
width: 33.333333% !important;
}

.lg\:w-1\/4{
width: 25% !important;
}

.lg\:w-3\/4{
width: 75% !important;
}

.lg\:w-auto{
width: auto !important;
}

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

.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.lg\:flex-row{
flex-direction: row !important;
}

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

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

.lg\:gap-48{
gap: 12rem !important;
}

.lg\:gap-8{
gap: 2rem !important;
}

.lg\:bg-center{
background-position: center !important;
}

.lg\:p-0{
padding: 0px !important;
}

.lg\:p-10{
padding: 2.5rem !important;
}

.lg\:p-4{
padding: 1rem !important;
}

.lg\:px-0{
padding-left: 0px !important;
padding-right: 0px !important;
}

.lg\:px-4{
padding-left: 1rem !important;
padding-right: 1rem !important;
}

.lg\:px-6{
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}

.lg\:py-24{
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}

.lg\:pb-0{
padding-bottom: 0px !important;
}

.lg\:pl-16{
padding-left: 4rem !important;
}
}

@media print{

.print\:block{
display: block !important;
}

.print\:hidden{
display: none !important;
}
}