/* src/Layout.scss */
.mc7b5ceb67_layout {
  display: var(--fcl-d, flex);
  align-items: var(--fcl-a, initial);
  align-self: var(--fcl-as, initial);
  align-content: var(--fcl-ac, initial);
  justify-content: var(--fcl-jc, initial);
  flex: var(--fcl-f, initial);
  flex-wrap: var(--fcl-w, initial);
}

.mc7b5ceb67_column {
  flex-direction: column;
}
.mc7b5ceb67_column.mc7b5ceb67_reverse {
  flex-direction: column-reverse;
}
.mc7b5ceb67_column > .mc7b5ceb67_spacer {
  /* important needed to override the pad prop and others generally */
  margin-top: auto !important;
}

.mc7b5ceb67_row {
  flex-direction: row;
  min-width: 0;
  max-height: 100%;
}
.mc7b5ceb67_row.mc7b5ceb67_reverse {
  flex-direction: row-reverse;
}
.mc7b5ceb67_row > .mc7b5ceb67_spacer {
  /* important needed to override the pad prop and others generally */
  margin-left: auto !important;
}

.mc7b5ceb67_pad-1.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-1, 4px);
}
.mc7b5ceb67_pad-1.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-1, 4px);
}
.mc7b5ceb67_pad-1.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-1, 4px) * -1 );
}
.mc7b5ceb67_pad-1.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-1, 4px);
}

.mc7b5ceb67_pad-2.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-2, 8px);
}
.mc7b5ceb67_pad-2.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-2, 8px);
}
.mc7b5ceb67_pad-2.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-2, 8px) * -1 );
}
.mc7b5ceb67_pad-2.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-2, 8px);
}

.mc7b5ceb67_pad-3.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-3, 12px);
}
.mc7b5ceb67_pad-3.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-3, 12px);
}
.mc7b5ceb67_pad-3.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-3, 12px) * -1 );
}
.mc7b5ceb67_pad-3.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-3, 12px);
}

.mc7b5ceb67_pad-4.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-4, 16px);
}
.mc7b5ceb67_pad-4.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-4, 16px);
}
.mc7b5ceb67_pad-4.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-4, 16px) * -1 );
}
.mc7b5ceb67_pad-4.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-4, 16px);
}

.mc7b5ceb67_pad-5.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-5, 20px);
}
.mc7b5ceb67_pad-5.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-5, 20px);
}
.mc7b5ceb67_pad-5.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-5, 20px) * -1 );
}
.mc7b5ceb67_pad-5.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-5, 20px);
}

.mc7b5ceb67_pad-6.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-6, 24px);
}
.mc7b5ceb67_pad-6.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-6, 24px);
}
.mc7b5ceb67_pad-6.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-6, 24px) * -1 );
}
.mc7b5ceb67_pad-6.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-6, 24px);
}

.mc7b5ceb67_pad-8.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-8, 32px);
}
.mc7b5ceb67_pad-8.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-8, 32px);
}
.mc7b5ceb67_pad-8.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-8, 32px) * -1 );
}
.mc7b5ceb67_pad-8.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-8, 32px);
}

.mc7b5ceb67_pad-10.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-10, 40px);
}
.mc7b5ceb67_pad-10.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-10, 40px);
}
.mc7b5ceb67_pad-10.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-10, 40px) * -1 );
}
.mc7b5ceb67_pad-10.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-10, 40px);
}

.mc7b5ceb67_pad-12.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-12, 48px);
}
.mc7b5ceb67_pad-12.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-12, 48px);
}
.mc7b5ceb67_pad-12.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-12, 48px) * -1 );
}
.mc7b5ceb67_pad-12.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-12, 48px);
}

.mc7b5ceb67_pad-16.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-16, 64px);
}
.mc7b5ceb67_pad-16.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-16, 64px);
}
.mc7b5ceb67_pad-16.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-16, 64px) * -1 );
}
.mc7b5ceb67_pad-16.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-16, 64px);
}

.mc7b5ceb67_pad-20.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-20, 80px);
}
.mc7b5ceb67_pad-20.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-20, 80px);
}
.mc7b5ceb67_pad-20.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-20, 80px) * -1 );
}
.mc7b5ceb67_pad-20.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-20, 80px);
}

.mc7b5ceb67_pad-24.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-24, 96px);
}
.mc7b5ceb67_pad-24.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-24, 96px);
}
.mc7b5ceb67_pad-24.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-24, 96px) * -1 );
}
.mc7b5ceb67_pad-24.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-24, 96px);
}

.mc7b5ceb67_pad-32.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-32, 128px);
}
.mc7b5ceb67_pad-32.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-32, 128px);
}
.mc7b5ceb67_pad-32.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-32, 128px) * -1 );
}
.mc7b5ceb67_pad-32.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-32, 128px);
}

.mc7b5ceb67_pad-40.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-40, 160px);
}
.mc7b5ceb67_pad-40.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-40, 160px);
}
.mc7b5ceb67_pad-40.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-40, 160px) * -1 );
}
.mc7b5ceb67_pad-40.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-40, 160px);
}

.mc7b5ceb67_pad-48.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-48, 192px);
}
.mc7b5ceb67_pad-48.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-48, 192px);
}
.mc7b5ceb67_pad-48.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-48, 192px) * -1 );
}
.mc7b5ceb67_pad-48.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-48, 192px);
}

.mc7b5ceb67_pad-56.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-56, 224px);
}
.mc7b5ceb67_pad-56.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-56, 224px);
}
.mc7b5ceb67_pad-56.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-56, 224px) * -1 );
}
.mc7b5ceb67_pad-56.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-56, 224px);
}

.mc7b5ceb67_pad-64.mc7b5ceb67_row > * + * {
  margin-left: var(--fc-layout-pad-64, 256px);
}
.mc7b5ceb67_pad-64.mc7b5ceb67_column > * + * {
  margin-top: var(--fc-layout-pad-64, 256px);
}
.mc7b5ceb67_pad-64.mc7b5ceb67_wrap {
  margin: calc( var(--fc-layout-pad-64, 256px) * -1 );
}
.mc7b5ceb67_pad-64.mc7b5ceb67_wrap > * {
  margin: var(--fc-layout-pad-64, 256px);
}
.mc6e4cd301_dialog {
    /* Firefox requires an explicit height; 100% doesn't work. */
    max-height: calc(100vh - 6rem * 2);
    box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.7);
    transition: transform 0.3s ease-out;
    margin: 0 2.4rem;
  }
    

    /* initial state */
    

    .mc6e4cd301_modal.fade .mc6e4cd301_dialog {
      transition: transform 0.3s ease-out;
      transform: translate(0, -50px);
    }
    

    /* show state */
    

    .mc6e4cd301_modal.show .mc6e4cd301_dialog {
      transform: none;
    }
    

    /**
    * FIXME: When the modal renders a form, we put the <form> as the
    * immediate and only child of the .dialog. Styling it here avoids
    * weirdness with page size handling. Forms rendered this way should set component={null}
    * to render a fragment instead.
    */
    

    .mc6e4cd301_dialog > *:only-child {
      display: contents;
    }


  /* Sizes: hard coded pixels bc calc in media queries not well supported */

  @media (min-width: 520px) {
    .mc6e4cd301_sm {
      max-width: 480px;
      margin: 0 auto;
      width: 100%;
    }

    .mc6e4cd301_lg {
      width: 90%;
      height: 90%;
      margin: 0 auto;
      max-width: 1920px;
      max-height: 1080px;
    }
  }

  @media (min-width: 840px) {
    .mc6e4cd301_md {
      max-width: 800px;
      margin: 0 auto;
      width: 100%;
    }
  }
 
  .mc6e4cd301_top {
    flex: 1 1 6rem;
    max-height: 15rem;
  }
  .mc6e4cd301_bottom {
    flex: 1 1 6rem;
  }

  @media (max-height: 400px) {
    .mc6e4cd301_top,
    .mc6e4cd301_bottom {
      flex-basis: 1rem;
    }

    .mc6e4cd301_dialog {
      max-height: calc(100vh - 2rem);
    }
  }
/* 300 Regular */
@font-face {
  font-family: 'Biotif';
  src: url(/Biotif-Regular-7ae9923b67c36d147468..woff);
  font-weight: 300;
}

/* 700 Bold */
@font-face {
  font-family: 'Biotif';
  src: url(/Biotif-Bold-cf785147b70894795d8b..woff);
  font-weight: 700;
}

/* 800 ExtraBold */
@font-face {
  font-family: 'Biotif';
  src: url(/Biotif-ExtraBold-6b36f86b40a493799109..woff);
  font-weight: 800;
}

:root{

    --theme-contrast-color: 0, 0%, 100%;

    --theme-bg-color: hsl(0, 0%, 10%);

    --theme-card-bg-color: hsl(0, 0%, 15%);

    --theme-divider-color: hsl(0, 0%, 20%);

    --theme-link-color: #5b9aff;

    --theme-link-hover-color: #2779ff;

    --theme-form-check-color: #fff;

    --theme-form-check-border-color: #fff;

    --theme-form-control-light-border-color: hsl(0, 0%, 75%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 75%);

    --theme-form-control-secondary-color: #fff;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 75%);

    --theme-button-solid-danger: #e84a4a;

    --theme-button-outline-primary: #5b9aff;

    --theme-button-outline-danger: #e84a4a;

    --theme-button-outline-secondary: #fff;

    --theme-button-text-primary: #5b9aff;

    --theme-button-text-danger: #e84a4a;

    --theme-button-text-secondary: #fff;

    --theme-text-color: hsl(0, 0%, 75%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: #fff;

    --theme-text-color-primary: #5b9aff;

    --theme-text-color-danger: #e84a4a;
}

*,
  ::before,
  ::after{

    box-sizing: border-box;

    border-width: 0;

    border-style: solid;

    border-color: currentColor;
}

html{

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    font-family: Biotif, Helvetica, Arial, sans-serif;

    font-size: 10px;

    margin: 0;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
}

body{

    background-color: var(--theme-bg-color);

    color: var(--theme-text-color);

    font-size: 1.4rem;

    line-height: 2rem;

    font-family: inherit;

    margin: 0;

    text-align: left;

    padding: 0;
}

hr{

    height: 0;

    color: inherit;

    border: 0;

    margin-top: 1.2rem;

    margin-bottom: 1.2rem;

    border-top: 1px solid var(--theme-divider-color);
}

abbr[title]{

    -webkit-text-decoration: underline dotted;

            text-decoration: underline dotted;
}

h1,
  h2,
  h3,
  h4,
  h5,
  h6{

    font-size: inherit;

    font-weight: inherit;
}

a{

    color: inherit;

    text-decoration: inherit;
}

[tabindex='-1']:focus:not(:focus-visible){

    outline: 0 !important;
}

code,
  kbd,
  samp,
  pre{

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    font-size: 1em;
}

small{

    font-size: 80%;
}

sub,
  sup{

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub{

    bottom: -0.25em;
}

sup{

    top: -0.5em;
}

table{

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;
}

button,
  input,
  optgroup,
  select,
  textarea{

    font: inherit;

    line-height: inherit;

    color: inherit;

    margin: 0;

    padding: 0;
}

button{

    -webkit-appearance: button;

    font: inherit;

    border-width: 0;

    border-color: transparent;

    background-color: transparent;

    background-image: none;
}

button,
  select{

    text-transform: none;
}

:-moz-focusring{

    outline: auto;
}

:-moz-ui-invalid{

    box-shadow: none;
}

progress{

    vertical-align: baseline;
}

::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button{

    height: auto;
}

[type='search']{

    -webkit-appearance: textfield;

    outline-offset: -2px;
}

input[type='search']::-webkit-search-decoration,
  input[type='search']::-webkit-search-cancel-button,
  input[type='search']::-webkit-search-results-button,
  input[type='search']::-webkit-search-results-decoration{

    display: none;

    -webkit-appearance: none;
}

svg{

    display: initial;

    vertical-align: initial;
}

::-webkit-search-decoration{

    -webkit-appearance: none;
}

::-webkit-file-upload-button{

    -webkit-appearance: button;

    font: inherit;
}

summary{

    display: list-item;

    cursor: pointer;
}

blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  figure{

    margin: 0;
}

pre{

    margin: 0;

    overflow: auto;

    -ms-overflow-style: scrollbar;
}

fieldset{

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0;
}

legend{

    display: block;

    width: 100%;

    max-width: 100%;

    padding: 0;

    line-height: inherit;

    color: inherit;

    white-space: normal;
}

ol,
  ul{

    list-style: none;

    margin: 0;

    padding: 0;
}

textarea{

    resize: vertical;
}

button,
  [role='button']{

    cursor: pointer;
}

img,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object{

    display: block;

    vertical-align: middle;
}

img,
  video{

    max-width: 100%;

    height: auto;
}

[hidden]{

    display: none;
}

:root{

    --fc-layout-pad-0: 0;

    --fc-layout-pad-1: 0.4rem;

    --fc-layout-pad-2: 0.8rem;

    --fc-layout-pad-3: 1.2rem;

    --fc-layout-pad-4: 1.6rem;

    --fc-layout-pad-5: 2rem;

    --fc-layout-pad-6: 2.4rem;

    --fc-layout-pad-8: 3.2rem;

    --fc-layout-pad-10: 4rem;

    --fc-layout-pad-12: 4.8rem;

    --fc-layout-pad-16: 6.4rem;

    --fc-layout-pad-20: 8rem;

    --fc-layout-pad-24: 9.6rem;

    --fc-layout-pad-32: 12.8rem;

    --fc-layout-pad-40: 16rem;

    --fc-layout-pad-48: 19.2rem;

    --fc-layout-pad-56: 22.4rem;

    --fc-layout-pad-64: 25.6rem;

    --fc-layout-pad-72: 28.8rem;

    --fc-layout-pad-80: 32rem;

    --fc-layout-pad-96: 38.4rem;

    --fc-layout-pad-px: 1px;

    --fc-layout-pad-0-5: 0.2rem;

    --fc-layout-pad-1-5: 0.6rem;

    --fc-layout-pad-2-5: 1rem;

    --fc-layout-pad-navbar: 6rem;

    --bni-white: #fff;

    --bni-grey-5: hsl(0, 0%, 95%);

    --bni-grey-10: hsl(0, 0%, 90%);

    --bni-grey-15: hsl(0, 0%, 85%);

    --bni-grey-20: hsl(0, 0%, 80%);

    --bni-grey-25: hsl(0, 0%, 75%);

    --bni-grey-30: hsl(0, 0%, 70%);

    --bni-grey-35: hsl(0, 0%, 65%);

    --bni-grey-40: hsl(0, 0%, 60%);

    --bni-grey-45: hsl(0, 0%, 55%);

    --bni-grey-50: hsl(0, 0%, 50%);

    --bni-grey-55: hsl(0, 0%, 45%);

    --bni-grey-60: hsl(0, 0%, 40%);

    --bni-grey-65: hsl(0, 0%, 35%);

    --bni-grey-70: hsl(0, 0%, 30%);

    --bni-grey-75: hsl(0, 0%, 25%);

    --bni-grey-80: hsl(0, 0%, 20%);

    --bni-grey-85: hsl(0, 0%, 15%);

    --bni-grey-90: hsl(0, 0%, 10%);

    --bni-grey-95: hsl(0, 0%, 5%);

    --bni-black: #000;

    --bni-blue-40: #5b9aff;

    --bni-blue-70: #194b9f;

    --bni-blue-80: #0f326c;

    --bni-blue: #2779ff;

    --bni-red-40: #e84a4a;

    --bni-red: #db1c1c;

    --bni-orange: #f5a623;

    --bni-yellow: #ffdc00;

    --bni-purple: #7b1cd5;

    --bni-pink: #d400ff;

    --bni-green: #45b562;

    --bni-limegreen: #b6ff00;

    --bni-aquamarine: #50e3c2;

    --bni-neongreen: #00ff32;

    --bni-cyan: #00f0ff;

    --bni-transparent: transparent;

    --bni-current: currentColor;

    --bni-primary: #2779ff;

    --bni-success: #45b562;

    --bni-danger: #db1c1c;

    --bni-warning: #ffdc00;

    --bni-draft: #f5a623;

    --bni-expired: #7b1cd5;

    --bni-contrast: ({
          opacityValue
        }) => `hsla(var(--theme-contrast-color), ${opacityValue})`;
}

label{

    display: inline-block;

    margin-bottom: 0.4rem;
}

p{

    margin-top: 0;

    margin-bottom: 1.2rem;
}

b, strong{

    font-weight: 800;
}

a:focus-visible{

    outline: 3px solid rgba(39, 121, 255, 0.4);

    outline: 3px auto rgba(39, 121, 255, 0.4);
}

legend{

    margin-bottom: 0.4rem;
}

.flex-none{

    flex: none !important;
}

.fade{

    transition: opacity 0.15s linear;
}

.fade:not(.show){

    opacity: 0;
}

.collapse:not(.show){

    display: none;
}

.\!collapse:not(.show){

    display: none !important;
}

.collapsing{

    height: 0;

    overflow: hidden;

    transition: height 0.35s ease;
}

.collapsing.collapse-horizontal{

    width: 0;

    height: auto;

    transition: width 0.35s ease;
}

@keyframes react-widgets-autofill-start{

    from{}

    to{}
}

@keyframes react-widgets-autofill-cancel{

    from{}

    to{}
}

*, ::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-ordinal:  ;

    --tw-slashed-zero:  ;

    --tw-numeric-figure:  ;

    --tw-numeric-spacing:  ;

    --tw-numeric-fraction:  ;

    --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:  ;
}

::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-ordinal:  ;

    --tw-slashed-zero:  ;

    --tw-numeric-figure:  ;

    --tw-numeric-spacing:  ;

    --tw-numeric-fraction:  ;

    --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:  ;
}
.container{

    width: 100%;
}
@media (min-width: 640px){

    .container{

        max-width: 640px;

        padding-right: 2rem;

        padding-left: 2rem;
    }
}
@media (min-width: 768px){

    .container{

        max-width: 768px;

        padding-right: 3rem;

        padding-left: 3rem;
    }
}
@media (min-width: 1024px){

    .container{

        max-width: 1024px;

        padding-right: 3rem;

        padding-left: 3rem;
    }
}
@media (min-width: 1280px){

    .container{

        max-width: 1280px;

        padding-right: 3rem;

        padding-left: 3rem;
    }
}
@media (min-width: 1536px){

    .container{

        max-width: 1536px;

        padding-right: 3rem;

        padding-left: 3rem;
    }
}
.surface{

    background-color: var(--theme-bg-color);

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

    --theme-contrast-color: 0, 0%, 100%;

    --theme-bg-color: hsl(0, 0%, 10%);

    --theme-card-bg-color: hsl(0, 0%, 15%);

    --theme-divider-color: hsl(0, 0%, 20%);

    --theme-link-color: #5b9aff;

    --theme-link-hover-color: #2779ff;

    --theme-form-check-color: #fff;

    --theme-form-check-border-color: #fff;

    --theme-form-control-light-border-color: hsl(0, 0%, 75%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 75%);

    --theme-form-control-secondary-color: #fff;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 75%);

    --theme-button-solid-danger: #e84a4a;

    --theme-button-outline-primary: #5b9aff;

    --theme-button-outline-danger: #e84a4a;

    --theme-button-outline-secondary: #fff;

    --theme-button-text-primary: #5b9aff;

    --theme-button-text-danger: #e84a4a;

    --theme-button-text-secondary: #fff;

    --theme-text-color: hsl(0, 0%, 75%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: #fff;

    --theme-text-color-primary: #5b9aff;

    --theme-text-color-danger: #e84a4a;
}
.surface-light{

    --theme-contrast-color: 0, 0%, 0%;

    --theme-bg-color: hsl(0, 0%, 95%);

    --theme-card-bg-color: #fff;

    --theme-divider-color: hsl(0, 0%, 75%);

    --theme-link-color: #2779ff;

    --theme-link-hover-color: #194b9f;

    --theme-form-check-color: hsl(0, 0%, 10%);

    --theme-form-check-border-color: hsl(0, 0%, 50%);

    --theme-form-control-light-border-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 90%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 85%);

    --theme-form-control-secondary-color: #000;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 85%);

    --theme-button-solid-danger: #db1c1c;

    --theme-button-outline-primary: #2779ff;

    --theme-button-outline-danger: #db1c1c;

    --theme-button-outline-secondary: hsl(0, 0%, 20%);

    --theme-button-text-primary: #2779ff;

    --theme-button-text-danger: #db1c1c;

    --theme-button-text-secondary: hsl(0, 0%, 20%);

    --theme-text-color: hsl(0, 0%, 20%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: hsl(0, 0%, 10%);

    --theme-text-color-primary: #2779ff;

    --theme-text-color-danger: #db1c1c;
}
.btn{

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    touch-action: manipulation;

    -webkit-user-select: none;

            user-select: none;

    white-space: nowrap;

    height: 3rem;

    padding: 0 2rem;

    border-radius: 5px;

    font-size: 1.4rem;

    font-weight: 700;

    line-height: 1.25;
}
.btn:focus-visible{

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    outline: none;

    transition: box-shadow 0.15s ease-in-out;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000);
}
.btn:hover,
        .btn.btn\:hover{

    filter: brightness(85%);
}
.btn:active,
        .btn.btn\:active{

    filter: brightness(75%);
}
.btn:disabled,
        
        
        
        .btn[aria-disabled='true'],
        
        
        
        .btn.disabled{

    cursor: not-allowed;

    filter: opacity(35%);
}
.btn:disabled,
        
        
        
        .btn[aria-disabled='true'],
        
        
        
        .btn.\!disabled{

    cursor: not-allowed !important;

    filter: opacity(35%) !important;
}
.btn img{

    pointer-events: none;
}
.btn-solid{

    color: var(--bni-btn-color-secondary, #fff);

    background: var(--bni-btn-color-primary);

    border: 1px solid var(--bni-btn-color-primary);
}
.btn-outline{

    color: var(--bni-btn-color-primary);

    border: 1px solid var(--bni-btn-color-primary);
}
.btn-outline:hover,
        .btn-outline.btn\:hover{

    background-color: rgba(0, 0, 0, 0.15);
}
.btn-outline:active,
        .btn-outline.btn\:active{

    background-color: rgba(0, 0, 0, 0.25);
}
.btn-text{

    color: var(--bni-btn-color-primary);

    padding: 0 1rem;

    min-height: 2rem;
}
.btn--flush{

    height: auto;
}
.btn--lg{

    height: 4rem;
}
.btn--xl{

    height: 6rem;

    padding: 0 4.8rem;

    font-size: 2.2rem;
}
.btn--busy{

    pointer-events: none;
}
.btn--content{

    display: contents;
}
.btn--busy .btn--content{

    visibility: hidden;
}
.btn-toolbar > .btn-text:last-child,
        .btn-toolbar > :not(.btn-toolbar):last-child .btn-text{

    margin-right: calc(0px - 1rem);
}
.btn-toolbar > .btn-text:first-child,
        .btn-toolbar > :not(.btn-toolbar):first-child .btn-text{

    margin-left: calc(0px - 1rem);
}
.btn-group{

    display: flex;

    flex-direction: row;
}
.btn-group .btn:not(:first-of-type):not(:last-of-type){

    border-radius: 0;
}
.btn-group .btn:first-of-type{

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;
}
.btn-group .btn:last-of-type{

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;
}
.btn-group .btn + .btn{

    margin-left: -1px;
}
.btn-group .btn:hover,
        .btn-group .btn:focused,
        .btn-group .btn:focus-within{

    z-index: 1;
}
.btn-primary{

    --bni-btn-color-primary: #2779ff;

    --bni-btn-color-secondary: white;
}
.btn-draft{

    --bni-btn-color-primary: #f5a623;

    --bni-btn-color-secondary: white;
}
.btn-success{

    --bni-btn-color-primary: #45b562;

    --bni-btn-color-secondary: white;
}
.btn-danger{

    --bni-btn-color-primary: var(--theme-button-solid-danger);

    --bni-btn-color-secondary: white;
}
.btn-expired{

    --bni-btn-color-primary: #7b1cd5;

    --bni-btn-color-secondary: white;
}
.btn-outline-primary{

    --bni-btn-color-primary: var(--theme-button-outline-primary);
}
.btn-outline-draft{

    --bni-btn-color-primary: #f5a623;
}
.btn-outline-success{

    --bni-btn-color-primary: #45b562;
}
.btn-outline-danger{

    --bni-btn-color-primary: var(--theme-button-outline-danger);
}
.btn-outline-expired{

    --bni-btn-color-primary: #7b1cd5;
}
.btn-outline-secondary{

    --bni-btn-color-primary: var(--theme-button-outline-secondary);
}
.btn-text-primary{

    --bni-btn-color-primary: var(--theme-button-text-primary);
}
.btn-text-draft{

    --bni-btn-color-primary: #f5a623;
}
.btn-text-success{

    --bni-btn-color-primary: #45b562;
}
.btn-text-danger{

    --bni-btn-color-primary: var(--theme-button-text-danger);
}
.btn-text-expired{

    --bni-btn-color-primary: #7b1cd5;
}
.btn-text-secondary{

    --bni-btn-color-primary: var(--theme-button-text-secondary);
}
.dropdown{

    position: relative;

    display: inline-block;
}
.dropdown-menu{

    background-color: var(--theme-bg-color);

    position: absolute;

    z-index: 1000;

    border-radius: 5px;

    color: var(--theme-text-color);

    --tw-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);

    --tw-shadow-colored: 0 4px 8px 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);

    font-weight: initial;

    padding: 0.4rem 0;

    text-align: left;

    background-clip: padding-box;

    min-width: 25.6rem;
}
.dropdown-menu[data-dropdown-hidden]{

    visibility: hidden;

    opacity: 0;
}
.dropdown-menu[data-popper-reference-hidden='true']{

    visibility: hidden;

    pointer-events: none;
}
.dropdown-menu--dark{

    --theme-contrast-color: 0, 0%, 100%;

    --theme-bg-color: hsl(0, 0%, 10%);

    --theme-card-bg-color: hsl(0, 0%, 15%);

    --theme-divider-color: hsl(0, 0%, 20%);

    --theme-link-color: #5b9aff;

    --theme-link-hover-color: #2779ff;

    --theme-form-check-color: #fff;

    --theme-form-check-border-color: #fff;

    --theme-form-control-light-border-color: hsl(0, 0%, 75%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 75%);

    --theme-form-control-secondary-color: #fff;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 75%);

    --theme-button-solid-danger: #e84a4a;

    --theme-button-outline-primary: #5b9aff;

    --theme-button-outline-danger: #e84a4a;

    --theme-button-outline-secondary: #fff;

    --theme-button-text-primary: #5b9aff;

    --theme-button-text-danger: #e84a4a;

    --theme-button-text-secondary: #fff;

    --theme-text-color: hsl(0, 0%, 75%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: #fff;

    --theme-text-color-primary: #5b9aff;

    --theme-text-color-danger: #e84a4a;

    --theme-divider-color: hsl(0, 0%, 50%);

    --theme-bg-color: hsl(0, 0%, 20%);

    --bni-dropdown-item-danger: #e84a4a;

    --bni-dropdown-item-color: var(--theme-text-color-headline);

    --bni-dropdown-item-active-color: var(--theme-text-color-headline);

    --bni-dropdown-item-active-bg-color: #0f326c;
}
.dropdown-menu--light{

    --theme-contrast-color: 0, 0%, 0%;

    --theme-bg-color: hsl(0, 0%, 95%);

    --theme-card-bg-color: #fff;

    --theme-divider-color: hsl(0, 0%, 75%);

    --theme-link-color: #2779ff;

    --theme-link-hover-color: #194b9f;

    --theme-form-check-color: hsl(0, 0%, 10%);

    --theme-form-check-border-color: hsl(0, 0%, 50%);

    --theme-form-control-light-border-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 90%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 85%);

    --theme-form-control-secondary-color: #000;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 85%);

    --theme-button-solid-danger: #db1c1c;

    --theme-button-outline-primary: #2779ff;

    --theme-button-outline-danger: #db1c1c;

    --theme-button-outline-secondary: hsl(0, 0%, 20%);

    --theme-button-text-primary: #2779ff;

    --theme-button-text-danger: #db1c1c;

    --theme-button-text-secondary: hsl(0, 0%, 20%);

    --theme-text-color: hsl(0, 0%, 20%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: hsl(0, 0%, 10%);

    --theme-text-color-primary: #2779ff;

    --theme-text-color-danger: #db1c1c;

    --theme-divider-color: hsl(0, 0%, 90%);

    --theme-bg-color: #fff;

    --bni-dropdown-item-danger: #db1c1c;

    --bni-dropdown-item-color: var(--theme-text-color-headline);

    --bni-dropdown-item-active-color: var(--theme-text-color-headline);

    --bni-dropdown-item-active-bg-color: rgba(39, 121, 255, 0.16);
}
.dropdown-item{

    text-align: left;

    font-size: 1.4rem;

    line-height: 2rem;

    display: block;

    color: var(--bni-dropdown-item-color);

    padding: 1rem 2rem;

    white-space: nowrap;

    width: 100%;

    clear: both;
}
.dropdown-item:focus-visible{

    position: relative;

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    outline: none;

    transition: box-shadow 0.15s ease-in-out;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000);
}
.dropdown-item:hover,
        .dropdown-item.dropdown-item--active{

    color: var(--bni-dropdown-item-active-color);

    background-color: var(--bni-dropdown-item-active-bg-color);
}
.dropdown-item:disabled,
        .dropdown-item[aria-disabled],
        .dropdown-item.dropdown-item--disabled{

    pointer-events: none;

    cursor: not-allowed;

    filter: opacity(35%);
}
.dropdown-item.__dropdown-item-icon{

    display: flex;

    align-items: center;
}
.dropdown-item.__dropdown-item-icon > *:first-child:not(:last-child){

    display: flex;

    width: 2rem;

    margin-right: 0.8rem;

    align-items: center;

    justify-content: center;
}
.dropdown-header{

    display: block;

    white-space: nowrap;

    color: var(--theme-text-color-subtitle);

    font-size: 1.2rem;

    line-height: 1.7rem;

    padding: calc(1rem / 2) 2rem;
}
.dropdown-divider{

    margin: calc(1rem / 2) 0;

    border-top-color: var(--theme-divider-color);
}
.dropdown-divider:first-child,
        .dropdown-divider:last-child,
        .dropdown-divider + .dropdown-divider{

    display: none;
}
.dropdown-item-danger{

    --bni-dropdown-item-color: var(--bni-dropdown-item-danger);

    --bni-dropdown-item-active-color: #fff;

    --bni-dropdown-item-active-bg-color: var(--bni-dropdown-item-danger);
}
.page-fill{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: flex;

    height: 100%;

    flex-direction: column;

    overflow: hidden;
}
.page-fill [data-bni-navbar], 
        .page-fill .page-banner{

    flex-shrink: 0;
}
.page-fill .page-container{

    display: flex;

    height: 100%;

    overflow: hidden;
}
.page-fill .page-main{

    display: flex;

    height: 100%;

    flex-direction: column;

    overflow: hidden;
}
.page-fill .page-main > *{

    min-height: 0;
}
.page-overflow [data-bni-navbar], 
        .page-overflow .page-banner{

    position: fixed;

    top: 0;

    z-index: 1030;
}
.page-overflow .page-container{

    --bni-page-offset: 0px;

    z-index: 0;

    position: relative;

    top: var(--bni-page-offset);
}
.page-overflow [data-bni-navbar] ~ .page-banner{

    top: 6rem;
}
.page-overflow [data-bni-navbar] ~ .page-container{

    --bni-page-offset: 6rem;
}
.page-overflow [data-bni-navbar] ~ .page-banner ~ .page-container{

    --bni-page-offset: calc(
            6rem + 3rem
          );
}
.page-overflow .page-container > .page-side-panel{

    position: fixed;

    bottom: 0;

    top: var(--bni-page-offset);
}
.page-overflow .page-side-panel ~ .page-main{

    padding-left: 26rem;
}
.page-overflow .page-side-panel--collapsed ~ .page-main{

    padding-left: 5rem;
}
.page-banner{

    height: 3rem;
}
.page-container--center{

    display: flex;

    width: 100%;

    flex-direction: column;

    justify-content: center;

    min-height: calc(100vh - var(--bni-page-offset));

    padding-bottom: var(--bni-page-offset);
}
.page-main{

    width: 100%;
}
.page-drawer, 
      .page-side-panel{

    --tw-bg-opacity: 1;

    background-color: hsl(0 0% 10% / var(--tw-bg-opacity));

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}

          body[data-obtrusive-scrollbars='true'] .page-drawer, 
          body[data-obtrusive-scrollbars='true'] 
      .page-side-panel{

    -ms-overflow-style: -ms-autohiding-scrollbar;
}
 body[data-obtrusive-scrollbars='true'] .page-drawer::-webkit-scrollbar,  body[data-obtrusive-scrollbars='true'] 
      .page-side-panel::-webkit-scrollbar{

    height: 1rem;

    width: 1rem;
}
 body[data-obtrusive-scrollbars='true'] .page-drawer::-webkit-scrollbar-corner,  body[data-obtrusive-scrollbars='true'] 
      .page-side-panel::-webkit-scrollbar-corner{

    background: transparent;
}
 body[data-obtrusive-scrollbars='true'] .page-drawer::-webkit-scrollbar-track,  body[data-obtrusive-scrollbars='true'] 
      .page-side-panel::-webkit-scrollbar-track{

    background-color: transparent;
}
 body[data-obtrusive-scrollbars='true'] .page-drawer::-webkit-scrollbar-thumb,  body[data-obtrusive-scrollbars='true'] 
      .page-side-panel::-webkit-scrollbar-thumb{

    border: 2px solid transparent;

    border-radius: 5px;

    background: hsla(var(--theme-contrast-color), 0.2);

    background-clip: padding-box;
}
 body[data-obtrusive-scrollbars='true'] .page-drawer::-webkit-scrollbar-thumb:vertical,  body[data-obtrusive-scrollbars='true'] 
      .page-side-panel::-webkit-scrollbar-thumb:vertical{

    min-height: 1rem;
}
 body[data-obtrusive-scrollbars='true'] .page-drawer::-webkit-scrollbar-thumb:horizontal,  body[data-obtrusive-scrollbars='true'] 
      .page-side-panel::-webkit-scrollbar-thumb:horizontal{

    min-width: 1rem;
}
.page-drawer, 
      .page-side-panel{

    padding-bottom: 4rem;

    flex-shrink: 0;

    width: 26rem;
}
.page-side-panel{

    border-right: 1px solid hsl(0, 0%, 15%);
}
.__page-header--sticky{

    position: sticky;

    z-index: 1030;

    top: var(--bni-page-offset);
}
.page-side-panel--collapsed{

    width: 5rem;
}
.page-side-panel--collapsed > *{

    display: none;
}
.__toast{

    --theme-contrast-color: 0, 0%, 0%;

    --theme-bg-color: hsl(0, 0%, 95%);

    --theme-card-bg-color: #fff;

    --theme-divider-color: hsl(0, 0%, 75%);

    --theme-link-color: #2779ff;

    --theme-link-hover-color: #194b9f;

    --theme-form-check-color: hsl(0, 0%, 10%);

    --theme-form-check-border-color: hsl(0, 0%, 50%);

    --theme-form-control-light-border-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 90%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 85%);

    --theme-form-control-secondary-color: #000;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 85%);

    --theme-button-solid-danger: #db1c1c;

    --theme-button-outline-primary: #2779ff;

    --theme-button-outline-danger: #db1c1c;

    --theme-button-outline-secondary: hsl(0, 0%, 20%);

    --theme-button-text-primary: #2779ff;

    --theme-button-text-danger: #db1c1c;

    --theme-button-text-secondary: hsl(0, 0%, 20%);

    --theme-text-color: hsl(0, 0%, 20%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: hsl(0, 0%, 10%);

    --theme-text-color-primary: #2779ff;

    --theme-text-color-danger: #db1c1c;

    font-size: 1.4rem;

    line-height: 2rem;

    color: #000;

    background-color: #fff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.toast-transition-enter{

    opacity: 0;

    transform: translateY(3.2rem);

    overflow: hidden;
}
.toast-transition-enter-active{

    opacity: 1;

    transform: translateY(0);

    transition: height 150ms ease-in-out,
          transform 250ms ease-in-out 150ms,
          opacity 150ms ease-in-out 150ms;
}
.toast-transition-exit{

    opacity: 1;
}
.toast-transition-exit-active{

    opacity: 0;

    transition: height 150ms ease-in-out 150ms,
          opacity 150ms ease-in-out;
}
.__toast{

    --theme-contrast-color: 0, 0%, 0%;

    --theme-bg-color: hsl(0, 0%, 95%);

    --theme-card-bg-color: #fff;

    --theme-divider-color: hsl(0, 0%, 75%);

    --theme-link-color: #2779ff;

    --theme-link-hover-color: #194b9f;

    --theme-form-check-color: hsl(0, 0%, 10%);

    --theme-form-check-border-color: hsl(0, 0%, 50%);

    --theme-form-control-light-border-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 90%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 85%);

    --theme-form-control-secondary-color: #000;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 85%);

    --theme-button-solid-danger: #db1c1c;

    --theme-button-outline-primary: #2779ff;

    --theme-button-outline-danger: #db1c1c;

    --theme-button-outline-secondary: hsl(0, 0%, 20%);

    --theme-button-text-primary: #2779ff;

    --theme-button-text-danger: #db1c1c;

    --theme-button-text-secondary: hsl(0, 0%, 20%);

    --theme-text-color: hsl(0, 0%, 20%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: hsl(0, 0%, 10%);

    --theme-text-color-primary: #2779ff;

    --theme-text-color-danger: #db1c1c;

    font-size: 1.4rem;

    line-height: 2rem;

    color: #000;

    background-color: #fff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.toast-transition-enter{

    opacity: 0;

    transform: translateY(3.2rem);

    overflow: hidden;
}
.toast-transition-enter-active{

    opacity: 1;

    transform: translateY(0);

    transition: height 150ms ease-in-out,
          transform 250ms ease-in-out 150ms,
          opacity 150ms ease-in-out 150ms;
}
.toast-transition-exit{

    opacity: 1;
}
.toast-transition-exit-active{

    opacity: 0;

    transition: height 150ms ease-in-out 150ms,
          opacity 150ms ease-in-out;
}
.rw-btn{

    display: inline-flex;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;
}
.rw-btn:focus{

    outline: 2px solid transparent;

    outline-offset: 2px;
}
.rw-btn{

    background-clip: padding-box;
}
.rw-btn:disabled,
      fieldset[disabled] .rw-btn,
      .rw-state-disabled .rw-btn,
      .rw-state-readonly .rw-btn{

    cursor: inherit;
}
fieldset[disabled] .rw-btn{

    pointer-events: none;
}
.rw-picker-caret,
    .rw-picker-btn{

    color: var(--bni-form-control-color);
}
.rw-picker-btn:hover{

    background-color: rgba(0, 0, 0, 0.1);
}
.rw-picker-btn:active{

    background-color: rgba(0, 0, 0, 0.15);
}
.rw-picker-btn:disabled,
      fieldset[disabled] .rw-picker-btn{}
.rw-input-addon,
      .rw-input-addon.rw-picker-btn{

    border-left: var(--bni-form-control-picker-addon-color) 1px solid;
}
[dir='rtl'] .rw-input-addon, [dir='rtl'] .rw-input-addon.rw-picker-btn{

    border-right: null 1px solid;

    border-left: none;
}
.rw-sr{

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border-width: 0;
}
.rw-widget{

    border: none;

    color: currentColor;

    outline: none;

    position: relative;
}
.rw-state-readonly,
    .rw-state-disabled,
    fieldset[disabled] .rw-widget{

    cursor: not-allowed;
}
.rw-widget-picker{

    display: grid;

    overflow: hidden;

    min-height: var(--bni-form-control-height);

    background-color: var(--bni-form-control-bg-color);

    border: var(--bni-form-control-border-color) var(--bni-form-control-border-width)
        solid;

    border-radius: 5px;

    outline: none;

    grid-template: 1fr / 1fr 4rem;

    width: 100%;
}
.rw-widget-picker.rw-hide-caret{

    grid-template-columns: 1fr;
}
.rw-state-focus .rw-widget-picker{

    --rw-core-focus-width: 3px;

    --rw-core-focus-color: rgb(39 121 255 / 0.4);

    box-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    transition: box-shadow 0.15s ease-in-out;
}
.rw-state-focus .rw-widget-picker.rw-widget-input{}
.rw-input{

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;

    caret-color: #2779ff;
}
.rw-input:disabled{

    -webkit-text-fill-color: var(--bni-form-control-disabled-color);

    opacity: 1;
}
.rw-input{

    padding: 0 1.5rem;
}
.rw-input[type='text']::-ms-clear{

    display: none;
}
.rw-input:disabled,
      .rw-input:read-only{

    cursor: inherit;
}
.rw-widget-input{

    color: var(--bni-form-control-color);

    background-color: var(--bni-form-control-bg-color);

    background-clip: padding-box;
}
.rw-widget-input.rw-state-disabled,
      .rw-state-disabled .rw-widget-input,
      fieldset[disabled] .rw-widget-input{

    color: var(--bni-form-control-disabled-color);

    background-color: var(--bni-form-control-disabled-bg-color);

    border-color: var(--bni-form-control-disabled-border-color);
}
.rw-placeholder,
    .rw-input::placeholder{

    color: var(--bni-form-control-placeholder-color);
}
.rw-state-disabled .rw-placeholder, .rw-state-disabled .rw-input::placeholder{

    color: var(--bni-form-control-disabled-placeholder-color);
}
.rw-detect-autofill{

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;

    caret-color: #2779ff;
}
.rw-detect-autofill:disabled{

    -webkit-text-fill-color: var(--bni-form-control-disabled-color);

    opacity: 1;
}
.rw-detect-autofill:-webkit-autofill{

    animation-name: react-widgets-autofill-start;

    animation-duration: 0.01ms;
}
.rw-detect-autofill:not(:-webkit-autofill){

    animation-name: react-widgets-autofill-cancel;

    animation-duration: 0.01ms;
}
.rw-webkit-autofill .rw-widget-container,
    .rw-input:-webkit-autofill{

    background-color: rgb(232, 240, 254) !important;

    background-image: none !important;

    color: rgb(0, 0, 0) !important;
}
.rw-list:focus{

    outline: 2px solid transparent;

    outline-offset: 2px;
}
.rw-list{

    overflow-x: visible;

    overflow-y: auto;

    padding-top: 0.4rem;

    padding-bottom: 0.4rem;
}
.rw-list-option{

    -webkit-user-select: none;

            user-select: none;

    cursor: pointer;

    border: 1px solid transparent;

    background-clip: padding-box;
}
.rw-list-option:hover,
      [data-intent='keyboard'] .rw-list-option.rw-state-focus:not(.rw-state-selected){

    background-color: var(--bni-form-control-option-active-bg-color);
}
.rw-list-option.rw-state-selected{

    background-color: var(--bni-form-control-option-active-bg-color);
}
.rw-list-option.rw-state-disabled{

    cursor: not-allowed;

    background-color: transparent;

    border-color: transparent;

    color: hsl(0, 0%, 50%);
}
.rw-list-empty,
    .rw-list-option,
    .rw-list-optgroup,
    .rw-list-option-create{

    padding: 0.6rem 1.5rem;

    outline: none;
}
.rw-list-empty{

    text-align: center;

    color: hsl(0, 0%, 50%);
}
.rw-list-optgroup{

    color: $ null;

    font-weight: 700;

    padding-top: 7px;
}
.rw-list-option-create{

    display: block;

    font-size: $font-size;

    padding: 0.6rem 1.5rem;
}
.rw-popup-container{

    position: absolute;

    z-index: 1005;

    top: 100%;

    left: -4px;

    right: -4px;

    padding: 0 4px;
}
.rw-popup-container.rw-dropup{

    top: auto;

    bottom: 100%;
}
.rw-state-focus .rw-popup-container{}
.rw-slide-transition{

    margin-bottom: 4px;
}
.rw-dropup > .rw-slide-transition{

    margin-bottom: 0;

    margin-top: 4px;
}
.rw-popup{

    display: flex;

    flex-direction: column;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    margin-top: 0.2rem;

    border-radius: 5px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);

    border: var(--theme-divider-color) 1px solid;

    background-clip: padding-box;

    background: #fff;
}
.rw-popup .rw-list{

    max-height: 25.6rem;
}
.rw-dropup .rw-popup{

    margin-top: 0;

    margin-bottom: 0.2rem;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.rw-listbox{

    border-radius: 5px;

    background-color: var(--bni-form-control-bg-color);

    border: var(--bni-form-control-border-color) 1px solid;
}
.rw-listbox.rw-state-focus{

    --rw-core-focus-width: 3px;

    --rw-core-focus-color: rgb(39 121 255 / 0.4);

    box-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    transition: box-shadow 0.15s ease-in-out;
}
.rw-listbox.rw-state-disabled > *,
      fieldset[disabled] .rw-listbox > *{

    pointer-events: none;
}
.rw-listbox.rw-state-readonly > *{

    cursor: inherit;
}
.rw-dropdown-list{

    width: 100%;
}
.rw-dropdownlist-search{

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;

    caret-color: #2779ff;
}
.rw-dropdownlist-search:disabled{

    -webkit-text-fill-color: var(--bni-form-control-disabled-color);

    opacity: 1;
}
.rw-dropdown-list-input{

    padding: 0 1.5rem;

    align-self: center;

    display: grid;

    min-width: 0;

    grid-template: 1fr / 1fr;
}
.rw-dropdown-list-input > *{

    grid-area: 1/1;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;
}
[dir='rtl'] .rw-dropdown-list-input{

    padding-right: 1.5rem;

    padding-left: 0;
}
.rw-combobox-input{

    background-color: transparent;

    z-index: 1;
}
.rw-multiselect-input{

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;

    caret-color: #2779ff;
}
.rw-multiselect-input:disabled{

    -webkit-text-fill-color: var(--bni-form-control-disabled-color);

    opacity: 1;
}
.rw-multiselect-input{

    height: calc(var(--bni-form-control-height) - var(--bni-form-control-border-width) * 2);

    padding: 0 1.5rem;

    max-width: 100%;
}
.rw-multiselect-input:disabled,
      .rw-multiselect-input:read-only{

    cursor: inherit;
}
.rw-multiselect-taglist{

    display: flex;

    width: 100%;

    cursor: text;

    flex-wrap: wrap;

    align-items: flex-start;

    outline: 2px solid transparent;

    outline-offset: 2px;
}
.rw-state-disabled .rw-multiselect-taglist{

    cursor: unset;
}
.rw-multiselect-tag{

    display: inline-flex;

    max-width: 100%;

    align-items: center;

    overflow: hidden;

    cursor: default;

    color: var(--bni-form-control-tag-color);

    margin-left: calc(var(--bni-form-control-height) * 0.115 - var(--bni-form-control-border-width));

    margin-top: calc(var(--bni-form-control-height) * 0.115 - var(--bni-form-control-border-width));

    min-height: calc(var(--bni-form-control-height) * 0.77);

    border-radius: 5px;
}
[dir='rtl'] .rw-multiselect-tag{

    margin-left: 0;

    margin-right: calc(var(--bni-form-control-height) * 0.115 - var(--bni-form-control-border-width));

    padding: 0 0.8rem 0 0.8rem;
}
.rw-multiselect-tag.rw-state-focus{

    --rw-core-focus-width: 3px;

    --rw-core-focus-color: rgb(39 121 255 / 0.4);

    box-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    transition: box-shadow 0.15s ease-in-out;

    zindex: 1;
}
.rw-multiselect-tag.rw-state-disabled,
      fieldset[disabled] .rw-multiselect-tag{

    opacity: 0.65;
}
.rw-multiselect-tag-label{

    padding: 0 0.8rem 0 0.8rem;
}
.rw-multiselect-tag-btn{

    cursor: pointer;

    align-self: stretch;

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;

    padding: 0 0.8rem;

    background-color: var(--bni-form-control-tag-bg-color);
}
.rw-multiselect-tag-btn:hover{

    background-color: var(--bni-form-control-tag-hover-bg-color);
}
.rw-multiselect-tag-btn:active{}
.rw-multiselect-tag-btn:disabled{

    cursor: inherit;
}
.rw-multiselect-tag-btn:focus{

    outline: 2px solid transparent;

    outline-offset: 2px;
}
.rw-calendar-popup{

    right: auto;

    min-width: 0;

    width: 22em;
}
.rw-calendar{

    overflow: hidden;
}
.rw-calendar-contained{

    border-radius: 5px;

    background-color: transparent;

    border: var(--theme-divider-color) 1px solid;
}
.rw-calendar-now{

    font-weight: 700;
}
.rw-calendar-header{

    display: flex;

    padding: 1.2rem;
}
.rw-cell,
    .rw-calendar-btn{

    background-clip: padding-box;
}
.rw-cell:disabled,
      .rw-cell.rw-state-disabled,
      .rw-calendar-btn:disabled,
      .rw-calendar-btn.rw-state-disabled{

    pointer-events: none;

    opacity: 0.35;
}
.rw-cell:focus,  .rw-calendar-btn:focus{

    --rw-core-focus-width: 3px;

    --rw-core-focus-color: rgb(39 121 255 / 0.4);

    box-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    transition: box-shadow 0.15s ease-in-out;
}
[data-intent='mouse'] .rw-cell:focus, [data-intent='mouse'] .rw-calendar-btn:focus{

    z-index: auto;

    box-shadow: none;
}
.rw-calendar-btn{

    line-height: 2em;

    border-radius: 5px;
}
.rw-calendar-btn:hover{

    border-color: hsla(var(--theme-contrast-color), 0.2);

    background-color: hsla(var(--theme-contrast-color), 0.2);
}
.rw-calendar-btn:active{}
.rw-calendar-btn-left,
    .rw-calendar-btn-today,
    .rw-calendar-btn-right,
    .rw-calendar-btn-view{

    padding: 0.4rem 1rem;
}
[dir='rtl'] .rw-calendar-btn-left, [dir='rtl'] .rw-calendar-btn-right{

    transform: scale(-1, 1);
}
.rw-calendar-btn-view{

    font-weight: bold;
}
.rw-calendar-btn-view > :last-child{

    margin: 0 0.8rem;
}
.rw-calendar-btn-view + *{

    margin-left: auto;
}
[dir='rtl'] .rw-calendar-btn-view + *{

    margin-left: 0;

    margin-right: auto;
}
.rw-calendar-grid{

    display: table;

    outline: none;

    height: 22.4rem;

    padding: 3px;

    table-layout: fixed;

    border-collapse: separate;

    border-spacing: 0;

    width: 100%;

    background-color: transparent;
}
.rw-calendar-head{

    display: table-header-group;
}
.rw-calendar-body{

    display: table-row-group;
}
.rw-calendar-row{

    display: table-row;
}
.rw-head-cell{

    display: table-cell;

    text-align: center;

    border-bottom: 1px solid var(--bni-form-control-border-color);

    padding: 0.8rem;
}
.rw-cell{

    display: table-cell;

    color: var(--theme-text-color-headline);

    vertical-align: middle;

    border-radius: 5px;

    background-clip: padding-box;

    cursor: pointer;

    line-height: normal;

    text-align: center;

    border: 1px solid transparent;

    padding: 0.8rem;

    outline: none;
}
.rw-cell:hover{

    background-color: var(--bni-form-control-option-active-bg-color);
}
.rw-cell:active{}
.rw-cell.rw-state-selected{

    background-color: var(--bni-form-control-option-active-bg-color);
}
.rw-calendar-month .rw-cell{

    text-align: center;
}
.rw-cell-off-range{

    color: hsla(var(--theme-contrast-color), 0.25);
}
.rw-calendar-transition-group{

    position: relative;

    overflow: hidden;
}
.rw-calendar-transition{

    width: 100%;

    overflow: hidden;

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 200ms;

    transform: translate3d(0, 0, 0);
}
.rw-calendar-transition-next{

    backface-visibility: hidden;
}
.rw-calendar-transition-top .rw-calendar-transition-next{

    transform: translate3d(0, -100%, 0);
}
.rw-calendar-transition-bottom .rw-calendar-transition-next{

    transform: translate3d(0, 100%, 0);
}
.rw-calendar-transition-right .rw-calendar-transition-next{

    transform: translate3d(-100%, 0, 0);
}
.rw-calendar-transition-left .rw-calendar-transition-next{

    transform: translate3d(100%, 0, 0);
}
.rw-calendar-transition-next.rw-calendar-transition-active{

    transform: translate3d(0, 0, 0);
}
.rw-calendar-transition-prev{

    position: absolute;

    top: 0;

    left: 0;

    backface-visibility: hidden;
}
.rw-calendar-transition-top .rw-calendar-transition-prev{

    transform: translate3d(0, 100%, 0);
}
.rw-calendar-transition-bottom .rw-calendar-transition-prev{

    transform: translate3d(0, -100%, 0);
}
.rw-calendar-transition-right .rw-calendar-transition-prev{

    transform: translate3d(100%, 0, 0);
}
.rw-calendar-transition-left .rw-calendar-transition-prev{

    transform: translate3d(-100%, 0, 0);
}
.rw-popup > .rw-time-input{

    align-self: center;

    margin: 1.2rem 0;
}
.rw-calendar-popup{

    right: auto;

    min-width: 0;

    width: 22em;
}
.rw-calendar{

    overflow: hidden;
}
.rw-calendar-contained{

    border-radius: 5px;

    background-color: transparent;

    border: var(--theme-divider-color) 1px solid;
}
.rw-calendar-now{

    font-weight: 700;
}
.rw-calendar-header{

    display: flex;

    padding: 1.2rem;
}
.rw-cell,
    .rw-calendar-btn{

    background-clip: padding-box;
}
.rw-cell:disabled,
      .rw-cell.rw-state-disabled,
      .rw-calendar-btn:disabled,
      .rw-calendar-btn.rw-state-disabled{

    pointer-events: none;

    opacity: 0.35;
}
.rw-cell:focus,  .rw-calendar-btn:focus{

    --rw-core-focus-width: 3px;

    --rw-core-focus-color: rgb(39 121 255 / 0.4);

    box-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    transition: box-shadow 0.15s ease-in-out;
}
[data-intent='mouse'] .rw-cell:focus, [data-intent='mouse'] .rw-calendar-btn:focus{

    z-index: auto;

    box-shadow: none;
}
.rw-calendar-btn{

    line-height: 2em;

    border-radius: 5px;
}
.rw-calendar-btn:hover{

    border-color: hsla(var(--theme-contrast-color), 0.2);

    background-color: hsla(var(--theme-contrast-color), 0.2);
}
.rw-calendar-btn:active{}
.rw-calendar-btn-left,
    .rw-calendar-btn-today,
    .rw-calendar-btn-right,
    .rw-calendar-btn-view{

    padding: 0.4rem 1rem;
}
[dir='rtl'] .rw-calendar-btn-left, [dir='rtl'] .rw-calendar-btn-right{

    transform: scale(-1, 1);
}
.rw-calendar-btn-view{

    font-weight: bold;
}
.rw-calendar-btn-view > :last-child{

    margin: 0 0.8rem;
}
.rw-calendar-btn-view + *{

    margin-left: auto;
}
[dir='rtl'] .rw-calendar-btn-view + *{

    margin-left: 0;

    margin-right: auto;
}
.rw-calendar-grid{

    display: table;

    outline: none;

    height: 22.4rem;

    padding: 3px;

    table-layout: fixed;

    border-collapse: separate;

    border-spacing: 0;

    width: 100%;

    background-color: transparent;
}
.rw-calendar-head{

    display: table-header-group;
}
.rw-calendar-body{

    display: table-row-group;
}
.rw-calendar-row{

    display: table-row;
}
.rw-head-cell{

    display: table-cell;

    text-align: center;

    border-bottom: 1px solid var(--bni-form-control-border-color);

    padding: 0.8rem;
}
.rw-cell{

    display: table-cell;

    color: var(--theme-text-color-headline);

    vertical-align: middle;

    border-radius: 5px;

    background-clip: padding-box;

    cursor: pointer;

    line-height: normal;

    text-align: center;

    border: 1px solid transparent;

    padding: 0.8rem;

    outline: none;
}
.rw-cell:hover{

    background-color: var(--bni-form-control-option-active-bg-color);
}
.rw-cell:active{}
.rw-cell.rw-state-selected{

    background-color: var(--bni-form-control-option-active-bg-color);
}
.rw-calendar-month .rw-cell{

    text-align: center;
}
.rw-cell-off-range{

    color: hsla(var(--theme-contrast-color), 0.25);
}
.rw-calendar-transition-group{

    position: relative;

    overflow: hidden;
}
.rw-calendar-transition{

    width: 100%;

    overflow: hidden;

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 200ms;

    transform: translate3d(0, 0, 0);
}
.rw-calendar-transition-next{

    backface-visibility: hidden;
}
.rw-calendar-transition-top .rw-calendar-transition-next{

    transform: translate3d(0, -100%, 0);
}
.rw-calendar-transition-bottom .rw-calendar-transition-next{

    transform: translate3d(0, 100%, 0);
}
.rw-calendar-transition-right .rw-calendar-transition-next{

    transform: translate3d(-100%, 0, 0);
}
.rw-calendar-transition-left .rw-calendar-transition-next{

    transform: translate3d(100%, 0, 0);
}
.rw-calendar-transition-next.rw-calendar-transition-active{

    transform: translate3d(0, 0, 0);
}
.rw-calendar-transition-prev{

    position: absolute;

    top: 0;

    left: 0;

    backface-visibility: hidden;
}
.rw-calendar-transition-top .rw-calendar-transition-prev{

    transform: translate3d(0, 100%, 0);
}
.rw-calendar-transition-bottom .rw-calendar-transition-prev{

    transform: translate3d(0, -100%, 0);
}
.rw-calendar-transition-right .rw-calendar-transition-prev{

    transform: translate3d(100%, 0, 0);
}
.rw-calendar-transition-left .rw-calendar-transition-prev{

    transform: translate3d(-100%, 0, 0);
}
.rw-time-input{

    display: inline-flex;

    cursor: text;

    align-items: center;

    outline: 2px solid transparent;

    outline-offset: 2px;

    min-height: var(--bni-form-control-height);

    background-color: var(--bni-form-control-bg-color);

    border: var(--bni-form-control-border-color) var(--bni-form-control-border-width) solid;

    border-radius: 5px;
}
.rw-time-input.rw-state-disabled{

    cursor: not-allowed;
}
.rw-time-part-input{

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;

    caret-color: #2779ff;
}
.rw-time-part-input:disabled{

    -webkit-text-fill-color: var(--bni-form-control-disabled-color);

    opacity: 1;
}
.rw-time-part-input{

    padding: 0 0.8rem;

    cursor: inherit;
}
.rw-time-part-input,
      .rw-time-part-input::placeholder{

    text-align: center;
}
.rw-time-part-meridiem{

    text-transform: lowercase;

    padding: 0;

    margin: 0;

    border: none;

    color: inherit;

    box-shadow: none;

    background: none;

    font: inherit;

    line-height: inherit;

    touch-action: manipulation;

    outline: 0;

    padding: 0 0.8rem;

    font-variant: small-caps;
}
.rw-time-part-meridiem :focus{

    outline: none;
}
.rw-time-input-clear{

    margin-left: auto;

    opacity: 0;

    outline: 2px solid transparent;

    outline-offset: 2px;

    padding: 0 0.8rem;
}
[dir='rtl'] .rw-time-input-clear{

    margin-left: revert;

    margin-right: auto;
}
.rw-time-input:hover .rw-time-input-clear.rw-show, 
      .rw-time-input.rw-state-focus .rw-time-input-clear.rw-show{

    opacity: 1;
}
.rw-number-picker-spinners{

    display: flex;

    flex-direction: column;
}
.rw-number-picker-spinners .rw-btn{

    flex: 1 1 0;
}
.form-control{

    --bni-form-control-height: 4rem;

    display: block;

    width: 100%;

    color: var(--bni-form-control-color);

    caret-color: #2779ff;

    border: var(--bni-form-control-border-width) solid
              var(--bni-form-control-border-color);

    background-color: var(--bni-form-control-bg-color);

    background-clip: var(--bni-form-control-background-clip, initial);

    font-size: 1.4rem;

    height: var(--bni-form-control-height);

    padding: 0 1.5rem;

    font-weight: 300;

    line-height: 1.6rem;

    border-radius: 5px;
}
@supports (-webkit-overflow-scrolling: touch){

    .form-control{

        font-size: max(16px, 1.4rem);
    }
}
.form-control:focus{

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    outline: none;

    transition: box-shadow 0.15s ease-in-out;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000);
}
.form-control::-ms-expand{

    background-color: transparent;

    border: 0;
}
.form-control:disabled,
          .form-control[readonly],
          .form-control--disabled{

    cursor: not-allowed;

    --bni-form-control-placeholder-color: var(
              --bni-form-control-disabled-placeholder-color
            );

    --bni-form-control-border-color: var(
              --bni-form-control-disabled-border-color
            );

    --bni-form-control-bg-color: var(
              --bni-form-control-disabled-bg-color
            );

    --bni-form-control-color: var(--bni-form-control-disabled-color);
}
.form-control::placeholder,
          .form-control-placeholder{

    color: var(--bni-form-control-placeholder-color);
}
.rw-widget-picker{

    --bni-form-control-height: 4rem;

    background-clip: padding-box;
}
.rw-popup{

    background-color: var(--theme-bg-color);

    color: var(--theme-text-color);

    border-width: 0px;

    font-size: 1.4rem;

    line-height: 2rem;
}
.rw-list{

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}

          body[data-obtrusive-scrollbars='true'] .rw-list{

    -ms-overflow-style: -ms-autohiding-scrollbar;
}
 body[data-obtrusive-scrollbars='true'] .rw-list::-webkit-scrollbar{

    height: 1rem;

    width: 1rem;
}
 body[data-obtrusive-scrollbars='true'] .rw-list::-webkit-scrollbar-corner{

    background: transparent;
}
 body[data-obtrusive-scrollbars='true'] .rw-list::-webkit-scrollbar-track{

    background-color: transparent;
}
 body[data-obtrusive-scrollbars='true'] .rw-list::-webkit-scrollbar-thumb{

    border: 2px solid transparent;

    border-radius: 5px;

    background: hsla(var(--theme-contrast-color), 0.2);

    background-clip: padding-box;
}
 body[data-obtrusive-scrollbars='true'] .rw-list::-webkit-scrollbar-thumb:vertical{

    min-height: 1rem;
}
 body[data-obtrusive-scrollbars='true'] .rw-list::-webkit-scrollbar-thumb:horizontal{

    min-width: 1rem;
}
.rw-list-option{

    border-width: 0;
}
.rw-widget-picker .rw-widget-input{

    background-color: transparent;
}
.rw-head-cell{

    border-width: 0px;

    font-weight: 800;

    text-transform: uppercase;

    color: var(--theme-text-color-subtitle);

    font-size: 1.2rem;

    line-height: 1.7rem;
}
.__form-control--option-indicator .rw-list-option{

    padding-left: 3.2rem;
}
.__form-control--option-indicator .rw-list-option.rw-state-selected{

    position: relative;
}
.__form-control--option-indicator .rw-list-option.rw-state-selected::before{

    content: '';

    position: absolute;

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

    width: 12px;

    height: 10px;

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D'12'%20height%3D'10'%20viewBox%3D'0%200%2010%208'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232779ff'%3E%3Cpath%20d%3D'M1.592%202.412l3.83%203.947L3.83%208%200%204.053l1.592-1.641zM8.408%200L10%201.64%205.422%206.36l-1.591-1.64L8.408%200z'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");
}
.form-control-light{

    --bni-form-control-color: #000;

    --bni-form-control-bg-color: #fff;

    --bni-form-control-border-color: var(--theme-form-control-light-border-color);

    --bni-form-control-placeholder-color: rgba(0, 0, 0, 0.5);

    --bni-form-control-disabled-color: hsl(0, 0%, 50%);

    --bni-form-control-disabled-bg-color: var(--theme-form-control-light-disabled-background-color);

    --bni-form-control-disabled-border-color: var(--theme-form-control-light-disabled-border-color);

    --bni-form-control-disabled-placeholder-color: rgba(0, 0, 0, 0.5);

    --bni-form-control-picker-addon-color: var(
            --bni-form-control-border-color
          );

    --bni-form-control-border-width: 1px;

    --bni-form-control-tag-color: #fff;

    --bni-form-control-tag-bg-color: #2779ff;

    --bni-form-control-tag-hover-bg-color: #194b9f;
}
.form-control-secondary{

    --bni-form-control-color: var(--theme-form-control-secondary-color);

    --bni-form-control-bg-color: hsla(var(--theme-contrast-color), 0.1);

    --bni-form-control-placeholder-color: rgba(255, 255, 255, 0.7);

    --bni-form-control-disabled-color: rgba(255, 255, 255, 0.5);

    --bni-form-control-disabled-bg-color: hsla(var(--theme-contrast-color), 0.05);

    --bni-form-control-disabled-placeholder-color: rgba(255, 255, 255, 0.5);

    --bni-form-control-picker-addon-color: var(
            --theme-bg-color
          );

    --bni-form-control-border-width: 0px;

    --bni-form-control-tag-color: #fff;

    --bni-form-control-tag-bg-color: #194b9f;

    --bni-form-control-tag-hover-bg-color: #0f326c;
}
.form-control-popup--dark .rw-popup{

    --theme-contrast-color: 0, 0%, 100%;

    --theme-bg-color: hsl(0, 0%, 10%);

    --theme-card-bg-color: hsl(0, 0%, 15%);

    --theme-divider-color: hsl(0, 0%, 20%);

    --theme-link-color: #5b9aff;

    --theme-link-hover-color: #2779ff;

    --theme-form-check-color: #fff;

    --theme-form-check-border-color: #fff;

    --theme-form-control-light-border-color: hsl(0, 0%, 75%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 75%);

    --theme-form-control-secondary-color: #fff;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 75%);

    --theme-button-solid-danger: #e84a4a;

    --theme-button-outline-primary: #5b9aff;

    --theme-button-outline-danger: #e84a4a;

    --theme-button-outline-secondary: #fff;

    --theme-button-text-primary: #5b9aff;

    --theme-button-text-danger: #e84a4a;

    --theme-button-text-secondary: #fff;

    --theme-text-color: hsl(0, 0%, 75%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: #fff;

    --theme-text-color-primary: #5b9aff;

    --theme-text-color-danger: #e84a4a;

    --theme-divider-color: hsl(0, 0%, 50%);

    --theme-bg-color: hsl(0, 0%, 20%);
}
.form-control-popup--dark,
        .form-control-secondary.rw-listbox{

    --bni-form-control-option-active-bg-color: #0f326c;
}
.form-control-popup--light .rw-popup{

    --theme-contrast-color: 0, 0%, 0%;

    --theme-bg-color: hsl(0, 0%, 95%);

    --theme-card-bg-color: #fff;

    --theme-divider-color: hsl(0, 0%, 75%);

    --theme-link-color: #2779ff;

    --theme-link-hover-color: #194b9f;

    --theme-form-check-color: hsl(0, 0%, 10%);

    --theme-form-check-border-color: hsl(0, 0%, 50%);

    --theme-form-control-light-border-color: hsl(0, 0%, 85%);

    --theme-form-control-light-disabled-background-color: hsl(0, 0%, 90%);

    --theme-form-control-light-disabled-border-color: hsl(0, 0%, 85%);

    --theme-form-control-secondary-color: #000;

    --theme-form-control-secondary-disabled-border-color: hsl(0, 0%, 85%);

    --theme-button-solid-danger: #db1c1c;

    --theme-button-outline-primary: #2779ff;

    --theme-button-outline-danger: #db1c1c;

    --theme-button-outline-secondary: hsl(0, 0%, 20%);

    --theme-button-text-primary: #2779ff;

    --theme-button-text-danger: #db1c1c;

    --theme-button-text-secondary: hsl(0, 0%, 20%);

    --theme-text-color: hsl(0, 0%, 20%);

    --theme-text-color-subtitle: hsl(0, 0%, 50%);

    --theme-text-color-headline: hsl(0, 0%, 10%);

    --theme-text-color-primary: #2779ff;

    --theme-text-color-danger: #db1c1c;

    --theme-divider-color: hsl(0, 0%, 90%);

    --theme-bg-color: #fff;
}
.form-control-popup--light,
        .form-control-light.rw-listbox{

    --bni-form-control-option-active-bg-color: rgba(39, 121, 255, 0.16);
}
.form-check{

    --bni-form-check-color: var(--theme-form-check-color);

    --bni-form-check-border-color: var(--theme-form-check-border-color);

    margin-bottom: 1.2rem;

    position: relative;

    display: flex;

    font-weight: normal;

    color: var(--bni-form-check-color);
}
.__form-check-label:not(:empty){

    margin-left: 1.2rem;
}
.__form-check-input{

    display: block;

    width: 1.8rem;

    height: 1.8rem;

    flex: none;

    border: 1px solid
            var(--bni-form-check-border-color, var(--theme-form-check-border-color));

    vertical-align: top;

    background-color: transparent;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    appearance: none;
}
.__form-check-input:focus{

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    outline: none;

    transition: box-shadow 0.15s ease-in-out;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000);
}
:global(.js-focus-visible) .__form-check-input:focus:not([data-focus-visible-added]){

    box-shadow: initial;
}
.__form-check-input:active{

    filter: opacity(60%);
}
.__form-check-input:checked,
          .__form-check-input[type='checkbox']:indeterminate{

    border-color: #2779ff;

    background-color: #2779ff;
}
.__form-check-input:checked:active{

    filter: opacity(60%);
}
.__form-check-input:disabled{

    cursor: not-allowed;

    filter: opacity(60%);
}
.__form-check-input[type='checkbox']{

    border-radius: 5px;
}
.__form-check-input[type='checkbox']:checked{

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2016%2016'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill-rule%3D'evenodd'%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M4.592%206.412l3.83%203.947L6.83%2012%203%208.053l1.592-1.641zM11.408%204L13%205.64l-4.578%204.72-1.591-1.64L11.408%204z'%2F%3E%3C%2Fsvg%3E");
}
.__form-check-input[type='checkbox']:indeterminate{

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2016%2016'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill-rule%3D'evenodd'%3E%3Crect%20x%3D'3'%20y%3D'7'%20width%3D'10'%20height%3D'2'%20style%3D'fill%3A%23fff'%20%2F%3E%3C%2Fsvg%3E");
}
.__form-check-input[type='radio']{

    border-radius: 9999px;
}
.__form-check-input[type='radio']:checked{

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2016%2016'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20r%3D'3'%20cx%3D'8'%20cy%3D'8'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");
}
.tooltip,
      .popover{

    display: block;

    position: absolute;

    word-wrap: break-word;
}
.tooltip{

    font-weight: 800;

    font-size: 1.2rem;

    line-height: 1.7rem;

    z-index: 1070;

    max-width: 200px;

    --bni-tooltip-arrow-size: 0.8rem;
}
.tooltip .tooltip-content{

    position: relative;

    padding: 0.8rem
            1.6rem;

    border: var(--bni-tooltip-border);

    border-radius: 5px;

    color: var(--bni-tooltip-color);

    background-color: var(--bni-tooltip-bg);

    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.75);
}
.tooltip-arrow::before{

    border: var(--bni-tooltip-border);
}
.tooltip-arrow,
      .popover-arrow{

    position: absolute;

    overflow: hidden;

    z-index: 1;
}
.placement--top .tooltip-arrow, .placement--top .popover-arrow{

    bottom: calc((var(--bni-tooltip-arrow-size) - 1px) * -1);
}
.placement--bottom .tooltip-arrow, .placement--bottom .popover-arrow{

    top: calc((var(--bni-tooltip-arrow-size) - 1px) * -1);
}
.placement--right .tooltip-arrow, .placement--right .popover-arrow{

    left: calc((var(--bni-tooltip-arrow-size) - 1px) * -1);
}
.placement--left .tooltip-arrow, .placement--left .popover-arrow{

    right: calc((var(--bni-tooltip-arrow-size) - 1px) * -1);
}
.placement--top .tooltip-arrow,
        .placement--bottom .tooltip-arrow,
        .placement--top .popover-arrow,
        .placement--bottom .popover-arrow{

    width: calc(var(--bni-tooltip-arrow-size) * 2);

    height: var(--bni-tooltip-arrow-size);
}
.placement--left .tooltip-arrow,
        .placement--right .tooltip-arrow,
        .placement--left .popover-arrow,
        .placement--right .popover-arrow{

    width: var(--bni-tooltip-arrow-size);

    height: calc(var(--bni-tooltip-arrow-size) * 2);
}
.tooltip-arrow::before, .popover-arrow::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: calc((var(--bni-tooltip-arrow-size) * 2) * 0.70711);

    height: calc((var(--bni-tooltip-arrow-size) * 2) * 0.70711);

    transform: translate(-50%, -50%) rotate(45deg);

    background-color: var(--bni-arrow-background-color);
}
.placement--bottom .tooltip-arrow::before, .placement--bottom .popover-arrow::before{

    top: var(--bni-tooltip-arrow-size);
}
.placement--right .tooltip-arrow::before, .placement--right .popover-arrow::before{

    left: var(--bni-tooltip-arrow-size);
}
.placement--top .tooltip-arrow::before,
          .placement--bottom .tooltip-arrow::before,
          .placement--top .popover-arrow::before,
          .placement--bottom .popover-arrow::before{

    left: var(--bni-tooltip-arrow-size);

    border-radius: var(--bni-tooltip-arrow-border-radius, unset) 0;
}
.placement--left .tooltip-arrow::before,
          .placement--right .tooltip-arrow::before,
          .placement--left .popover-arrow::before,
          .placement--right .popover-arrow::before{

    top: var(--bni-tooltip-arrow-size);

    border-radius: 0 var(--bni-tooltip-arrow-border-radius, unset);
}
.popover{

    --bni-tooltip-arrow-size: 1.2rem;

    --bni-tooltip-arrow-border-radius: 0.4rem;

    font-size: 1.2rem;

    line-height: 1.7rem;

    max-width: 300px;

    z-index: 1060;
}
.popover[data-popper-reference-hidden='true']{

    visibility: hidden;

    pointer-events: none;
}
.popover-arrow::before{

    border: var(--bni-popover-border);
}
.popover-content{

    position: relative;

    background-color: var(--bni-popover-bg);

    background-clip: padding-box;

    padding: 0.8rem
          1.6rem;

    border: var(--bni-popover-border);

    border-radius: 8px;

    color: var(--bni-popover-body-color);

    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.75);
}
.popover-text{

    font-size: 1.8rem;

    font-weight: 800;

    line-height: 2.2rem;

    margin: 0 2.4rem 0.5rem 0;

    color: var(--bni-popover-header-color, inherit);
}
.popover-close-btn{

    position: absolute;

    right: 1.2rem;

    top: 1.2rem;

    color: var(--bni-popover-close-button-color);
}
.popover-close-btn:hover{

    opacity: 0.8;
}
.popover-close-btn:active{

    opacity: 0.9;
}
.popover-close-btn,
        .popover-close-btn > *{

    display: block;

    width: 1.2rem;

    height: 1.2rem;
}
.tooltip.tooltip--dark{

    --bni-tooltip-bg: hsl(0, 0%, 10%);

    --bni-arrow-background-color: hsl(0, 0%, 10%);

    --bni-tooltip-color: #fff;

    --bni-tooltip-border: 1px solid hsl(0, 0%, 20%);
}
.tooltip.tooltip--primary{

    --bni-tooltip-bg: #2779ff;

    --bni-arrow-background-color: #2779ff;

    --bni-tooltip-color: #fff;

    --bni-tooltip-border: none;
}
.tooltip.tooltip--subscription{

    --bni-tooltip-bg: #7b1cd5;

    --bni-arrow-background-color: #7b1cd5;

    --bni-tooltip-color: #fff;

    --bni-tooltip-border: none;
}
.popover.popover--light{

    --bni-popover-bg: #fff;

    --bni-popover-body-color: var(--theme-text-color);

    --bni-popover-border: none;

    --bni-popover-header-bg: #fff;

    --bni-popover-header-color: var(--theme-text-color-headline);

    --bni-popover-close-button-color: hsl(0, 0%, 50%);

    --bni-arrow-background-color: #fff;
}
.popover.popover--dark{

    --bni-popover-bg: hsl(0, 0%, 10%);

    --bni-popover-body-color: var(--theme-text-color);

    --bni-popover-border: 1px solid hsl(0, 0%, 20%);

    --bni-popover-border-color: hsl(0, 0%, 20%);

    --bni-popover-header-bg: hsl(0, 0%, 10%);

    --bni-popover-header-color: var(--theme-text-color-headline);

    --bni-popover-close-button-color: hsl(0, 0%, 50%);

    --bni-arrow-background-color: hsl(0, 0%, 10%);
}
.popover.popover--subscription{

    --bni-popover-bg: #7b1cd5;

    --bni-popover-body-color: #fff;

    --bni-popover-border: none;

    --bni-popover-header-bg: #7b1cd5;

    --bni-popover-header-color: #fff;

    --bni-popover-close-button-color: #fff;

    --bni-arrow-background-color: #7b1cd5;
}
.popover.popover--primary{

    --bni-popover-bg: #2779ff;

    --bni-popover-body-color: #fff;

    --bni-popover-border: none;

    --bni-popover-header-bg: #2779ff;

    --bni-popover-header-color: #fff;

    --bni-popover-close-button-color: #fff;

    --bni-arrow-background-color: #2779ff;
}
.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;
}
.pointer-events-auto{

    pointer-events: auto !important;
}
.visible{

    visibility: visible !important;
}
.invisible{

    visibility: hidden !important;
}
.static{

    position: static !important;
}
.fixed{

    position: fixed !important;
}
.absolute{

    position: absolute !important;
}
.relative{

    position: relative !important;
}
.sticky{

    position: sticky !important;
}
.inset{

    top: 1.2rem !important;

    right: 1.2rem !important;

    bottom: 1.2rem !important;

    left: 1.2rem !important;
}
.inset-0{

    top: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;
}
.top{

    top: 1.2rem !important;
}
.left{

    left: 1.2rem !important;
}
.right{

    right: 1.2rem !important;
}
.bottom{

    bottom: 1.2rem !important;
}
.top-1\/2{

    top: 50% !important;
}
.left-0{

    left: 0 !important;
}
.right-0{

    right: 0 !important;
}
.bottom-0{

    bottom: 0 !important;
}
.top-0{

    top: 0 !important;
}
.left-1\/2{

    left: 50% !important;
}
.bottom-3{

    bottom: 1.2rem !important;
}
.top-navbar{

    top: 6rem !important;
}
.z-modal{

    z-index: 1050 !important;
}
.z-popover{

    z-index: 1060 !important;
}
.z-10{

    z-index: 10 !important;
}
.order-first{

    order: -9999 !important;
}
.col-span-full{

    grid-column: 1 / -1 !important;
}
.m-0{

    margin: 0 !important;
}
.my-4{

    margin-top: 1.6rem !important;

    margin-bottom: 1.6rem !important;
}
.mx-4{

    margin-left: 1.6rem !important;

    margin-right: 1.6rem !important;
}
.my-1{

    margin-top: 0.4rem !important;

    margin-bottom: 0.4rem !important;
}
.mx-0{

    margin-left: 0 !important;

    margin-right: 0 !important;
}
.my-3{

    margin-top: 1.2rem !important;

    margin-bottom: 1.2rem !important;
}
.mb-4{

    margin-bottom: 1.6rem !important;
}
.ml-0{

    margin-left: 0 !important;
}
.mb-2{

    margin-bottom: 0.8rem !important;
}
.mb-1{

    margin-bottom: 0.4rem !important;
}
.mb-0{

    margin-bottom: 0 !important;
}
.ml-3{

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

    margin-top: 0.4rem !important;
}
.ml-2{

    margin-left: 0.8rem !important;
}
.mt-8{

    margin-top: 3.2rem !important;
}
.mr-3{

    margin-right: 1.2rem !important;
}
.mt-0{

    margin-top: 0 !important;
}
.mr-2{

    margin-right: 0.8rem !important;
}
.ml-auto{

    margin-left: auto !important;
}
.-mb-px{

    margin-bottom: -1px !important;
}
.mb-1\.5{

    margin-bottom: 0.6rem !important;
}
.mr-0{

    margin-right: 0 !important;
}
.mr-1{

    margin-right: 0.4rem !important;
}
.ml-1{

    margin-left: 0.4rem !important;
}
.mt-6{

    margin-top: 2.4rem !important;
}
.-mr-4{

    margin-right: -1.6rem !important;
}
.mb-5{

    margin-bottom: 2rem !important;
}
.mt-2{

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

    margin-top: 1.6rem !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{

    display: table !important;
}
.grid{

    display: grid !important;
}
.contents{

    display: contents !important;
}
.hidden{

    display: none !important;
}
.h-12{

    height: 4.8rem !important;
}
.h-2\/3{

    height: 66.666667% !important;
}
.h-8{

    height: 3.2rem !important;
}
.h-3{

    height: 1.2rem !important;
}
.h-full{

    height: 100% !important;
}
.h{

    height: 1.2rem !important;
}
.h-\[1\.8rem\]{

    height: 1.8rem !important;
}
.h-2{

    height: 0.8rem !important;
}
.h-navbar{

    height: 6rem !important;
}
.h-1{

    height: 0.4rem !important;
}
.h-px{

    height: 1px !important;
}
.h-auto{

    height: auto !important;
}
.h-5{

    height: 2rem !important;
}
.h-screen{

    height: 100vh !important;
}
.h-10{

    height: 4rem !important;
}
.h-6{

    height: 2.4rem !important;
}
.max-h-48{

    max-height: 19.2rem !important;
}
.min-h-10{

    min-height: 4rem !important;
}
.min-h-0{

    min-height: 0 !important;
}
.w-full{

    width: 100% !important;
}
.w-3{

    width: 1.2rem !important;
}
.w-4{

    width: 1.6rem !important;
}
.w-5{

    width: 2rem !important;
}
.w-\[1\.8rem\]{

    width: 1.8rem !important;
}
.w-2{

    width: 0.8rem !important;
}
.w-12{

    width: 4.8rem !important;
}
.w-6{

    width: 2.4rem !important;
}
.w-8{

    width: 3.2rem !important;
}
.w-80{

    width: 32rem !important;
}
.w-10{

    width: 4rem !important;
}
.w-3\/4{

    width: 75% !important;
}
.min-w-0{

    min-width: 0 !important;
}
.min-w-72{

    min-width: 28.8rem !important;
}
.max-w-\[60rem\]{

    max-width: 60rem !important;
}
.flex-none{

    flex: none !important;
}
.flex-1{

    flex: 1 1 0% !important;
}
.flex-shrink-0{

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

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

    flex-grow: 1 !important;
}
.border-collapse{

    border-collapse: collapse !important;
}
.border-spacing{

    --tw-border-spacing-x: 1.2rem !important;

    --tw-border-spacing-y: 1.2rem !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-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;
}
.-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-flip{

    --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;
}
.cursor-not-allowed{

    cursor: not-allowed !important;
}
.cursor-pointer{

    cursor: pointer !important;
}
.select-none{

    -webkit-user-select: none !important;

            user-select: none !important;
}
.resize{

    resize: both !important;
}
.grid-cols-\[minmax\(0\2c 18rem\)\2c 1fr\]{

    grid-template-columns: minmax(0,18rem) 1fr !important;
}
.grid-cols-1{

    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.flex-row{

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

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

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

    flex-wrap: nowrap !important;
}
.content-start{

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

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

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

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

    align-items: stretch !important;
}
.justify-end{

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

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

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

    gap: 1.2rem !important;
}
.gap-0{

    gap: 0 !important;
}
.gap-x-3{

    column-gap: 1.2rem !important;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){

    --tw-space-x-reverse: 0 !important;

    margin-right: calc(1.2rem * var(--tw-space-x-reverse)) !important;

    margin-left: calc(1.2rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.overflow-hidden{

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

    overflow-y: auto !important;
}
.truncate{

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;
}
.overflow-ellipsis{

    text-overflow: ellipsis !important;
}
.whitespace-pre-wrap{

    white-space: pre-wrap !important;
}
.rounded{

    border-radius: 5px !important;
}
.rounded-full{

    border-radius: 9999px !important;
}
.rounded-lg{

    border-radius: 8px !important;
}
.rounded-t{

    border-top-left-radius: 5px !important;

    border-top-right-radius: 5px !important;
}
.rounded-b{

    border-bottom-right-radius: 5px !important;

    border-bottom-left-radius: 5px !important;
}
.border{

    border-width: 1px !important;
}
.border-0{

    border-width: 0px !important;
}
.border-b{

    border-bottom-width: 1px !important;
}
.border-t{

    border-top-width: 1px !important;
}
.border-b-2{

    border-bottom-width: 2px !important;
}
.border-solid{

    border-style: solid !important;
}
.border-blue-40{

    --tw-border-opacity: 1 !important;

    border-color: rgb(91 154 255 / var(--tw-border-opacity)) !important;
}
.border-divider{

    border-color: var(--theme-divider-color) !important;
}
.border-red{

    --tw-border-opacity: 1 !important;

    border-color: rgb(219 28 28 / var(--tw-border-opacity)) !important;
}
.border-primary{

    --tw-border-opacity: 1 !important;

    border-color: rgb(39 121 255 / var(--tw-border-opacity)) !important;
}
.border-grey-80{

    --tw-border-opacity: 1 !important;

    border-color: hsl(0 0% 20% / var(--tw-border-opacity)) !important;
}
.border-grey-5{

    --tw-border-opacity: 1 !important;

    border-color: hsl(0 0% 95% / var(--tw-border-opacity)) !important;
}
.border-danger{

    --tw-border-opacity: 1 !important;

    border-color: rgb(219 28 28 / var(--tw-border-opacity)) !important;
}
.border-t-divider{

    border-top-color: var(--theme-divider-color) !important;
}
.border-b-grey-85{

    --tw-border-opacity: 1 !important;

    border-bottom-color: hsl(0 0% 15% / var(--tw-border-opacity)) !important;
}
.border-b-divider{

    border-bottom-color: var(--theme-divider-color) !important;
}
.border-b-primary{

    --tw-border-opacity: 1 !important;

    border-bottom-color: rgb(39 121 255 / var(--tw-border-opacity)) !important;
}
.border-b-transparent{

    border-bottom-color: transparent !important;
}
.border-opacity-10{

    --tw-border-opacity: 0.1 !important;
}
.bg-primary{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(39 121 255 / var(--tw-bg-opacity)) !important;
}
.bg-red-40{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(232 74 74 / var(--tw-bg-opacity)) !important;
}
.bg-draft{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(245 166 35 / var(--tw-bg-opacity)) !important;
}
.bg-expired{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(123 28 213 / var(--tw-bg-opacity)) !important;
}
.bg-transparent{

    background-color: transparent !important;
}
.bg-black\/50{

    background-color: rgb(0 0 0 / 0.5) !important;
}
.bg-contrast{

    --tw-bg-opacity: 1 !important;

    background-color: hsla(var(--theme-contrast-color), var(--tw-bg-opacity)) !important;
}
.bg-grey-85{

    --tw-bg-opacity: 1 !important;

    background-color: hsl(0 0% 15% / var(--tw-bg-opacity)) !important;
}
.bg-contrast\/10{

    background-color: hsla(var(--theme-contrast-color), 0.1) !important;
}
.bg-contrast\/5{

    background-color: hsla(var(--theme-contrast-color), 0.05) !important;
}
.bg-grey-5{

    --tw-bg-opacity: 1 !important;

    background-color: hsl(0 0% 95% / var(--tw-bg-opacity)) !important;
}
.bg-contrast\/20{

    background-color: hsla(var(--theme-contrast-color), 0.2) !important;
}
.bg-green{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(69 181 98 / var(--tw-bg-opacity)) !important;
}
.bg-red{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(219 28 28 / var(--tw-bg-opacity)) !important;
}
.bg-orange{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(245 166 35 / var(--tw-bg-opacity)) !important;
}
.bg-yellow{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(255 220 0 / var(--tw-bg-opacity)) !important;
}
.bg-limegreen{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(182 255 0 / var(--tw-bg-opacity)) !important;
}
.bg-aquamarine{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(80 227 194 / var(--tw-bg-opacity)) !important;
}
.bg-cyan{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(0 240 255 / var(--tw-bg-opacity)) !important;
}
.bg-blue-40{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(91 154 255 / var(--tw-bg-opacity)) !important;
}
.bg-blue{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(39 121 255 / var(--tw-bg-opacity)) !important;
}
.bg-blue-70{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(25 75 159 / var(--tw-bg-opacity)) !important;
}
.bg-purple{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(123 28 213 / var(--tw-bg-opacity)) !important;
}
.bg-pink{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(212 0 255 / var(--tw-bg-opacity)) !important;
}
.bg-white{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-grey-80{

    --tw-bg-opacity: 1 !important;

    background-color: hsl(0 0% 20% / var(--tw-bg-opacity)) !important;
}
.bg-grey-90{

    --tw-bg-opacity: 1 !important;

    background-color: hsl(0 0% 10% / var(--tw-bg-opacity)) !important;
}
.bg-danger{

    --tw-bg-opacity: 1 !important;

    background-color: rgb(219 28 28 / var(--tw-bg-opacity)) !important;
}
.bg-opacity-10{

    --tw-bg-opacity: 0.1 !important;
}
.bg-opacity-\[\.02\]{

    --tw-bg-opacity: .02 !important;
}
.bg-opacity-50{

    --tw-bg-opacity: 0.5 !important;
}
.bg-rainbow{

    background-image: linear-gradient(90deg, #db1c1c 0%, #f5a623 10%, #ffdc00 20%, #b6ff00 30%, #45b562 40%, #50e3c2 50%, #5b9aff 60%, #2779ff 70%, #194b9f 80%, #7b1cd5 90%, #d400ff 100%) !important;
}
.bg-gradient-bni{

    background-image: linear-gradient(135deg, #2779ff, #9c4fc5) !important;
}
.bg-clip-border{

    background-clip: border-box !important;
}
.stroke-primary{

    stroke: #2779ff !important;
}
.stroke-aquamarine{

    stroke: #50e3c2 !important;
}
.object-contain{

    object-fit: contain !important;
}
.p-6{

    padding: 2.4rem !important;
}
.p{

    padding: 1.2rem !important;
}
.p-5{

    padding: 2rem !important;
}
.p-4{

    padding: 1.6rem !important;
}
.p-3{

    padding: 1.2rem !important;
}
.p-10{

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

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

    padding: 0.8rem !important;
}
.px-app-panel-sm{

    padding-left: 2rem !important;

    padding-right: 2rem !important;
}
.px-0{

    padding-left: 0 !important;

    padding-right: 0 !important;
}
.px-4{

    padding-left: 1.6rem !important;

    padding-right: 1.6rem !important;
}
.py-4{

    padding-top: 1.6rem !important;

    padding-bottom: 1.6rem !important;
}
.px{

    padding-left: 1.2rem !important;

    padding-right: 1.2rem !important;
}
.px-2{

    padding-left: 0.8rem !important;

    padding-right: 0.8rem !important;
}
.px-6{

    padding-left: 2.4rem !important;

    padding-right: 2.4rem !important;
}
.py-6{

    padding-top: 2.4rem !important;

    padding-bottom: 2.4rem !important;
}
.px-5{

    padding-left: 2rem !important;

    padding-right: 2rem !important;
}
.py-2{

    padding-top: 0.8rem !important;

    padding-bottom: 0.8rem !important;
}
.px-3{

    padding-left: 1.2rem !important;

    padding-right: 1.2rem !important;
}
.py-3{

    padding-top: 1.2rem !important;

    padding-bottom: 1.2rem !important;
}
.px-10{

    padding-left: 4rem !important;

    padding-right: 4rem !important;
}
.pb-0\.5{

    padding-bottom: 0.2rem !important;
}
.pb-0{

    padding-bottom: 0 !important;
}
.pt-4{

    padding-top: 1.6rem !important;
}
.pb-1{

    padding-bottom: 0.4rem !important;
}
.pt-3{

    padding-top: 1.2rem !important;
}
.pb-4{

    padding-bottom: 1.6rem !important;
}
.pb-2{

    padding-bottom: 0.8rem !important;
}
.pb-1\.5{

    padding-bottom: 0.6rem !important;
}
.pt-5{

    padding-top: 2rem !important;
}
.pt-8{

    padding-top: 3.2rem !important;
}
.pb-6{

    padding-bottom: 2.4rem !important;
}
.pl-\[50\%\]{

    padding-left: 50% !important;
}
.pt-2{

    padding-top: 0.8rem !important;
}
.pr-0{

    padding-right: 0 !important;
}
.pr-5{

    padding-right: 2rem !important;
}
.pt-0\.5{

    padding-top: 0.2rem !important;
}
.pt-0{

    padding-top: 0 !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;
}
.font-sans{

    font-family: Biotif, Helvetica, Arial, sans-serif !important;
}
.font{

    font-weight: 300 !important;
}
.font-bold{

    font-weight: 700 !important;
}
.font-extrabold{

    font-weight: 800 !important;
}
.font-normal{

    font-weight: 300 !important;
}
.uppercase{

    text-transform: uppercase !important;
}
.lowercase{

    text-transform: lowercase !important;
}
.capitalize{

    text-transform: capitalize !important;
}
.text-headline{

    color: var(--theme-text-color-headline) !important;
}
.text-primary{

    color: var(--theme-text-color-primary) !important;
}
.text-danger{

    color: var(--theme-text-color-danger) !important;
}
.text-success{

    --tw-text-opacity: 1 !important;

    color: rgb(69 181 98 / var(--tw-text-opacity)) !important;
}
.text-draft{

    --tw-text-opacity: 1 !important;

    color: rgb(245 166 35 / var(--tw-text-opacity)) !important;
}
.text-expired{

    --tw-text-opacity: 1 !important;

    color: rgb(123 28 213 / var(--tw-text-opacity)) !important;
}
.text-contrast{

    --tw-text-opacity: 1 !important;

    color: hsla(var(--theme-contrast-color), var(--tw-text-opacity)) !important;
}
.text-grey-50{

    --tw-text-opacity: 1 !important;

    color: hsl(0 0% 50% / var(--tw-text-opacity)) !important;
}
.text-subtitle{

    color: var(--theme-text-color-subtitle) !important;
}
.text-body{

    color: var(--theme-text-color) !important;
}
.text-grey-60{

    --tw-text-opacity: 1 !important;

    color: hsl(0 0% 40% / var(--tw-text-opacity)) !important;
}
.text-white{

    --tw-text-opacity: 1 !important;

    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-grey-25{

    --tw-text-opacity: 1 !important;

    color: hsl(0 0% 75% / var(--tw-text-opacity)) !important;
}
.text-warning{

    --tw-text-opacity: 1 !important;

    color: rgb(255 220 0 / var(--tw-text-opacity)) !important;
}
.text-opacity-\[\.75\]{

    --tw-text-opacity: .75 !important;
}
.underline{

    text-decoration-line: underline !important;
}
.placeholder-grey-50::placeholder{

    --tw-placeholder-opacity: 1 !important;

    color: hsl(0 0% 50% / var(--tw-placeholder-opacity)) !important;
}
.opacity-0{

    opacity: 0 !important;
}
.opacity-50{

    opacity: 0.5 !important;
}
.shadow-md{

    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;

    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.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;
}
.outline-none{

    outline: 2px solid transparent !important;

    outline-offset: 2px !important;
}
.outline{

    outline-style: solid !important;
}
.outline-primary{

    outline-color: #2779ff !important;
}
.outline-danger{

    outline-color: #db1c1c !important;
}
.outline-success{

    outline-color: #45b562 !important;
}
.outline-draft{

    outline-color: #f5a623 !important;
}
.outline-expired{

    outline-color: #7b1cd5 !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;
}
.brightness-50{

    --tw-brightness: brightness(.5) !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;
}
.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-colors{

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    transition-duration: 150ms !important;
}
.transition-visibility{

    transition-property: opacity, visibility !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    transition-duration: 150ms !important;
}
.transition-\[width\]{

    transition-property: width !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    transition-duration: 150ms !important;
}
.transition-transform{

    transition-property: transform !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    transition-duration: 150ms !important;
}
.duration-300{

    transition-duration: 300ms !important;
}
.ease-in-out{

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.scrollable{

    overflow: auto;

    -webkit-overflow-scrolling: touch;
}
.scrollable-y{

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}
body[data-obtrusive-scrollbars='true'],
          body[data-obtrusive-scrollbars='true'] .scrollable,
          body[data-obtrusive-scrollbars='true'] .scrollable-y,
          body[data-obtrusive-scrollbars='true'] .scrollable-x{

    -ms-overflow-style: -ms-autohiding-scrollbar;
}
body[data-obtrusive-scrollbars='true']::-webkit-scrollbar, body[data-obtrusive-scrollbars='true'] .scrollable::-webkit-scrollbar, body[data-obtrusive-scrollbars='true'] .scrollable-y::-webkit-scrollbar, body[data-obtrusive-scrollbars='true'] .scrollable-x::-webkit-scrollbar{

    height: 1rem;

    width: 1rem;
}
body[data-obtrusive-scrollbars='true']::-webkit-scrollbar-corner, body[data-obtrusive-scrollbars='true'] .scrollable::-webkit-scrollbar-corner, body[data-obtrusive-scrollbars='true'] .scrollable-y::-webkit-scrollbar-corner, body[data-obtrusive-scrollbars='true'] .scrollable-x::-webkit-scrollbar-corner{

    background: transparent;
}
body[data-obtrusive-scrollbars='true']::-webkit-scrollbar-track, body[data-obtrusive-scrollbars='true'] .scrollable::-webkit-scrollbar-track, body[data-obtrusive-scrollbars='true'] .scrollable-y::-webkit-scrollbar-track, body[data-obtrusive-scrollbars='true'] .scrollable-x::-webkit-scrollbar-track{

    background-color: transparent;
}
body[data-obtrusive-scrollbars='true']::-webkit-scrollbar-thumb, body[data-obtrusive-scrollbars='true'] .scrollable::-webkit-scrollbar-thumb, body[data-obtrusive-scrollbars='true'] .scrollable-y::-webkit-scrollbar-thumb, body[data-obtrusive-scrollbars='true'] .scrollable-x::-webkit-scrollbar-thumb{

    border: 2px solid transparent;

    border-radius: 5px;

    background: hsla(var(--theme-contrast-color), 0.2);

    background-clip: padding-box;
}
body[data-obtrusive-scrollbars='true']::-webkit-scrollbar-thumb:vertical, body[data-obtrusive-scrollbars='true'] .scrollable::-webkit-scrollbar-thumb:vertical, body[data-obtrusive-scrollbars='true'] .scrollable-y::-webkit-scrollbar-thumb:vertical, body[data-obtrusive-scrollbars='true'] .scrollable-x::-webkit-scrollbar-thumb:vertical{

    min-height: 1rem;
}
body[data-obtrusive-scrollbars='true']::-webkit-scrollbar-thumb:horizontal, body[data-obtrusive-scrollbars='true'] .scrollable::-webkit-scrollbar-thumb:horizontal, body[data-obtrusive-scrollbars='true'] .scrollable-y::-webkit-scrollbar-thumb:horizontal, body[data-obtrusive-scrollbars='true'] .scrollable-x::-webkit-scrollbar-thumb:horizontal{

    min-width: 1rem;
}
.text-xs{

    font-size: 1rem !important;

    font-weight: 800 !important;

    line-height: 1.4rem !important;
}
.text-lg{

    font-size: 1.8rem !important;

    font-weight: 800 !important;

    line-height: 2.2rem !important;
}
.text-xl{

    font-size: 2.2rem !important;

    font-weight: 800 !important;

    line-height: 2.7rem !important;
}
.text-base{

    font-size: 1.4rem !important;

    line-height: 2rem !important;
}
.text-sm{

    font-size: 1.2rem !important;

    line-height: 1.7rem !important;
}
.text-display-sm{

    font-size: 3.2rem !important;

    font-weight: 800 !important;

    line-height: 4.2rem !important;
}
.text-display-md{

    font-size: 4rem !important;

    font-weight: 800 !important;

    line-height: 5.2rem !important;
}
.text-display-lg{

    font-size: 4.8rem !important;

    font-weight: 800 !important;

    line-height: 6.2rem !important;
}
.text-gradient-bni{

    color: transparent !important;

    background-image: linear-gradient(135deg, #2779ff, #9c4fc5) !important;

    background-clip: text !important;
}
.ring{

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;
}
.ring-none{

    --bni-ring-shadow: initial;
}
.ring{

    outline: none !important;

    transition: box-shadow 0.15s ease-in-out !important;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000) !important;
}
.rw-slide-transition{

    transition: transform 130ms, opacity 100ms;
}
.rw-slide-transition-entering{

    overflow: hidden;
}
.rw-slide-transition-entering .rw-slide-transition{

    transform: translateY(0);

    opacity: 1;

    transition-timing-function: ease-out;
}
.rw-slide-transition-exiting .rw-slide-transition{

    transition-timing-function: ease-in;
}
.rw-slide-transition-exiting,
    .rw-slide-transition-exited{

    overflow: hidden;
}
.rw-slide-transition-exiting .rw-slide-transition, .rw-slide-transition-exited .rw-slide-transition{

    opacity: 0;

    transform: translateY(-10%);
}
.rw-slide-transition-exiting.rw-dropup .rw-slide-transition, .rw-slide-transition-exited.rw-dropup .rw-slide-transition{

    opacity: 0;

    transform: translateY(10%);
}
.rw-slide-transition-exited{

    display: none;
}
.first\:rounded-l-full:first-child{

    border-top-left-radius: 9999px !important;

    border-bottom-left-radius: 9999px !important;
}
.last\:rounded-r-full:last-child{

    border-top-right-radius: 9999px !important;

    border-bottom-right-radius: 9999px !important;
}
.focus-within\:ring:focus-within{

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    outline: none !important;

    transition: box-shadow 0.15s ease-in-out !important;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000) !important;
}
.hover\:bg-contrast\/10:hover{

    background-color: hsla(var(--theme-contrast-color), 0.1) !important;
}
.hover\:text-grey-25:hover{

    --tw-text-opacity: 1 !important;

    color: hsl(0 0% 75% / var(--tw-text-opacity)) !important;
}
.hover\:text-body:hover{

    color: var(--theme-text-color) !important;
}
.hover\:text-opacity-60:hover{

    --tw-text-opacity: 0.6 !important;
}
.hover\:underline:hover{

    text-decoration-line: underline !important;
}
.hover\:filter-none:hover{

    filter: none !important;
}
.focus\:z-1:focus{

    z-index: 1 !important;
}
.focus\:ring:focus{

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    outline: none !important;

    transition: box-shadow 0.15s ease-in-out !important;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000) !important;
}
.focus-visible\:ring:focus-visible{

    --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;

    outline: none !important;

    transition: box-shadow 0.15s ease-in-out !important;

    box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000) !important;
}
.active\:text-opacity-50:active{

    --tw-text-opacity: 0.5 !important;
}
.active\:filter-none:active{

    filter: none !important;
}
.disabled\:bg-opacity-5:disabled{

    --tw-bg-opacity: 0.05 !important;
}
.disabled\:text-contrast\/50:disabled{

    color: hsla(var(--theme-contrast-color), 0.5) !important;
}
.disabled\:opacity-60:disabled{

    opacity: 0.6 !important;
}
.disabled\:filter-none:disabled{

    filter: none !important;
}
.group:hover .group-hover\:visible{

    visibility: visible !important;
}
@media (min-width: 640px){

    .sm\:mb-4{

        margin-bottom: 1.6rem !important;
    }

    .sm\:mt-0{

        margin-top: 0 !important;
    }

    .sm\:ml-3{

        margin-left: 1.2rem !important;
    }

    .sm\:flex{

        display: flex !important;
    }

    .sm\:hidden{

        display: none !important;
    }

    .sm\:w-48{

        width: 19.2rem !important;
    }

    .sm\:w-auto{

        width: auto !important;
    }

    .sm\:grid-cols-2{

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .sm\:flex-row{

        flex-direction: row !important;
    }

    .sm\:justify-start{

        justify-content: flex-start !important;
    }

    .sm\:justify-between{

        justify-content: space-between !important;
    }

    .sm\:py-4{

        padding-top: 1.6rem !important;

        padding-bottom: 1.6rem !important;
    }

    .sm\:px-8{

        padding-left: 3.2rem !important;

        padding-right: 3.2rem !important;
    }
}
@media (min-width: 768px){

    .md\:ml-2{

        margin-left: 0.8rem !important;
    }

    .md\:block{

        display: block !important;
    }

    .md\:grid-cols-3{

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .md\:flex-row{

        flex-direction: row !important;
    }

    .md\:items-center{

        align-items: center !important;
    }

    .md\:px-app-panel{

        padding-left: 3rem !important;

        padding-right: 3rem !important;
    }
}
@media (min-width: 1024px){

    .lg\:sticky{

        position: sticky !important;
    }

    .lg\:order-none{

        order: 0 !important;
    }

    .lg\:mb-0{

        margin-bottom: 0 !important;
    }

    .lg\:h-auto{

        height: auto !important;
    }

    .lg\:w-full{

        width: 100% !important;
    }

    .lg\:w-auto{

        width: auto !important;
    }

    .lg\:flex-row{

        flex-direction: row !important;
    }

    .lg\:items-center{

        align-items: center !important;
    }

    .lg\:pl-4{

        padding-left: 1.6rem !important;
    }

    .lg\:scrollable-y{

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;
    }

    
          body[data-obtrusive-scrollbars='true'] .lg\:scrollable-y{

        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

     body[data-obtrusive-scrollbars='true'] .lg\:scrollable-y::-webkit-scrollbar{

        height: 1rem;

        width: 1rem;
    }

     body[data-obtrusive-scrollbars='true'] .lg\:scrollable-y::-webkit-scrollbar-corner{

        background: transparent;
    }

     body[data-obtrusive-scrollbars='true'] .lg\:scrollable-y::-webkit-scrollbar-track{

        background-color: transparent;
    }

     body[data-obtrusive-scrollbars='true'] .lg\:scrollable-y::-webkit-scrollbar-thumb{

        border: 2px solid transparent;

        border-radius: 5px;

        background: hsla(var(--theme-contrast-color), 0.2);

        background-clip: padding-box;
    }

     body[data-obtrusive-scrollbars='true'] .lg\:scrollable-y:vertical::-webkit-scrollbar-thumb{

        min-height: 1rem;
    }

     body[data-obtrusive-scrollbars='true'] .lg\:scrollable-y:horizontal::-webkit-scrollbar-thumb{

        min-width: 1rem;
    }
}

.mccb610cf1_cls1 { /*!*/ }
.mccb610cf1_cls2 {
color: var(--theme-link-color);
}
.mccb610cf1_cls2:hover,
.mccb610cf1_cls2:focus,
.mccb610cf1_cls2:active {
color: var(--theme-link-hover-color);
}
.mccb610cf1_cls2:focus {
 border-radius: 5px;
 --bni-ring-shadow: 0px 0px 0 4px rgba(39, 121, 255, 0.4), 0px 0px 0 1px #2779ff;
 outline: none;
 transition: box-shadow 0.15s ease-in-out;
 box-shadow: var(--bni-ring-shadow, 0 0 #0000),var(--tw-shadow, 0 0 #0000); }
.mc98b904cd_content {
    --bni-main-content-offset: 2rem * 2;
  }
    
    @media (min-width: 768px) {.mc98b904cd_content {
      --bni-main-content-offset: 3rem * 2;
  }
    }
    
    .mc98b904cd_content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

  /* FIXME: this should use screens but it causes to much layout churn downstream to change right now */
  .mc98b904cd_xs {
    max-width: calc(350px + var(--bni-main-content-offset))
  }
  .mc98b904cd_sm {
    max-width: calc(500px + var(--bni-main-content-offset))
  }
  .mc98b904cd_md {
    max-width: calc(700px + var(--bni-main-content-offset))
  }
  .mc98b904cd_lg {
    max-width: calc(1000px + var(--bni-main-content-offset))
  }
  .mc98b904cd_xl {
    max-width: calc(1500px + var(--bni-main-content-offset))
  }
.mc9ddb13c1_cls1 { /*!*/ }
.mc9ddb13c1_cls2 {
height: 100%;
}
/* Not safe at the moment to put the icon logic in <Button>. */
.mc9ddb13c1_cls2 svg {
margin-right: 1rem;
}
.mcd14e0793_cls1 { /*!*/ }
.mcd14e0793_cls2 {
min-width: 3rem;
height: 3rem;
vertical-align: middle;
}
.mc1bc6c93a_cls1 { /*!*/ }
.mc1bc6c93a_cls2 {
/* Take up the whole height so menus are aligned correctly, below the Navbar. */
height: calc(6rem - 2px);
}
.mc00239cd8_cls1 { /*!*/ }
.mc00239cd8_cls2 {
/* effectively .8rem y padding */
height: calc(2rem + 1.6rem);
margin: 0 0.4rem;
}
.mc0c13e2fd_container {
    height: 6rem;
    width: 100%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: hsl(0 0% 15% / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 15% / var(--tw-bg-opacity));
    padding-left: 2rem;
    padding-right: 2rem;
}
@media (min-width: 768px) {
    .mc0c13e2fd_container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
  .mc0c13e2fd_divider {
    flex: none;
  width: 2px;
  height: 2.4rem;
  border-radius: 1px;
  margin-right: calc(2.4rem - (2rem / 2));
  margin-left: calc(2.4rem - (2rem / 2));
  background-color: hsl(0, 0%, 20%);
  }
.mcafa690e8_cls1 { /*!*/ }
.mcafa690e8_cls2 {
display: flex;
flex: none;
min-width: 32px;
height: 28px;
align-items: center;
justify-content: center;
}
.mc10a65d5f_cls1 { /*!*/ }
.mc10a65d5f_cls2 {
width: 16px;
height: 2px;
border-radius: 1px;
background-color: currentColor;
margin-bottom: 3px;
}
.mc10a65d5f_cls2:last-child {
margin-bottom: 0;
}
.mcdb371aee_cls1 { /*!*/ }
.mcdb371aee_cls2 {
margin-right: -1rem;
}
.LoadingOverlay-CssProp1_div-module--cls1--bvONj{/*!*/}.LoadingOverlay-CssProp1_div-module--cls2--4soDl{max-width:50%}
.mcfe929c4f_cls1 { /*!*/ }
.mcfe929c4f_cls2 {
display: inline-block;
height: 2rem;
border: 1px solid var(--theme-text-color-subtitle);
border-radius: 1rem;
/* Height minus vertical border. */
line-height: calc(2rem - 2px) !important;
white-space: nowrap;
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.mc1b2aba3e_cls1 { /*!*/ }
.mc1b2aba3e_cls2 {
width: 0.4em;
margin-left: 0.4em;
vertical-align: middle;
}
.mce69bb61c_cls1 { /*!*/ }
.mce69bb61c_cls2 {
height: calc(4rem * 0.55);
}
.mcc996ace4_cls1 { /*!*/ }
.mcc996ace4_cls2 {
width: 7px; /* arbitrary */
margin: 0;
}
.mc51dc0357_menu {
    margin-bottom: 1.2rem;
  }

    .mc51dc0357_menu > * {
      max-height: none;
    }

  .mc51dc0357_expanded + * {
    padding-top: 3rem; 
  }
  
  .mc51dc0357_header {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

  .mc51dc0357_link {
    height: 3.6rem;
    line-height: 3.6rem;
  }

  .mc51dc0357_divider:first-child,
    .mc51dc0357_divider:last-child,
    .mc51dc0357_divider + .mc51dc0357_divider {
      display: none;
    }
.AppNavigation-CssProp1_PageSidePanel-module--cls1--t3hnf{/*!*/}.AppNavigation-CssProp1_PageSidePanel-module--cls2--AfeU6{max-width:26rem;z-index:2}
.mca426d82b_card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow-wrap: break-word;
    border-radius: 5px;
    background-clip: border-box;
    background-color: var(--theme-card-bg-color)
}

  .mca426d82b_bordered {
    border-width: 1px;
    border-color: var(--theme-divider-color);
    background-color: transparent
}

  .mca426d82b_ruled {
    border-bottom-width: 1px;
    border-bottom-color: var(--theme-divider-color);
    padding-bottom: 0.2rem
}

  .mca426d82b_group > .mca426d82b_card {
    margin-bottom: 2.4rem
}

  @media (min-width: 640px) {

  .mca426d82b_group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
      .mca426d82b_group > .mca426d82b_card {
        margin-bottom: 0;
       /* Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4 */
        flex: 1 0 0%
    }
  
        .mca426d82b_group > .mca426d82b_card + .mca426d82b_card {
        margin-left: 0;
        border-left-width: 0px
    }
  
        .mca426d82b_group > .mca426d82b_card:not(:last-child) {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }
  
        .mca426d82b_group > .mca426d82b_card:not(:first-child) {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }
    }
.QuickCopyButton-CssProp1_button-module--cls1--1GSXQ{/*!*/}.QuickCopyButton-CssProp1_button-module--cls2--NBuqV{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDNhMyAzIDAgMCAxIDMtM2g2YTMgMyAwIDAgMSAzIDN2OGEzIDMgMCAwIDEtMyAzdi0yYTEgMSAwIDAgMCAxLTFWM2ExIDEgMCAwIDAtMS0xSDdhMSAxIDAgMCAwLTEgMUg0Wk0zIDRhMyAzIDAgMCAwLTMgM3Y4YTMgMyAwIDAgMCAzIDNoNmEzIDMgMCAwIDAgMy0zVjdhMyAzIDAgMCAwLTMtM0gzWk0yIDdhMSAxIDAgMCAxIDEtMWg2YTEgMSAwIDAgMSAxIDF2OGExIDEgMCAwIDEtMSAxSDNhMSAxIDAgMCAxLTEtMVY3WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat}
.DescriptionList-DescriptionListTerm-module--cls1--VZVZy{/*!*/}.DescriptionList-DescriptionListTerm-module--cls2--EN\+FS{font-weight:inherit}
.DescriptionList-DescriptionListDetail-module--cls1--qIScG{/*!*/}.DescriptionList-DescriptionListDetail-module--cls2--nw9nh{}
.DescriptionList-module--cls1--rAVR-{/*!*/}.DescriptionList-module--cls2--z7J3h{margin:1rem 0 0 0}.DescriptionList-module--cls2--z7J3h.DescriptionList-module--variant-stacked--KA6p6 .DescriptionList-DescriptionListTerm-module--cls1--VZVZy{font-size:1.2rem;color:gray}.DescriptionList-module--cls2--z7J3h.DescriptionList-module--variant-stacked--KA6p6 .DescriptionList-DescriptionListTerm-module--cls1--VZVZy:not(:first-child){margin-top:2rem}.DescriptionList-module--cls2--z7J3h.DescriptionList-module--variant-stacked--KA6p6 .DescriptionList-DescriptionListDetail-module--cls1--qIScG{margin:1rem 0 0}.DescriptionList-module--cls2--z7J3h.DescriptionList-module--variant-table--j20e0{display:grid;grid-template-columns:auto 1fr;border-top:1px solid #333}.DescriptionList-module--cls2--z7J3h.DescriptionList-module--variant-table--j20e0 .DescriptionList-DescriptionListTerm-module--cls1--VZVZy{color:#bfbfbf;padding:.8rem 2rem .8rem 0;border-bottom:1px solid #333;padding-right:2rem}.DescriptionList-module--cls2--z7J3h.DescriptionList-module--variant-table--j20e0 .DescriptionList-DescriptionListDetail-module--cls1--qIScG{word-break:break-word;padding:.8rem 0;margin:0;color:#fff;border-bottom:1px solid #333}
.ResourceDetailPage-CssProp1_Layout-module--cls1--4-MZh{/*!*/}.ResourceDetailPage-CssProp1_Layout-module--cls2--wZcNn{min-width:260px}
.index-deletedClass-module--cls1--kqKKe{/*!*/}.index-deletedClass-module--cls2--yRf6u{color:rgba(191,191,191,.6)}.index-deletedClass-module--cls2--yRf6u a{color:rgba(91,154,255,.6)}
.DataGrid-styles-module--stuck--BKlOq .DataGrid-styles-module--frozen--azR9O{box-shadow:4px 0px 4px rgba(0,0,0,.25)}.DataGrid-styles-module--header--J7xwe{background-color:#333;color:#fff;position:sticky;top:0;z-index:2}.DataGrid-styles-module--header--J7xwe.DataGrid-styles-module--frozen--azR9O{position:sticky;left:0;z-index:3;border-right:4px solid #333}.DataGrid-styles-module--header--J7xwe.DataGrid-styles-module--frozen--azR9O+*{border-left:none}.DataGrid-styles-module--header--J7xwe.DataGrid-styles-module--empty--hAnFV{opacity:.7;padding:0}.DataGrid-styles-module--cell--bSBPk{color:#bfbfbf;vertical-align:center;min-height:4.6rem;background-color:#262626}.DataGrid-styles-module--cell--bSBPk.DataGrid-styles-module--frozen--azR9O{position:sticky;left:0;z-index:1;border-right:4px solid #333}.DataGrid-styles-module--cell--bSBPk.DataGrid-styles-module--frozen--azR9O+*{border-left:none}.DataGrid-styles-module--cell--bSBPk.DataGrid-styles-module--empty--hAnFV{opacity:.5;padding:0}.DataGrid-styles-module--header--J7xwe,.DataGrid-styles-module--cell--bSBPk{display:flex;align-items:center;padding:0 1.6rem;min-height:4.4rem;border-top:1px solid #333;border-left:1px solid #333}.DataGrid-styles-module--header--J7xwe,.DataGrid-styles-module--content--wsgDO{text-align:left;white-space:nowrap}.DataGrid-styles-module--header--J7xwe.DataGrid-styles-module--flush-y--E0-z0,.DataGrid-styles-module--content--wsgDO.DataGrid-styles-module--flush-y--E0-z0{padding-top:0;padding-bottom:0}.DataGrid-styles-module--header--J7xwe.DataGrid-styles-module--flush-x--gBsC2,.DataGrid-styles-module--content--wsgDO.DataGrid-styles-module--flush-x--gBsC2{padding-left:0;padding-right:0}
.DataGrid-CssProp1_ScrollView-module--cls1--09fXV{/*!*/}.DataGrid-CssProp1_ScrollView-module--cls2--UJjnA{}.DataGrid-CssProp1_ScrollView-module--cls2--UJjnA thead,.DataGrid-CssProp1_ScrollView-module--cls2--UJjnA tbody,.DataGrid-CssProp1_ScrollView-module--cls2--UJjnA tr{display:contents}.DataGrid-CssProp1_ScrollView-module--cls2--UJjnA tr:last-child .DataGrid-styles-module--cell--bSBPk{border-bottom:1px solid #333}
.text-module--uppercase--OJHpn{text-transform:uppercase;letter-spacing:.025em}.text-module--lowercase--eromt{text-transform:lowercase}.text-module--capitalize--1ZwAi{text-transform:capitalize}.text-module--nowrap--Rp5ws{white-space:nowrap}.text-module--ellipsis--ewWtT{overflow:hidden;text-overflow:ellipsis}.text-module--align-left--PhZxk{text-align:left}.text-module--align-right--NtzGl{text-align:right}.text-module--align-center--2RJdp{text-align:center}.text-module--text-xs--X\+f3z{font-size:1rem;font-weight:700;line-height:1.4}.text-module--text-sm--d5eVS{font-size:1.2rem;line-height:1.4166666667}.text-module--text-sm-bold--gbUfU{font-weight:800}.text-module--text-body--uVuXy{font-size:1.4rem;line-height:1.4285714286}.text-module--text-body-bold--XODKD{font-weight:800}.text-module--text-lg--0G21e{font-size:1.8rem;line-height:1.2222222222;font-weight:800}.text-module--text-xl--RhSSW{font-size:2.2rem;line-height:1.2272727273;font-weight:800}.text-module--text-display-2--rga3E{font-size:4rem;line-height:1.3;font-weight:800}@media(max-width: 767.98px){.text-module--text-display-2--rga3E{font-size:3.2rem;line-height:1.05}}.text-module--text-display-1--1tp4x{font-weight:800;font-size:4.8rem;line-height:1.2916666667}@media(max-width: 767.98px){.text-module--text-display-1--1tp4x{font-size:4rem;line-height:1.3}}
.DataGrid-DataGridAnchor-module--cls1--J\+NkF{/*!*/}.DataGrid-DataGridAnchor-module--cls2--q4WEI{max-width:100%;overflow:hidden}.DataGrid-DataGridAnchor-module--cls2--q4WEI:not(.DataGrid-DataGridAnchor-module--flush--8ODSG){padding:.8rem 0}.DataGrid-DataGridAnchor-module--cls2--q4WEI,.DataGrid-DataGridAnchor-module--cls2--q4WEI:hover{color:var(--theme-text-color)}
.DataGrid-DataGridRow-module--cls1--nQ\+y\+{/*!*/}.DataGrid-DataGridRow-module--cls2--HoQGB{}.DataGrid-DataGridRow-module--cls2--HoQGB>[draggable=true] *{-webkit-user-drag:none}.DataGrid-DataGridRow-module--cls2--HoQGB.DataGrid-DataGridRow-module--selected--kQ4wk .DataGrid-styles-module--cell--bSBPk{background-color:#1b2c49}
.DataGridPage-styles-module--status--ReL-t::before{content:"";position:absolute;width:2px;top:0;left:0;bottom:0}.DataGridPage-styles-module--danger--NeMLm::before{background-color:#db1c1c}.DataGridPage-styles-module--warning--T1vxs::before{background-color:#f5a623}
.DataGridPage-frozenStyles-module--cls1--9JhUb{/*!*/}.DataGridPage-frozenStyles-module--cls2--XcTpD{position:relative}.DataGridPage-frozenStyles-module--cls2--XcTpD::before{content:"";position:absolute;width:2px;top:0;left:0;bottom:0}
.DataGridPage-CssProp1_div-module--cls1--rO9-l{/*!*/}.DataGridPage-CssProp1_div-module--cls2--CZzcs{grid-template:"table toolbar" 100%/1fr auto}
.DataGridPage-CssProp2_DataGrid-module--cls1--8ceXx{/*!*/}.DataGridPage-CssProp2_DataGrid-module--cls2--VRbjz{grid-template-columns:var(--atwjsbk)}
.DataGridPage-CssProp3_div-module--cls1--YIZ2c{/*!*/}.DataGridPage-CssProp3_div-module--cls2--YMNFP{max-width:calc(100vw - 26rem)}
.DataGridPage-CssProp4_div-module--cls1--xNeG-{/*!*/}.DataGridPage-CssProp4_div-module--cls2--e7cM4{}.DataGridPage-CssProp4_div-module--cls2--e7cM4>span{width:100%}
.mcdfde23e3_cls1 { /*!*/ }
.mcdfde23e3_cls2 {
margin-bottom: 1.2rem;
}
.mcc462be82_cls1 { /*!*/ }
.mcc462be82_cssProp1DivVariant0:before {
              content: '';

              position: absolute;
              top: 5px;
              bottom: 5px;
              left: 5px;
              z-index: 1;

              width: 3px;
              border-radius: 2px;

              background-color: #db1c1c;
            }
.mc63e5ebfb_addon {
    flex: none;
    width: 100%;
    display: flex;
    padding: 0 5px 0 0;
    margin: 0;
    height: auto;
    min-height: 4rem;
  }

  .mc63e5ebfb_input {
    width: 100%;
    /* auto height and stretch to have the input (and pointer hit area) fill the container */
    height: auto;
    align-self: stretch;
    /***/
    border: none;
    background: none;

  }

  /* TODO use ring-none */

  .mc63e5ebfb_input:focus {
      box-shadow: none;
    }
.mc2d6a80d3_cls1 { /*!*/ }
.mc2d6a80d3_cls2 {
display: flex; align-items: center;
}
.mcb15ded2e_cls1 { /*!*/ }
.mcb15ded2e_cls2 {
margin:0;
}
.mc77439d5a_cls1 { /*!*/ }
.mc77439d5a_cls2 {
margin-bottom: 0.8rem;
}
.mc044b93fa_group {
    margin-bottom: 1.6rem;
  }

  @media (min-width: 640px) {
    .mc044b93fa_horizontal {
      display: grid;
      align-items: flex-start;
      grid-template-columns: 15rem minmax(0, 1fr);
      margin-bottom: 1rem;
    }

      .mc044b93fa_horizontal:not(.mc044b93fa_fluid) {
        max-width: calc(55rem + 15rem);
      }

      .mc044b93fa_horizontal .mc044b93fa_label {
        display: inline-flex;
        align-items: center;
        padding: calc((4rem - 20px - 2px) / 2)
          1.6rem
          calc((4rem - 20px - 2px) / 2) 0;
        margin: 0;
        word-break: break-word;
      }
  }
.ResourceGridFilter-CssProp1_Tag-module--cls1--6MFp9{/*!*/}.ResourceGridFilter-CssProp1_Tag-module--cls2--u2HEd{-form-control-tag-color:#ffffff;--form-control-tag-bg-color: #194b9f;--form-control-tag-border-color: #194b9f;--form-control-tag-hover-bg-color: #0f326c}.ResourceGridFilter-CssProp1_Tag-module--cls2--u2HEd .rw-multiselect-tag-btn{font-size:2rem;border-left:2px solid #1a1a1a}
.ResourceGridFilter-CssProp2_FormControlWithAddon-module--cls1--RRtuk{/*!*/}.ResourceGridFilter-CssProp2_FormControlWithAddon-module--cls2--3h4JO{}.ResourceGridFilter-CssProp2_FormControlWithAddon-module--cls2--3h4JO input:-webkit-autofill,.ResourceGridFilter-CssProp2_FormControlWithAddon-module--cls2--3h4JO input:-webkit-autofill:hover,.ResourceGridFilter-CssProp2_FormControlWithAddon-module--cls2--3h4JO input:-webkit-autofill:focus{border:0;-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px var(--form-control-bg-color) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}
.SetProbeStatusAction-CssProp1_div-module--cls1--BkihR{/*!*/}.SetProbeStatusAction-CssProp1_div-module--cls2--OySkP{min-height:18rem}
.Alert-styles-module--warning--ZVlaf{color:#998400;background-color:#f9f6e2;border:1px solid #ceb82c}.Alert-styles-module--danger--kaBkY{color:#811010;background-color:#f2e0e0;border:1px solid #ac4646}.Alert-styles-module--info--qPkxm{color:#0049c0;background-color:#e0e9f8;border:1px solid #8db8ff}
.mca327f894_multiselect {
    position: relative;
  }

    .mca327f894_multiselect .rw-multiselect-tag {
      background-color: transparent;
      align-items: stretch;
    }

    .mca327f894_multiselect .rw-multiselect-tag-label {
      display: flex;
      align-items: center;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      background-color: var(--bni-form-control-tag-bg-color);
    }

    .mca327f894_multiselect .rw-multiselect-tag-btn {
      background-clip: padding-box;
      margin-left: 2px;
    }

    .mca327f894_multiselect .rw-widget-picker {
      grid-template-columns: 1fr;
    }

    /* this should just be the busy spinner since we hide the caret */

    .mca327f894_multiselect .rw-picker-caret {
      position: absolute;
      pointer-events: none;
      right: 1.2rem;
      top: calc(4rem / 2);
      transform: translateY(-50%);
    } 

  .mca327f894_inline {
    min-height: 12.8rem;
    box-shadow: none;
    margin-top: 1.6rem;
    border: var(--bni-form-control-border-color) var(--bni-form-control-border-width)
      solid;
  }

  .mca327f894_icon {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    left: 1rem;
    top: calc((4rem - 1.6rem) / 2);
  }

  .mca327f894_prepend {
    padding-left: 30px;
  }
.CourseThumbnailForm-CssProp1_Layout-module--cls1--\+OAxp{/*!*/}.CourseThumbnailForm-CssProp1_Layout-module--cls2--SyDyS{width:240px;padding:14px 20px 16px;border-radius:4px;background-color:#333}
.CourseThumbnailForm-CssProp2_img-module--cls1--CCKKT{/*!*/}.CourseThumbnailForm-CssProp2_img-module--cls2--6EkL9{width:100%;aspect-ratio:1/1;border-radius:4px;object-fit:contain;background-color:#000}
.CourseThumbnailForm-CssProp3_Layout-module--cls1--uWvDj{/*!*/}.CourseThumbnailForm-CssProp3_Layout-module--cls2--LRCwp{aspect-ratio:1/1;padding:30px;border-radius:4px;border:1px dashed #000;text-align:center}
.mcdd989c39_cls1 { /*!*/ }
.mcdd989c39_cls2 {
--bni-form-control-height: auto;
width: 100%;
}
.SetMembershipRoleAction-CssProp1_div-module--cls1--CTfj2{/*!*/}.SetMembershipRoleAction-CssProp1_div-module--cls2--JC68I{min-height:8rem}
.DLDataModeOverrideAction-CssProp1_div-module--cls1--2Ytpm{/*!*/}.DLDataModeOverrideAction-CssProp1_div-module--cls2--OJY1P{min-height:4rem}
.SetFlatUserRoleAction-CssProp1_div-module--cls1--8cVGM{/*!*/}.SetFlatUserRoleAction-CssProp1_div-module--cls2--dQj9n{min-height:8rem}