@layer t-critical{
  tds-page-header:not(.hydrated){
    display:none;
  }
}

@layer t-component{
  .tds-page-header{
    --tds-page-header-background-color:var(--t-fill-color-product-current-gradient-tint, var(--t-surface-color-canvas));
    --tds-page-header-background-color-inactive:var(--t-fill-color-neutral-090);
    --tds-page-header-color:var(--t-text-color);
    --tds-page-header-bottom-border-color:transparent;
    --tds-page-header-headline-color:var(--t-text-color-headline);
    --tds-page-header-headline-font-size:var(--t-font-size-2xl);
    --tds-page-header-padding-x:var(--t-spacing-2);
    --tds-page-header-padding-y:var(--t-spacing-2);
    --tds-page-header-nav-padding-x:var(--tds-page-header-padding-x, var(--t-spacing-3));
    --tds-page-header-nav-gap:var(--t-spacing-1);
    --tds-page-header-nav-background:linear-gradient(180deg, var(--tds-page-header-nav-background-start, rgba(0, 0, 0, 0)) 0%, var(--tds-page-header-nav-background-end, rgba(0, 0, 0, .1)) 100%);
    --tds-page-header-nav-item-padding-x:var(--t-spacing-1);
    --tds-page-header-nav-item-padding-y:var(--t-spacing-1);
    --tds-page-header-nav-item-color:var(--t-text-color-secondary);
    --tds-page-header-nav-item-background-color:color-mix(in srgb, var(--t-surface-color-canvas) 100%, transparent 35%);
    --tds-page-header-nav-item-border-width:1px;

    --tds-page-header-nav-item-border-color:var(--tds-page-header-nav-item-background-color);
    --tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color);

    --tds-page-header-nav-item-color-hover:var(--t-text-color);
    --tds-page-header-nav-item-background-color-hover:color-mix(in srgb, var(--t-surface-color-canvas) 100%, transparent 20%);
    --tds-page-header-nav-item-border-color-hover:var(--tds-page-header-nav-item-background-color-hover);

    --tds-page-header-nav-item-background-color-active:color-mix(in srgb, var(--t-surface-color-canvas) 100%, transparent 10%);
    --tds-page-header-nav-item-border-color-active:var(--tds-page-header-nav-item-background-color-active);

    --tds-page-header-nav-item-color-disabled:var(--t-text-color-disabled);
    --tds-page-header-nav-item-background-color-disabled:color-mix(in srgb, var(--t-surface-color-canvas) 100%, transparent 50%);
    --tds-page-header-nav-item-border-color-disabled:var(--tds-page-header-nav-item-background-color-disabled);

    --tds-page-header-nav-item-color-selected:var(--t-text-color);
    --tds-page-header-nav-item-background-color-selected:var(--t-surface-color-canvas);
    --tds-page-header-nav-item-border-color-selected:var(--tds-page-header-nav-item-background-color-selected);
    --tds-page-header-nav-item-border-bottom-color-selected:var(--tds-page-header-nav-item-background-color-selected);
    --tds-page-header-nav-item-indicator-color:var(--t-icon-color-status-warning);
  }

  .tds-page-header--profile{
    --tds-page-header-padding-y:20px;
  }

  @supports (color: light-dark(#fff, #000)){
    .tds-page-header{
      --tds-page-header-nav-background-start:light-dark(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0));
      --tds-page-header-nav-background-end:light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .1));
    }
  }

  @media (min-width: 600px){
    .tds-page-header{
      --tds-page-header-background-color:var(--t-surface-color-canvas);
      --tds-page-header-color:var(--t-text-color-secondary);
      --tds-page-header-bottom-border-color:var(--t-border-color);
      --tds-page-header-padding-x:var(--t-spacing-3);
      --tds-page-header-headline-font-size:var(--t-font-size-3xl);
      --tds-page-header-nav-gap:var(--t-spacing-half);
      --tds-page-header-nav-background:transparent;
      --tds-page-header-nav-item-padding-x:var(--t-spacing-2);
      --tds-page-header-nav-item-border-width:1px;
      --tds-page-header-nav-item-color:var(--t-text-color);
      --tds-page-header-nav-item-background-color:var(--t-fill-color-neutral-070);
      --tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-bottom-border-color);
      --tds-page-header-nav-item-background-color-hover:var(--t-fill-color-neutral-060);
      --tds-page-header-nav-item-background-color-active:var(--t-fill-color-neutral-050);
      --tds-page-header-nav-item-background-color-disabled:var(--t-fill-color-neutral-080);
      --tds-page-header-nav-item-border-color-selected:var(--t-border-color);
    }
  }
}

.tds-page-header{
  display:flex;
  flex-direction:column;
  padding-top:var(--tds-page-header-padding-y);
  color:var(--tds-page-header-color);
  background:var(--tds-page-header-background-color);
  border-bottom:1px solid var(--tds-page-header-bottom-border-color);
}

.tds-page-header:not(.has-nav){
    padding-bottom:var(--tds-page-header-padding-y);
  }

.tds-page-header.inactive{
    background:var(--tds-page-header-background-color-inactive);
  }

.tds-page-header :is([slot="actions"],.tds-page-header__actions){
    width:100%;
  }

.tds-page-header.has-multi-actions :is([slot="actions"],.tds-page-header__actions){
    display:flex;
    flex-flow:row wrap;
    gap:var(--t-spacing-half) var(--t-spacing-1);
    align-items:flex-start;
    justify-content:flex-start;
    min-width:0;
  }

:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)):not(:has(ul)),:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) ul{
      display:flex;
      gap:var(--tds-page-header-nav-gap);
      padding:var(--t-spacing-2) var(--tds-page-header-nav-padding-x) 0;
      margin:0 0 -1px;
      overflow:auto;
      list-style:none;
      background:var(--tds-page-header-nav-background);
    }

:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button){
      position:relative;
      display:inline-flex;
      padding:var(--tds-page-header-nav-item-padding-y) var(--tds-page-header-nav-item-padding-x);
      font-size:var(--t-font-size-sm);
      line-height:22px;
      color:var(--tds-page-header-nav-item-color);
      white-space:nowrap;
      text-decoration:none;
      -webkit-appearance:none;
         -moz-appearance:none;
              appearance:none;
      cursor:pointer;
      outline-offset:-2px;
      background-color:var(--tds-page-header-nav-item-background-color);
      background-clip:padding-box;
      border:var(--tds-page-header-nav-item-border-width) solid var(--tds-page-header-nav-item-border-color);
      border-bottom:1px solid var(--tds-page-header-nav-item-border-bottom-color);
      border-radius:var(--t-border-radius-md) var(--t-border-radius-md) 0 0;
    }

.selected:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)){
        --tds-page-header-nav-item-color:var(--tds-page-header-nav-item-color-selected);
        --tds-page-header-nav-item-border-color:var(--tds-page-header-nav-item-border-color-selected);
        --tds-page-header-nav-item-background-color:var(--tds-page-header-nav-item-background-color-selected);
        --tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color-selected);
      }

:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)):not(.selected):hover{
          --tds-page-header-nav-item-color:var(--tds-page-header-nav-item-color-hover);
          --tds-page-header-nav-item-background-color:var(--tds-page-header-nav-item-background-color-hover);
          --tds-page-header-nav-item-border-color:var(--tds-page-header-nav-item-border-color-hover);
          --tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color-hover);
        }

:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)):not(.selected):active{
          background-color:var(--tds-page-header-nav-item-background-color-active);
          border-color:var(--tds-page-header-nav-item-border-color-active);
          border-bottom-color:var(--tds-page-header-nav-item-background-color-active);
        }

:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)):not(.selected):disabled{
          --tds-page-header-nav-item-border-bottom-color:var(--tds-page-header-nav-item-background-color-disabled);
          color:var(--tds-page-header-nav-item-color-disabled);
          cursor:not-allowed;
          background-color:var(--tds-page-header-nav-item-background-color-disabled);
          opacity:1;
        }

@media (min-width: 600px){
          :is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) :is(a,button)):not(.selected)::after{
            position:absolute;
            inset:auto -1px -1px;
            height:1px;
            pointer-events:none;
            content:"";
            background-color:var(--tds-page-header-bottom-border-color);
          }
        }

:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) li:has(.indicator){
      position:relative;
    }

:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) li:has(.indicator)) :is(a,button){
        -webkit-mask:radial-gradient(8px at calc(100% - 3px) 0, #0000 98%, #000);
                mask:radial-gradient(8px at calc(100% - 3px) 0, #0000 98%, #000);
      }

:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) li:has(.indicator))::before,:is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) li:has(.indicator))::after{
        position:absolute;
        top:-5px;
        right:-2px;
        width:10px;
        height:10px;
        content:"";
        background:var(--tds-page-header-nav-item-indicator-color);
        border-radius:50%;
      }

@media (prefers-reduced-motion: no-preference){
        :is(:is(.tds-page-header nav:is([slot="navigation"],.tds-page-header__nav)) li:has(.indicator))::after{
          animation:indicator-pulse 1.25s ease infinite;
        }
      }

.tds-page-header__title-bar{
  display:flex;
  flex-direction:column;
  gap:var(--t-spacing-2) var(--t-spacing-1);
  align-items:flex-start;
  justify-content:space-between;
  padding:0 var(--tds-page-header-padding-x);
}

.tds-page-header--profile > .tds-page-header__title-bar{
    align-items:center;
  }

.tds-page-header__primary{
  width:100%;
}

.tds-page-header__primary h1{
    margin:0;
    font-size:var(--tds-page-header-headline-font-size);
    font-weight:var(--t-font-weight-normal);
    line-height:32px;
    color:var(--tds-page-header-headline-color);
    overflow-wrap:break-word;
  }

@media (min-width: 960px){
  .tds-page-header__primary{
    flex:1 1 max-content;
    width:auto;
    min-width:0;
    max-width:100%;
  }

  .tds-page-header__title-bar,
  .tds-page-header--profile .tds-page-header__title-bar{
    flex-flow:row nowrap;
    row-gap:12px;
    align-items:flex-start;
  }
    .tds-page-header :is([slot="actions"],.tds-page-header__actions){
      width:auto;
    }

    .tds-page-header.has-multi-actions :is([slot="actions"],.tds-page-header__actions){
      justify-content:flex-end;
    }
}

.tds-page-header-phone,
.tds-page-header-email{
  color:var(--tds-page-header-color);
  white-space:nowrap;
}

.tds-page-header-email{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

@keyframes indicator-pulse{
  0%{
    opacity:.3;
    transform:scale(.9);
  }

  100%{
    opacity:0;
    transform:scale(1.75);
  }
}


  @media (prefers-reduced-motion: no-preference){

:root{
    interpolate-size:allow-keywords;
}
  }

@layer tds-component{
  tds-sidenav,
  .tds-sidenav{
    --tds-sidenav-indent:12px;
    --tds-sidenav-item-depth:0;

    --tds-sidenav-item-transition:background-color var(--t-duration-200) var(--t-ease-in-out);

    --tds-sidenav-collapse-transition-enter:opacity var(--t-duration-300) var(--t-ease-out), transform var(--t-duration-300) var(--t-ease-out), display var(--t-duration-300) allow-discrete, overlay var(--t-duration-300) allow-discrete;
    --tds-sidenav-collapse-transition-exit:opacity var(--t-duration-200) var(--t-ease-in), display var(--t-duration-200) allow-discrete, overlay var(--t-duration-200) allow-discrete;
    --tds-sidenav-collapse-closed-opacity:0;
    --tds-sidenav-collapse-open-opacity:1;
    --tds-sidenav-collapse-closed-transform:translateY(-8px);
    --tds-sidenav-collapse-open-transform:translateY(0);

    --tds-sidenav-item-icon-size:var(--t-element-size-md);
    --tds-sidenav-item-background-hover:var(--t-fill-color-button-interaction-ghost-hover);
    --tds-sidenav-item-background-active:var(--t-fill-color-button-interaction-ghost-active);
    --tds-sidenav-item-background-selected:var(--t-fill-color-button-interaction-ghost-active);

    --tds-sidenav-item-nested-background-hover:var(--tds-sidenav-item-background-hover);
    --tds-sidenav-item-nested-background-active:var(--tds-sidenav-item-background-hover);
    --tds-sidenav-item-nested-background-selected:transparent;

    --tds-sidenav-item-nested-border-color:var(--t-fill-color-neutral-050);
    --tds-sidenav-item-nested-border-color-hover:var(--t-fill-color-neutral-050);
    --tds-sidenav-item-nested-border-color-selected:var(--t-border-color-status-info);

    --tds-sidenav-item-icon-color:var(--t-icon-color-secondary);
    --tds-sidenav-item-icon-color-selected:var(--t-icon-color);
  }

    @media (prefers-reduced-motion: reduce){
  tds-sidenav,
  .tds-sidenav{
      --tds-sidenav-collapse-transition-enter:none;
      --tds-sidenav-collapse-transition-exit:none;
      --tds-sidenav-collapse-closed-transform:none;
      --tds-sidenav-collapse-open-transform:none;
  }
    }

  .tds-sidenav--theme-gray{
    --tds-sidenav-item-background-hover:var(--t-fill-color-neutral-080);
    --tds-sidenav-item-background-active:var(--t-fill-color-neutral-070);
    --tds-sidenav-item-background-selected:var(--t-fill-color-neutral-050);
    --tds-sidenav-item-nested-border-color-hover:var(--t-fill-color-neutral-050);
    --tds-sidenav-item-nested-border-color-selected:var(--t-fill-color-neutral-010);
  }
}

.tds-sidenav :where(nav,ul,.tds-sidenav-section){
    display:flex;
  }

.tds-sidenav :where(nav,ul,.tds-sidenav-section,.tds-sidenav-collapse){
    flex-direction:column;
    gap:var(--t-spacing-half);
    width:100%;
  }

.tds-sidenav-section-list{
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
}

.tds-sidenav-section-header{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  padding-top:var(--t-spacing-2);
}

.tds-sidenav-section-header h2{
    margin:0;
    font-size:var(--t-font-size-sm);
    font-weight:var(--t-font-weight-semibold);
    line-height:1.35;
    color:var(--t-text-color-secondary);
    text-transform:uppercase;
  }

.tds-sidenav-section:first-of-type .tds-sidenav-section-header{
    padding-top:0;
  }

.tds-sidenav-section-header [slot="label-actions"]{
    display:flex;
    gap:var(--t-spacing-half);
    align-items:center;
  }

.tds-sidenav-section [slot="section-actions"]{
  display:flex;
  gap:12px;
  align-items:center;
  min-height:42px;
  padding:var(--t-spacing-1) 0;
}

.tds-sidenav-section-list,
.tds-sidenav-item{
  width:100%;
  padding:0;
  margin:0;
}

.tds-sidenav-item :is(a,button){
    position:relative;
    display:flex;
    gap:12px;
    align-items:center;
    width:100%;
    padding:12px;
    overflow:hidden;
    font-size:var(--t-font-size-sm);
    line-height:18px;
    color:var(--t-text-color-headline);
    white-space:nowrap;
    text-decoration:none;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    cursor:pointer;
    background-color:var(--tds-sidenav-item-background, transparent);
    border:0;
    border-radius:var(--t-border-radius);
    transition:var(--tds-sidenav-item-transition);
  }

:is(.tds-sidenav-item :is(a,button)):not(:has(.prefix,.suffix)),:is(.tds-sidenav-item :is(a,button)) :is(:not(.prefix,.suffix)){
      display:block;
      flex:1;
      overflow:hidden;
      text-overflow:ellipsis;
      text-align:left;
      white-space:nowrap;
    }

:is(.tds-sidenav-item :is(a,button)):hover,:is(.tds-sidenav-item :is(a,button)):focus-visible{
      --tds-sidenav-item-background:var(--tds-sidenav-item-background-hover);
      color:var(--t-text-color-headline);
      text-decoration:none;
    }

:is(.tds-sidenav-item :is(a,button)):active{
      --tds-sidenav-item-background:var(--tds-sidenav-item-background-active);
    }

:is(.tds-sidenav-item :is(a,button)) :is(.prefix,[slot="prefix"]){
      overflow:hidden;
      color:var(--tds-sidenav-item-icon-color);
    }

:is(:is(.tds-sidenav-item :is(a,button)) :is(.prefix,[slot="prefix"])),:is(:is(.tds-sidenav-item :is(a,button)) :is(.prefix,[slot="prefix"])) svg{
        display:block;
        width:var(--tds-sidenav-item-icon-size);
        height:var(--tds-sidenav-item-icon-size);
      }

:is(.tds-sidenav-item :is(a,button)):has(.prefix,[slot="prefix"]) + .tds-sidenav-section{
      --tds-sidenav-indent:19px;
    }

[aria-expanded="true"]:is(.tds-sidenav-item :is(a,button)) + .tds-sidenav-section-list{
      visibility:visible;
      block-size:auto;
      opacity:1;
    }

.tds-sidenav-item.selected > :is(a,button),.tds-sidenav-item:has(.tds-sidenav-section):has(.selected) > :is(a,button){
    --tds-sidenav-item-background:var(--tds-sidenav-item-background-selected);
    --tds-sidenav-item-icon-color:var(--tds-sidenav-item-icon-color-selected);

    --tds-sidenav-item-nested-background:var(--tds-sidenav-item-nested-background-selected);
    font-weight:var(--t-font-weight-semibold);
  }

.tds-sidenav-item:has(.tds-sidenav-section){
    display:flex;
    flex-direction:column;
    gap:var(--t-spacing-half);
  }

.tds-sidenav-item .tds-sidenav-section-list{
    --tds-sidenav-item-depth:1;
    gap:0;
  }

.tds-sidenav-action--toggle + :is(.tds-sidenav-item .tds-sidenav-section-list){
      visibility:hidden;
      block-size:0;
      overflow-y:clip;
      opacity:0;
      transition:content-visibility var(--t-duration-400) allow-discrete, opacity var(--t-duration-400), block-size var(--t-duration-400);
    }

:is(.tds-sidenav-item .tds-sidenav-section-list) .tds-sidenav-section-list{
      --tds-sidenav-item-depth:2;
    }

:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button){
      min-height:var(--t-element-size-2xl);
      padding-block:9px;
      padding-left:calc((var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) + var(--tds-sidenav-indent) + var(--t-spacing-fourth));
      line-height:1;
      background-color:transparent;
    }

:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button))::before{
        position:absolute;
        top:0;
        bottom:0;
        left:calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));
        width:2px;
        content:"";
        background-color:var(--tds-sidenav-item-nested-border-color);
        transition:var(--tds-sidenav-item-transition);
      }

:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button))::after{
        position:absolute;
        inset:0 0 0 calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));
        z-index:-1;
        height:100%;
        content:"";
        background-color:var(--tds-sidenav-item-nested-background);
        border-radius:0 var(--t-border-radius) var(--t-border-radius) 0;
        transition:var(--tds-sidenav-item-transition);
      }

:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button)):not(:has(.prefix,.suffix)),:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button)) :is(:not(.prefix,.suffix)){
        display:block;
        text-align:left;
        white-space:normal;
      }

:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button)):hover,:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button)):focus-visible{
        --tds-sidenav-item-nested-border-color:var(--tds-sidenav-item-nested-border-color-hover);
        --tds-sidenav-item-nested-background:var(--tds-sidenav-item-nested-background-hover);
      }

:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button)):active{
        --tds-sidenav-item-nested-background:var(--tds-sidenav-item-nested-background-active);
      }

.selected:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button){
      --tds-sidenav-item-nested-border-color:var(--tds-sidenav-item-nested-border-color-selected);
      font-weight:var(--t-font-weight-medium);
    }

.tds-sidenav-responsive-header{
  display:flex;
  gap:var(--t-spacing-2);
  align-items:center;
  width:100%;
}

.tds-sidenav-responsive-header .tds-sidenav-responsive-header-toggle{
    order:0;
  }

.tds-sidenav-responsive-header .tds-sidenav-responsive-header-label{
    flex:1;
    order:1;
    margin:0;
    font-size:var(--t-font-size-lg);
    font-weight:var(--t-font-weight-medium);
    color:var(--t-text-color-headline);
  }

@media (max-width: 719px){
  .tds-sidenav-collapse{
    z-index:10001;
    display:none;
    max-width:min(448px, calc(100vw - 48px));
    padding:0;
    margin:12px 0;
    position-area:bottom span-right;
    overflow:hidden;
    outline:0;
    background:var(--t-surface-color-card);
    border:0;
    border-radius:6px;
    box-shadow:0 8px 20px 0 rgba(0, 0, 0, .25);
    opacity:var(--tds-sidenav-collapse-open-opacity);
    transform:var(--tds-sidenav-collapse-open-transform);
    transition:var(--tds-sidenav-collapse-transition-enter);
    will-change:transform;
  }

  .tds-sidenav-scroll-container{
    --webkit-overflow-scrolling:touch;
    display:block;
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:var(--t-spacing-2);
    overflow-y:auto;
  }

  .tds-sidenav-item :is(a, button) :is(.prefix){
    display:none;
  }
  @supports selector(:popover-open){
    .tds-sidenav-collapse:popover-open{
      display:flex;
    }

    .tds-sidenav-collapse:not(:popover-open){
      opacity:var(--tds-sidenav-collapse-closed-opacity);
      transition:var(--tds-sidenav-collapse-transition-exit);
    }

    @starting-style{
      .tds-sidenav-collapse:popover-open{
        opacity:var(--tds-sidenav-collapse-closed-opacity);
        transform:var(--tds-sidenav-collapse-closed-transform);
      }
    }
  }
  @supports not selector(:popover-open){
    .tds-sidenav-collapse.\:popover-open{
      display:flex;
    }

    .tds-sidenav-collapse:not(.\:popover-open){
      opacity:var(--tds-sidenav-collapse-closed-opacity);
      transition:var(--tds-sidenav-collapse-transition-exit);
    }
  }
}

@media (min-width: 720px){
  .tds-sidenav-responsive-header{
    display:none;
  }
}

:is(tds-sidenav,tds-sidenav-section,tds-sidenav-item):not(.hydrated)  > :not([slot="ssr"]){
      display:none;
    }

:is(tds-sidenav,tds-sidenav-section,tds-sidenav-item):not(.hydrated)  > [slot="ssr"]{
      display:block;
    }

tds-sidenav-section:not(.hydrated)  > [slot="ssr"]{
      display:flex;
      flex-direction:column;
    }

.tds-checkbox{
  --tds-checkbox-font-size:var(--t-font-size-md);
  --tds-checkbox-cursor:pointer;
  --tds-checkbox-line-height:1.4;
  --tds-checkbox-transition-property:background-color, border-color;

  --tds-checkbox-input-size:var(--t-element-size-md);
  --tds-checkbox-input-border-radius:var(--t-border-radius-sm);
  --tds-checkbox-input-border-color:var(--t-form-border-color);
  --tds-checkbox-input-background-color:transparent;

  --tds-checkbox-input-icon:none;
  --tds-checkbox-input-icon-visibility:hidden;
  --tds-checkbox-input-icon-opacity:0;
  --tds-checkbox-input-icon-fill:var(--t-icon-color-inverted);

  --tds-checkbox-label-color:var(--t-form-color);

  --tds-checkbox-description-font-size:var(--t-font-size-sm);
  --tds-checkbox-description-line-height:1.35;
  --tds-checkbox-description-color:var(--t-text-color-secondary);
  --tds-checkbox-description-invalid-icon-display:none;

  position:relative;
  display:inline-grid;
  grid-template-columns:auto;
  grid-auto-columns:1fr;
  gap:var(--t-spacing-fourth) var(--t-spacing-1);
  line-height:var(--tds-checkbox-line-height);
  cursor:var(--tds-checkbox-cursor);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.tds-checkbox label{
    grid-area:1 / 2;
    font-size:var(--tds-checkbox-font-size);
    font-weight:var(--t-font-weight-normal);
    color:var(--tds-checkbox-label-color);
    cursor:var(--tds-checkbox-cursor);
  }

.tds-checkbox tds-indeterminate{
    display:flex;
  }

.tds-checkbox input[type="checkbox"]{
    position:relative;
    width:1em;
    height:1em;
    margin:calc((1lh - 1em) / 2) 0 0;
    font-size:var(--tds-checkbox-font-size);
    line-height:inherit;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    cursor:var(--tds-checkbox-cursor);
    background-color:var(--tds-checkbox-input-background-color);
    border:var(--t-form-border-width) solid var(--tds-checkbox-input-border-color);
    border-radius:var(--tds-checkbox-input-border-radius);
    transition-timing-function:var(--t-ease-in-out);
    transition-duration:var(--t-duration-200);
    transition-property:var(--tds-checkbox-transition-property);
  }

:is(.tds-checkbox input[type="checkbox"])::before{
      position:absolute;
      top:50%;
      left:50%;
      visibility:var(--tds-checkbox-input-icon-visibility);
      width:100%;
      height:100%;
      content:"";
      background-color:var(--tds-checkbox-input-icon-fill);
      border-radius:var(--tds-checkbox-input-border-radius);
      opacity:var(--tds-checkbox-input-icon-opacity);
      -webkit-mask-image:var(--tds-checkbox-input-icon);
              mask-image:var(--tds-checkbox-input-icon);
      -webkit-mask-repeat:no-repeat;
              mask-repeat:no-repeat;
      -webkit-mask-size:contain;
              mask-size:contain;
      transform:translate(-50%, -50%);
    }

:is(.tds-checkbox input[type="checkbox"]):hover:not(:disabled){
      --tds-checkbox-input-border-color:var(--t-fill-color-interaction-hover);
      --tds-checkbox-input-background-color:var(--t-fill-color-button-interaction-outline-hover);
    }

:is(.tds-checkbox input[type="checkbox"]):focus-visible{
      outline:var(--t-focus-ring-outline);
      outline-offset:var(--t-focus-ring-offset);
    }

:is(.tds-checkbox input[type="checkbox"]):disabled{
      pointer-events:none;
    }

@media (prefers-reduced-motion: reduce){

.tds-checkbox input[type="checkbox"]{
      --tds-checkbox-transition-property:none;
  }
    }

.tds-checkbox:has(input:checked),.tds-checkbox:has(input:indeterminate){
    --tds-checkbox-input-background-color:var(--t-fill-color-control);
    --tds-checkbox-input-border-color:var(--t-border-color-control-info);
    --tds-checkbox-input-icon-visibility:visible;
    --tds-checkbox-input-icon-opacity:1;
  }

:is(.tds-checkbox:has(input:checked),.tds-checkbox:has(input:indeterminate)) input:hover:not(:disabled){
      --tds-checkbox-input-border-color:var(--t-fill-color-interaction-hover);
      --tds-checkbox-input-background-color:var(--t-fill-color-interaction-hover);
    }

.tds-checkbox:has(input:checked){
    --tds-checkbox-input-icon:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjUwMjAxIDExLjQyOTNMMy42NzM3NCA4LjM5MkMzLjUxNjE2IDguMjI0ODkgMy41MTYxNiA3Ljk1Mjg5IDMuNjczNzQgNy43ODRMNC4yNDUwNSA3LjE3Njg5QzQuNDAyNjIgNy4wMDk3OCA0LjY1ODc4IDcuMDA5NzggNC44MTYzNiA3LjE3Njg5TDYuNzg4MDcgOS4zMDMxMUwxMS4xODMyIDQuNTY5NzhDMTEuMzQwOCA0LjQwMjY2IDExLjU5NjkgNC40MDI2NiAxMS43NTQ1IDQuNTY5NzhMMTIuMzI1OCA1LjE3Nzc4QzEyLjQ4MzQgNS4zNDQ4OSAxMi40ODM0IDUuNjE3NzggMTIuMzI1OCA1Ljc4NEw3LjA3MzMyIDExLjQyOTNDNi45MTU3NCAxMS41OTY0IDYuNjU5NTggMTEuNTk2NCA2LjUwMjAxIDExLjQyOTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  }

.tds-checkbox:has(input:indeterminate){
    --tds-checkbox-input-icon:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy41NTU1NiIgeT0iNy4xMTExMSIgd2lkdGg9IjguODg4ODkiIGhlaWdodD0iMS43Nzc3OCIgcng9IjAuODg4ODg5IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  }

.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid{
    --tds-checkbox-input-border-color:var(--t-form-border-color-error);
    --tds-checkbox-description-color:var(--t-text-color-status-error);
    --tds-checkbox-description-invalid-icon-display:inline-block;
  }

:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:hover:not(:disabled){
      --tds-checkbox-input-border-color:var(--t-form-border-color-error);
      --tds-checkbox-input-background-color:var(--t-form-background-color-error);
    }

:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:checked,:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:indeterminate{
      --tds-checkbox-input-border-color:var(--t-form-border-color-error);
      --tds-checkbox-input-background-color:var(--t-form-border-color-error);
    }

:is(:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:checked,:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:indeterminate):hover:not(:disabled){
        --tds-checkbox-input-border-color:var(--t-form-border-color-error-hover);
        --tds-checkbox-input-background-color:var(--t-form-border-color-error-hover);
      }

.tds-checkbox:has(input:required) label::after{
      margin-left:.25ch;
      color:var(--t-text-color-status-error);
      content:"*";
    }

.tds-checkbox:has(input:disabled){
    --tds-checkbox-input-background-color:var(--t-form-background-color-disabled);
    --tds-checkbox-input-border-color:var(--t-form-border-color-disabled);

    --tds-checkbox-label-color:var(--t-form-color-disabled);
    --tds-checkbox-description-color:var(--t-form-color-disabled);
    --tds-checkbox-cursor:not-allowed;
  }

.tds-checkbox:has(input:disabled) input:checked,.tds-checkbox:has(input:disabled) input:indeterminate{
      --tds-checkbox-input-background-color:var(--t-border-color-control-disabled);
    }

.tds-checkbox-description{
  display:flex;
  grid-area:2 / 2;
  gap:var(--t-spacing-half);
  align-items:flex-start;
  margin:0;
  font-size:var(--tds-checkbox-description-font-size);
  line-height:var(--tds-checkbox-description-line-height);
  color:var(--tds-checkbox-description-color);
  cursor:text;
}

.tds-checkbox-description .tds-checkbox-description-invalid-icon{
    display:var(--tds-checkbox-description-invalid-icon-display);
    flex-shrink:0;
    margin-top:calc(.5lh - .5em);
    line-height:var(--tds-checkbox-description-line-height);
  }

.tds-checkbox--sm{
  --tds-checkbox-line-height:1.35;
  --tds-checkbox-input-size:var(--t-element-size-sm);
  --tds-checkbox-font-size:var(--t-font-size-sm);
  --tds-checkbox-description-font-size:var(--t-font-size-xs);
  --tds-checkbox-description-line-height:1.3;
}

.tds-checkbox-group{
  --tds-checkbox-group-font-size:var(--t-font-size-md);
  --tds-checkbox-group-line-height:1.4;
  --tds-checkbox-group-gap:var(--t-spacing-1);

  --tds-checkbox-group-legend-margin-bottom:var(--tds-checkbox-group-gap);

  --tds-checkbox-group-description-font-size:var(--t-font-size-sm);
  --tds-checkbox-group-description-line-height:1.35;
  --tds-checkbox-group-description-color:var(--t-text-color-secondary);
  --tds-checkbox-group-description-invalid-icon-display:none;
  display:flex;
  flex-direction:column;
  gap:var(--tds-checkbox-group-gap);
  padding:0;
  margin:0;

  font-size:var(--tds-checkbox-group-font-size);
  line-height:var(--tds-checkbox-group-line-height);
  border:0;
}

.tds-checkbox-group legend{
    padding:0;
    margin-bottom:var(--tds-checkbox-group-legend-margin-bottom);
  }

.tds-checkbox-group:has(.tds-checkbox-group-description){
    --tds-checkbox-group-legend-margin-bottom:var(--t-spacing-fourth);
  }

.tds-checkbox-group[aria-invalid="true"]{
    --tds-checkbox-group-description-color:var(--t-text-color-status-error);
    --tds-checkbox-group-description-invalid-icon-display:inline-block;
  }

.tds-checkbox-group:has(.tds-checkbox input:required):not(:has(.tds-checkbox input:not(:required))) legend::after{
      margin-left:.25ch;
      color:var(--t-text-color-status-error);
      content:"*";
    }

.tds-checkbox-group:has(.tds-checkbox input:required):not(:has(.tds-checkbox input:not(:required))) .tds-checkbox label::after{
      content:none;
    }

.tds-checkbox-group-fields{
  display:flex;
  flex-direction:column;
  gap:var(--tds-checkbox-group-gap);
  align-items:flex-start;
}

.tds-checkbox-group-description{
  display:flex;
  gap:var(--t-spacing-half);
  align-items:flex-start;
  margin:0;
  font-size:var(--tds-checkbox-group-description-font-size);
  line-height:var(--tds-checkbox-group-description-line-height);
  color:var(--tds-checkbox-group-description-color);
  cursor:text;
}

.tds-checkbox-group-description .tds-checkbox-group-description-invalid-icon{
    display:var(--tds-checkbox-group-description-invalid-icon-display);
    flex-shrink:0;
    margin-top:calc(.5lh - .5em);
    line-height:var(--tds-checkbox-group-description-line-height);
  }

.tds-checkbox-group--sm{
  --tds-checkbox-group-line-height:1.35;
  --tds-checkbox-group-font-size:var(--t-font-size-sm);
  --tds-checkbox-group-description-font-size:var(--t-font-size-xs);
  --tds-checkbox-group-description-line-height:1.3;
}


  :is(.tds-input input)::-webkit-search-decoration,:is(.tds-input input)::-webkit-search-cancel-button,:is(.tds-input input)::-webkit-search-results-button,:is(.tds-input input)::-webkit-search-results-decoration{
      -webkit-appearance:none;
              appearance:none;
    }

[type="number"]:is(.tds-input input)::-webkit-inner-spin-button{
      inline-size:1em;
      block-size:2em;
    }

@supports (field-sizing: content){
  .tds-input--auto-width{
    inline-size:-moz-fit-content;
    inline-size:fit-content;
    min-inline-size:min(100%, 122px);
  }

  .tds-input--auto-width input{
    field-sizing:content;
    inline-size:auto;
  }
}

.tds-combo-box{
  --tds-combo-box-button-offset:4px;
}

.tds-combo-box[data-open] .tds-combo-box-button > svg{
    transform:rotate(.5turn);
  }

.tds-combo-box--lg{
  --tds-combo-box-button-offset:5px;
}

.tds-combo-box-field:has([readonly]) .tds-combo-box-button{
  display:none;
}

.tds-combo-box-input{
  display:flex;
  flex:1;
  align-items:center;
  padding-block:var(--tds-field-padding-block);
  padding-inline:var(--tds-field-padding-inline);
  font-family:inherit;
  font-size:inherit;
  color:inherit;
  outline:0;
  background:transparent;
  border:0;
}

.tds-combo-box-input:has( + .tds-combo-box-button){
    padding-inline-end:0;
  }

.tds-combo-box-input::-moz-placeholder{
    color:var(--tds-field-placeholder-color);
    -moz-user-select:none;
         user-select:none;
  }

.tds-combo-box-input::placeholder{
    color:var(--tds-field-placeholder-color);
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
  }

.tds-combo-box-button{
  flex-shrink:0;
  align-self:center;
  inline-size:calc(var(--tds-field-min-height) - (var(--tds-combo-box-button-offset) * 2));
  block-size:calc(var(--tds-field-min-height) - (var(--tds-combo-box-button-offset) * 2));
  padding:0;
  margin-inline-end:var(--tds-combo-box-button-offset);
}

.tds-combo-box-button > svg{
    inline-size:var(--tds-field-font-size);
    block-size:var(--tds-field-font-size);
    transition:transform var(--t-duration-300) var(--t-ease-in-out);
  }

.tds-combo-box-popover{
  width:var(--trigger-width);
  max-block-size:inherit;
  padding:var(--t-spacing-1);
  overflow:auto;
  scroll-behavior:smooth;
  overscroll-behavior:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  outline:0;
  scrollbar-color:#0004 #0000;
  scrollbar-width:thin;
  background:var(--t-surface-color-card);
  background-clip:padding-box;
  border:1px solid var(--t-border-color);
  border-radius:var(--t-border-radius);
  box-shadow:0 10px 15px -3px hsl(0 0% 0% / .05), 0 4px 6px -4px hsl(0 0% 0% / .05);
}

.tds-combo-box-popover[data-entering]{
    animation:tds-combo-box-popover var(--t-duration-300) var(--t-ease-out);
  }

.tds-combo-box-popover[data-exiting]{
    animation:tds-combo-box-popover var(--t-duration-200) var(--t-ease-in) reverse;
  }

.tds-combo-box-popover[data-entering],.tds-combo-box-popover[data-exiting]{
    will-change:opacity, transform;
  }

@keyframes tds-combo-box-popover{
  from{
    opacity:0;
    transform:translateY(-8px);
  }
}

@media (prefers-reduced-motion: reduce){
    .tds-combo-box-popover[data-entering],.tds-combo-box-popover[data-exiting]{
      animation:none;
    }

  .tds-combo-box-button > svg{
    transition:none;
  }
}

.tds-combo-box-list{
  padding:0;
  margin:0;
}

.tds-combo-box-list-item{
  display:block;
  padding-block:var(--t-spacing-1);
  padding-inline:var(--t-spacing-2) var(--t-spacing-1);
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1rem;
  color:var(--t-text-color);
  white-space:nowrap;
  cursor:default;
  border-radius:var(--t-border-radius);
}

.tds-combo-box-list-item[data-hovered]:not([data-disabled]),.tds-combo-box-list-item[data-focus-visible]{
    background:var(--t-fill-color-neutral-070);
  }

.tds-combo-box-list-item[data-selected]{
    background:var(--t-fill-color-button-interaction-ghost-active);
  }

.tds-combo-box-list-item[data-pressed]:not([data-disabled]){
    background:var(--t-fill-color-neutral-060);
  }

.tds-combo-box-list-item[data-disabled]{
    color:var(--t-form-color-disabled);
    cursor:not-allowed;
  }

.tds-combo-box-list-item[data-disabled][data-hovered]{
      background:transparent;
    }

.tds-combo-box-empty-state{
  position:relative;
  min-block-size:var(--t-spacing-3);
  padding-block:var(--t-spacing-1);
  padding-inline:var(--t-spacing-2);
  font-size:var(--t-font-size-md);
  color:var(--t-text-color-secondary);
}

.tds-combo-box-load-more{
  position:relative;
  min-block-size:calc(var(--t-spacing-3) + var(--t-spacing-1));
}

.tds-combo-box-empty-state,
.tds-combo-box-load-more{
  --tds-loading-spinner-visibility:visible;
  --tds-loading-spinner-animation-play-state:running;
}

.tds-combo-box-list-section:not(:first-child){
    margin-block-start:var(--t-spacing-half);
  }

.tds-combo-box-section-header{
  padding-block:var(--t-spacing-1);
  padding-inline:var(--t-spacing-1);
  font-size:var(--t-font-size-sm);
  font-weight:var(--t-font-weight-semibold);
  color:var(--t-text-color-secondary);
}

.tds-date-picker{
  --tds-date-picker-button-offset:4px;
}

.tds-date-picker--lg{
  --tds-date-picker-button-offset:5px;
}

.tds-date-picker-field[data-focus-within]:has(.tds-date-picker-button[data-focused]){
  outline-color:transparent;
  outline-offset:0;
  border-color:var(--tds-field-border-color);
}

.tds-date-picker-field:has(.tds-date-picker-input[data-readonly]) .tds-date-picker-button{
  display:none;
}

.tds-date-picker-input{
  flex:1;
  padding-block:var(--tds-field-padding-block);
  padding-inline:var(--tds-field-padding-inline);
  overflow:auto clip;
  font-variant-numeric:tabular-nums;
  text-wrap:nowrap;
  scrollbar-width:none;
}

.tds-date-picker-input:has( + .tds-date-picker-button){
    padding-inline-end:0;
  }

.tds-date-picker-button{
  flex-shrink:0;
  align-self:center;
  inline-size:calc(var(--tds-field-min-height) - (var(--tds-date-picker-button-offset) * 2));
  block-size:calc(var(--tds-field-min-height) - (var(--tds-date-picker-button-offset) * 2));
  padding:0;
  margin-inline-end:var(--tds-date-picker-button-offset);
}

.tds-date-picker-popover{
  --tds-date-picker-popover-font-size:var(--t-font-size-md);
  --tds-date-picker-popover-padding:var(--t-spacing-1-half);
  --tds-date-picker-popover-background-color:var(--t-surface-color-card);
  --tds-date-picker-popover-shadow:hsl(0, 0%, 0%, .05) 0 10px 15px -3px, hsl(0, 0%, 0%, .05) 0 4px 6px -4px;
  --tds-date-picker-popover-interactive-timing-function:var(--t-ease-in-out);
  --tds-date-picker-popover-interactive-duration:var(--t-duration-200);
  --tds-date-picker-popover-interactive-property:color, background-color, border-color;

  position:relative;
  overflow:hidden;
  background-color:var(--tds-date-picker-popover-background-color);
  border:var(--t-border-width) solid var(--t-border-color);
  border-radius:var(--t-border-radius);
  box-shadow:var(--tds-date-picker-popover-shadow);
}

.tds-date-picker-popover[data-entering]{
    animation:tds-date-picker-popover var(--t-duration-300) var(--t-ease-out);
  }

.tds-date-picker-popover[data-exiting]{
    animation:tds-date-picker-popover var(--t-duration-200) var(--t-ease-in) reverse;
  }

.tds-date-picker-popover[data-entering],.tds-date-picker-popover[data-exiting]{
    will-change:opacity, transform;
  }

@keyframes tds-date-picker-popover{
  from{
    opacity:0;
    transform:translateY(-8px);
  }
}

@media (prefers-reduced-motion: reduce){
    .tds-date-picker-popover[data-entering],.tds-date-picker-popover[data-exiting]{
      animation:none;
    }
}

.tds-date-picker-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  background-color:var(--tds-date-picker-popover-background-color);
}

.tds-date-picker-overlay-list{
  display:grid;
  flex:1;
  grid-template-columns:repeat(3, 1fr);
  gap:var(--t-spacing-half);
  padding-inline:var(--tds-date-picker-popover-padding);
  outline:0;
  scrollbar-color:var(--t-fill-color-transparency-dark-030) transparent;
  scrollbar-width:thin;
}

.tds-date-picker-overlay--month .tds-date-picker-overlay-list{
  grid-template-rows:repeat(4, 1fr);
  padding-bottom:var(--tds-date-picker-popover-padding);
}

.tds-date-picker-overlay--year .tds-date-picker-overlay-list{
  grid-auto-rows:var(--t-container-size-xl);
  padding-right:var(--t-spacing-1);
  overflow-y:auto;
  scroll-padding-block:calc(var(--t-focus-ring-width) + var(--t-focus-ring-offset));
}

.tds-date-picker-overlay-cell{
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:inherit;
  font-size:var(--tds-date-picker-popover-font-size);
  color:var(--t-text-color);
  cursor:pointer;
  outline:0;
  background-color:transparent;
  border:0;
  border-radius:var(--t-border-radius-md);
  transition-timing-function:var(--tds-date-picker-popover-interactive-timing-function);
  transition-duration:var(--t-duration-100);
  transition-property:var(--tds-date-picker-popover-interactive-property);
}

.tds-date-picker-overlay-cell[data-hovered]{
    background-color:var(--t-fill-color-button-neutral-outline-hover);
  }

.tds-date-picker-overlay-cell[data-pressed]{
    background-color:var(--t-fill-color-button-neutral-outline-active);
  }

.tds-date-picker-overlay-cell[data-selected]{
    font-weight:var(--t-font-weight-semibold);
    color:var(--t-text-color-inverted);
    background-color:var(--t-fill-color-interaction);
  }

.tds-date-picker-overlay-cell[data-focus-visible]{
    outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
  }

.tds-date-picker-overlay-cell[data-selected][data-focus-visible]{
    outline-offset:var(--t-focus-ring-offset);
  }

.tds-date-picker-calendar-heading{
  display:flex;
  flex:1;
  gap:var(--t-spacing-1);
  align-items:center;
  justify-content:flex-start;
  padding-inline-start:4px;
}

.tds-date-picker-calendar-overlay-trigger{
  --_background-color:transparent;
  position:relative;
  padding:0;
  font-family:inherit;
  font-size:var(--tds-date-picker-popover-font-size);
  font-weight:var(--t-font-weight-semibold);
  font-feature-settings:"ss01", "ss02";
  color:var(--t-text-color);
  cursor:pointer;
  outline:0;
  background-color:transparent;
  border:0;
  border-radius:var(--t-border-radius-md);
  isolation:isolate;
  transition-timing-function:var(--tds-date-picker-popover-interactive-timing-function);
  transition-duration:var(--tds-date-picker-popover-interactive-duration);
  transition-property:var(--tds-date-picker-popover-interactive-property);
}

.tds-date-picker-calendar-overlay-trigger::before{
    position:absolute;
    inset:calc(var(--t-spacing-half) * -1);
    z-index:-1;
    pointer-events:inherit;
    content:"";
    background-color:var(--_background-color);
    border-radius:inherit;
  }

.tds-date-picker-calendar-overlay-trigger[data-hovered]{
    --_background-color:var(--t-fill-color-button-neutral-outline-hover);
  }

.tds-date-picker-calendar-overlay-trigger[data-pressed]{
    --_background-color:var(--t-fill-color-button-neutral-outline-active);
  }

.tds-date-picker-calendar-overlay-trigger[data-focus-visible]{
    outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
    outline-offset:var(--t-focus-ring-offset);
  }

.tds-date-picker-calendar{
  inline-size:-moz-fit-content;
  inline-size:fit-content;
  font-size:var(--tds-date-picker-popover-font-size);
}

.tds-date-picker-calendar-body{
  position:relative;
  padding:var(--tds-date-picker-popover-padding);
  padding-block-start:0;
}

.tds-date-picker-calendar-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--tds-date-picker-popover-padding);
}

.tds-date-picker-calendar-title{
  padding:var(--t-spacing-half) var(--t-spacing-1);
  font-size:var(--tds-date-picker-popover-font-size);
  font-weight:var(--t-font-weight-semibold);
}

.tds-date-picker-calendar-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:var(--t-spacing-half);
  font-size:.875em;
  color:var(--t-text-color);
  cursor:pointer;
  outline:0;
  background-color:transparent;
  border:0;
  border-radius:var(--t-border-radius-md);
  transition-timing-function:var(--tds-date-picker-popover-interactive-timing-function);
  transition-duration:var(--tds-date-picker-popover-interactive-duration);
  transition-property:var(--tds-date-picker-popover-interactive-property);
}

.tds-date-picker-calendar-nav[data-hovered]{
    background-color:var(--t-fill-color-button-neutral-outline-hover);
  }

.tds-date-picker-calendar-nav[data-pressed]{
    background-color:var(--t-fill-color-button-neutral-outline-active);
  }

.tds-date-picker-calendar-nav[data-focus-visible]{
    outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
    outline-offset:var(--t-focus-ring-offset);
  }

.tds-date-picker-calendar-nav[data-disabled]{
    color:var(--t-text-color-disabled);
    cursor:not-allowed;
  }

.tds-date-picker-calendar-grid{
  font-feature-settings:"ss01", "ss02";
  border-collapse:collapse;
}

.tds-date-picker-calendar-grid :where(thead,tbody,tr,td,th){
    padding:0;
    border:0;
  }

.tds-date-picker-calendar-header-cell{
  padding-block-end:var(--t-spacing-1);
  font-size:.875em;
  font-weight:var(--t-font-weight-medium);
  color:var(--t-text-color-secondary);
  text-align:center;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.tds-date-picker-calendar-cell-button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  inline-size:2.25em;
  block-size:2.25em;
  color:var(--t-text-color);
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  outline:0;
}

.tds-date-picker-calendar-cell-button::before{
    position:absolute;
    inset:0;
    z-index:-1;
    content:"";
    background-color:var(--_background-color);
    border-radius:50%;
  }

.tds-date-picker-calendar-cell-button[data-today]::before{
      box-shadow:inset 0 0 0 1.5px var(--t-border-color);
    }

.tds-date-picker-calendar-cell-button[data-outside-month]{
    display:none;
  }

.tds-date-picker-calendar-cell-button[data-hovered]{
    --_background-color:var(--t-fill-color-button-neutral-outline-hover);
  }

.tds-date-picker-calendar-cell-button[data-pressed]{
    --_background-color:var(--t-fill-color-button-neutral-outline-active);
  }

.tds-date-picker-calendar-cell-button[data-selected]{
    --_background-color:var(--t-fill-color-interaction);
    font-weight:var(--t-font-weight-semibold);
    color:var(--t-text-color-inverted);
    border-color:transparent;
  }

.tds-date-picker-calendar-cell-button[data-unavailable]{
    color:var(--t-text-color-disabled);
    text-decoration:line-through;
    cursor:not-allowed;
  }

.tds-date-picker-calendar-cell-button[data-disabled]{
    color:var(--t-text-color-disabled);
  }

.tds-date-picker-calendar-cell-button[data-focus-visible]{
    outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
    outline-offset:-2px;
  }

.tds-date-picker-calendar-cell-button[data-focus-visible][data-selected]{
    outline-offset:var(--t-focus-ring-offset);
  }

.tds-date-picker-popover--lg{
  --tds-date-picker-popover-font-size:var(--t-font-size-lg);
}

.tds-number-stepper{
  --tds-number-stepper-button-offset:4px;
  --tds-number-stepper-button-gap:2px;
}

.tds-number-stepper--lg{
  --tds-number-stepper-button-offset:5px;
  --tds-number-stepper-button-gap:4px;
}

.tds-number-stepper-field:has([readonly]) .tds-number-stepper-button{
  display:none;
}

.tds-number-stepper-input{
  display:flex;
  flex:1;
  align-items:center;
  min-inline-size:0;
  padding-block:var(--tds-field-padding-block);
  padding-inline:var(--tds-field-padding-inline);
  font-family:inherit;
  font-size:inherit;
  color:inherit;
  outline:0;
  background:transparent;
  border:0;
}

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

.tds-number-stepper-button{
  flex-shrink:0;
  align-self:center;
  inline-size:calc(var(--tds-field-min-height) - (var(--tds-number-stepper-button-offset) * 2));
  block-size:calc(var(--tds-field-min-height) - (var(--tds-number-stepper-button-offset) * 2));
  padding:0;
}

.tds-number-stepper-button + .tds-number-stepper-button{
    margin-inline-start:var(--tds-number-stepper-button-gap);
  }

.tds-number-stepper-button:last-of-type{
    margin-inline-end:var(--tds-number-stepper-button-offset);
  }

.tds-radio-group{
  --tds-radio-group-font-size:var(--t-font-size-md);
  --tds-radio-group-line-height:1.4;
  --tds-radio-group-gap:var(--t-spacing-1);

  --tds-radio-group-legend-margin-bottom:var(--tds-radio-group-gap);

  --tds-radio-group-description-font-size:var(--t-font-size-sm);
  --tds-radio-group-description-line-height:1.35;
  --tds-radio-group-description-color:var(--t-text-color-secondary);
  --tds-radio-group-description-invalid-icon-display:none;
  display:flex;
  flex-direction:column;
  gap:var(--tds-radio-group-gap);
  padding:0;
  margin:0;

  font-size:var(--tds-radio-group-font-size);
  line-height:var(--tds-radio-group-line-height);
  border:0;
}

.tds-radio-group legend{
    padding:0;
    margin-bottom:var(--tds-radio-group-legend-margin-bottom);
  }

.tds-radio-group:has(.tds-radio-group-description){
    --tds-radio-group-legend-margin-bottom:var(--t-spacing-fourth);
  }

.tds-radio-group[aria-invalid="true"]{
    --tds-radio-group-description-color:var(--t-text-color-status-error);
    --tds-radio-group-description-invalid-icon-display:inline-block;
  }

.tds-radio-group[aria-invalid="true"] .tds-radio{
      --tds-radio-input-border-color:var(--t-form-border-color-error);
    }

:is(.tds-radio-group[aria-invalid="true"] .tds-radio) input:hover:not(:disabled){
        --tds-radio-input-border-color:var(--t-form-border-color-error-hover);
        --tds-radio-input-background-color:var(--t-form-background-color-error);
      }

:is(.tds-radio-group[aria-invalid="true"] .tds-radio):has(input:checked) input:hover:not(:disabled){
        --tds-radio-input-background-color:var(--t-form-background-color);
      }

.tds-radio-group:has(input:required) legend::after{
      margin-left:.25ch;
      color:var(--t-text-color-status-error);
      content:"*";
    }

.tds-radio-group-fields{
  display:flex;
  flex-direction:column;
  gap:var(--tds-radio-group-gap);
  align-items:flex-start;
}

.tds-radio-group-description{
  display:flex;
  gap:var(--t-spacing-half);
  align-items:flex-start;
  margin:0;
  font-size:var(--tds-radio-group-description-font-size);
  line-height:var(--tds-radio-group-description-line-height);
  color:var(--tds-radio-group-description-color);
  cursor:text;
}

.tds-radio-group-description .tds-radio-group-description-invalid-icon{
    display:var(--tds-radio-group-description-invalid-icon-display);
    flex-shrink:0;
    margin-top:calc(.5lh - .5em);
    line-height:var(--tds-radio-group-description-line-height);
  }

.tds-radio-group--sm{
  --tds-radio-group-line-height:1.35;
  --tds-radio-group-font-size:var(--t-font-size-sm);
  --tds-radio-group-description-font-size:var(--t-font-size-xs);
  --tds-radio-group-description-line-height:1.3;
}

.tds-radio{
  --tds-radio-font-size:var(--t-font-size-md);
  --tds-radio-cursor:pointer;
  --tds-radio-line-height:1.4;
  --tds-radio-transition-property:border-width;

  --tds-radio-input-size:var(--t-element-size-md);
  --tds-radio-input-border-radius:var(--t-border-radius-round);
  --tds-radio-input-border-color:var(--t-form-border-color);
  --tds-radio-input-border-width:var(--t-form-border-width);
  --tds-radio-input-background-color:transparent;

  --tds-radio-label-color:var(--t-form-color);

  --tds-radio-description-font-size:var(--t-font-size-sm);
  --tds-radio-description-line-height:1.35;
  --tds-radio-description-color:var(--t-text-color-secondary);

  position:relative;
  display:inline-grid;
  grid-template-columns:auto;
  grid-auto-columns:1fr;
  gap:var(--t-spacing-fourth) var(--t-spacing-1);
  line-height:var(--tds-radio-line-height);
  cursor:var(--tds-radio-cursor);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.tds-radio label{
    grid-area:1 / 2;
    font-size:var(--tds-radio-font-size);
    font-weight:var(--t-font-weight-normal);
    color:var(--tds-radio-label-color);
    cursor:var(--tds-radio-cursor);
  }

.tds-radio input[type="radio"]{
    position:relative;
    width:1em;
    height:1em;
    margin:calc((1lh - 1em) / 2) 0 0;
    font-size:var(--tds-radio-font-size);
    line-height:inherit;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    cursor:var(--tds-radio-cursor);
    background-color:var(--tds-radio-input-background-color);
    border:var(--tds-radio-input-border-width) solid var(--tds-radio-input-border-color);
    border-radius:var(--tds-radio-input-border-radius);
    transition-timing-function:var(--t-ease-in-out);
    transition-duration:var(--t-duration-200);
    transition-property:var(--tds-radio-transition-property);
  }

:is(.tds-radio input[type="radio"]):hover:not(:disabled){
      --tds-radio-input-border-color:var(--t-fill-color-interaction-hover);
      --tds-radio-input-background-color:var(--t-fill-color-button-interaction-outline-hover);
    }

:is(.tds-radio input[type="radio"]):focus-visible{
      outline:var(--t-focus-ring-outline);
      outline-offset:var(--t-focus-ring-offset);
    }

:is(.tds-radio input[type="radio"]):disabled{
      pointer-events:none;
    }

@media (prefers-reduced-motion: reduce){

.tds-radio input[type="radio"]{
      --tds-radio-transition-property:none;
  }
    }

.tds-radio:has(input:checked){
    --tds-radio-input-background-color:var(--t-form-background-color);
    --tds-radio-input-border-color:var(--t-border-color-control-info);
    --tds-radio-input-border-width:4px;
  }

.tds-radio:has(input:checked) input:hover:not(:disabled){
      --tds-radio-input-background-color:var(--t-form-background-color);
      --tds-radio-input-border-color:var(--t-fill-color-interaction-hover);
    }

.tds-radio:has(input:user-invalid){
    --tds-radio-input-border-color:var(--t-form-border-color-error);
  }

.tds-radio:has(input:user-invalid) input:hover:not(:disabled){
      --tds-radio-input-border-color:var(--t-form-border-color-error-hover);
      --tds-radio-input-background-color:var(--t-form-background-color-error);
    }

.tds-radio:has(input:disabled){
    --tds-radio-input-background-color:var(--t-form-background-color-disabled);
    --tds-radio-input-border-color:var(--t-form-border-color-disabled);

    --tds-radio-label-color:var(--t-form-color-disabled);
    --tds-radio-description-color:var(--t-form-color-disabled);
    --tds-radio-cursor:not-allowed;
  }

.tds-radio:has(input:disabled) input:checked{
      --tds-radio-input-background-color:var(--t-form-background-color);
      --tds-radio-input-border-color:var(--t-form-border-color-disabled);
    }

.tds-radio-description{
  display:flex;
  grid-area:2 / 2;
  gap:var(--t-spacing-half);
  align-items:flex-start;
  margin:0;
  font-size:var(--tds-radio-description-font-size);
  line-height:var(--tds-radio-description-line-height);
  color:var(--tds-radio-description-color);
  cursor:text;
}

.tds-radio--sm{
  --tds-radio-line-height:1.35;
  --tds-radio-input-size:var(--t-element-size-sm);
  --tds-radio-font-size:var(--t-font-size-sm);
  --tds-radio-description-font-size:var(--t-font-size-xs);
  --tds-radio-description-line-height:1.3;
}

.tds-input:has(textarea){
  --tds-input-padding-block:6px;
  --tds-input-resizer-size:var(--t-element-size-sm);
  --tds-input-resizer-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%236f7784' stroke-linecap='round' stroke-width='1.25'%3E%3Cpath d='M5.5 13l7.5-7.5'/%3E%3Cpath d='M9 13l4-4'/%3E%3C/g%3E%3C/svg%3E");
}

@supports (x: attr(x type(*))){

.tds-input:has(textarea){
    --tds-input-min-height:calc((attr(rows type(<number>), 3) * 1lh) + (var(--tds-input-padding-block) * 2) + 2px);
}
  }

.tds-input.tds-textarea--resize-vertical textarea{
      resize:vertical;
    }

.tds-input.tds-textarea--resize-none textarea{
      resize:none;
    }

.tds-input.tds-textarea--resize-auto textarea{
      resize:vertical;
    }

@supports (field-sizing: content){
      .tds-input.tds-textarea--resize-auto textarea{
        field-sizing:content;
        resize:none;
      }
    }

.tds-input textarea{
  --tds-input-scrollbar-thumb-color-default:var(--t-fill-color-neutral-040);
  --tds-input-scrollbar-thumb-color-hidden:transparent;
  --tds-input-scrollbar-thumb-color-hover:var(--t-fill-color-neutral-030);
  --tds-input-scrollbar-thumb-color-thumb-hover:var(--t-fill-color-neutral-020);
  --tds-input-scrollbar-thumb-color-thumb-active:var(--t-fill-color-neutral-010);
  --tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-default);
  --tds-input-scrollbar-surface-color:rgba(0, 0, 0, 0);
  --tds-input-scrollbar-thumb-border-radius:999px;
  --tds-input-scrollbar-thumb-border-width:3px;
  --tds-input-scrollbar-track-margin-block:.125rem;
  scrollbar-color:initial;
  transition-timing-function:var(--t-ease-in-out);
  transition-duration:var(--t-duration-200);
  transition-property:var(--tds-input-transition-property), --tds-input-scrollbar-thumb-color;
}

@media (pointer: fine){
    :is(.tds-input textarea)::-webkit-scrollbar{
      width:12px;
      height:12px;
      cursor:default;
    }

    :is(.tds-input textarea)::-webkit-scrollbar-thumb{
      cursor:default;
      background:var(--tds-input-scrollbar-thumb-color);
      background-clip:content-box;
      border:var(--tds-input-scrollbar-thumb-border-width) solid var(--tds-input-scrollbar-surface-color);
      border-radius:var(--tds-input-scrollbar-thumb-border-radius);
    }

    :is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
      --tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-hover);
    }

    :is(.tds-input textarea)::-webkit-scrollbar-thumb:hover{
      --tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-hover);
    }

    :is(.tds-input textarea)::-webkit-scrollbar-thumb:active{
      --tds-input-scrollbar-thumb-color:var(--tds-input-scrollbar-thumb-color-thumb-active);
    }

    :is(.tds-input textarea)::-webkit-scrollbar-corner{
      background:var(--tds-input-scrollbar-surface-color);
    }

    :is(.tds-input textarea)::-webkit-resizer{
      background:var(--tds-input-resizer-icon) no-repeat;
      background-position:right bottom;
      background-size:var(--tds-input-resizer-size) var(--tds-input-resizer-size);
    }

    :is(.tds-input textarea)::-webkit-scrollbar-track{
      margin-block:var(--tds-input-scrollbar-track-margin-block);
      cursor:default;
    }

    @supports (-moz-appearance: none){
      :is(.tds-input textarea){
        scrollbar-color:var(--tds-input-scrollbar-thumb-color-default) var(--tds-input-scrollbar-surface-color);
        scrollbar-width:thin;
      }

      @media (hover){
        :is(.tds-input textarea):is(:hover,:focus-within,:focus-visible){
          scrollbar-color:var(--tds-input-scrollbar-thumb-color-hover) var(--tds-input-scrollbar-surface-color);
        }
      }
    }
  }

.tds-time-field-input{
  --tds-field-date-segment-padding-inline:1px;
  padding-block:var(--tds-field-padding-block);
  padding-inline:var(--tds-field-padding-inline);
  font-variant-numeric:tabular-nums;
}

.tds-toggle-switch{
  --tds-toggle-switch-font-size:var(--t-font-size-md);
  --tds-toggle-switch-column-gap:var(--t-spacing-1);
  --tds-toggle-switch-cursor:pointer;
  --tds-toggle-switch-display:inline-grid;
  --tds-toggle-switch-line-height:1.4;

  --tds-toggle-switch-label-color:var(--t-form-color);

  --tds-toggle-switch-track-width:var(--t-container-size-md);
  --tds-toggle-switch-track-outline:none;
  --tds-toggle-switch-track-height:var(--t-container-size-xs);
  --tds-toggle-switch-track-background-color:var(--t-form-toggle-color);
  --tds-toggle-switch-track-transition:background-color var(--t-duration-100) var(--t-ease-in-out);

  --tds-toggle-switch-thumb-size:var(--t-element-size-md);
  --tds-toggle-switch-thumb-transform:translateX(0);
  --tds-toggle-switch-thumb-transition:transform var(--t-duration-200) var(--t-ease-in-out);

  --tds-toggle-switch-description-font-size:var(--t-font-size-sm);
  --tds-toggle-switch-description-line-height:1.35;
  --tds-toggle-switch-description-color:var(--t-text-color-secondary);
  position:relative;

  display:var(--tds-toggle-switch-display);
  grid-template-columns:auto;
  grid-auto-columns:1fr;
  gap:var(--t-spacing-fourth) var(--tds-toggle-switch-column-gap);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.tds-toggle-switch input[type="checkbox"]{
    position:absolute;
    width:var(--tds-toggle-switch-track-width);
    height:var(--tds-toggle-switch-track-height);
    margin:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    cursor:var(--tds-toggle-switch-cursor);
    outline:var(--tds-toggle-switch-track-outline);
    outline-offset:var(--t-focus-ring-offset);
    background-color:transparent;
    border:0;
    border-radius:var(--t-border-radius-round);
  }

:is(.tds-toggle-switch input[type="checkbox"]):focus-visible{
      --tds-toggle-switch-track-outline:var(--t-focus-ring-outline);
    }

.tds-toggle-switch label{
    display:inline-flex;
    grid-area:1 / 2;
    -moz-column-gap:var(--tds-toggle-switch-column-gap);
         column-gap:var(--tds-toggle-switch-column-gap);
    margin-top:-.09375em;
    font-size:var(--tds-toggle-switch-font-size);
    font-weight:var(--t-font-weight-normal);
    line-height:var(--tds-toggle-switch-line-height);
    color:var(--tds-toggle-switch-label-color);
    cursor:var(--tds-toggle-switch-cursor);
  }

.tds-toggle-switch:not(:has(input:disabled)):has(input:hover){
    --tds-toggle-switch-track-background-color:var(--t-form-toggle-color-hover);
  }

.tds-toggle-switch:has(input:checked){
    --tds-toggle-switch-track-background-color:var(--t-form-toggle-color-on);
    --tds-toggle-switch-thumb-transform:translateX(calc(var(--tds-toggle-switch-track-width) - var(--tds-toggle-switch-thumb-size) - var(--t-spacing-half)));
  }

.tds-toggle-switch:has(input:checked):not(:has(input:disabled)):has(input:hover){
      --tds-toggle-switch-track-background-color:var(--t-form-toggle-color-on-hover);
    }

.tds-toggle-switch:has(input:disabled){
    --tds-toggle-switch-track-background-color:var(--t-form-toggle-color-disabled);
    --tds-toggle-switch-label-color:var(--t-form-color-disabled);
    --tds-toggle-switch-description-color:var(--t-form-color-disabled);
    --tds-toggle-switch-cursor:not-allowed;
  }

.tds-toggle-switch-track{
  position:relative;
  flex-shrink:0;
  width:var(--tds-toggle-switch-track-width);
  height:var(--tds-toggle-switch-track-height);
  background-color:var(--tds-toggle-switch-track-background-color);
  border-radius:var(--t-border-radius-round);
  transition:var(--tds-toggle-switch-track-transition);
}

.tds-toggle-switch-track::before{
    position:absolute;
    top:var(--t-spacing-fourth);
    left:var(--t-spacing-fourth);
    width:var(--tds-toggle-switch-thumb-size);
    height:var(--tds-toggle-switch-thumb-size);
    content:"";
    background-color:#fff;
    border-radius:var(--t-border-radius-round);
    transform:var(--tds-toggle-switch-thumb-transform);
    transition:var(--tds-toggle-switch-thumb-transition);
  }

@media (prefers-reduced-motion: reduce){

.tds-toggle-switch-track{
    --tds-toggle-switch-track-transition:none;
    --tds-toggle-switch-thumb-transition:none;
}
  }

.tds-toggle-switch-description{
  display:flex;
  grid-area:2 / 2;
  align-items:flex-start;
  margin:0;
  font-size:var(--tds-toggle-switch-description-font-size);
  line-height:var(--tds-toggle-switch-description-line-height);
  color:var(--tds-toggle-switch-description-color);
  cursor:text;
}

.tds-toggle-switch--sm{
  --tds-toggle-switch-font-size:var(--t-font-size-sm);
  --tds-toggle-switch-line-height:1.35;
  --tds-toggle-switch-track-height:var(--t-element-size-lg);
  --tds-toggle-switch-thumb-size:var(--t-element-size-sm);
  --tds-toggle-switch-description-font-size:var(--t-font-size-xs);
  --tds-toggle-switch-description-line-height:1.3;
}

.tds-toggle-switch--hide-label{
  --tds-toggle-switch-display:inline-flex;
}

.tds-input{
  --tds-input-border-color:var(--t-form-border-color);
  --tds-input-border-color-hover:var(--t-form-border-color-hover);
  --tds-input-background-color:var(--t-form-background-color);
  --tds-input-color:var(--t-form-color);
  --tds-input-font-size:var(--t-font-size-md);
  --tds-input-description-color:var(--t-text-color-secondary);
  --tds-input-description-invalid-icon-display:none;
  --tds-input-min-height:var(--t-container-size-md);
  --tds-input-padding-inline:var(--t-spacing-1);

  --tds-input-transition-property:background-color, border-color, outline-color, outline-offset;

  display:flex;
  flex-direction:column;
  gap:var(--t-spacing-half);
}

.tds-input label{
    font-size:var(--t-font-size-md);
    font-weight:var(--t-font-weight-normal);
    color:var(--t-text-color);
  }

.tds-input :is(input,textarea){
    inline-size:100%;
    block-size:auto;
    min-block-size:var(--tds-input-min-height);
    padding-block:var(--tds-input-padding-block);
    padding-inline:var(--tds-input-padding-inline);
    font-family:inherit;
    font-size:var(--tds-input-font-size);
    color:var(--tds-input-color);
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    outline:var(--t-focus-ring-width) solid transparent;
    outline-offset:0;
    background-color:var(--tds-input-background-color);
    border:var(--t-form-border-width) solid var(--tds-input-border-color);
    border-radius:var(--t-form-border-radius);
    transition-timing-function:var(--t-ease-in-out);
    transition-duration:var(--t-duration-200);
    transition-property:var(--tds-input-transition-property);
  }

:is(.tds-input :is(input,textarea)):hover:not(:disabled,:focus-visible,[readonly]){
      border-color:var(--tds-input-border-color-hover);
    }

:is(.tds-input :is(input,textarea)):focus{
      outline-color:transparent;
    }

:is(.tds-input :is(input,textarea)):focus-visible{
      outline-color:var(--t-focus-ring-color);
      outline-offset:var(--t-focus-ring-offset);
      border-color:var(--t-form-border-color-focus);
    }

:is(.tds-input :is(input,textarea))::-moz-placeholder{
      color:var(--t-form-placeholder-color);
      -moz-user-select:none;
           user-select:none;
    }

:is(.tds-input :is(input,textarea))::placeholder{
      color:var(--t-form-placeholder-color);
      -webkit-user-select:none;
         -moz-user-select:none;
              user-select:none;
    }

@media (prefers-reduced-motion: reduce){

.tds-input :is(input,textarea){
      --tds-input-transition-property:none;
  }
    }

.tds-input.tds-input--invalid,.tds-input:has(:is(input,textarea):is(:user-invalid,[aria-invalid="true"])){
    --tds-input-background-color:var(--t-form-background-color-error);
    --tds-input-border-color:var(--t-form-border-color-error);
    --tds-input-border-color-hover:var(--t-form-border-color-error-hover);
    --tds-input-description-color:var(--t-text-color-status-error);
    --tds-input-description-invalid-icon-display:inline-block;
  }

.tds-input:has(:is(input,textarea):required) label::after{
      margin-left:.25ch;
      color:var(--t-text-color-status-error);
      content:"*";
    }

.tds-input:where(:has(:is(input,textarea):disabled)){
    --tds-input-border-color:var(--t-form-border-color-disabled);
    --tds-input-background-color:var(--t-form-background-color-disabled);
    --tds-input-color:var(--t-form-color-disabled);
  }

.tds-input:where(:has(:is(input,textarea):disabled)) :is(input,textarea){
      cursor:not-allowed;
    }

.tds-input:where(:has(:is(input,textarea)[readonly])){
    --tds-input-border-color:var(--t-form-border-color-readonly);
    --tds-input-background-color:var(--t-form-background-color-readonly);
  }

.tds-input:where(:has(:is(input,textarea)[readonly])) :is(input,textarea):focus{
      border-color:var(--tds-input-border-color-hover);
    }

.tds-input.tds-input--lg{
    --tds-input-min-height:var(--t-container-size-lg);
    --tds-input-font-size:var(--t-font-size-lg);
  }

.tds-input-description{
  display:flex;
  gap:var(--t-spacing-half);
  align-items:flex-start;
  margin:0;
  font-size:var(--t-font-size-sm);
  line-height:1.35;
  color:var(--tds-input-description-color, var(--t-text-color-secondary));
  cursor:text;
}

.tds-input-description .tds-input-description-invalid-icon{
    display:var(--tds-input-description-invalid-icon-display, none);
    flex-shrink:0;
    margin-block-start:calc(.5lh - .5em);
    line-height:1.35;
  }

.tds-field{
  --tds-field-border-color:var(--t-form-border-color);
  --tds-field-border-color-hover:var(--t-form-border-color-hover);
  --tds-field-border-color-active:var(--t-form-border-color-focus);
  --tds-field-background-color:var(--t-form-background-color);
  --tds-field-color:var(--t-form-color);
  --tds-field-placeholder-color:var(--t-form-placeholder-color);
  --tds-field-font-size:var(--t-font-size-md);
  --tds-field-min-height:var(--t-container-size-md);
  --tds-field-padding-block:6px;
  --tds-field-padding-inline:var(--t-spacing-1);
  --tds-field-description-color:var(--t-text-color-secondary);
  --tds-field-description-invalid-icon-display:none;

  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--t-spacing-half);
}

.tds-field[data-required] .tds-field-label::after{
    margin-left:.25ch;
    color:var(--t-text-color-status-error);
    content:"*";
  }

.tds-field[data-invalid]{
    --tds-field-border-color:var(--t-form-border-color-error);
    --tds-field-border-color-hover:var(--t-form-border-color-error-hover);
    --tds-field-border-color-active:var(--t-form-border-color-error-hover);
    --tds-field-background-color:var(--t-form-background-color-error);
    --tds-field-description-color:var(--t-text-color-status-error);
    --tds-field-description-invalid-icon-display:inline-block;
  }

.tds-field[data-disabled]{
    --tds-field-border-color:var(--t-form-border-color-disabled);
    --tds-field-background-color:var(--t-form-background-color-disabled);
    --tds-field-color:var(--t-form-color-disabled);
    --tds-field-placeholder-color:var(--t-form-color-disabled);
  }

.tds-field[data-disabled] .tds-field-control{
      cursor:not-allowed;
    }

.tds-field--lg{
  --tds-field-min-height:var(--t-container-size-lg);
  --tds-field-font-size:var(--t-font-size-lg);
}

.tds-field-label{
  font-size:var(--t-font-size-md);
  font-weight:var(--t-font-weight-normal);
  color:var(--t-text-color);
  cursor:default;
}

.tds-field-control{
  display:flex;
  align-items:center;
  inline-size:100%;
  min-block-size:var(--tds-field-min-height);
  font-family:inherit;
  font-size:var(--tds-field-font-size);
  line-height:1;
  color:var(--tds-field-color);
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  cursor:text;
  outline:var(--t-focus-ring-width) solid transparent;
  outline-offset:0;
  background-color:var(--tds-field-background-color);
  border:var(--t-form-border-width) solid var(--tds-field-border-color);
  border-radius:var(--t-form-border-radius);
  transition-timing-function:var(--t-ease-in-out);
  transition-duration:var(--t-duration-200);
  transition-property:background-color, border-color, outline-color, outline-offset;
}

.tds-field-control[data-hovered]:not([data-focus-visible],[data-focus-within],[data-disabled]){
    border-color:var(--tds-field-border-color-hover);
  }

.tds-field-control[data-focus-within]{
    outline-color:var(--t-focus-ring-color);
    outline-offset:var(--t-focus-ring-offset);
    border-color:var(--tds-field-border-color-active);
  }

.tds-field-control[data-readonly],.tds-field-control:has([data-readonly]),.tds-field-control:has([readonly]){
    --tds-field-border-color:var(--t-form-border-color-readonly);
    --tds-field-border-color-hover:var(--t-form-border-color-readonly);
    --tds-field-background-color:var(--t-form-background-color-readonly);
    color:var(--t-form-color-readonly);
  }

[data-focus-within]:is(.tds-field-control[data-readonly],.tds-field-control:has([data-readonly]),.tds-field-control:has([readonly])){
      border-color:var(--t-form-border-color-hover);
    }

.tds-field-description{
  display:flex;
  gap:var(--t-spacing-half);
  align-items:flex-start;
  margin:0;
  font-size:var(--t-font-size-sm);
  line-height:1.35;
  color:var(--tds-field-description-color, var(--t-text-color-secondary));
  cursor:text;
}

.tds-field-description .tds-field-description-invalid-icon{
    display:var(--tds-field-description-invalid-icon-display, none);
    flex-shrink:0;
    margin-block-start:calc(.5lh - .5em);
    line-height:1.35;
  }

.tds-field-date-segment{
  padding-inline:var(--tds-field-date-segment-padding-inline, 2px);
  text-align:end;
  text-wrap:nowrap;
  caret-color:transparent;
  border-radius:var(--t-border-radius-sm);
}

.tds-field-date-segment[data-placeholder]{
    color:var(--tds-field-placeholder-color);
  }

.tds-field-date-segment[data-focused]{
    color:var(--t-text-color-inverted);
    outline:0;
    background-color:var(--t-fill-color-interaction);
  }

.tds-field-date-segment-separator{
  padding-inline:0;
  color:var(--tds-field-placeholder-color);
}

.tds-field-date-segment:not([data-placeholder]) + .tds-field-date-segment-separator{
  color:var(--tds-field-color);
}

.tds-select{
  --tds-select-border-color:var(--t-form-border-color);
  --tds-select-border-color-hover:var(--t-form-border-color-hover);
  --tds-select-border-color-active:var(--t-form-border-color-hover);
  --tds-select-background-color:var(--t-form-background-color);
  --tds-select-color:var(--t-form-color);
  --tds-select-placeholder-color:var(--t-form-placeholder-color);
  --tds-select-font-size:var(--t-font-size-md);
  --tds-select-min-height:var(--t-container-size-md);
  --tds-select-padding-block:6px;
  --tds-select-description-color:var(--t-text-color-secondary);
  --tds-select-description-invalid-icon-display:none;
  --tds-select-transition-property:background-color, border-color, outline-color, outline-offset;
  --tds-select-background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLDZsLTUsNWwtNSwtNXoiIGZpbGw9IiMzRDNEM0QiLz48L3N2Zz4=");
  --tds-select-caret-size:1em;
  --tds-select-caret-inline-offset:.75em;
  --tds-select-caret-transition:transform var(--t-duration-300) var(--t-ease-in-out);

  --tds-select-dropdown-background-color:var(--t-surface-color-card);
  --tds-select-dropdown-border:1px solid var(--t-border-color);
  --tds-select-dropdown-padding:var(--t-spacing-1);
  --tds-select-dropdown-margin-block:5px;
  --tds-select-dropdown-scrollbar-color:#0004 #0000;
  --tds-select-dropdown-scrollbar-width:thin;
  --tds-select-dropdown-border-radius:var(--t-border-radius);
  --tds-select-dropdown-box-shadow:hsl(0, 0%, 0%, .05) 0 10px 15px -3px, hsl(0, 0%, 0%, .05) 0 4px 6px -4px;
  --tds-select-dropdown-scroll-behavior:smooth;
  --tds-select-dropdown-transition:opacity var(--t-duration-300) var(--t-ease-out), translate var(--t-duration-300) var(--t-ease-out), display var(--t-duration-300) allow-discrete, overlay var(--t-duration-300) allow-discrete;
  --tds-select-dropdown-closed-opacity:0;
  --tds-select-dropdown-open-opacity:1;
  --tds-select-dropdown-closed-translate:0 -8px;
  --tds-select-dropdown-open-translate:0 0;

  --tds-select-option-gap:var(--t-spacing-1);
  --tds-select-option-padding-block:var(--t-spacing-1);
  --tds-select-option-padding-inline:var(--t-spacing-2) var(--t-spacing-1);
  --tds-select-option-font-size:1rem;
  --tds-select-option-color:var(--t-text-color);
  --tds-select-option-background-hover:var(--t-fill-color-neutral-070);
  --tds-select-option-background-active:var(--t-fill-color-button-interaction-ghost-active);
  --tds-select-option-border-radius:var(--t-border-radius);

  --tds-select-group-label-padding-block-start:var(--t-spacing-2);
  --tds-select-group-label-padding-block:var(--tds-select-group-label-padding-block-start) var(--t-spacing-1);
  --tds-select-group-label-padding-inline:var(--t-spacing-1);
  --tds-select-group-label-font-size:var(--t-font-size-sm);
  --tds-select-group-label-font-weight:var(--t-font-weight-semibold);
  --tds-select-group-label-letter-spacing:0;
  --tds-select-group-label-color:var(--t-text-color-secondary);
  --tds-select-group-label-color-stuck:var(--t-text-color-headline);
  --tds-select-group-label-background:var(--tds-select-dropdown-background-color);
  --tds-select-group-label-transition:color var(--t-duration-200) var(--t-ease-in-out);

  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--t-spacing-half);
}

.tds-select :is(label,.tds-select-label){
    font-size:var(--t-font-size-md);
    font-weight:var(--t-font-weight-normal);
    color:var(--t-text-color);
    cursor:default;
  }

.tds-select :is(select,button){
    position:relative;
    place-items:center;
    inline-size:100%;
    min-block-size:var(--tds-select-min-height);
    padding-block:var(--tds-select-padding-block);
    padding-inline:var(--t-spacing-1);
    padding-inline-end:calc(var(--t-spacing-1) + var(--tds-select-caret-size) + .5em);
    font-family:inherit;
    font-size:var(--tds-select-font-size);
    line-height:1;
    color:var(--tds-select-color);
    text-align:left;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    cursor:var(--tds-select-cursor, default);
    outline:var(--t-focus-ring-width) solid transparent;
    outline-offset:0;
    background-color:var(--tds-select-background-color);
    background-image:var(--tds-select-background-image);
    background-repeat:no-repeat;
    background-position:right var(--tds-select-caret-inline-offset) top 50%;
    background-size:var(--tds-select-caret-size);
    border:var(--t-form-border-width) solid var(--tds-select-border-color);
    border-radius:var(--t-form-border-radius);
    transition-timing-function:var(--t-ease-in-out);
    transition-duration:var(--t-duration-300);
    transition-property:var(--tds-select-transition-property);
  }

:is(.tds-select :is(select,button)):hover:not(:disabled,:focus,:focus-visible,:focus-within,:active,:open){
      border-color:var(--tds-select-border-color-hover);
    }

:is(.tds-select :is(select,button)):focus{
      outline-color:var(--t-focus-ring-color);
      outline-offset:var(--t-focus-ring-offset);
      border-color:var(--tds-select-border-color-active);
    }

:is(.tds-select :is(select,button)):required:invalid,:is(.tds-select :is(select,button)):has(option[hidden][disabled][value=""]:checked){
      color:var(--tds-select-placeholder-color);
    }

.tds-select:has(select:user-invalid,[aria-invalid="true"]),.tds-select.tds-select--invalid{
    --tds-select-border-color:var(--t-form-border-color-error);
    --tds-select-border-color-hover:var(--t-form-border-color-error-hover);
    --tds-select-border-color-active:var(--t-form-border-color-error-hover);
    --tds-select-background-color:var(--t-form-background-color-error);
    --tds-select-description-color:var(--t-text-color-status-error);
    --tds-select-description-invalid-icon-display:inline-block;
  }

.tds-select:has(select:required,[aria-required="true"]) :is(label,.tds-select-label)::after{
      margin-left:.25ch;
      color:var(--t-text-color-status-error);
      content:"*";
    }

.tds-select:has(:is(select,button[role="combobox"]):is(:disabled,[aria-disabled="true"])){
    --tds-select-border-color:var(--t-form-border-color-disabled);
    --tds-select-background-color:var(--t-form-background-color-disabled);
    --tds-select-color:var(--t-form-color-disabled);
    --tds-select-cursor:not-allowed;
  }

.tds-select:has( > [popover]:popover-open) > button{
    border-color:var(--tds-select-border-color-active);
  }

:is(.tds-select:has( > [popover]:popover-open) > button)::after{
      transform:rotate(.5turn);
    }

.tds-select :is(hr,li[role="separator"]){
    margin-block:var(--t-spacing-half);
    color:var(--tds-select-border-color);
    border:0;
    border-top:1px solid;
  }

.tds-select :is(li[role="option"],option:not([hidden])){
    display:block;
    padding-block:var(--tds-select-option-padding-block);
    padding-inline:var(--tds-select-option-padding-inline);
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:var(--tds-select-option-font-size);
    color:var(--tds-select-option-color);
    white-space:nowrap;
    cursor:default;
    border-radius:var(--tds-select-option-border-radius);
  }

:is(.tds-select :is(li[role="option"],option:not([hidden]))):focus-visible{
      outline:none;
    }

:is(.tds-select :is(li[role="option"],option:not([hidden]))):is(:focus,:hover,.tds-select-option--active):not([disabled],[aria-disabled="true"]){
      background:var(--tds-select-option-background-hover);
    }

:is(.tds-select :is(li[role="option"],option:not([hidden]))):is([aria-selected="true"],:checked):not([disabled],[aria-disabled="true"]){
      background:var(--tds-select-option-background-active);
    }

:is(.tds-select :is(li[role="option"],option:not([hidden]))):is([aria-disabled="true"],:disabled){
      color:var(--t-form-color-disabled);
      cursor:not-allowed;
    }

:is(.tds-select :is(li[role="option"],option:not([hidden]))):is([aria-disabled="true"],:disabled):is(:focus,:hover){
        background:transparent;
      }

.tds-select :is(li[role="presentation"],legend){
    position:sticky;
    inset-block-start:calc(var(--tds-select-dropdown-padding) * -1);
    z-index:1;
    float:inline-start;
    inline-size:100%;
    padding-block:var(--tds-select-group-label-padding-block);
    padding-inline:var(--tds-select-group-label-padding-inline);
    container-type:scroll-state;
    font-size:var(--tds-select-group-label-font-size);
    font-weight:var(--tds-select-group-label-font-weight);
    letter-spacing:var(--tds-select-group-label-letter-spacing);
    background:var(--tds-select-group-label-background);
    text-box:trim-both cap alphabetic;
  }

:is(.tds-select :is(li[role="presentation"],legend)) span{
      display:inline-flex;
      gap:var(--t-spacing-half);
      align-items:center;
      color:var(--tds-select-group-label-color);
      transition:var(--tds-select-group-label-transition);
    }

@container scroll-state(stuck){

:is(.tds-select :is(li[role="presentation"],legend)) span{
        color:var(--tds-select-group-label-color-stuck);
    }

        @media (forced-colors: active){

:is(.tds-select :is(li[role="presentation"],legend)) span{
          color:var(--tds-select-group-label-color-stuck);
    }
        }
      }

.tds-select.tds-select--lg{
    --tds-select-min-height:var(--t-container-size-lg);
    --tds-select-font-size:var(--t-font-size-lg);
  }

@media (prefers-reduced-motion: reduce){

.tds-select{
    --tds-select-transition-property:none;
    --tds-select-dropdown-transition:none;
    --tds-select-dropdown-scroll-behavior:auto;
    --tds-select-dropdown-closed-translate:none;
    --tds-select-dropdown-open-translate:none;
    --tds-select-caret-transition:none;
}
  }

.tds-select-description{
  display:flex;
  gap:var(--t-spacing-half);
  align-items:flex-start;
  margin:0;
  font-size:var(--t-font-size-sm);
  line-height:1.35;
  color:var(--tds-select-description-color, var(--t-text-color-secondary));
  cursor:text;
}

.tds-select-description .tds-select-description-invalid-icon{
    display:var(--tds-select-description-invalid-icon-display, none);
    flex-shrink:0;
    margin-block-start:calc(.5lh - .5em);
    line-height:1.35;
  }

.tds-select > .tds-select-hidden-select{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  padding:0;
  margin:0;
  pointer-events:none;
  opacity:0;
}

.tds-select:has( > button)  > button{
    display:block;
    padding-inline-end:calc(var(--tds-select-caret-size) + var(--tds-select-caret-inline-offset) + .75ch);
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--tds-select-placeholder-color);
    white-space:nowrap;
    background-image:none;
    anchor-name:--tds-select-anchor;
    transition:background-color var(--t-duration-300) var(--t-ease-in-out), border-color var(--t-duration-300) var(--t-ease-in-out), outline-color var(--t-duration-300) var(--t-ease-in-out), outline-offset var(--t-duration-300) var(--t-ease-in-out), transform var(--t-duration-100) var(--t-ease-in-out);
    -webkit-tap-highlight-color:transparent;
  }

:is(.tds-select:has( > button) > button)::after{
      position:absolute;
      inset-block:0;
      inset-inline-end:var(--tds-select-caret-inline-offset);
      width:var(--tds-select-caret-size);
      height:var(--tds-select-caret-size);
      margin-block:auto;
      pointer-events:none;
      content:var(--tds-select-background-image);
      transform:rotate(0);
      transition:var(--tds-select-caret-transition);
    }

.tds-select:has( > button):has([role="option"][aria-selected="true"]) > button{
    color:var(--tds-select-color);
  }

.tds-select:has( > button) [popover]{
    position-anchor:--tds-select-anchor;
    inset:auto;
    inline-size:-moz-max-content;
    inline-size:max-content;
    min-inline-size:anchor-size(width);
    max-inline-size:100vi;
    max-block-size:min(50vh, 20rem);
    padding:var(--tds-select-dropdown-padding);
    margin-block:var(--tds-select-dropdown-margin-block);
    position-area:block-end span-inline-start;
    position-try-fallbacks:flip-block, flip-inline;
    overflow:auto;
    overflow-x:hidden;
    scroll-behavior:var(--tds-select-dropdown-scroll-behavior);
    overscroll-behavior:none;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    scroll-padding-top:calc(var(--tds-select-group-label-padding-block-start) + var(--tds-select-group-label-font-size) + var(--t-spacing-2));
    scrollbar-color:var(--tds-select-dropdown-scrollbar-color);
    scrollbar-width:var(--tds-select-dropdown-scrollbar-width);
    background:var(--tds-select-dropdown-background-color);
    border:var(--tds-select-dropdown-border);
    border-radius:var(--tds-select-dropdown-border-radius);
    box-shadow:var(--tds-select-dropdown-box-shadow);
    opacity:var(--tds-select-dropdown-open-opacity);
    translate:var(--tds-select-dropdown-open-translate);
    transition:var(--tds-select-dropdown-transition);
  }

:is(.tds-select:has( > button) [popover]):not(:popover-open){
      opacity:var(--tds-select-dropdown-closed-opacity);
      translate:var(--tds-select-dropdown-closed-translate);
    }

:is(.tds-select:has( > button) [popover]) ul{
      padding:0;
      margin:0;
      list-style:none;
    }

@starting-style{
      :is(.tds-select:has( > button) [popover]):popover-open{
        opacity:var(--tds-select-dropdown-closed-opacity);
        translate:var(--tds-select-dropdown-closed-translate);
      }
    }

@supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)){
  .tds-select select:has(> button){
    padding-inline-end:0;
    background-image:none;
  }
    @media (hover) and (pointer: fine){
      :is(.tds-select select:has( > button)),:is(.tds-select select:has( > button))::picker(select){
        padding-block:0;
        -webkit-appearance:base-select;
           -moz-appearance:base-select;
                appearance:base-select;
      }
    }
    :is(.tds-select select:has( > button))::picker-icon{
      flex-shrink:0;
      width:var(--tds-select-caret-size);
      height:var(--tds-select-caret-size);
      margin-inline-end:var(--tds-select-caret-inline-offset);
      content:var(--tds-select-background-image);
      transition:var(--tds-select-caret-transition);
    }

    :is(.tds-select select:has( > button))::picker(select):not(:popover-open){
      opacity:var(--tds-select-dropdown-closed-opacity);
      translate:var(--tds-select-dropdown-closed-translate);
    }

    :is(.tds-select select:has( > button)):open,:is(.tds-select select:has( > button)):focus-within{
      outline-color:var(--t-focus-ring-color);
      outline-offset:var(--t-focus-ring-offset);
      border-color:var(--tds-select-border-color-active);
    }

    :is(.tds-select select:has( > button)):open::picker-icon{
      opacity:1;
      transform:rotate(.5turn);
    }

    :is(.tds-select select:has( > button)) selectedcontent{
      overflow:hidden;
      text-overflow:ellipsis;
      line-height:calc(var(--tds-select-min-height) - 2px);
      white-space:nowrap;
    }

    :is(.tds-select select:has( > button)):has(option[hidden][disabled][value=""]:checked) > button{
      color:var(--tds-select-placeholder-color);
    }

    :is(.tds-select select:has( > button))::picker(select){
      inset:auto;
      inline-size:-moz-max-content;
      inline-size:max-content;
      min-inline-size:anchor-size(width);
      max-inline-size:100vi;
      padding:var(--tds-select-dropdown-padding);
      margin-block:var(--tds-select-dropdown-margin-block);
      position-try-fallbacks:flip-block, flip-inline;
      overflow:auto;
      overflow-x:hidden;
      scroll-behavior:var(--tds-select-dropdown-scroll-behavior);
      overscroll-behavior:none;
      -webkit-user-select:none;
         -moz-user-select:none;
              user-select:none;
      scrollbar-color:var(--tds-select-dropdown-scrollbar-color);
      scrollbar-width:var(--tds-select-dropdown-scrollbar-width);
      background:var(--tds-select-dropdown-background-color);
      border:var(--tds-select-dropdown-border);
      border-radius:var(--tds-select-dropdown-border-radius);
      box-shadow:var(--tds-select-dropdown-box-shadow);
      opacity:var(--tds-select-dropdown-open-opacity);
      translate:var(--tds-select-dropdown-open-translate);
      transition:var(--tds-select-dropdown-transition);
    }

    :is(.tds-select select:has( > button)) option::checkmark{
      display:none;
    }

    @starting-style{
      :is(.tds-select select:has( > button))::picker(select):popover-open{
        opacity:var(--tds-select-dropdown-closed-opacity);
        translate:var(--tds-select-dropdown-closed-translate);
      }
    }
}

.tds-loading-spinner{
  --tds-loading-spinner-size:1.25em;

  position:absolute;
  right:0;
  left:0;
  visibility:var(--tds-loading-spinner-visibility, hidden);
  width:var(--tds-loading-spinner-size);
  height:var(--tds-loading-spinner-size);
  margin:auto;
  border:var(--tds-loading-spinner-track-width, 4px) solid var(--tds-loading-spinner-track-color, var(--t-fill-color-transparency-dark-020));
  border-top-color:var(--tds-loading-spinner-color, currentcolor);
  border-radius:50%;
  animation:spinner-rotate 500ms infinite linear;
  animation-play-state:var(--tds-loading-spinner-animation-play-state, paused);
}

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

@media (prefers-reduced-motion: reduce){
  [class*="--loading"] .tds-loading-spinner{
    --tds-loading-spinner-animation-play-state:paused;
  }
}

.symbol{
  display:inline-block;
  vertical-align:text-top;
  fill:currentColor;
  height:1em;
  width:1em;
}

.tds-btn{
  --tds-btn-padding-x:12px;
  --tds-btn-padding-truncated-x:8px;
  --tds-btn-padding-y:3px;
  --tds-btn-font-size:16px;
  --tds-btn-font-weight:400;
  --tds-btn-line-height:1.5;
  --tds-btn-color:var(--t-text-color-headline);
  --tds-btn-bg:transparent;
  --tds-btn-border-width:var(--t-border-width);
  --tds-btn-border-color:transparent;
  --tds-btn-border-radius:var(--t-border-radius-md);
  --tds-btn-border-color-hover:transparent;
  --tds-btn-disabled-opacity:1;
  --tds-btn-min-height:32px;
  --tds-btn-text-decoration:none;
  --tds-btn-attention-icon-size:1em;
  display:inline-flex;
  gap:1ex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:var(--tds-btn-min-height);
  padding:var(--tds-btn-padding-y) var(--tds-btn-padding-x);
  font-size:var(--tds-btn-font-size);
  font-weight:var(--tds-btn-font-weight);
  line-height:var(--tds-btn-line-height);
  vertical-align:middle;
  color:var(--tds-btn-color);
  text-align:center;
  -webkit-text-decoration:var(--tds-btn-text-decoration);
          text-decoration:var(--tds-btn-text-decoration);
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  background-color:var(--tds-btn-bg);
  background-clip:padding-box;
  border:var(--tds-btn-border-width) solid var(--tds-btn-border-color);
  border-radius:var(--tds-btn-border-radius);
  transition-timing-function:var(--t-ease-in-out);
  transition-duration:var(--t-duration-200);
  transition-property:color, background-color, border-color, box-shadow, fill, stroke, opacity;
}

.tds-btn:where(.tds-btn--icononly,:has(.prefix,svg:not(.suffix))){
    padding-left:var(--tds-btn-padding-truncated-x);
  }

.tds-btn:where(.tds-btn--icononly,:has(.suffix,svg:not(.prefix))){
    padding-right:var(--tds-btn-padding-truncated-x);
  }

.tds-btn:hover{
    color:var(--tds-btn-color-hover);
    background-color:var(--tds-btn-bg-hover);
    border-color:var(--tds-btn-border-color-hover);
  }

.tds-btn:focus-visible{
    color:var(--tds-btn-color-hover);
    outline:var(--t-focus-ring-outline);
    outline-offset:var(--t-focus-ring-offset);
    background-color:var(--tds-btn-bg-hover);
    border-color:var(--tds-btn-border-color-hover);
  }

.tds-btn:active,.tds-btn.active{
    color:var(--tds-btn-color-active);
    background-color:var(--tds-btn-bg-active);
    border-color:var(--tds-btn-border-color-active);
  }

.tds-btn:disabled,.tds-btn.disabled{
    --tds-btn-loading-spinner-track-color:var(--t-fill-color-transparency-dark-020);
    --tds-btn-loading-spinner-color:var(--t-text-color-status-neutral);
    color:var(--tds-btn-color-disabled);
    pointer-events:none;
    background-color:var(--tds-btn-bg-disabled);
    border-color:var(--tds-btn-border-color-disabled);
    opacity:var(--tds-btn-disabled-opacity);
  }

.tds-btn svg:not(.symbol){
    display:block;
    width:.66666667lh;
    height:.66666667lh;
    color:var(--tds-btn-icon-color, currentColor);
  }

.tds-btn .tds-loading-spinner{
    --tds-loading-spinner-track-color:var(--tds-btn-loading-spinner-track-color);
    --tds-loading-spinner-track-width:var(--tds-btn-loading-spinner-track-width);
    --tds-loading-spinner-color:var(--tds-btn-loading-spinner-color);
    --tds-loading-spinner-visibility:var(--tds-btn-loading-spinner-visibility);
    --tds-loading-spinner-animation-play-state:var(--tds-btn-loading-spinner-animation-play-state);
  }

@media (prefers-reduced-motion: reduce){

.tds-btn{
    transition:none;
}
  }

.tds-btn--xl{
  --tds-btn-padding-y:11px;
  --tds-btn-padding-x:18px;
  --tds-btn-padding-truncated-x:12px;
  --tds-btn-min-height:48px;
}

.tds-btn--lg{
  --tds-btn-padding-y:7px;
  --tds-btn-padding-x:14px;
  --tds-btn-min-height:40px;
}

.tds-btn--sm{
  --tds-btn-padding-y:.5px;
  --tds-btn-padding-x:7px;
  --tds-btn-padding-truncated-x:4px;
  --tds-btn-min-height:24px;
  --tds-btn-font-size:var(--t-font-size-sm);
  --tds-btn-loading-spinner-track-width:3px;
}

.tds-btn--xs{
  --tds-btn-padding-y:0;
  --tds-btn-padding-x:5px;
  --tds-btn-padding-truncated-x:5px;
  --tds-btn-min-height:20px;
  --tds-btn-font-size:var(--t-font-size-xs);
  --tds-btn-loading-spinner-track-width:3px;
}

.tds-btn--neutral{
  --tds-btn-color:var(--t-text-color-status-neutral);
  --tds-btn-bg:var(--t-fill-color-button-neutral-solid);
  --tds-btn-border-color:var(--t-fill-color-button-neutral-solid);
  --tds-btn-color-hover:var(--t-text-color-status-neutral);
  --tds-btn-bg-hover:var(--t-fill-color-button-neutral-solid-hover);
  --tds-btn-border-color-hover:var(--t-fill-color-button-neutral-solid-hover);
  --tds-btn-color-active:var(--t-text-color-status-neutral);
  --tds-btn-bg-active:var(--t-fill-color-button-neutral-solid-active);
  --tds-btn-border-color-active:var(--t-fill-color-button-neutral-solid-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-neutral-solid-disabled);
  --tds-btn-border-color-disabled:var(--t-fill-color-button-neutral-solid-disabled);
}

.tds-btn--neutral-inline{
  --tds-btn-color:var(--t-text-color-status-neutral);
  --tds-btn-bg:transparent;
  --tds-btn-border-color:transparent;
  --tds-btn-color-hover:var(--t-text-color-status-neutral);
  --tds-btn-bg-hover:transparent;
  --tds-btn-border-color-hover:transparent;
  --tds-btn-padding-y:0;
  --tds-btn-padding-x:0;
  --tds-btn-min-height:auto;
  --tds-btn-text-decoration:none;
  --tds-btn-border-width:0;
  --tds-btn-font-size:inherit;
  --tds-btn-font-weight:inherit;
  --tds-btn-line-height:inherit;
  font-family:inherit;
  font-style:inherit;
  vertical-align:inherit;
}

.tds-btn--neutral-inline:hover,.tds-btn--neutral-inline:focus-visible{
    --tds-btn-text-decoration:underline;
  }

.tds-btn--interaction{
  --tds-btn-color:var(--t-text-color-inverted);
  --tds-btn-bg:var(--t-fill-color-button-interaction-solid);
  --tds-btn-border-color:var(--t-fill-color-button-interaction-solid);
  --tds-btn-color-hover:var(--t-text-color-inverted);
  --tds-btn-bg-hover:var(--t-fill-color-button-interaction-solid-hover);
  --tds-btn-border-color-hover:var(--t-fill-color-button-interaction-solid-hover);
  --tds-btn-color-active:var(--t-text-color-inverted);
  --tds-btn-bg-active:var(--t-fill-color-button-interaction-solid-active);
  --tds-btn-border-color-active:var(--t-fill-color-button-interaction-solid-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-interaction-solid-disabled);
  --tds-btn-border-color-disabled:var(--tds-btn-bg-disabled);
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-transparency-light-020);
}

.tds-btn--delete{
  --tds-btn-color:var(--t-text-color-inverted);
  --tds-btn-bg:var(--t-fill-color-button-delete-solid);
  --tds-btn-border-color:var(--t-fill-color-button-delete-solid);
  --tds-btn-color-hover:var(--t-text-color-inverted);
  --tds-btn-bg-hover:var(--t-fill-color-button-delete-solid-hover);
  --tds-btn-border-color-hover:var(--t-fill-color-button-delete-solid-hover);
  --tds-btn-color-active:var(--t-text-color-inverted);
  --tds-btn-bg-active:var(--t-fill-color-button-delete-solid-active);
  --tds-btn-border-color-active:var(--t-fill-color-button-delete-solid-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-delete-solid-disabled);
  --tds-btn-border-color-disabled:var(--tds-btn-bg-disabled);
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-transparency-light-020);
}

.tds-btn--outline-neutral{
  --tds-btn-color:var(--t-text-color-status-neutral);
  --tds-btn-bg:var(--t-fill-color-button-neutral-outline);
  --tds-btn-border-color:var(--t-border-color-button-neutral);
  --tds-btn-color-hover:var(--tds-btn-color);
  --tds-btn-bg-hover:var(--t-fill-color-button-neutral-outline-hover);
  --tds-btn-border-color-hover:var(--t-border-color-button-neutral);
  --tds-btn-color-active:var(--tds-btn-color);
  --tds-btn-bg-active:var(--t-fill-color-button-neutral-outline-active);
  --tds-btn-border-color-active:var(--t-border-color-button-neutral);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-neutral-outline-disabled);
  --tds-btn-border-color-disabled:var(--t-border-color-button-neutral);
}

.tds-btn--outline-interaction{
  --tds-btn-color:var(--t-text-color-interaction);
  --tds-btn-border-color:var(--t-border-color-button-info);
  --tds-btn-color-hover:var(--tds-btn-color);
  --tds-btn-bg-hover:var(--t-fill-color-button-interaction-outline-hover);
  --tds-btn-border-color-hover:var(--tds-btn-border-color);
  --tds-btn-color-active:var(--tds-btn-color);
  --tds-btn-bg-active:var(--t-fill-color-button-interaction-outline-active);
  --tds-btn-border-color-active:var(--tds-btn-border-color);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-interaction-outline-disabled);
  --tds-btn-border-color-disabled:var(--t-border-color-button-neutral);
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-status-info-ghost);
}

.tds-btn--outline-delete{
  --tds-btn-color:var(--t-text-color-status-error);
  --tds-btn-border-color:var(--t-border-color-button-delete);
  --tds-btn-color-hover:var(--tds-btn-color);
  --tds-btn-bg-hover:var(--t-fill-color-button-delete-outline-hover);
  --tds-btn-border-color-hover:var(--tds-btn-border-color);
  --tds-btn-color-active:var(--tds-btn-color);
  --tds-btn-bg-active:var(--t-fill-color-button-delete-outline-active);
  --tds-btn-border-color-active:var(--tds-btn-border-color);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-delete-outline-disabled);
  --tds-btn-border-color-disabled:var(--t-border-color-button-neutral);
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-status-error-ghost);
}

.tds-btn--ghost-neutral{
  --tds-btn-color:var(--t-text-color-status-neutral);
  --tds-btn-border-color:transparent;
  --tds-btn-color-hover:var(--tds-btn-color);
  --tds-btn-bg-hover:var(--t-fill-color-button-neutral-outline-hover);
  --tds-btn-border-color-hover:var(--tds-btn-bg-hover);
  --tds-btn-color-active:var(--tds-btn-color);
  --tds-btn-bg-active:var(--t-fill-color-button-neutral-outline-active);
  --tds-btn-border-color-active:var(--tds-btn-bg-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:transparent;
  --tds-btn-border-color-disabled:transparent;
}

.tds-btn--ghost-interaction{
  --tds-btn-color:var(--t-text-color-interaction);
  --tds-btn-border-color:transparent;
  --tds-btn-color-hover:var(--tds-btn-color);
  --tds-btn-bg-hover:var(--t-fill-color-button-interaction-outline-hover);
  --tds-btn-border-color-hover:var(--tds-btn-bg-hover);
  --tds-btn-color-active:var(--tds-btn-color);
  --tds-btn-bg-active:var(--t-fill-color-button-interaction-outline-active);
  --tds-btn-border-color-active:var(--tds-btn-bg-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:transparent;
  --tds-btn-border-color-disabled:transparent;
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-status-info-ghost);
}

.tds-btn--ghost-delete{
  --tds-btn-color:var(--t-text-color-status-error);
  --tds-btn-border-color:transparent;
  --tds-btn-color-hover:var(--tds-btn-color);
  --tds-btn-bg-hover:var(--t-fill-color-button-delete-outline-hover);
  --tds-btn-border-color-hover:var(--tds-btn-bg-hover);
  --tds-btn-color-active:var(--tds-btn-color);
  --tds-btn-bg-active:var(--t-fill-color-button-delete-outline-active);
  --tds-btn-border-color-active:var(--tds-btn-bg-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:transparent;
  --tds-btn-border-color-disabled:transparent;
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-status-error-ghost);
}

.tds-btn--inline-text{
  --tds-btn-color:var(--t-text-color-interaction);
  --tds-btn-color-hover:var(--t-text-color-interaction-hover);
  --tds-btn-color-active:var(--t-text-color-interaction-active);
  --tds-btn-bg:transparent;
  --tds-btn-bg-hover:transparent;
  --tds-btn-padding-y:0;
  --tds-btn-padding-x:0;
  --tds-btn-min-height:auto;
  --tds-btn-text-decoration:underline;
  --tds-btn-border-width:0;
  --tds-btn-border-color:transparent;
  --tds-btn-font-size:inherit;
  --tds-btn-font-weight:inherit;
  --tds-btn-line-height:inherit;
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-status-info-ghost);
  font-family:inherit;
  font-style:inherit;
  vertical-align:inherit;
  text-align:inherit;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
}

.tds-btn--inline-text:hover,.tds-btn--inline-text:focus-visible{
    --tds-btn-text-decoration:none;
  }

.tds-btn--primary-page-header{
  --tds-btn-color:var(--t-text-color-inverted);
  --tds-btn-bg:var(--t-fill-color-button-interaction-solid);
  --tds-btn-border-color:var(--t-fill-color-button-interaction-solid);
  --tds-btn-color-hover:var(--t-text-color-inverted);
  --tds-btn-bg-hover:var(--t-fill-color-button-interaction-solid-hover);
  --tds-btn-border-color-hover:var(--t-fill-color-button-interaction-solid-hover);
  --tds-btn-color-active:var(--t-text-color-inverted);
  --tds-btn-bg-active:var(--t-fill-color-button-interaction-solid-active);
  --tds-btn-border-color-active:var(--t-fill-color-button-interaction-solid-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-interaction-solid-disabled);
  --tds-btn-border-color-disabled:var(--tds-btn-bg-disabled);
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-transparency-light-020);
}

.tds-btn--secondary-page-header{
  --tds-btn-color:var(--t-text-color-status-neutral);
  --tds-btn-bg:var(--t-fill-color-button-neutral-responsive-header);
  --tds-btn-border-color:var(--t-fill-color-button-neutral-responsive-header);
  --tds-btn-color-hover:var(--t-text-color-status-neutral);
  --tds-btn-bg-hover:var(--t-fill-color-button-neutral-responsive-header-hover);
  --tds-btn-border-color-hover:var(--t-fill-color-button-neutral-responsive-header-hover);
  --tds-btn-color-active:var(--t-text-color-status-neutral);
  --tds-btn-bg-active:var(--t-fill-color-button-neutral-responsive-header-active);
  --tds-btn-border-color-active:var(--t-fill-color-button-neutral-responsive-header-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-neutral-responsive-header-disabled);
  --tds-btn-border-color-disabled:var(--t-fill-color-button-neutral-responsive-header-disabled);
}

@media (min-width: 600px){

.tds-btn--secondary-page-header{
    --tds-btn-color:var(--t-text-color-status-neutral);
    --tds-btn-bg:transparent;
    --tds-btn-border-color:var(--t-border-color-button-neutral);
    --tds-btn-color-hover:var(--tds-btn-color);
    --tds-btn-bg-hover:var(--t-fill-color-button-neutral-outline-hover);
    --tds-btn-border-color-hover:var(--t-border-color-button-neutral);
    --tds-btn-color-active:var(--tds-btn-color);
    --tds-btn-bg-active:var(--t-fill-color-button-neutral-outline-active);
    --tds-btn-border-color-active:var(--t-border-color-button-neutral);
    --tds-btn-color-disabled:var(--t-text-color-disabled);
    --tds-btn-bg-disabled:var(--t-fill-color-button-neutral-outline-disabled);
    --tds-btn-border-color-disabled:var(--t-border-color-button-neutral);
}
  }

.tds-btn--staff-only{
  --tds-btn-color:var(--t-text-color-inverted);
  --tds-btn-bg:var(--t-fill-color-product-staff);
  --tds-btn-border-color:var(--t-border-color-white);
  --tds-btn-color-hover:var(--t-text-color-inverted);
  --tds-btn-bg-hover:var(--t-fill-color-product-staff-dark);
  --tds-btn-border-color-hover:var(--t-border-color-white);
  --tds-btn-color-active:var(--t-text-color-inverted);
  --tds-btn-bg-active:var(--t-fill-color-product-staff-darker);
  --tds-btn-border-color-active:var(--t-border-color-white);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-interaction-solid-disabled);
  --tds-btn-border-color-disabled:var(--tds-btn-bg-disabled);
  --tds-btn-loading-spinner-track-color:var(--t-fill-color-transparency-light-020);
}

.tds-btn--pill{
  --tds-btn-border-radius:999px;
  --tds-btn-padding-y:4px;
  --tds-btn-padding-x:13px;

  --tds-btn-color:var(--t-text-color);
  --tds-btn-bg:var(--t-fill-color-button-pill);
  --tds-btn-border-color:var(--tds-btn-bg);
  --tds-btn-color-hover:var(--tds-btn-color);
  --tds-btn-bg-hover:var(--t-fill-color-button-pill-hover);
  --tds-btn-border-color-hover:var(--tds-btn-bg-hover);

  --tds-btn-color-active:var(--tds-btn-color);
  --tds-btn-bg-active:var(--t-fill-color-button-pill-active);
  --tds-btn-border-color-active:var(--tds-btn-bg-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-neutral-solid-disabled);
  --tds-btn-border-color-disabled:var(--t-fill-color-button-neutral-solid-disabled);
  --tds-btn-icon-color:var(--t-icon-color-secondary);
  --tds-btn-min-height:32px;
}

.tds-btn--pill:is(.tds-btn--sm){
    --tds-btn-padding-y:1px;
    --tds-btn-padding-x:7px;
    --tds-btn-min-height:auto;
  }

.tds-btn--pill:is(.tds-btn--xs){
    --tds-btn-padding-y:1px;
    --tds-btn-padding-x:9px;
    --tds-btn-min-height:auto;
  }

.tds-btn--pill:disabled,.tds-btn--pill.disabled{
    --tds-btn-icon-color:inherit;
  }

.tds-btn--dropdown .suffix{
  transition:transform var(--t-duration-300) var(--t-ease-in-out);
}

.tds-btn--dropdown[aria-expanded="true"] .suffix{
  transform:rotate(.5turn);
}

.tds-btn--full-width{
  width:100%;
}

.tds-btn--loading{
  --tds-btn-loading-spinner-visibility:visible;
  --tds-btn-loading-spinner-animation-play-state:running;

  position:relative;
}

.tds-btn--loading :not(.tds-loading-spinner){
    visibility:hidden;
  }

.tds-btn--attention .attention-icon{
  display:inline-block;
  width:var(--tds-btn-attention-icon-size);
  height:var(--tds-btn-attention-icon-size);
  background-color:var(--t-icon-color-status-warning);
  border:.125em solid var(--t-border-color-white);
  border-radius:var(--t-border-radius-round);
}

.tds-btn--infield{
  --tds-btn-color:var(--t-text-color-status-neutral);
  --tds-btn-bg:var(--t-fill-color-button-neutral-solid);
  --tds-btn-border-color:var(--t-fill-color-button-neutral-solid);
  --tds-btn-color-hover:var(--t-text-color-status-neutral);
  --tds-btn-bg-hover:var(--t-fill-color-button-neutral-solid-hover);
  --tds-btn-border-color-hover:var(--t-fill-color-button-neutral-solid-hover);
  --tds-btn-color-active:var(--t-text-color-status-neutral);
  --tds-btn-bg-active:var(--t-fill-color-button-neutral-solid-active);
  --tds-btn-border-color-active:var(--t-fill-color-button-neutral-solid-active);
  --tds-btn-color-disabled:var(--t-text-color-disabled);
  --tds-btn-bg-disabled:var(--t-fill-color-button-neutral-solid-disabled);
  --tds-btn-border-color-disabled:var(--t-fill-color-button-neutral-solid-disabled);
  --tds-btn-padding-x:0;
  --tds-btn-padding-y:0;
  --tds-btn-font-size:.66lh;
  --tds-btn-min-height:auto;
  --tds-btn-border-width:var(--t-border-width);

  aspect-ratio:1;
  cursor:pointer;
}

.tds-btn--infield[data-hovered]:not([data-disabled]){
    color:var(--tds-btn-color-hover);
    background-color:var(--tds-btn-bg-hover);
    border-color:var(--tds-btn-border-color-hover);
  }

.tds-btn--infield[data-focus-visible]{
    color:var(--tds-btn-color-hover);
    outline:var(--t-focus-ring-outline);
    outline-offset:var(--t-focus-ring-offset);
    background-color:var(--tds-btn-bg-hover);
    border-color:var(--tds-btn-border-color-hover);
  }

.tds-btn--infield[data-pressed]:not([data-disabled]){
    color:var(--tds-btn-color-active);
    background-color:var(--tds-btn-bg-active);
    border-color:var(--tds-btn-border-color-active);
  }

.tds-btn--infield[data-disabled]{
    color:var(--tds-btn-color-disabled);
    pointer-events:none;
    background-color:var(--tds-btn-bg-disabled);
    border-color:var(--tds-btn-border-color-disabled);
  }

@layer t-critical, t-component;

:root{
  --t-border-radius-sm:2px;
  --t-border-radius-md:4px;
  --t-border-radius-lg:8px;
  --t-border-radius-xl:16px;
  --t-border-radius-round:56px;
  --t-border-radius:var(--t-border-radius-md);
  --t-border-width:1px;
  --t-border-width-thick:2px;
  --t-spacing-1:8px;
  --t-spacing-2:16px;
  --t-spacing-3:24px;
  --t-spacing-4:32px;
  --t-spacing-5:40px;
  --t-spacing-6:48px;
  --t-spacing-7:56px;
  --t-spacing-fourth:2px;
  --t-spacing-half:4px;
  --t-spacing-1-half:12px;
  --t-element-size-3xl:48px;
  --t-element-size-2xl:32px;
  --t-element-size-xl:24px;
  --t-element-size-lg:18px;
  --t-element-size-md:16px;
  --t-element-size-sm:14px;
  --t-element-size-xs:12px;
  --t-font-size-4xl:32px;
  --t-font-size-3xl:28px;
  --t-font-size-2xl:24px;
  --t-font-size-xl:20px;
  --t-font-size-lg:18px;
  --t-font-size-md:16px;
  --t-font-size-sm:14px;
  --t-font-size-xs:12px;
  --t-font-size-2xs:10px;
  --t-font-weight-normal:400;
  --t-font-weight-medium:500;
  --t-font-weight-semibold:600;
  --t-font-weight-bold:700;
  --t-container-size-xl:48px;
  --t-container-size-lg:40px;
  --t-container-size-md:32px;
  --t-container-size-sm:24px;
  --t-container-size-xs:20px;
  --t-avatar-size-20:20px;
  --t-avatar-size-24:24px;
  --t-avatar-size-36:36px;
  --t-avatar-size-48:48px;
  --t-avatar-size-72:72px;
  --t-avatar-size-112:112px;
  --t-text-color-headline:hsl(0, 0%, 12%);
  --t-text-color:hsl(0, 0%, 24%);
  --t-text-color-secondary:hsl(0, 0%, 42%);
  --t-text-color-disabled:hsl(0, 0%, 68%);
  --t-text-color-placeholder:hsl(0, 0%, 58%);
  --t-text-color-inverted:hsl(0, 0%, 100%);
  --t-text-color-interaction:hsl(204, 100%, 40%);
  --t-text-color-interaction-hover:hsl(204, 100%, 35%);
  --t-text-color-interaction-active:hsl(204, 100%, 30%);
  --t-text-color-interaction-visited:hsl(204, 100%, 30%);
  --t-text-color-status-neutral:hsl(0, 0%, 24%);
  --t-text-color-status-info:hsl(204, 100%, 35%);
  --t-text-color-status-success:hsl(97, 57%, 28%);
  --t-text-color-status-warning:hsl(42, 100%, 29%);
  --t-text-color-status-error:hsl(8, 60%, 45%);
  --t-text-color-tag-subtle-gray:hsl(0, 0%, 24%);
  --t-text-color-tag-subtle-blue:hsl(224, 47%, 31%);
  --t-text-color-tag-subtle-indigo:hsl(241, 59%, 28%);
  --t-text-color-tag-subtle-aqua:hsl(209, 77%, 22%);
  --t-text-color-tag-subtle-teal:hsl(180, 95%, 15%);
  --t-text-color-tag-subtle-green:hsl(100, 93%, 17%);
  --t-text-color-tag-subtle-yellow:hsl(29, 100%, 23%);
  --t-text-color-tag-subtle-orange:hsl(18, 100%, 18%);
  --t-text-color-tag-subtle-pink:hsl(327, 88%, 20%);
  --t-text-color-tag-subtle-purple:hsl(268, 71%, 27%);
  --t-text-color-tag-subtle-magenta:hsl(285, 71%, 20%);
  --t-text-color-tag-bold-gray:hsl(0, 0%, 24%);
  --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
  --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
  --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
  --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
  --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
  --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
  --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
  --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
  --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
  --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
  --t-icon-color:hsl(0, 0%, 24%);
  --t-icon-color-secondary:hsl(0, 0%, 42%);
  --t-icon-color-dim:hsl(0, 0%, 58%);
  --t-icon-color-disabled:hsl(0, 0%, 81%);
  --t-icon-color-inverted:hsl(0, 0%, 100%);
  --t-icon-color-status-neutral:hsl(0, 0%, 42%);
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 58%);
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 24%);
  --t-icon-color-status-info:hsl(204, 100%, 40%);
  --t-icon-color-status-success:hsl(96, 57%, 33%);
  --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
  --t-icon-color-status-warning:hsl(42, 84%, 49%);
  --t-icon-color-status-error:hsl(8, 60%, 47%);
  --t-fill-color-neutral-100:hsl(0, 0%, 100%);
  --t-fill-color-neutral-000:hsl(0, 0%, 12%);
  --t-fill-color-neutral-010:hsl(0, 0%, 24%);
  --t-fill-color-neutral-020:hsl(0, 0%, 42%);
  --t-fill-color-neutral-025:hsl(0, 0%, 50%);
  --t-fill-color-neutral-030:hsl(0, 0%, 58%);
  --t-fill-color-neutral-040:hsl(0, 0%, 81%);
  --t-fill-color-neutral-050:hsl(0, 0%, 88%);
  --t-fill-color-neutral-060:hsl(0, 0%, 93%);
  --t-fill-color-neutral-070:hsl(0, 0%, 95%);
  --t-fill-color-neutral-080:hsl(0, 0%, 97%);
  --t-fill-color-neutral-090:hsl(0, 0%, 98%);
  --t-fill-color-interaction:hsl(204, 100%, 40%);
  --t-fill-color-interaction-hover:hsl(204, 100%, 35%);
  --t-fill-color-interaction-active:hsl(204, 100%, 30%);
  --t-fill-color-interaction-disabled:hsl(0, 0%, 81%);
  --t-fill-color-control-neutral:hsl(0, 0%, 58%);
  --t-fill-color-control:var(--t-fill-color-interaction);
  --t-fill-color-control-disabled:hsl(0, 0%, 81%);
  --t-fill-color-status-neutral:hsl(0, 0%, 42%);
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 97%);
  --t-fill-color-status-info:hsl(204, 100%, 40%);
  --t-fill-color-status-info-ghost:hsl(203, 94%, 94%);
  --t-fill-color-status-info-dim:hsl(204, 100%, 97%);
  --t-fill-color-status-success:hsl(96, 57%, 33%);
  --t-fill-color-status-success-ghost:hsl(97, 57%, 90%);
  --t-fill-color-status-success-dim:hsl(96, 60%, 95%);
  --t-fill-color-status-warning:hsl(42, 84%, 63%);
  --t-fill-color-status-warning-ghost:hsl(42, 87%, 94%);
  --t-fill-color-status-warning-dim:hsl(42, 87%, 97%);
  --t-fill-color-status-error:hsl(8, 60%, 47%);
  --t-fill-color-status-error-ghost:hsl(9, 59%, 93%);
  --t-fill-color-status-error-dim:hsl(7, 60%, 97%);
  --t-fill-color-status-error-hover:hsl(8, 60%, 40%);
  --t-fill-color-tooltip:hsla(0, 0%, 12%, 0.9);
  --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
  --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
  --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
  --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
  --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
  --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
  --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
  --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
  --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
  --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
  --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
  --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
  --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
  --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
  --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
  --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
  --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
  --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
  --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
  --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
  --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
  --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
  --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
  --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
  --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
  --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
  --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
  --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
  --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
  --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
  --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
  --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
  --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
  --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
  --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
  --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
  --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
  --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
  --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
  --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
  --t-fill-color-product-home-010:hsl(221, 89%, 93%);
  --t-fill-color-product-home-020:hsl(221, 91%, 91%);
  --t-fill-color-product-home-030:hsl(221, 91%, 87%);
  --t-fill-color-product-home-040:hsl(221, 91%, 62%);
  --t-fill-color-product-home-050:hsl(221, 91%, 55%);
  --t-fill-color-product-home-060:hsl(221, 90%, 50%);
  --t-fill-color-product-home-070:hsl(221, 90%, 45%);
  --t-fill-color-product-home-080:hsl(218, 84%, 25%);
  --t-fill-color-product-musicstand-010:hsl(207, 61%, 93%);
  --t-fill-color-product-musicstand-020:hsl(207, 61%, 90%);
  --t-fill-color-product-musicstand-030:hsl(207, 58%, 85%);
  --t-fill-color-product-musicstand-040:hsl(207, 59%, 60%);
  --t-fill-color-product-musicstand-050:hsl(207, 59%, 50%);
  --t-fill-color-product-musicstand-060:hsl(207, 59%, 40%);
  --t-fill-color-product-musicstand-070:hsl(207, 59%, 35%);
  --t-fill-color-product-musicstand-080:hsl(207, 59%, 25%);
  --t-fill-color-product-people-010:hsl(219, 73%, 91%);
  --t-fill-color-product-people-020:hsl(220, 69%, 81%);
  --t-fill-color-product-people-030:hsl(221, 73%, 71%);
  --t-fill-color-product-people-040:hsl(221, 73%, 65%);
  --t-fill-color-product-people-050:hsl(220, 74%, 57%);
  --t-fill-color-product-people-060:hsl(220, 68%, 51%);
  --t-fill-color-product-people-070:hsl(220, 68%, 41%);
  --t-fill-color-product-people-080:hsl(221, 68%, 31%);
  --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
  --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
  --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
  --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
  --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
  --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
  --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
  --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
  --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
  --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
  --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
  --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
  --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
  --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
  --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
  --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
  --t-fill-color-product-services-010:hsl(88, 31%, 88%);
  --t-fill-color-product-services-020:hsl(88, 39%, 75%);
  --t-fill-color-product-services-030:hsl(88, 39%, 66%);
  --t-fill-color-product-services-040:hsl(88, 40%, 54%);
  --t-fill-color-product-services-050:hsl(88, 45%, 41%);
  --t-fill-color-product-services-060:hsl(89, 62%, 31%);
  --t-fill-color-product-services-070:hsl(89, 62%, 26%);
  --t-fill-color-product-services-080:hsl(89, 63%, 21%);
  --t-fill-color-product-staff:hsl(328, 100%, 45%);
  --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
  --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
  --t-fill-color-product-accounts-gradient-brand:linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
  --t-fill-color-product-api-gradient-brand:linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
  --t-fill-color-product-calendar-gradient-brand:linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
  --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
  --t-fill-color-product-cc-gradient-brand:linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
  --t-fill-color-product-checkins-gradient-brand:linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
  --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));
  --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));
  --t-fill-color-product-giving-gradient-brand:linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
  --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));
  --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));
  --t-fill-color-product-groups-gradient-brand:linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
  --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
  --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
  --t-fill-color-product-headcounts-gradient-brand:linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
  --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
  --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
  --t-fill-color-product-musicstand-gradient-brand:linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
  --t-fill-color-product-people-gradient-brand:linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
  --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
  --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
  --t-fill-color-product-publishing-gradient-brand:linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
  --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));
  --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));
  --t-fill-color-product-registrations-gradient-brand:linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
  --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));
  --t-fill-color-product-services-gradient-brand:linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%));
  --t-fill-color-tag-gray-010:hsl(0, 0%, 93%);
  --t-fill-color-tag-gray-020:hsl(0, 0%, 88%);
  --t-fill-color-tag-gray-030:hsl(0, 0%, 88%);
  --t-fill-color-tag-gray-040:hsl(0, 0%, 81%);
  --t-fill-color-tag-blue-010:hsl(220, 100%, 95%);
  --t-fill-color-tag-blue-020:hsl(221, 100%, 88%);
  --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
  --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
  --t-fill-color-tag-aqua-010:hsl(200, 82%, 89%);
  --t-fill-color-tag-aqua-020:hsl(200, 82%, 82%);
  --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
  --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
  --t-fill-color-tag-teal-010:hsl(163, 53%, 83%);
  --t-fill-color-tag-teal-020:hsl(164, 52%, 76%);
  --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
  --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
  --t-fill-color-tag-green-010:hsl(98, 59%, 85%);
  --t-fill-color-tag-green-020:hsl(99, 59%, 78%);
  --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
  --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
  --t-fill-color-tag-yellow-010:hsl(45, 77%, 85%);
  --t-fill-color-tag-yellow-020:hsl(44, 78%, 77%);
  --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
  --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
  --t-fill-color-tag-orange-010:hsl(22, 89%, 89%);
  --t-fill-color-tag-orange-020:hsl(21, 89%, 82%);
  --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
  --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
  --t-fill-color-tag-pink-010:hsl(311, 66%, 92%);
  --t-fill-color-tag-pink-020:hsl(310, 64%, 85%);
  --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
  --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
  --t-fill-color-tag-purple-010:hsl(259, 74%, 93%);
  --t-fill-color-tag-purple-020:hsl(259, 74%, 85%);
  --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
  --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
  --t-fill-color-tag-magenta-010:hsl(294, 37%, 90%);
  --t-fill-color-tag-magenta-020:hsl(291, 40%, 83%);
  --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
  --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
  --t-fill-color-tag-indigo-010:hsl(234, 78%, 93%);
  --t-fill-color-tag-indigo-020:hsl(233, 79%, 87%);
  --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
  --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 93%);
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 88%);
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 81%);
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 95%);
  --t-fill-color-button-neutral-outline:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 95%);
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 93%);
  --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 98%);
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-neutral-responsive-header:var(--t-fill-color-transparency-dark-010);
  --t-fill-color-button-neutral-responsive-header-hover:var(--t-fill-color-transparency-dark-020);
  --t-fill-color-button-neutral-responsive-header-active:var(--t-fill-color-transparency-dark-030);
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 0%, 0.05);
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 40%);
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
  --t-fill-color-button-interaction-solid-active:hsl(204, 100%, 30%);
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
  --t-fill-color-button-interaction-outline:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-interaction-outline-hover:hsl(204, 100%, 97%);
  --t-fill-color-button-interaction-outline-active:hsl(203, 94%, 94%);
  --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 98%);
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 100%, 97%);
  --t-fill-color-button-interaction-ghost-active:hsl(203, 94%, 94%);
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-delete-solid:hsl(8, 60%, 47%);
  --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 40%);
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 95%);
  --t-fill-color-button-delete-outline:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-delete-outline-hover:hsl(7, 60%, 97%);
  --t-fill-color-button-delete-outline-active:hsl(9, 59%, 93%);
  --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 98%);
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-delete-ghost-hover:hsl(7, 60%, 97%);
  --t-fill-color-button-delete-ghost-active:hsl(9, 59%, 93%);
  --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 100%, 0);
  --t-fill-color-button-pill:hsl(0, 0%, 93%);
  --t-fill-color-button-pill-hover:hsl(0, 0%, 88%);
  --t-fill-color-button-pill-active:hsl(0, 0%, 88%);
  --t-fill-color-button-pill-disabled:hsl(0, 0%, 93%);
  --t-fill-color-transparency-light-010:hsla(0, 0%, 100%, 0.1);
  --t-fill-color-transparency-light-020:hsla(0, 0%, 100%, 0.2);
  --t-fill-color-transparency-light-030:hsla(0, 0%, 100%, 0.3);
  --t-fill-color-transparency-light-040:hsla(0, 0%, 100%, 0.4);
  --t-fill-color-transparency-light-050:hsla(0, 0%, 100%, 0.5);
  --t-fill-color-transparency-light-060:hsla(0, 0%, 100%, 0.6);
  --t-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
  --t-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
  --t-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
  --t-fill-color-transparency-dark-010:hsla(0, 0%, 0%, 0.1);
  --t-fill-color-transparency-dark-020:hsla(0, 0%, 0%, 0.2);
  --t-fill-color-transparency-dark-030:hsla(0, 0%, 0%, 0.3);
  --t-fill-color-transparency-dark-040:hsla(0, 0%, 0%, 0.4);
  --t-fill-color-transparency-dark-050:hsla(0, 0%, 0%, 0.5);
  --t-fill-color-transparency-dark-060:hsla(0, 0%, 0%, 0.6);
  --t-fill-color-transparency-dark-070:hsla(0, 0%, 0%, 0.7);
  --t-fill-color-transparency-dark-080:hsla(0, 0%, 0%, 0.8);
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 0%, 0.9);
  --t-fill-color-transparency-dark-static-010:hsla(0, 0%, 0%, 0.1);
  --t-fill-color-transparency-dark-static-020:hsla(0, 0%, 0%, 0.2);
  --t-fill-color-transparency-dark-static-030:hsla(0, 0%, 0%, 0.3);
  --t-fill-color-transparency-dark-static-040:hsla(0, 0%, 0%, 0.4);
  --t-fill-color-transparency-dark-static-050:hsla(0, 0%, 0%, 0.5);
  --t-fill-color-transparency-dark-static-060:hsla(0, 0%, 0%, 0.6);
  --t-fill-color-transparency-dark-static-070:hsla(0, 0%, 0%, 0.7);
  --t-fill-color-transparency-dark-static-080:hsla(0, 0%, 0%, 0.8);
  --t-fill-color-transparency-dark-static-090:hsla(0, 0%, 0%, 0.9);
  --t-surface-color-card:var(--t-fill-color-neutral-100);
  --t-surface-color-canvas:var(--t-fill-color-neutral-100);
  --t-border-color:hsl(0, 0%, 88%);
  --t-border-color-dark:hsl(0, 0%, 81%);
  --t-border-color-darker:hsl(0, 0%, 68%);
  --t-border-color-darkest:hsl(0, 0%, 58%);
  --t-border-color-disabled:hsl(0, 0%, 88%);
  --t-border-color-dim:hsl(0, 0%, 95%);
  --t-border-color-white:hsl(0, 0%, 100%);
  --t-border-color-status-neutral:hsl(0, 0%, 58%);
  --t-border-color-status-info:hsl(204, 100%, 40%);
  --t-border-color-status-success:hsl(97, 57%, 40%);
  --t-border-color-status-warning:hsl(42, 84%, 63%);
  --t-border-color-status-error:hsl(8, 60%, 47%);
  --t-border-color-button-neutral:hsl(0, 0%, 88%);
  --t-border-color-button-info:hsl(204, 100%, 40%);
  --t-border-color-button-create:hsl(96, 57%, 33%);
  --t-border-color-button-delete:hsl(8, 60%, 47%);
  --t-border-color-control-neutral:hsl(0, 0%, 68%);
  --t-border-color-control-info:hsl(204, 100%, 40%);
  --t-border-color-control-success:hsl(97, 57%, 40%);
  --t-border-color-control-warning:hsl(42, 84%, 63%);
  --t-border-color-control-error:hsl(8, 60%, 47%);
  --t-border-color-control-disabled:hsl(0, 0%, 81%);
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.07);
  --t-font-sans-serif:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --t-font-monospace:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --t-ease-linear:linear;
  --t-ease-in:cubic-bezier(0.5, 0, 1, 1);
  --t-ease-out:cubic-bezier(0, 0, 0.4, 1);
  --t-ease-in-out:cubic-bezier(0.45, 0, 0.4, 1);
  --t-duration-0:0ms;
  --t-duration-100:85ms;
  --t-duration-200:130ms;
  --t-duration-300:160ms;
  --t-duration-400:240ms;
  --t-duration-500:400ms;
  --t-focus-ring-color:var(--t-fill-color-interaction);
  --t-focus-ring-offset:2px;
  --t-focus-ring-outline:var(--t-focus-ring-width) solid var(--t-focus-ring-color);
  --t-focus-ring-width:2px;
  --t-form-background-color:var(--t-fill-color-neutral-100);
  --t-form-background-color-disabled:var(--t-fill-color-neutral-070);
  --t-form-background-color-error:var(--t-fill-color-neutral-100);
  --t-form-background-color-readonly:var(--t-fill-color-neutral-070);
  --t-form-border-color:var(--t-border-color);
  --t-form-border-color-disabled:var(--t-border-color);
  --t-form-border-color-error:var(--t-border-color-status-error);
  --t-form-border-color-error-hover:var(--t-fill-color-status-error-hover);
  --t-form-border-color-focus:var(--t-fill-color-interaction);
  --t-form-border-color-hover:var(--t-border-color-dark);
  --t-form-border-color-readonly:hsla(0, 0%, 100%, 0);
  --t-form-border-radius:var(--t-border-radius-md);
  --t-form-border-width:var(--t-border-width);
  --t-form-color:var(--t-text-color);
  --t-form-color-disabled:var(--t-text-color-disabled);
  --t-form-color-error:var(--t-text-color);
  --t-form-color-readonly:var(--t-text-color);
  --t-form-picker-icon-color:var(--t-icon-color);
  --t-form-placeholder-color:var(--t-text-color-placeholder);
  --t-form-toggle-color:var(--t-fill-color-control-neutral);
  --t-form-toggle-color-disabled:var(--t-fill-color-control-disabled);
  --t-form-toggle-color-hover:var(--t-fill-color-neutral-025);
  --t-form-toggle-color-on:var(--t-fill-color-interaction);
  --t-form-toggle-color-on-hover:var(--t-fill-color-interaction-hover);
  --t-fill-color-control-neutral-off:var(--t-fill-color-control-neutral);
  --t-fill-color-control-neutral-on:hsl(0, 0%, 24%);
  --t-fill-color-control-error:var(--t-fill-color-status-error);
  --t-fill-color-control-secondary:var(--t-icon-color-status-success-secondary);
  --t-form-font-color:var(--t-form-color);
  --t-form-font-color-disabled:var(--t-form-color-disabled);
  --t-form-font-color-error:var(--t-text-color-status-error);
  --t-form-font-color-readonly:var(--t-form-color-readonly);
}

:root[data-color-mode="dark"]{
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
  color-scheme:dark;
  --t-text-color-headline:hsl(0, 0%, 94%);
  --t-text-color:hsl(0, 0%, 80%);
  --t-text-color-secondary:hsl(0, 0%, 54%);
  --t-text-color-disabled:hsl(0, 0%, 32%);
  --t-text-color-placeholder:hsl(0, 0%, 38%);
  --t-text-color-interaction:hsl(204, 68%, 55%);
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
  --t-text-color-interaction-visited:hsl(204, 68%, 50%);
  --t-text-color-status-neutral:hsl(0, 0%, 80%);
  --t-text-color-status-info:hsl(204, 68%, 55%);
  --t-text-color-status-success:hsl(97, 57%, 41%);
  --t-text-color-status-warning:hsl(42, 84%, 55%);
  --t-text-color-status-error:hsl(8, 61%, 61%);
  --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
  --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
  --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
  --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
  --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
  --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
  --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
  --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
  --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
  --t-icon-color:hsl(0, 0%, 80%);
  --t-icon-color-secondary:hsl(0, 0%, 54%);
  --t-icon-color-dim:hsl(0, 0%, 38%);
  --t-icon-color-disabled:hsl(0, 0%, 25%);
  --t-icon-color-status-neutral:hsl(0, 0%, 54%);
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
  --t-icon-color-status-info:hsl(204, 68%, 55%);
  --t-icon-color-status-error:hsl(8, 61%, 61%);
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
  --t-fill-color-neutral-010:hsl(0, 0%, 88%);
  --t-fill-color-neutral-020:hsl(0, 0%, 68%);
  --t-fill-color-neutral-025:hsl(0, 0%, 58%);
  --t-fill-color-neutral-030:hsl(0, 0%, 50%);
  --t-fill-color-neutral-040:hsl(0, 0%, 32%);
  --t-fill-color-neutral-050:hsl(0, 0%, 24%);
  --t-fill-color-neutral-060:hsl(0, 0%, 19%);
  --t-fill-color-neutral-070:hsl(0, 0%, 17%);
  --t-fill-color-neutral-080:hsl(0, 0%, 15%);
  --t-fill-color-neutral-090:hsl(0, 0%, 12%);
  --t-fill-color-interaction:hsl(204, 100%, 35%);
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
  --t-fill-color-control-neutral:hsl(0, 0%, 32%);
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
  --t-fill-color-status-info:hsl(204, 100%, 35%);
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
  --t-fill-color-status-error-hover:hsl(8, 60%, 64%);
  --t-fill-color-tooltip:hsla(0, 0%, 24%, 0.9);
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
  --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
  --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
  --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
  --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
  --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
  --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
  --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
  --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
  --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
  --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
  --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
  --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
  --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
  --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
  --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
  --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
  --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
  --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
  --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
  --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
  --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
  --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
  --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
  --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
  --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
  --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
  --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
  --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
  --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
  --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
  --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
  --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
  --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
  --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
  --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
  --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
  --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
  --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
  --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
  --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
  --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
  --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
  --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
  --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
  --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
  --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
  --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
  --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
  --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-pill:hsl(0, 0%, 18%);
  --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
  --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
  --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
  --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
  --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
  --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
  --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
  --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
  --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
  --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
  --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
  --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
  --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
  --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
  --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
  --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
  --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
  --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
  --t-surface-color-card:hsl(0, 0%, 12%);
  --t-surface-color-canvas:hsl(0, 0%, 10%);
  --t-border-color:hsl(0, 0%, 21%);
  --t-border-color-dark:hsl(0, 0%, 25%);
  --t-border-color-darker:hsl(0, 0%, 33%);
  --t-border-color-darkest:hsl(0, 0%, 38%);
  --t-border-color-disabled:hsl(0, 0%, 21%);
  --t-border-color-dim:hsl(0, 0%, 16%);
  --t-border-color-white:hsl(0, 0%, 12%);
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
  --t-border-color-status-info:hsl(204, 100%, 35%);
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
  --t-border-color-control-info:hsl(204, 100%, 35%);
  --t-border-color-control-disabled:hsl(0, 0%, 24%);
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
}

@media (prefers-color-scheme: dark){
:root[data-color-mode="system"]{
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
  color-scheme:dark;
  --t-text-color-headline:hsl(0, 0%, 94%);
  --t-text-color:hsl(0, 0%, 80%);
  --t-text-color-secondary:hsl(0, 0%, 54%);
  --t-text-color-disabled:hsl(0, 0%, 32%);
  --t-text-color-placeholder:hsl(0, 0%, 38%);
  --t-text-color-interaction:hsl(204, 68%, 55%);
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
  --t-text-color-interaction-visited:hsl(204, 68%, 50%);
  --t-text-color-status-neutral:hsl(0, 0%, 80%);
  --t-text-color-status-info:hsl(204, 68%, 55%);
  --t-text-color-status-success:hsl(97, 57%, 41%);
  --t-text-color-status-warning:hsl(42, 84%, 55%);
  --t-text-color-status-error:hsl(8, 61%, 61%);
  --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
  --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
  --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
  --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
  --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
  --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
  --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
  --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
  --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
  --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
  --t-icon-color:hsl(0, 0%, 80%);
  --t-icon-color-secondary:hsl(0, 0%, 54%);
  --t-icon-color-dim:hsl(0, 0%, 38%);
  --t-icon-color-disabled:hsl(0, 0%, 25%);
  --t-icon-color-status-neutral:hsl(0, 0%, 54%);
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
  --t-icon-color-status-info:hsl(204, 68%, 55%);
  --t-icon-color-status-error:hsl(8, 61%, 61%);
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
  --t-fill-color-neutral-010:hsl(0, 0%, 88%);
  --t-fill-color-neutral-020:hsl(0, 0%, 68%);
  --t-fill-color-neutral-025:hsl(0, 0%, 58%);
  --t-fill-color-neutral-030:hsl(0, 0%, 50%);
  --t-fill-color-neutral-040:hsl(0, 0%, 32%);
  --t-fill-color-neutral-050:hsl(0, 0%, 24%);
  --t-fill-color-neutral-060:hsl(0, 0%, 19%);
  --t-fill-color-neutral-070:hsl(0, 0%, 17%);
  --t-fill-color-neutral-080:hsl(0, 0%, 15%);
  --t-fill-color-neutral-090:hsl(0, 0%, 12%);
  --t-fill-color-interaction:hsl(204, 100%, 35%);
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
  --t-fill-color-control-neutral:hsl(0, 0%, 32%);
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
  --t-fill-color-status-info:hsl(204, 100%, 35%);
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
  --t-fill-color-status-error-hover:hsl(8, 60%, 64%);
  --t-fill-color-tooltip:hsla(0, 0%, 24%, 0.9);
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
  --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
  --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
  --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
  --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
  --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
  --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
  --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
  --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
  --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
  --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
  --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
  --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
  --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
  --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
  --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
  --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
  --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
  --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
  --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
  --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
  --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
  --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
  --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
  --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
  --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
  --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
  --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
  --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
  --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
  --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
  --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
  --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
  --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
  --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
  --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
  --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
  --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
  --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
  --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
  --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
  --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
  --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
  --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
  --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
  --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
  --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
  --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
  --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
  --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
  --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
  --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
  --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
  --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
  --t-fill-color-button-pill:hsl(0, 0%, 18%);
  --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
  --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
  --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
  --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
  --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
  --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
  --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
  --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
  --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
  --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
  --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
  --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
  --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
  --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
  --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
  --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
  --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
  --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
  --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
  --t-surface-color-card:hsl(0, 0%, 12%);
  --t-surface-color-canvas:hsl(0, 0%, 10%);
  --t-border-color:hsl(0, 0%, 21%);
  --t-border-color-dark:hsl(0, 0%, 25%);
  --t-border-color-darker:hsl(0, 0%, 33%);
  --t-border-color-darkest:hsl(0, 0%, 38%);
  --t-border-color-disabled:hsl(0, 0%, 21%);
  --t-border-color-dim:hsl(0, 0%, 16%);
  --t-border-color-white:hsl(0, 0%, 12%);
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
  --t-border-color-status-info:hsl(204, 100%, 35%);
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
  --t-border-color-control-info:hsl(204, 100%, 35%);
  --t-border-color-control-disabled:hsl(0, 0%, 24%);
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
}
}

@media (prefers-color-scheme: dark){
}

.t-banner{
  --t-banner-font-size:var(--t-font-size-md);
  --t-banner-font-color:var(--t-text-color);
  --t-banner-background-color:var(--t-fill-color-status-neutral-ghost);
  --t-banner-spacing:var(--t-spacing-2);
  --t-banner-border-radius:var(--t-border-radius-md);
  --t-banner-title-font-color:var(--t-text-color-headline);
  --t-banner-title-font-size:var(--t-font-size-md);
  --t-banner-title-font-weight:var(--t-font-weight-semibold);
  --t-banner-icon-fill-color:hsla(0, 0%, 0%, 0);
  --t-banner-background-color-info:var(--t-fill-color-status-info-ghost);
  --t-banner-icon-fill-color-info:var(--t-icon-color-status-info);
  --t-banner-background-color-warning:var(--t-fill-color-status-warning-ghost);
  --t-banner-icon-fill-color-warning:var(--t-icon-color-status-warning);
  --t-banner-background-color-error:var(--t-fill-color-status-error-ghost);
  --t-banner-icon-fill-color-error:var(--t-icon-color-status-error);
  --t-banner-background-color-success:var(--t-fill-color-status-success-ghost);
  --t-banner-icon-fill-color-success:var(--t-icon-color-status-success);
  --t-banner-link-font-color-hover:var(--t-text-color-headline);
  display:flex;
  gap:var(--t-banner-spacing);
  padding:var(--t-banner-spacing);
  font-size:var(--t-banner-font-size);
  line-height:1.4;
  color:var(--t-banner-font-color);
  background-color:var(--t-banner-background-color);
  border-radius:var(--t-banner-border-radius);
}

.t-banner-title{
  display:block;
  margin-bottom:var(--t-spacing-half);
  font-size:var(--t-banner-title-font-size);
  font-weight:var(--t-banner-title-font-weight);
  color:var(--t-banner-title-font-color);
}

.t-banner-icon{
  margin-top:1px;
}

.t-banner-icon svg{
  fill:var(--t-banner-icon-fill-color);
}

.t-banner-body a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
  transition:color .1s linear;
}

.t-banner--status-info{
  --t-banner-background-color:var(--t-banner-background-color-info);
  --t-banner-icon-fill-color:var(--t-banner-icon-fill-color-info);
}

.t-banner--status-warning{
  --t-banner-background-color:var(--t-banner-background-color-warning);
  --t-banner-icon-fill-color:var(--t-banner-icon-fill-color-warning);
}

.t-banner--status-error{
  --t-banner-background-color:var(--t-banner-background-color-error);
  --t-banner-icon-fill-color:var(--t-banner-icon-fill-color-error);
}

.t-banner--status-success{
  --t-banner-background-color:var(--t-banner-background-color-success);
  --t-banner-icon-fill-color:var(--t-banner-icon-fill-color-success);
}

.t-banner--sm{
  --t-banner-spacing:calc(var(--t-spacing-half) + var(--t-spacing-1));
}

/*# sourceMappingURL=reactRender.css.map */