@font-face {
  font-family: Seaanif;
  src:url(/assets/fonts/Serrif-Variable.woff2) format("woff2 supports variations"),url(/assets/fonts/Serrif-Variable.woff2) format("woff2-variations");
  font-weight:100 900;
  font-style:normal;
  font-display:swap
}

@font-face { 
  font-family: Seaans;
  src:url(/assets/fonts/Saans-Variable.woff2) format("woff2 supports variations"),url(/assets/fonts/Saans-Variable.woff2) format("woff2-variations");
  font-weight:300 900;
  font-display:swap
}

@font-face {
  font-family: Favorit;
  src:url(/assets/fonts/Favorit-Variable.woff2) format("woff2 supports variations"),url(/assets/fonts/Favorit-Variable.woff2) format("woff2-variations");
  font-weight:300 700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family: Favorit Mono;
  src:url(/assets/fonts/FavoritMono-Variable.woff2) format("woff2 supports variations"),url(/assets/fonts/FavoritMono-Variable.woff2) format("woff2-variations");
  font-weight:300 700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family: Marist;
  src:url(/assets/fonts/Marist-Variable.woff2) format("woff2 supports variations"),url(/assets/fonts/Marist-Variable.woff2) format("woff2-variations");
  font-weight:300 700;
  font-style:normal;
  font-display:swap
}

@layer properties {

  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,:before,:after,::backdrop {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-scale-x:1;
      --tw-scale-y:1;
      --tw-scale-z:1;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-x-reverse:0;
      --tw-divide-x-reverse:0;
      --tw-border-style:solid;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-ordinal:initial;
      --tw-slashed-zero:initial;
      --tw-numeric-figure:initial;
      --tw-numeric-spacing:initial;
      --tw-numeric-fraction:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial;
      --tw-ease:initial;
      --tw-content:"";
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%
    }
  }
}

@layer theme {

  :root,:host {
    --spacing:1px;
    --container-xs:20rem;
    --font-weight-light: 330;
    --font-weight-normal: 400;
    --font-weight-medium: 450;
    --font-weight-semibold: 530;
    --font-weight-bold: 625;
    --leading-tight:1.25;
    --leading-normal:1.5;
    --ease-in:cubic-bezier(.4,0,1,1);
    --ease-in-out:cubic-bezier(.4,0,.2,1);
    --blur-xs:4px;
    --blur-sm:8px;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family:var(--font-sans);
    --font-sans:"Seaans","Helvetica","Arial",sans-serif;
    --font-serif:"Marist",serif;
    --font-favorit:"Favorit";
    --color-currentColor:currentColor;
    --color-black:#000;
    --color-white:#fff;
    --color-paper:#f2f0e6;
    --color-paper-dark:#e0ddcf;
    --color-notification:#ffff3c;
    --color-menthol:#b8fbff;
    --color-sand:#76756f;
    --color-menu:#c9cac9;
    --color-submenu:#e3e3e3;
    --color-newsletter:#beffbd;
    --color-blue:#000dff;
    --color-red:#ffdcdc;
    --color-alert:#ff351a;
    --color-test:#2044ff;
    --color-green:#beffbd;
    --color-green-dark:#317934;
    --color-account-black:#8b7340;
    --color-magenta:#ff5eff;
    --color-warning-dark:#ff9700;
    --color-warning:#fff0dc;
    --color-plain-input-hover:#e6e4da;
    --color-hint-gray:#b6b6b6;
    --text-xl:4.8rem;
    --text-xl--line-height:90%;
    --text-xl--letter-spacing:-.96px;
    --text-xl--font-weight:400;
    --text-smXl:3rem;
    --text-smXl--line-height:110%;
    --text-smXl--letter-spacing:-.01em;
    --text-smXl--font-weight:400;
    --text-l:2.8rem;
    --text-l--line-height:110%;
    --text-l--letter-spacing:-.28px;
    --text-l--font-weight:400;
    --text-smL:2.8rem;
    --text-smL--line-height:110%;
    --text-smL--letter-spacing:-.28px;
    --text-smL--font-weight:400;
    --text-smSaansL:2.2rem;
    --text-smSaansL--line-height:115%;
    --text-smSaansL--letter-spacing:.1px;
    --text-smSaansL--font-weight:400;
    --text-x:2.1rem;
    --text-x--line-height:115%;
    --text-x--letter-spacing:.21px;
    --text-x--font-weight:400;
    --text-smX:2.1rem;
    --text-smX--line-height:115%;
    --text-smX--letter-spacing:.21px;
    --text-smX--font-weight:400;
    --text-m:2.1rem;
    --text-m--line-height:115%;
    --text-m--letter-spacing:.21px;
    --text-m--font-weight:400;
    --text-smM:1.7rem;
    --text-smM--line-height:115%;
    --text-smM--letter-spacing:.21px;
    --text-smM--font-weight:400;
    --text-s:1.5rem;
    --text-s--line-height:130%;
    --text-s--letter-spacing:.3px;
    --text-s--font-weight:400;
    --text-smS:1.4rem;
    --text-smS--line-height:130%;
    --text-smS--letter-spacing:.3px;
    --text-smS--font-weight:400;
    --text-body:1.5rem;
    --text-body--line-height:139%;
    --text-body--letter-spacing:.3px;
    --text-body--font-weight:400;
    --text-smBody:1.5rem;
    --text-smBody--line-height:139%;
    --text-smBody--letter-spacing:.3px;
    --text-smBody--font-weight:400;
    --radius-none:0;
    --radius-xs:.1rem;
    --radius-sm:.2rem;
    --radius-base:.8rem;
    --radius-md:1rem;
    --radius-lg:2rem;
    --radius-xl:3rem;
    --radius-2xl:5rem;
    --radius-full:50%;
    --tracking-tight:-.025em;
    --tracking-normal:0em;
    --tracking-wide:.01em;
    --tracking-wider:.02em;
    --menuItem-properties:background,color,border-radius;
    --animate-fadeIn:fadeIn .2s ease-out;
    --animate-fadeOut:fadeOut .2s ease-in;
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --animate-growFromBottom:growFromBottom .2s ease-out;
    --animate-shrinkToBottom:shrinkToBottom .2s ease-in;
    --animate-slideUpAndFade:slideUpAndFade .4s cubic-bezier(.16,1,.3,1);
    --animate-slideRightAndFade:slideRightAndFade .4s cubic-bezier(.16,1,.3,1);
    --animate-slideDownAndFade:slideDownAndFade .4s cubic-bezier(.16,1,.3,1);
    --animate-slideLeftAndFade:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1);
    --animate-accordionDown:accordionDown .2s ease-out;
    --animate-accordionUp:accordionUp .2s ease-out
  }
}

@layer base {

  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }

  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }

  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }

  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }

  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }

  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }

  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }

  b,strong {
    font-weight:bolder
  }

  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }

  small {
    font-size:80%
  }

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

  sub {
    bottom:-.25em
  }

  sup {
    top:-.5em
  }

  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }

  :-moz-focusring {
    outline:auto
  }

  progress {
    vertical-align:baseline
  }

  summary {
    display:list-item
  }

  ol,ul,menu {
    list-style:none
  }

  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block
  }

  img,video {
    max-width:100%;
    height:auto
  }

  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }

  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }

  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }

  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px
  }

  ::file-selector-button {
    margin-inline-end:4px
  }

  ::placeholder {
    opacity:1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {

    ::placeholder {
      color:currentColor
    }

    @supports (color:color-mix(in lab,red,red)) {

      ::placeholder {
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }

  textarea {
    resize:vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance:none
  }

  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }

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

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

  ::-webkit-datetime-edit {
    padding-block:0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }

  ::-webkit-calendar-picker-indicator {
    line-height:1
  }

  :-moz-ui-invalid {
    box-shadow:none
  }

  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance:button
  }

  ::file-selector-button {
    appearance:button
  }

  ::-webkit-inner-spin-button {
    height:auto
  }

  ::-webkit-outer-spin-button {
    height:auto
  }

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

  :scope:where(.dark,.dark *) {
    --color-black:#fff;
    --color-white:#000;
    --color-paper:#2d3352;
    --color-paper-dark:#1f2230;
    --color-notification:#1317c2;
    --color-menthol:#420401;
    --color-sans:#898a90;
    --color-menu:#3b3839;
    --color-submenu:#1c1c1c;
    --color-newsletter:#410042;
    --color-blue:#fff200;
    --color-test:#dfbb00;
    --color-account-black:#748cbf;
    --color-magenta:#00a100;
    --color-warning-dark:#0068ff;
    --color-warning:#dcebff;
    --color-alert:#00ebfa;
    --color-red:#002323;
    --color-green:#410042;
    --color-green-dark:#ce86cb;
    --color-plain-input-hover:#191b25;
    --color-hint-gray:#494949
  }

  :scope:where(.dark,.dark *) .darkInvert {
    filter:invert()hue-rotate(180deg)
  }

  button:not(:disabled),[role=button]:not(:disabled) {
    cursor:pointer
  }

  html {
    box-sizing:border-box;
    font-size:10px
  }

  html:has(:target) {
    scroll-behavior:smooth
  }

  body {
    font-size:var(--text-body);
    line-height:var(--tw-leading,var(--text-body--line-height));
    letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-body--font-weight));
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings:normal
  }

  :focus-visible {
    outline:0
  }

  ::view-transition-old(root) {
    animation:90ms cubic-bezier(.4,0,1,1) both fadeOutPlain
  }

  ::view-transition-new(root) {
    animation:.21s cubic-bezier(0,0,.2,1) 90ms both fadeIn
  }

  a {
    text-decoration-line:underline
  }

  @media(hover:hover) {

    a:hover {
      text-decoration-line:none
    }
  }

  b,strong {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }

  em,i {
    font-variation-settings:"ital" 11;
    font-style:normal
  }

  img:not(a img) {
    -webkit-user-select:none;
    user-select:none;
    cursor:default
  }

  .styled-scrollbar::-webkit-scrollbar {
    width:1.1rem
  }

  .styled-scrollbar::-webkit-scrollbar-track {
    background-color:#d9d9d9
  }

  .styled-scrollbar::-webkit-scrollbar-thumb {
    background-color:var(--color-black);
    border-radius:0
  }

  .styled-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:var(--color-black)
  }

  .text-m,.text-s,.text-body,.text-smS,.text-smBody {
    font-feature-settings:"ss03"
  }

  .text-xl,.text-smXl,.text-l,.text-smL,.text-x,.text-smX,.turn-off-feature {
    font-feature-settings:normal!important
  }

  .turn-off-feature-soft {
    font-feature-settings:normal
  }

  ul.typo,.licenseAgreementTypo ul,ol.typo,.typo ul,.typo ol {
    margin-left:.2em;
    padding-left:1em;
    list-style:outside
  }

  ol.typo,.typo ol {
    list-style:decimal
  }

  .typo table {
    text-align:left;
    width:100%
  }

  .typo td,.typo th {
    padding-inline:calc(var(--spacing)*5);
    padding-block:calc(var(--spacing)*4)
  }

  .typo table thead th,.typo table thead td {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px;
    border-color:var(--color-black)
  }

  .embla {
    overflow:hidden
  }

  .embla__container {
    align-items:flex-start;
    display:flex
  }

  .embla__slide {
    flex:0 0 100%;
    min-width:0
  }

  .rendererContent>*,.rendererContent div.typo>* {
    margin-block:calc(var(--spacing)*30)
  }

  :is(.rendererContent>*,.rendererContent div.typo>*):first-child {
    margin-top:calc(var(--spacing)*0)
  }

  :is(.rendererContent>*,.rendererContent div.typo>*):last-child {
    margin-bottom:calc(var(--spacing)*0)
  }

  .rendererContent .typo {
    margin-block:calc(var(--spacing)*0)
  }

  .rendererContent h1 {
    font-size:var(--text-smXl);
    line-height:var(--tw-leading,var(--text-smXl--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smXl--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smXl--font-weight))
  }

  @media(min-width:40rem) {

    .rendererContent h1 {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height));
      letter-spacing:var(--tw-tracking,var(--text-xl--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-xl--font-weight))
    }
  }

  .rendererContent h2 {
    font-size:var(--text-smL);
    line-height:var(--tw-leading,var(--text-smL--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smL--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smL--font-weight))
  }

  @media(min-width:40rem) {

    .rendererContent h2 {
      font-size:var(--text-l);
      line-height:var(--tw-leading,var(--text-l--line-height));
      letter-spacing:var(--tw-tracking,var(--text-l--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-l--font-weight))
    }
  }

  .rendererContent h3 {
    font-size:var(--text-smM);
    line-height:var(--tw-leading,var(--text-smM--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smM--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smM--font-weight))
  }

  @media(min-width:40rem) {

    .rendererContent h3 {
      font-size:var(--text-m);
      line-height:var(--tw-leading,var(--text-m--line-height));
      letter-spacing:var(--tw-tracking,var(--text-m--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-m--font-weight))
    }
  }

  .rendererContent h4 {
    font-size:var(--text-smS);
    line-height:var(--tw-leading,var(--text-smS--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smS--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smS--font-weight))
  }

  @media(min-width:40rem) {

    .rendererContent h4 {
      font-size:var(--text-s);
      line-height:var(--tw-leading,var(--text-s--line-height));
      letter-spacing:var(--tw-tracking,var(--text-s--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-s--font-weight))
    }
  }

  .rendererContent h5 {
    font-size:var(--text-smS);
    line-height:var(--tw-leading,var(--text-smS--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smS--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smS--font-weight))
  }

  @media(min-width:40rem) {

    .rendererContent h5 {
      font-size:var(--text-s);
      line-height:var(--tw-leading,var(--text-s--line-height));
      letter-spacing:var(--tw-tracking,var(--text-s--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-s--font-weight))
    }
  }

  .rendererContent h6 {
    font-size:var(--text-smS);
    line-height:var(--tw-leading,var(--text-smS--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smS--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smS--font-weight))
  }

  @media(min-width:40rem) {

    .rendererContent h6 {
      font-size:var(--text-s);
      line-height:var(--tw-leading,var(--text-s--line-height));
      letter-spacing:var(--tw-tracking,var(--text-s--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-s--font-weight))
    }
  }

  figure img {
    margin-bottom:calc(var(--spacing)*15)
  }

  dl.discountsList {
    column-gap:calc(var(--spacing)*5);
    display:flex
  }

  dl.discountsList:hover {
    color:var(--color-sand)
  }

  dl.discountsList.onDark:hover {
    color:#ffffff80
  }

  @supports (color:color-mix(in lab,red,red)) {

    dl.discountsList.onDark:hover {
      color:color-mix(in oklab,var(--color-white)50%,transparent)
    }
  }

  dl.discountsList dd {
    width:70px
  }

  dl.discountsList dt {
    flex-basis:100%
  }

  .licenseAgreementTypo {
    max-width:700px
  }

  .licenseAgreementTypo p+p {
    margin-top:calc(var(--spacing)*21)
  }

  .licenseAgreementTypo h2 {
    margin-top:calc(var(--spacing)*60);
    margin-bottom:calc(var(--spacing)*30);
    scroll-margin-top:calc(var(--spacing)*80)
  }

  @media(min-width:48rem) {

    .licenseAgreementTypo h2 {
      scroll-margin-top:calc(var(--spacing)*120)
    }
  }

  .licenseAgreementTypo h2 {
    font-size:var(--text-smM);
    line-height:var(--tw-leading,var(--text-smM--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smM--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smM--font-weight));
    color:var(--color-blue)
  }

  .licenseAgreementTypo h2:first-child {
    margin-top:calc(var(--spacing)*0)
  }

  @media(min-width:40rem) {

    .licenseAgreementTypo h2 {
      font-size:var(--text-m);
      line-height:var(--tw-leading,var(--text-m--line-height));
      letter-spacing:var(--tw-tracking,var(--text-m--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-m--font-weight))
    }
  }

  .licenseAgreementTypo h3 {
    margin-top:calc(var(--spacing)*42);
    margin-bottom:calc(var(--spacing)*21);
    scroll-margin-top:calc(var(--spacing)*80)
  }

  @media(min-width:48rem) {

    .licenseAgreementTypo h3 {
      scroll-margin-top:calc(var(--spacing)*120)
    }
  }

  .licenseAgreementTypo h3 {
    font-size:var(--text-smS);
    line-height:var(--tw-leading,var(--text-smS--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smS--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smS--font-weight));
    color:var(--color-alert)
  }

  @media(min-width:40rem) {

    .licenseAgreementTypo h3 {
      font-size:var(--text-s);
      line-height:var(--tw-leading,var(--text-s--line-height));
      letter-spacing:var(--tw-tracking,var(--text-s--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-s--font-weight))
    }
  }

  .creditsTable {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px;
    border-color:var(--color-black);
    width:100%;
    padding-bottom:calc(var(--spacing)*10)
  }

  .creditsTable>table {
    max-width:calc(var(--spacing)*700);
    table-layout:fixed;
    font-size:var(--text-smS);
    line-height:var(--tw-leading,var(--text-smS--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smS--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smS--font-weight))
  }

  @media(min-width:40rem) {

    .creditsTable>table {
      font-size:var(--text-s);
      line-height:var(--tw-leading,var(--text-s--line-height));
      letter-spacing:var(--tw-tracking,var(--text-s--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-s--font-weight))
    }
  }

  .creditsTable tr:hover {
    color:var(--color-sand)
  }

  .creditsTable td {
    vertical-align:top;
    width:50%
  }

  .creditsTable td:first-child {
    padding-right:calc(var(--spacing)*15)
  }

  .priceListTable {
    margin-bottom:calc(var(--spacing)*21)
  }

  .priceListTable:last-child {
    margin-bottom:calc(var(--spacing)*0)
  }

  .priceListTable tr:not(.prevent-hover):hover {
    color:#ffffff80
  }

  @supports (color:color-mix(in lab,red,red)) {

    .priceListTable tr:not(.prevent-hover):hover {
      color:color-mix(in oklab,var(--color-white)50%,transparent)
    }
  }

  .priceListTable th {
    margin-top:calc(var(--spacing)*21);
    text-align:left
  }

  .priceListTable td {
    padding-left:calc(var(--spacing)*35)
  }

  .priceListTable td:first-child {
    width:calc(var(--spacing)*325);
    padding-left:calc(var(--spacing)*0)
  }

  .priceListTable td:nth-child(2),.priceListTable td:nth-child(3) {
    white-space:nowrap
  }

  .priceListTable td:nth-child(3) {
    display:none
  }

  @media(min-width:40rem) {

    .priceListTable td:nth-child(3) {
      display:table-cell
    }
  }

  .fullScreenDialog[data-state=open] {
    animation:.2s ease-out slideIn
  }

  .fullScreenDialog[data-state=open]>.fullScreenDialogInner {
    animation:.1s .2s forwards bounce
  }

  .fullScreenDialog[data-state=closed] {
    animation:.2s ease-in forwards slideOut
  }
}
@layer components;

@layer utilities {

  .pointer-events-auto {
    pointer-events:auto
  }

  .pointer-events-auto\! {
    pointer-events:auto!important
  }

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

  .pointer-events-none\! {
    pointer-events:none!important
  }

  .invisible {
    visibility:hidden
  }

  .visible {
    visibility:visible
  }

  .visible\! {
    visibility:visible!important
  }

  .\!absolute {
    position:absolute!important
  }

  .absolute {
    position:absolute
  }

  .fixed {
    position:fixed
  }

  .relative {
    position:relative
  }

  .static {
    position:static
  }

  .sticky {
    position:sticky
  }

  .inset-0 {
    inset:calc(var(--spacing)*0)
  }

  .inset-center {
    --tw-translate-x:-50%;
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x)var(--tw-translate-y);
    top:50%;
    left:50%
  }

  .inset-y-center {
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x)var(--tw-translate-y);
    top:50%
  }

  .-top-10 {
    top:calc(var(--spacing)*-10)
  }

  .-top-full {
    top:-100%
  }

  .top-0 {
    top:calc(var(--spacing)*0)
  }

  .top-1\/2 {
    top:50%
  }

  .top-2 {
    top:calc(var(--spacing)*2)
  }

  .top-3 {
    top:calc(var(--spacing)*3)
  }

  .top-4 {
    top:calc(var(--spacing)*4)
  }

  .top-5 {
    top:calc(var(--spacing)*5)
  }

  .top-8 {
    top:calc(var(--spacing)*8)
  }

  .top-9 {
    top:calc(var(--spacing)*9)
  }

  .top-10 {
    top:calc(var(--spacing)*10)
  }

  .top-11 {
    top:calc(var(--spacing)*11)
  }

  .top-13 {
    top:calc(var(--spacing)*13)
  }

  .top-15 {
    top:calc(var(--spacing)*15)
  }

  .top-20 {
    top:calc(var(--spacing)*20)
  }

  .top-40 {
    top:calc(var(--spacing)*40)
  }

  .top-100 {
    top:calc(var(--spacing)*100)
  }

  .top-auto {
    top:auto
  }

  .top-full {
    top:100%
  }

  .-right-10 {
    right:calc(var(--spacing)*-10)
  }

  .right-0 {
    right:calc(var(--spacing)*0)
  }

  .right-5 {
    right:calc(var(--spacing)*5)
  }

  .right-8 {
    right:calc(var(--spacing)*8)
  }

  .right-10 {
    right:calc(var(--spacing)*10)
  }

  .right-11 {
    right:calc(var(--spacing)*11)
  }

  .right-12 {
    right:calc(var(--spacing)*12)
  }

  .right-15 {
    right:calc(var(--spacing)*15)
  }

  .right-20 {
    right:calc(var(--spacing)*20)
  }

  .right-full {
    right:100%
  }

  .-bottom-10 {
    bottom:calc(var(--spacing)*-10)
  }

  .bottom-0 {
    bottom:calc(var(--spacing)*0)
  }

  .bottom-10 {
    bottom:calc(var(--spacing)*10)
  }

  .bottom-15 {
    bottom:calc(var(--spacing)*15)
  }

  .bottom-18 {
    bottom:calc(var(--spacing)*18)
  }

  .bottom-20 {
    bottom:calc(var(--spacing)*20)
  }

  .bottom-32 {
    bottom:calc(var(--spacing)*32)
  }

  .bottom-110 {
    bottom:calc(var(--spacing)*110)
  }

  .bottom-full {
    bottom:100%
  }

  .inset-x-center {
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x)var(--tw-translate-y);
    left:50%
  }

  .-left-1 {
    left:calc(var(--spacing)*-1)
  }

  .-left-10 {
    left:calc(var(--spacing)*-10)
  }

  .-left-150 {
    left:calc(var(--spacing)*-150)
  }

  .left-0 {
    left:calc(var(--spacing)*0)
  }

  .left-1 {
    left:calc(var(--spacing)*1)
  }

  .left-1\/2 {
    left:50%
  }

  .left-2 {
    left:calc(var(--spacing)*2)
  }

  .left-5 {
    left:calc(var(--spacing)*5)
  }

  .left-10 {
    left:calc(var(--spacing)*10)
  }

  .left-11 {
    left:calc(var(--spacing)*11)
  }

  .left-15 {
    left:calc(var(--spacing)*15)
  }

  .left-20 {
    left:calc(var(--spacing)*20)
  }

  .left-30 {
    left:calc(var(--spacing)*30)
  }

  .left-\[50\%\] {
    left:50%
  }

  .left-auto {
    left:auto
  }

  .left-full {
    left:100%
  }

  .z-1 {
    z-index:1
  }

  .z-2 {
    z-index:2
  }

  .z-10 {
    z-index:10
  }

  .z-20 {
    z-index:20
  }

  .z-30 {
    z-index:30
  }

  .z-40 {
    z-index:40
  }

  .z-50 {
    z-index:50
  }

  .z-100 {
    z-index:100
  }

  .z-101\! {
    z-index:101!important
  }

  .z-\[100\] {
    z-index:100
  }

  .order-1 {
    order:1
  }

  .order-2 {
    order:2
  }

  .order-3 {
    order:3
  }

  .order-4 {
    order:4
  }

  .col-span-1 {
    grid-column:span 1/span 1
  }

  .col-span-2 {
    grid-column:span 2/span 2
  }

  .col-span-3 {
    grid-column:span 3/span 3
  }

  .col-span-4 {
    grid-column:span 4/span 4
  }

  .col-span-5 {
    grid-column:span 5/span 5
  }

  .col-span-6 {
    grid-column:span 6/span 6
  }

  .col-span-8 {
    grid-column:span 8/span 8
  }

  .container {
    width:100%
  }

  @media(min-width:380px) {

    .container {
      max-width:380px
    }
  }

  @media(min-width:40rem) {

    .container {
      max-width:40rem
    }
  }

  @media(min-width:48rem) {

    .container {
      max-width:48rem
    }
  }

  @media(min-width:64rem) {

    .container {
      max-width:64rem
    }
  }

  @media(min-width:80rem) {

    .container {
      max-width:80rem
    }
  }

  @media(min-width:96rem) {

    .container {
      max-width:96rem
    }
  }

  .-m-10 {
    margin:calc(var(--spacing)*-10)
  }

  .m-0 {
    margin:calc(var(--spacing)*0)
  }

  .-mx-7\.5 {
    margin-inline:calc(var(--spacing)*-7.5)
  }

  .-mx-20 {
    margin-inline:calc(var(--spacing)*-20)
  }

  .mx-auto {
    margin-inline:auto
  }

  .-my-4 {
    margin-block:calc(var(--spacing)*-4)
  }

  .my-0 {
    margin-block:calc(var(--spacing)*0)
  }

  .my-7 {
    margin-block:calc(var(--spacing)*7)
  }

  .my-8 {
    margin-block:calc(var(--spacing)*8)
  }

  .my-10 {
    margin-block:calc(var(--spacing)*10)
  }

  .my-12 {
    margin-block:calc(var(--spacing)*12)
  }

  .my-15 {
    margin-block:calc(var(--spacing)*15)
  }

  .my-19 {
    margin-block:calc(var(--spacing)*19)
  }

  .my-30 {
    margin-block:calc(var(--spacing)*30)
  }

  .my-35 {
    margin-block:calc(var(--spacing)*35)
  }

  .my-auto {
    margin-block:auto
  }

  .-mt-3 {
    margin-top:calc(var(--spacing)*-3)
  }

  .-mt-7\.5 {
    margin-top:calc(var(--spacing)*-7.5)
  }

  .-mt-15 {
    margin-top:calc(var(--spacing)*-15)
  }

  .-mt-20 {
    margin-top:calc(var(--spacing)*-20)
  }

  .mt-0 {
    margin-top:calc(var(--spacing)*0)
  }

  .mt-1 {
    margin-top:calc(var(--spacing)*1)
  }

  .mt-2 {
    margin-top:calc(var(--spacing)*2)
  }

  .mt-3 {
    margin-top:calc(var(--spacing)*3)
  }

  .mt-4 {
    margin-top:calc(var(--spacing)*4)
  }

  .mt-5 {
    margin-top:calc(var(--spacing)*5)
  }

  .mt-6 {
    margin-top:calc(var(--spacing)*6)
  }

  .mt-7 {
    margin-top:calc(var(--spacing)*7)
  }

  .mt-8 {
    margin-top:calc(var(--spacing)*8)
  }

  .mt-9 {
    margin-top:calc(var(--spacing)*9)
  }

  .mt-10 {
    margin-top:calc(var(--spacing)*10)
  }

  .mt-13 {
    margin-top:calc(var(--spacing)*13)
  }

  .mt-15 {
    margin-top:calc(var(--spacing)*15)
  }

  .mt-17 {
    margin-top:calc(var(--spacing)*17)
  }

  .mt-18 {
    margin-top:calc(var(--spacing)*18)
  }

  .mt-20 {
    margin-top:calc(var(--spacing)*20)
  }

  .mt-23 {
    margin-top:calc(var(--spacing)*23)
  }

  .mt-24 {
    margin-top:calc(var(--spacing)*24)
  }

  .mt-25 {
    margin-top:calc(var(--spacing)*25)
  }

  .mt-30 {
    margin-top:calc(var(--spacing)*30)
  }

  .mt-35 {
    margin-top:calc(var(--spacing)*35)
  }

  .mt-36 {
    margin-top:calc(var(--spacing)*36)
  }

  .mt-40 {
    margin-top:calc(var(--spacing)*40)
  }

  .mt-50 {
    margin-top:calc(var(--spacing)*50)
  }

  .mt-55 {
    margin-top:calc(var(--spacing)*55)
  }

  .mt-60 {
    margin-top:calc(var(--spacing)*60)
  }

  .mt-65 {
    margin-top:calc(var(--spacing)*65)
  }

  .mt-70 {
    margin-top:calc(var(--spacing)*70)
  }

  .mt-78 {
    margin-top:calc(var(--spacing)*78)
  }

  .mt-80 {
    margin-top:calc(var(--spacing)*80)
  }

  .mt-84 {
    margin-top:calc(var(--spacing)*84)
  }

  .mt-90 {
    margin-top:calc(var(--spacing)*90)
  }

  .mt-100 {
    margin-top:calc(var(--spacing)*100)
  }

  .mt-170 {
    margin-top:calc(var(--spacing)*170)
  }

  .mt-\[1\.3em\] {
    margin-top:1.3em
  }

  .mt-auto {
    margin-top:auto
  }

  .-mr-1 {
    margin-right:calc(var(--spacing)*-1)
  }

  .mr-0 {
    margin-right:calc(var(--spacing)*0)
  }

  .mr-5 {
    margin-right:calc(var(--spacing)*5)
  }

  .mr-10 {
    margin-right:calc(var(--spacing)*10)
  }

  .mr-16 {
    margin-right:calc(var(--spacing)*16)
  }

  .mr-25 {
    margin-right:calc(var(--spacing)*25)
  }

  .\!mb-0 {
    margin-bottom:calc(var(--spacing)*0)!important
  }

  .-mb-27 {
    margin-bottom:calc(var(--spacing)*-27)
  }

  .mb-2 {
    margin-bottom:calc(var(--spacing)*2)
  }

  .mb-4 {
    margin-bottom:calc(var(--spacing)*4)
  }

  .mb-5 {
    margin-bottom:calc(var(--spacing)*5)
  }

  .mb-6 {
    margin-bottom:calc(var(--spacing)*6)
  }

  .mb-7 {
    margin-bottom:calc(var(--spacing)*7)
  }

  .mb-8 {
    margin-bottom:calc(var(--spacing)*8)
  }

  .mb-9 {
    margin-bottom:calc(var(--spacing)*9)
  }

  .mb-10 {
    margin-bottom:calc(var(--spacing)*10)
  }

  .mb-12 {
    margin-bottom:calc(var(--spacing)*12)
  }

  .mb-13 {
    margin-bottom:calc(var(--spacing)*13)
  }

  .mb-14 {
    margin-bottom:calc(var(--spacing)*14)
  }

  .mb-15 {
    margin-bottom:calc(var(--spacing)*15)
  }

  .mb-16 {
    margin-bottom:calc(var(--spacing)*16)
  }

  .mb-17 {
    margin-bottom:calc(var(--spacing)*17)
  }

  .mb-18 {
    margin-bottom:calc(var(--spacing)*18)
  }

  .mb-19 {
    margin-bottom:calc(var(--spacing)*19)
  }

  .mb-20 {
    margin-bottom:calc(var(--spacing)*20)
  }

  .mb-21 {
    margin-bottom:calc(var(--spacing)*21)
  }

  .mb-24 {
    margin-bottom:calc(var(--spacing)*24)
  }

  .mb-25 {
    margin-bottom:calc(var(--spacing)*25)
  }

  .mb-27 {
    margin-bottom:calc(var(--spacing)*27)
  }

  .mb-28 {
    margin-bottom:calc(var(--spacing)*28)
  }

  .mb-30 {
    margin-bottom:calc(var(--spacing)*30)
  }

  .mb-35 {
    margin-bottom:calc(var(--spacing)*35)
  }

  .mb-36 {
    margin-bottom:calc(var(--spacing)*36)
  }

  .mb-38 {
    margin-bottom:calc(var(--spacing)*38)
  }

  .mb-40 {
    margin-bottom:calc(var(--spacing)*40)
  }

  .mb-44 {
    margin-bottom:calc(var(--spacing)*44)
  }

  .mb-45 {
    margin-bottom:calc(var(--spacing)*45)
  }

  .mb-46 {
    margin-bottom:calc(var(--spacing)*46)
  }

  .mb-48 {
    margin-bottom:calc(var(--spacing)*48)
  }

  .mb-50 {
    margin-bottom:calc(var(--spacing)*50)
  }

  .mb-54 {
    margin-bottom:calc(var(--spacing)*54)
  }

  .mb-57 {
    margin-bottom:calc(var(--spacing)*57)
  }

  .mb-60 {
    margin-bottom:calc(var(--spacing)*60)
  }

  .mb-100 {
    margin-bottom:calc(var(--spacing)*100)
  }

  .mb-160 {
    margin-bottom:calc(var(--spacing)*160)
  }

  .-ml-5 {
    margin-left:calc(var(--spacing)*-5)
  }

  .-ml-15 {
    margin-left:calc(var(--spacing)*-15)
  }

  .ml-0 {
    margin-left:calc(var(--spacing)*0)
  }

  .ml-2 {
    margin-left:calc(var(--spacing)*2)
  }

  .ml-5 {
    margin-left:calc(var(--spacing)*5)
  }

  .ml-10 {
    margin-left:calc(var(--spacing)*10)
  }

  .ml-13 {
    margin-left:calc(var(--spacing)*13)
  }

  .ml-15 {
    margin-left:calc(var(--spacing)*15)
  }

  .ml-22 {
    margin-left:calc(var(--spacing)*22)
  }

  .ml-auto {
    margin-left:auto
  }

  .line-clamp-13 {
    -webkit-line-clamp:13;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }

  .line-clamp-15 {
    -webkit-line-clamp:15;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }

  .line-clamp-16 {
    -webkit-line-clamp:16;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }

  .\!hidden {
    display:none!important
  }

  .block {
    display:block
  }

  .contents {
    display:contents
  }

  .flex {
    display:flex
  }

  .grid {
    display:grid
  }

  .hidden {
    display:none
  }

  .inline {
    display:inline
  }

  .inline-block {
    display:inline-block
  }

  .inline-flex {
    display:inline-flex
  }

  .table {
    display:table
  }

  .\!aspect-auto {
    aspect-ratio:auto!important
  }

  .\!h-auto {
    height:auto!important
  }

  .h-0 {
    height:calc(var(--spacing)*0)
  }

  .h-1 {
    height:calc(var(--spacing)*1)
  }

  .h-2 {
    height:calc(var(--spacing)*2)
  }

  .h-3 {
    height:calc(var(--spacing)*3)
  }

  .h-5 {
    height:calc(var(--spacing)*5)
  }

  .h-8 {
    height:calc(var(--spacing)*8)
  }

  .h-9 {
    height:calc(var(--spacing)*9)
  }

  .h-10 {
    height:calc(var(--spacing)*10)
  }

  .h-13 {
    height:calc(var(--spacing)*13)
  }

  .h-14 {
    height:calc(var(--spacing)*14)
  }

  .h-15 {
    height:calc(var(--spacing)*15)
  }

  .h-16 {
    height:calc(var(--spacing)*16)
  }

  .h-17 {
    height:calc(var(--spacing)*17)
  }

  .h-18 {
    height:calc(var(--spacing)*18)
  }

  .h-19 {
    height:calc(var(--spacing)*19)
  }

  .h-20 {
    height:calc(var(--spacing)*20)
  }

  .h-24 {
    height:calc(var(--spacing)*24)
  }

  .h-27 {
    height:calc(var(--spacing)*27)
  }

  .h-29 {
    height:calc(var(--spacing)*29)
  }

  .h-30 {
    height:calc(var(--spacing)*30)
  }

  .h-32 {
    height:calc(var(--spacing)*32)
  }

  .h-33 {
    height:calc(var(--spacing)*33)
  }

  .h-34 {
    height:calc(var(--spacing)*34)
  }

  .h-35 {
    height:calc(var(--spacing)*35)
  }

  .h-36 {
    height:calc(var(--spacing)*36)
  }

  .h-53 {
    height:calc(var(--spacing)*53)
  }

  .h-55 {
    height:calc(var(--spacing)*55)
  }

  .h-105 {
    height:calc(var(--spacing)*105)
  }

  .h-\[1px\] {
    height:1px
  }

  .h-\[calc\(100\%\+1px\)\] {
    height:calc(100% + 1px)
  }

  .h-\[calc\(100vh-50px\)\] {
    height:calc(100vh - 50px)
  }

  .h-auto {
    height:auto
  }

  .h-full {
    height:100%
  }

  .h-px {
    height:1px
  }

  .h-screen {
    height:100vh
  }

  .max-h-0 {
    max-height:calc(var(--spacing)*0)
  }

  .max-h-\[60vh\] {
    max-height:60vh
  }

  .max-h-\[65vh\] {
    max-height:65vh
  }

  .max-h-\[85vh\] {
    max-height:85vh
  }

  .max-h-\[100vh\] {
    max-height:100vh
  }

  .max-h-\[calc\(100dvh-50px\)\] {
    max-height:calc(100dvh - 50px)
  }

  .max-h-none {
    max-height:none
  }

  .max-h-screen {
    max-height:100vh
  }

  .\!min-h-0 {
    min-height:calc(var(--spacing)*0)!important
  }

  .min-h-0 {
    min-height:calc(var(--spacing)*0)
  }

  .min-h-0\! {
    min-height:calc(var(--spacing)*0)!important
  }

  .min-h-22 {
    min-height:calc(var(--spacing)*22)
  }

  .min-h-24 {
    min-height:calc(var(--spacing)*24)
  }

  .min-h-34 {
    min-height:calc(var(--spacing)*34)
  }

  .min-h-35 {
    min-height:calc(var(--spacing)*35)
  }

  .min-h-37 {
    min-height:calc(var(--spacing)*37)
  }

  .min-h-38 {
    min-height:calc(var(--spacing)*38)
  }

  .min-h-40 {
    min-height:calc(var(--spacing)*40)
  }

  .min-h-69 {
    min-height:calc(var(--spacing)*69)
  }

  .min-h-75 {
    min-height:calc(var(--spacing)*75)
  }

  .min-h-89 {
    min-height:calc(var(--spacing)*89)
  }

  .min-h-\[70vh\] {
    min-height:70vh
  }

  .min-h-\[95\%\] {
    min-height:95%
  }

  .min-h-\[205px\] {
    min-height:205px
  }

  .min-h-\[265px\] {
    min-height:265px
  }

  .min-h-\[555px\] {
    min-height:555px
  }

  .min-h-dvh {
    min-height:100dvh
  }

  .min-h-full {
    min-height:100%
  }

  .min-h-screen {
    min-height:100vh
  }

  .\!w-auto {
    width:auto!important
  }

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

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

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

  .w-3 {
    width:calc(var(--spacing)*3)
  }

  .w-8 {
    width:calc(var(--spacing)*8)
  }

  .w-9 {
    width:calc(var(--spacing)*9)
  }

  .w-13 {
    width:calc(var(--spacing)*13)
  }

  .w-14 {
    width:calc(var(--spacing)*14)
  }

  .w-15 {
    width:calc(var(--spacing)*15)
  }

  .w-16 {
    width:calc(var(--spacing)*16)
  }

  .w-17 {
    width:calc(var(--spacing)*17)
  }

  .w-18 {
    width:calc(var(--spacing)*18)
  }

  .w-19 {
    width:calc(var(--spacing)*19)
  }

  .w-20 {
    width:calc(var(--spacing)*20)
  }

  .w-24 {
    width:calc(var(--spacing)*24)
  }

  .w-26 {
    width:calc(var(--spacing)*26)
  }

  .w-27 {
    width:calc(var(--spacing)*27)
  }

  .w-30 {
    width:calc(var(--spacing)*30)
  }

  .w-34 {
    width:calc(var(--spacing)*34)
  }

  .w-36 {
    width:calc(var(--spacing)*36)
  }

  .w-53 {
    width:calc(var(--spacing)*53)
  }

  .w-65 {
    width:calc(var(--spacing)*65)
  }

  .w-150 {
    width:calc(var(--spacing)*150)
  }

  .w-180\! {
    width:calc(var(--spacing)*180)!important
  }

  .w-200 {
    width:calc(var(--spacing)*200)
  }

  .w-225 {
    width:calc(var(--spacing)*225)
  }

  .w-245 {
    width:calc(var(--spacing)*245)
  }

  .w-320 {
    width:calc(var(--spacing)*320)
  }

  .w-510 {
    width:calc(var(--spacing)*510)
  }

  .w-800 {
    width:calc(var(--spacing)*800)
  }

  .w-1070 {
    width:calc(var(--spacing)*1070)
  }

  .w-1200 {
    width:calc(var(--spacing)*1200)
  }

  .w-\[30\%\] {
    width:30%
  }

  .w-\[40\%\] {
    width:40%
  }

  .w-\[50\%\] {
    width:50%
  }

  .w-\[55\%\] {
    width:55%
  }

  .w-\[60\%\] {
    width:60%
  }

  .w-\[425px\] {
    width:425px
  }

  .w-\[640px\] {
    width:640px
  }

  .w-\[935px\] {
    width:935px
  }

  .w-\[calc\(100\%-20px\)\] {
    width:calc(100% - 20px)
  }

  .w-auto {
    width:auto
  }

  .w-full {
    width:100%
  }

  .w-screen {
    width:100vw
  }

  .max-w-38 {
    max-width:calc(var(--spacing)*38)
  }

  .max-w-165 {
    max-width:calc(var(--spacing)*165)
  }

  .max-w-190 {
    max-width:calc(var(--spacing)*190)
  }

  .max-w-200 {
    max-width:calc(var(--spacing)*200)
  }

  .max-w-223 {
    max-width:calc(var(--spacing)*223)
  }

  .max-w-230 {
    max-width:calc(var(--spacing)*230)
  }

  .max-w-250 {
    max-width:calc(var(--spacing)*250)
  }

  .max-w-315 {
    max-width:calc(var(--spacing)*315)
  }

  .max-w-320 {
    max-width:calc(var(--spacing)*320)
  }

  .max-w-445 {
    max-width:calc(var(--spacing)*445)
  }

  .max-w-460 {
    max-width:calc(var(--spacing)*460)
  }

  .max-w-470 {
    max-width:calc(var(--spacing)*470)
  }

  .max-w-510 {
    max-width:calc(var(--spacing)*510)
  }

  .max-w-580 {
    max-width:calc(var(--spacing)*580)
  }

  .max-w-600 {
    max-width:calc(var(--spacing)*600)
  }

  .max-w-640 {
    max-width:calc(var(--spacing)*640)
  }

  .max-w-695 {
    max-width:calc(var(--spacing)*695)
  }

  .max-w-700 {
    max-width:calc(var(--spacing)*700)
  }

  .max-w-875 {
    max-width:calc(var(--spacing)*875)
  }

  .max-w-880 {
    max-width:calc(var(--spacing)*880)
  }

  .max-w-935 {
    max-width:calc(var(--spacing)*935)
  }

  .max-w-1400 {
    max-width:calc(var(--spacing)*1400)
  }

  .max-w-\[85vw\] {
    max-width:85vw
  }

  .max-w-\[150px\] {
    max-width:150px
  }

  .max-w-\[200px\] {
    max-width:200px
  }

  .max-w-\[215px\] {
    max-width:215px
  }

  .max-w-\[275px\] {
    max-width:275px
  }

  .max-w-\[340px\] {
    max-width:340px
  }

  .max-w-\[360px\] {
    max-width:360px
  }

  .max-w-\[445px\] {
    max-width:445px
  }

  .max-w-\[450px\] {
    max-width:450px
  }

  .max-w-\[460px\] {
    max-width:460px
  }

  .max-w-\[464px\] {
    max-width:464px
  }

  .max-w-\[465px\] {
    max-width:465px
  }

  .max-w-\[650px\] {
    max-width:650px
  }

  .max-w-\[700px\] {
    max-width:700px
  }

  .max-w-\[732px\] {
    max-width:732px
  }

  .max-w-\[740px\] {
    max-width:740px
  }

  .max-w-\[880px\] {
    max-width:880px
  }

  .max-w-\[935px\] {
    max-width:935px
  }

  .max-w-\[1400px\] {
    max-width:1400px
  }

  .max-w-\[1440px\] {
    max-width:1440px
  }

  .max-w-\[5120px\] {
    max-width:5120px
  }

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

  .max-w-full\! {
    max-width:100%!important
  }

  .\!min-w-0 {
    min-width:calc(var(--spacing)*0)!important
  }

  .min-w-0 {
    min-width:calc(var(--spacing)*0)
  }

  .min-w-\[95\%\] {
    min-width:95%
  }

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

  .flex-1 {
    flex:1
  }

  .flex-none {
    flex:none
  }

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

  .shrink {
    flex-shrink:1
  }

  .shrink-0 {
    flex-shrink:0
  }

  .grow {
    flex-grow:1
  }

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

  .grow-0 {
    flex-grow:0
  }

  .basis-1\/2 {
    flex-basis:50%
  }

  .basis-1\/3 {
    flex-basis:33.3333%
  }

  .basis-1\/4 {
    flex-basis:25%
  }

  .basis-1\/5 {
    flex-basis:20%
  }

  .basis-35 {
    flex-basis:calc(var(--spacing)*35)
  }

  .basis-70 {
    flex-basis:calc(var(--spacing)*70)
  }

  .basis-100 {
    flex-basis:calc(var(--spacing)*100)
  }

  .basis-120 {
    flex-basis:calc(var(--spacing)*120)
  }

  .basis-140 {
    flex-basis:calc(var(--spacing)*140)
  }

  .basis-auto {
    flex-basis:auto
  }

  .basis-full {
    flex-basis:100%
  }

  .origin-bottom {
    transform-origin:bottom
  }

  .origin-center {
    transform-origin:50%
  }

  .origin-top {
    transform-origin:top
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-2 {
    --tw-translate-y:calc(var(--spacing)*-2);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-5 {
    --tw-translate-y:calc(var(--spacing)*-5);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-8 {
    --tw-translate-y:calc(var(--spacing)*-8);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-full {
    --tw-translate-y:-100%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-0 {
    --tw-translate-y:calc(var(--spacing)*0);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-2 {
    --tw-translate-y:calc(var(--spacing)*2);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-5 {
    --tw-translate-y:calc(var(--spacing)*5);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-\[150\%\] {
    --tw-translate-y:150%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-full {
    --tw-translate-y:100%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .scale-80 {
    --tw-scale-x:80%;
    --tw-scale-y:80%;
    --tw-scale-z:80%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-90 {
    --tw-scale-x:90%;
    --tw-scale-y:90%;
    --tw-scale-z:90%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-110 {
    --tw-scale-x:110%;
    --tw-scale-y:110%;
    --tw-scale-z:110%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .-scale-x-100 {
    --tw-scale-x: -100%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-y-0 {
    --tw-scale-y:0%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-y-100 {
    --tw-scale-y:100%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-y-500,.scale-y-\[500\%\] {
    --tw-scale-y:500%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .rotate-45 {
    rotate:45deg
  }

  .rotate-180 {
    rotate:180deg
  }

  .rotate-\[135deg\] {
    rotate:135deg
  }

  .transform {
    transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
  }

  .animate-pulse {
    animation:var(--animate-pulse)
  }

  .animate-spin {
    animation:var(--animate-spin)
  }

  .cursor-e-resize {
    cursor:e-resize
  }

  .cursor-grab {
    cursor:grab
  }

  .cursor-not-allowed {
    cursor:not-allowed
  }

  .cursor-pointer {
    cursor:pointer
  }

  .cursor-text {
    cursor:text
  }

  .cursor-w-resize {
    cursor:w-resize
  }

  .touch-none {
    touch-action:none
  }

  .resize {
    resize:both
  }

  .resize-none {
    resize:none
  }

  .scroll-mt-header {
    scroll-margin-top:calc(var(--spacing)*80)
  }

  @media(min-width:48rem) {

    .scroll-mt-header {
      scroll-margin-top:calc(var(--spacing)*120)
    }
  }

  .scroll-mt-280 {
    scroll-margin-top:calc(var(--spacing)*280)
  }

  .appearance-none {
    appearance:none
  }

  .columns-2 {
    columns:2
  }

  .columns-3 {
    columns:3
  }

  .break-inside-avoid {
    break-inside:avoid
  }

  .grid-flow-row {
    grid-auto-flow:row
  }

  .grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }

  .grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .grid-cols-5 {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }

  .grid-cols-6 {
    grid-template-columns:repeat(6,minmax(0,1fr))
  }

  .grid-cols-8 {
    grid-template-columns:repeat(8,minmax(0,1fr))
  }

  .flex-col {
    flex-direction:column
  }

  .flex-col-reverse {
    flex-direction:column-reverse
  }

  .flex-row {
    flex-direction:row
  }

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

  .flex-wrap {
    flex-wrap:wrap
  }

  .items-baseline {
    align-items:baseline
  }

  .items-center {
    align-items:center
  }

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

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

  .items-stretch {
    align-items:stretch
  }

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

  .justify-center {
    justify-content:center
  }

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

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

  .justify-stretch {
    justify-content:stretch
  }

  .gap-1 {
    gap:calc(var(--spacing)*1)
  }

  .gap-2 {
    gap:calc(var(--spacing)*2)
  }

  .gap-4 {
    gap:calc(var(--spacing)*4)
  }

  .gap-5 {
    gap:calc(var(--spacing)*5)
  }

  .gap-6 {
    gap:calc(var(--spacing)*6)
  }

  .gap-7 {
    gap:calc(var(--spacing)*7)
  }

  .gap-8 {
    gap:calc(var(--spacing)*8)
  }

  .gap-9 {
    gap:calc(var(--spacing)*9)
  }

  .gap-10 {
    gap:calc(var(--spacing)*10)
  }

  .gap-12 {
    gap:calc(var(--spacing)*12)
  }

  .gap-13 {
    gap:calc(var(--spacing)*13)
  }

  .gap-14 {
    gap:calc(var(--spacing)*14)
  }

  .gap-15 {
    gap:calc(var(--spacing)*15)
  }

  .gap-16 {
    gap:calc(var(--spacing)*16)
  }

  .gap-18 {
    gap:calc(var(--spacing)*18)
  }

  .gap-20 {
    gap:calc(var(--spacing)*20)
  }

  .gap-22 {
    gap:calc(var(--spacing)*22)
  }

  .gap-25 {
    gap:calc(var(--spacing)*25)
  }

  .gap-26 {
    gap:calc(var(--spacing)*26)
  }

  .gap-30 {
    gap:calc(var(--spacing)*30)
  }

  .gap-35 {
    gap:calc(var(--spacing)*35)
  }

  .gap-38 {
    gap:calc(var(--spacing)*38)
  }

  .gap-40 {
    gap:calc(var(--spacing)*40)
  }

  .gap-42 {
    gap:calc(var(--spacing)*42)
  }

  .gap-50 {
    gap:calc(var(--spacing)*50)
  }

  .gap-60 {
    gap:calc(var(--spacing)*60)
  }

  .gap-120 {
    gap:calc(var(--spacing)*120)
  }

  .gap-x-5 {
    column-gap:calc(var(--spacing)*5)
  }

  .gap-x-10 {
    column-gap:calc(var(--spacing)*10)
  }

  .gap-x-15 {
    column-gap:calc(var(--spacing)*15)
  }

  :where(.space-x-4>:not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
    margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
  }

  .gap-y-4 {
    row-gap:calc(var(--spacing)*4)
  }

  .gap-y-15 {
    row-gap:calc(var(--spacing)*15)
  }

  .gap-y-17 {
    row-gap:calc(var(--spacing)*17)
  }

  .gap-y-25 {
    row-gap:calc(var(--spacing)*25)
  }

  .gap-y-30 {
    row-gap:calc(var(--spacing)*30)
  }

  .gap-y-36 {
    row-gap:calc(var(--spacing)*36)
  }

  .gap-y-37 {
    row-gap:calc(var(--spacing)*37)
  }

  .gap-y-40 {
    row-gap:calc(var(--spacing)*40)
  }

  .gap-y-50 {
    row-gap:calc(var(--spacing)*50)
  }

  .gap-y-53 {
    row-gap:calc(var(--spacing)*53)
  }

  .gap-y-62 {
    row-gap:calc(var(--spacing)*62)
  }

  :where(.divide-x>:not(:last-child)) {
    --tw-divide-x-reverse:0;
    border-inline-style:var(--tw-border-style);
    border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));
    border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))
  }

  :where(.divide-white>:not(:last-child)) {
    border-color:var(--color-white)
  }

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

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

  .overflow-auto {
    overflow:auto
  }

  .overflow-clip\! {
    overflow:clip!important
  }

  .overflow-hidden {
    overflow:hidden
  }

  .overflow-visible {
    overflow:visible
  }

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

  .rounded-2xl {
    border-radius:var(--radius-2xl)
  }

  .rounded-\[\.5rem\],.rounded-\[0\.5rem\] {
    border-radius:.5rem
  }

  .rounded-\[5px\] {
    border-radius:5px
  }

  .rounded-\[13px\] {
    border-radius:13px
  }

  .rounded-\[20px\] {
    border-radius:20px
  }

  .rounded-base {
    border-radius:var(--radius-base)
  }

  .rounded-full {
    border-radius:var(--radius-full)
  }

  .rounded-lg {
    border-radius:var(--radius-lg)
  }

  .rounded-md {
    border-radius:var(--radius-md)
  }

  .rounded-none {
    border-radius:var(--radius-none)
  }

  .rounded-sm {
    border-radius:var(--radius-sm)
  }

  .rounded-xl {
    border-radius:var(--radius-xl)
  }

  .rounded-xs {
    border-radius:var(--radius-xs)
  }

  .rounded-t-base {
    border-top-left-radius:var(--radius-base);
    border-top-right-radius:var(--radius-base)
  }

  .rounded-t-lg {
    border-top-left-radius:var(--radius-lg);
    border-top-right-radius:var(--radius-lg)
  }

  .rounded-t-md {
    border-top-left-radius:var(--radius-md);
    border-top-right-radius:var(--radius-md)
  }

  .rounded-t-none {
    border-top-left-radius:var(--radius-none);
    border-top-right-radius:var(--radius-none)
  }

  .rounded-l-\[\.5rem\] {
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
  }

  .rounded-tl-base {
    border-top-left-radius:var(--radius-base)
  }

  .rounded-r-\[\.5rem\] {
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
  }

  .rounded-tr-base {
    border-top-right-radius:var(--radius-base)
  }

  .rounded-tr-none {
    border-top-right-radius:var(--radius-none)
  }

  .rounded-b-md {
    border-bottom-right-radius:var(--radius-md);
    border-bottom-left-radius:var(--radius-md)
  }

  .rounded-br-base {
    border-bottom-right-radius:var(--radius-base)
  }

  .rounded-br-none {
    border-bottom-right-radius:var(--radius-none)
  }

  .rounded-bl-base {
    border-bottom-left-radius:var(--radius-base)
  }

  .\!border-0 {
    border-style:var(--tw-border-style)!important;
    border-width:0!important
  }

  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }

  .border-0 {
    border-style:var(--tw-border-style);
    border-width:0
  }

  .border-t {
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }

  .border-t-4,.border-t-\[4px\] {
    border-top-style:var(--tw-border-style);
    border-top-width:4px
  }

  .border-r {
    border-right-style:var(--tw-border-style);
    border-right-width:1px
  }

  .border-b {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }

  .border-b-0 {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0
  }

  .border-b-4 {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:4px
  }

  .border-l {
    border-left-style:var(--tw-border-style);
    border-left-width:1px
  }

  .border-dashed {
    --tw-border-style:dashed;
    border-style:dashed
  }

  .border-dotted {
    --tw-border-style:dotted;
    border-style:dotted
  }

  .\!border-transparent {
    border-color:#0000!important
  }

  .border-alert {
    border-color:var(--color-alert)
  }

  .border-black {
    border-color:var(--color-black)
  }

  .border-currentColor {
    border-color:var(--color-currentColor)
  }

  .border-green {
    border-color:var(--color-green)
  }

  .border-menthol {
    border-color:var(--color-menthol)
  }

  .border-menu {
    border-color:var(--color-menu)
  }

  .border-notification {
    border-color:var(--color-notification)
  }

  .border-paper {
    border-color:var(--color-paper)
  }

  .border-sand {
    border-color:var(--color-sand)
  }

  .border-red {
    border-color:var(--color-red)
  }

  .border-newsletter {
    border-color:var(--color-newsletter)
  }

  .border-submenu {
    border-color:var(--color-submenu)
  }

  .border-test {
    border-color:var(--color-test)
  }

  .border-transparent {
    border-color:#0000
  }

  .border-transparent\! {
    border-color:#0000!important
  }

  .border-white {
    border-color:var(--color-white)
  }

  .\!bg-transparent {
    background-color:#0000!important
  }

  .bg-\[\#000\] {
    background-color:#000
  }

  .bg-account-black {
    background-color:var(--color-account-black)
  }

  .bg-alert {
    background-color:var(--color-alert)
  }

  .bg-black {
    background-color:var(--color-black)
  }

  .bg-black\/5 {
    background-color:#0000000d
  }

  @supports (color:color-mix(in lab,red,red)) {

    .bg-black\/5 {
      background-color:color-mix(in oklab,var(--color-black)5%,transparent)
    }
  }

  .bg-black\/50 {
    background-color:#00000080
  }

  @supports (color:color-mix(in lab,red,red)) {

    .bg-black\/50 {
      background-color:color-mix(in oklab,var(--color-black)50%,transparent)
    }
  }

  .bg-current {
    background-color:currentColor
  }

  .bg-currentColor {
    background-color:var(--color-currentColor)
  }

  .bg-green {
    background-color:var(--color-green)
  }

  .bg-magenta {
    background-color:var(--color-magenta)
  }

  .bg-menthol {
    background-color:var(--color-menthol)
  }

  .bg-menu {
    background-color:var(--color-menu)
  }

  .bg-menu\! {
    background-color:var(--color-menu)!important
  }

  .bg-notification {
    background-color:var(--color-notification)
  }

  .bg-notification\! {
    background-color:var(--color-notification)!important
  }

  .bg-paper {
    background-color:var(--color-paper)
  }

  .bg-paper-dark {
    background-color:var(--color-paper-dark)
  }

  .bg-sand {
    background-color:var(--color-sand)
  }

  .bg-sand\/50 {
    background-color:#76756f80
  }

  @supports (color:color-mix(in lab,red,red)) {

    .bg-sand\/50 {
      background-color:color-mix(in oklab,var(--color-sand)50%,transparent)
    }
  }

  .bg-red {
    background-color:var(--color-red)
  }

  .bg-red\! {
    background-color:var(--color-red)!important
  }

  .bg-newsletter {
    background-color:var(--color-newsletter)
  }

  .bg-submenu {
    background-color:var(--color-submenu)
  }

  .bg-test {
    background-color:var(--color-test)
  }

  .bg-test\/10 {
    background-color:#2044ff1a
  }

  @supports (color:color-mix(in lab,red,red)) {

    .bg-test\/10 {
      background-color:color-mix(in oklab,var(--color-test)10%,transparent)
    }
  }

  .bg-transparent {
    background-color:#0000
  }

  .bg-transparent\! {
    background-color:#0000!important
  }

  .bg-warning {
    background-color:var(--color-warning)
  }

  .bg-warning-dark {
    background-color:var(--color-warning-dark)
  }

  .bg-white {
    background-color:var(--color-white)
  }

  .bg-white\/60 {
    background-color:#fff9
  }

  @supports (color:color-mix(in lab,red,red)) {

    .bg-white\/60 {
      background-color:color-mix(in oklab,var(--color-white)60%,transparent)
    }
  }

  .bg-white\/70 {
    background-color:#ffffffb3
  }

  @supports (color:color-mix(in lab,red,red)) {

    .bg-white\/70 {
      background-color:color-mix(in oklab,var(--color-white)70%,transparent)
    }
  }

  .object-cover {
    object-fit:cover
  }

  .\!p-0 {
    padding:calc(var(--spacing)*0)!important
  }

  .p-0 {
    padding:calc(var(--spacing)*0)
  }

  .p-1 {
    padding:calc(var(--spacing)*1)
  }

  .p-4 {
    padding:calc(var(--spacing)*4)
  }

  .p-10 {
    padding:calc(var(--spacing)*10)
  }

  .p-11 {
    padding:calc(var(--spacing)*11)
  }

  .p-12 {
    padding:calc(var(--spacing)*12)
  }

  .p-15 {
    padding:calc(var(--spacing)*15)
  }

  .p-20 {
    padding:calc(var(--spacing)*20)
  }

  .p-25 {
    padding:calc(var(--spacing)*25)
  }

  .p-30 {
    padding:calc(var(--spacing)*30)
  }

  .p-35 {
    padding:calc(var(--spacing)*35)
  }

  .p-\[2\%\] {
    padding:2%
  }

  .px-0 {
    padding-inline:calc(var(--spacing)*0)
  }

  .px-0\! {
    padding-inline:calc(var(--spacing)*0)!important
  }

  .px-3 {
    padding-inline:calc(var(--spacing)*3)
  }

  .px-5 {
    padding-inline:calc(var(--spacing)*5)
  }

  .px-7 {
    padding-inline:calc(var(--spacing)*7)
  }

  .px-8 {
    padding-inline:calc(var(--spacing)*8)
  }

  .px-10 {
    padding-inline:calc(var(--spacing)*10)
  }

  .px-11 {
    padding-inline:calc(var(--spacing)*11)
  }

  .px-12 {
    padding-inline:calc(var(--spacing)*12)
  }

  .px-13 {
    padding-inline:calc(var(--spacing)*13)
  }

  .px-14 {
    padding-inline:calc(var(--spacing)*14)
  }

  .px-15 {
    padding-inline:calc(var(--spacing)*15)
  }

  .px-16 {
    padding-inline:calc(var(--spacing)*16)
  }

  .px-17 {
    padding-inline:calc(var(--spacing)*17)
  }

  .px-20 {
    padding-inline:calc(var(--spacing)*20)
  }

  .px-22 {
    padding-inline:calc(var(--spacing)*22)
  }

  .px-25 {
    padding-inline:calc(var(--spacing)*25)
  }

  .px-27 {
    padding-inline:calc(var(--spacing)*27)
  }

  .px-28 {
    padding-inline:calc(var(--spacing)*28)
  }

  .px-30 {
    padding-inline:calc(var(--spacing)*30)
  }

  .px-32 {
    padding-inline:calc(var(--spacing)*32)
  }

  .px-35 {
    padding-inline:calc(var(--spacing)*35)
  }

  .px-40 {
    padding-inline:calc(var(--spacing)*40)
  }

  .px-\[1\.5\%\] {
    padding-inline:1.5%
  }

  .py-0 {
    padding-block:calc(var(--spacing)*0)
  }

  .py-3 {
    padding-block:calc(var(--spacing)*3)
  }

  .py-4 {
    padding-block:calc(var(--spacing)*4)
  }

  .py-5 {
    padding-block:calc(var(--spacing)*5)
  }

  .py-6 {
    padding-block:calc(var(--spacing)*6)
  }

  .py-7 {
    padding-block:calc(var(--spacing)*7)
  }

  .py-8 {
    padding-block:calc(var(--spacing)*8)
  }

  .py-9 {
    padding-block:calc(var(--spacing)*9)
  }

  .py-10 {
    padding-block:calc(var(--spacing)*10)
  }

  .py-12 {
    padding-block:calc(var(--spacing)*12)
  }

  .py-14 {
    padding-block:calc(var(--spacing)*14)
  }

  .py-15 {
    padding-block:calc(var(--spacing)*15)
  }

  .py-16 {
    padding-block:calc(var(--spacing)*16)
  }

  .py-17 {
    padding-block:calc(var(--spacing)*17)
  }

  .py-18 {
    padding-block:calc(var(--spacing)*18)
  }

  .py-20 {
    padding-block:calc(var(--spacing)*20)
  }

  .py-25 {
    padding-block:calc(var(--spacing)*25)
  }

  .py-30 {
    padding-block:calc(var(--spacing)*30)
  }

  .py-40 {
    padding-block:calc(var(--spacing)*40)
  }

  .py-50 {
    padding-block:calc(var(--spacing)*50)
  }

  .py-58 {
    padding-block:calc(var(--spacing)*58)
  }

  .py-60 {
    padding-block:calc(var(--spacing)*60)
  }

  .py-82 {
    padding-block:calc(var(--spacing)*82)
  }

  .py-\[2\.5\%\] {
    padding-block:2.5%
  }

  .pt-0 {
    padding-top:calc(var(--spacing)*0)
  }

  .pt-0\! {
    padding-top:calc(var(--spacing)*0)!important
  }

  .pt-2 {
    padding-top:calc(var(--spacing)*2)
  }

  .pt-4 {
    padding-top:calc(var(--spacing)*4)
  }

  .pt-5 {
    padding-top:calc(var(--spacing)*5)
  }

  .pt-6 {
    padding-top:calc(var(--spacing)*6)
  }

  .pt-7 {
    padding-top:calc(var(--spacing)*7)
  }

  .pt-8 {
    padding-top:calc(var(--spacing)*8)
  }

  .pt-10 {
    padding-top:calc(var(--spacing)*10)
  }

  .pt-12 {
    padding-top:calc(var(--spacing)*12)
  }

  .pt-15 {
    padding-top:calc(var(--spacing)*15)
  }

  .pt-18 {
    padding-top:calc(var(--spacing)*18)
  }

  .pt-19 {
    padding-top:calc(var(--spacing)*19)
  }

  .pt-20 {
    padding-top:calc(var(--spacing)*20)
  }

  .pt-23 {
    padding-top:calc(var(--spacing)*23)
  }

  .pt-25 {
    padding-top:calc(var(--spacing)*25)
  }

  .pt-30 {
    padding-top:calc(var(--spacing)*30)
  }

  .pt-35 {
    padding-top:calc(var(--spacing)*35)
  }

  .pt-41 {
    padding-top:calc(var(--spacing)*41)
  }

  .pt-50 {
    padding-top:calc(var(--spacing)*50)
  }

  .pt-60 {
    padding-top:calc(var(--spacing)*60)
  }

  .pt-80 {
    padding-top:calc(var(--spacing)*80)
  }

  .pt-100 {
    padding-top:calc(var(--spacing)*100)
  }

  .pt-130 {
    padding-top:calc(var(--spacing)*130)
  }

  .pt-\[1\.3em\] {
    padding-top:1.3em
  }

  .pr-5 {
    padding-right:calc(var(--spacing)*5)
  }

  .pr-10 {
    padding-right:calc(var(--spacing)*10)
  }

  .pr-11 {
    padding-right:calc(var(--spacing)*11)
  }

  .pr-15 {
    padding-right:calc(var(--spacing)*15)
  }

  .pr-20 {
    padding-right:calc(var(--spacing)*20)
  }

  .pr-24 {
    padding-right:calc(var(--spacing)*24)
  }

  .pr-25 {
    padding-right:calc(var(--spacing)*25)
  }

  .pr-30 {
    padding-right:calc(var(--spacing)*30)
  }

  .pr-54 {
    padding-right:calc(var(--spacing)*54)
  }

  .pr-95 {
    padding-right:calc(var(--spacing)*95)
  }

  .pb-0 {
    padding-bottom:calc(var(--spacing)*0)
  }

  .pb-4 {
    padding-bottom:calc(var(--spacing)*4)
  }

  .pb-6 {
    padding-bottom:calc(var(--spacing)*6)
  }

  .pb-7 {
    padding-bottom:calc(var(--spacing)*7)
  }

  .pb-8 {
    padding-bottom:calc(var(--spacing)*8)
  }

  .pb-9 {
    padding-bottom:calc(var(--spacing)*9)
  }

  .pb-10 {
    padding-bottom:calc(var(--spacing)*10)
  }

  .pb-11 {
    padding-bottom:calc(var(--spacing)*11)
  }

  .pb-15 {
    padding-bottom:calc(var(--spacing)*15)
  }

  .pb-16 {
    padding-bottom:calc(var(--spacing)*16)
  }

  .pb-19 {
    padding-bottom:calc(var(--spacing)*19)
  }

  .pb-20 {
    padding-bottom:calc(var(--spacing)*20)
  }

  .pb-22 {
    padding-bottom:calc(var(--spacing)*22)
  }

  .pb-30 {
    padding-bottom:calc(var(--spacing)*30)
  }

  .pb-35 {
    padding-bottom:calc(var(--spacing)*35)
  }

  .pb-49 {
    padding-bottom:calc(var(--spacing)*49)
  }

  .pb-50 {
    padding-bottom:calc(var(--spacing)*50)
  }

  .pb-60 {
    padding-bottom:calc(var(--spacing)*60)
  }

  .pb-65 {
    padding-bottom:calc(var(--spacing)*65)
  }

  .pb-84 {
    padding-bottom:calc(var(--spacing)*84)
  }

  .pb-100 {
    padding-bottom:calc(var(--spacing)*100)
  }

  .pb-180 {
    padding-bottom:calc(var(--spacing)*180)
  }

  .pb-\[40\%\] {
    padding-bottom:40%
  }

  .pb-\[56\.25\%\] {
    padding-bottom:56.25%
  }

  .pb-\[62\.5\%\] {
    padding-bottom:62.5%
  }

  .pb-\[100\%\] {
    padding-bottom:100%
  }

  .\!pl-0 {
    padding-left:calc(var(--spacing)*0)!important
  }

  .pl-0 {
    padding-left:calc(var(--spacing)*0)
  }

  .pl-9 {
    padding-left:calc(var(--spacing)*9)
  }

  .pl-10 {
    padding-left:calc(var(--spacing)*10)
  }

  .pl-12 {
    padding-left:calc(var(--spacing)*12)
  }

  .pl-15 {
    padding-left:calc(var(--spacing)*15)
  }

  .pl-20 {
    padding-left:calc(var(--spacing)*20)
  }

  .pl-22 {
    padding-left:calc(var(--spacing)*22)
  }

  .pl-25 {
    padding-left:calc(var(--spacing)*25)
  }

  .pl-29 {
    padding-left:calc(var(--spacing)*29)
  }

  .pl-30 {
    padding-left:calc(var(--spacing)*30)
  }

  .pl-32 {
    padding-left:calc(var(--spacing)*32)
  }

  .pl-33 {
    padding-left:calc(var(--spacing)*33)
  }

  .pl-85 {
    padding-left:calc(var(--spacing)*85)
  }

  .text-center {
    text-align:center
  }

  .text-justify {
    text-align:justify
  }

  .text-left {
    text-align:left
  }

  .text-right {
    text-align:right
  }

  .align-top {
    vertical-align:top
  }

  .font-favorit {
    font-family:var(--font-favorit)
  }

  .font-sans {
    font-family:var(--font-sans)
  }

  .font-serif {
    font-family:var(--font-serif)
  }

  .text-body {
    font-size:var(--text-body);
    line-height:var(--tw-leading,var(--text-body--line-height));
    letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-body--font-weight))
  }

  .text-l {
    font-size:var(--text-l);
    line-height:var(--tw-leading,var(--text-l--line-height));
    letter-spacing:var(--tw-tracking,var(--text-l--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-l--font-weight))
  }

  .text-m {
    font-size:var(--text-m);
    line-height:var(--tw-leading,var(--text-m--line-height));
    letter-spacing:var(--tw-tracking,var(--text-m--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-m--font-weight))
  }

  .text-s {
    font-size:var(--text-s);
    line-height:var(--tw-leading,var(--text-s--line-height));
    letter-spacing:var(--tw-tracking,var(--text-s--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-s--font-weight))
  }

  .text-smBody {
    font-size:var(--text-smBody);
    line-height:var(--tw-leading,var(--text-smBody--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smBody--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smBody--font-weight))
  }

  .text-smL {
    font-size:var(--text-smL);
    line-height:var(--tw-leading,var(--text-smL--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smL--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smL--font-weight))
  }

  .text-smM {
    font-size:var(--text-smM);
    line-height:var(--tw-leading,var(--text-smM--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smM--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smM--font-weight))
  }

  .text-smS {
    font-size:var(--text-smS);
    line-height:var(--tw-leading,var(--text-smS--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smS--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smS--font-weight))
  }

  .text-smSaansL {
    font-size:var(--text-smSaansL);
    line-height:var(--tw-leading,var(--text-smSaansL--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smSaansL--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smSaansL--font-weight))
  }

  .text-smX {
    font-size:var(--text-smX);
    line-height:var(--tw-leading,var(--text-smX--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smX--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smX--font-weight))
  }

  .text-smXl {
    font-size:var(--text-smXl);
    line-height:var(--tw-leading,var(--text-smXl--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smXl--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smXl--font-weight))
  }

  .text-x {
    font-size:var(--text-x);
    line-height:var(--tw-leading,var(--text-x--line-height));
    letter-spacing:var(--tw-tracking,var(--text-x--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-x--font-weight))
  }

  .text-xl {
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height));
    letter-spacing:var(--tw-tracking,var(--text-xl--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-xl--font-weight))
  }

  .text-\[1\.2rem\] {
    font-size:1.2rem
  }

  .text-\[1rem\] {
    font-size:1rem
  }

  .text-\[2\.8px\] {
    font-size:2.8px
  }

  .text-\[10px\] {
    font-size:10px
  }

  .text-\[11px\] {
    font-size:11px
  }

  .text-\[12px\] {
    font-size:12px
  }

  .text-\[13px\] {
    font-size:13px
  }

  .text-\[13vw\] {
    font-size:13vw
  }

  .text-\[14px\] {
    font-size:14px
  }

  .text-\[16px\] {
    font-size:16px
  }

  .text-\[17px\] {
    font-size:17px
  }

  .text-\[28px\] {
    font-size:28px
  }

  .text-\[40px\] {
    font-size:40px
  }

  .text-\[44px\] {
    font-size:44px
  }

  .text-\[45px\] {
    font-size:45px
  }

  .text-\[51px\] {
    font-size:51px
  }

  .text-\[55px\] {
    font-size:55px
  }

  .text-\[60px\] {
    font-size:60px
  }

  .text-\[64px\] {
    font-size:64px
  }

  .text-\[70px\] {
    font-size:70px
  }

  .text-\[79px\] {
    font-size:79px
  }

  .text-\[98px\] {
    font-size:98px
  }

  .text-\[100px\] {
    font-size:100px
  }

  .text-\[100vw\] {
    font-size:100vw
  }

  .text-\[102px\] {
    font-size:102px
  }

  .text-\[110px\] {
    font-size:110px
  }

  .text-\[116px\] {
    font-size:116px
  }

  .text-\[118px\] {
    font-size:118px
  }

  .text-\[120px\] {
    font-size:120px
  }

  .text-\[125px\] {
    font-size:125px
  }

  .text-\[130px\] {
    font-size:130px
  }

  .text-\[133px\] {
    font-size:133px
  }

  .text-\[134px\] {
    font-size:134px
  }

  .text-\[135px\] {
    font-size:135px
  }

  .text-\[141px\] {
    font-size:141px
  }

  .text-\[142px\] {
    font-size:142px
  }

  .text-\[149px\] {
    font-size:149px
  }

  .text-\[150px\] {
    font-size:150px
  }

  .text-\[158px\] {
    font-size:158px
  }

  .text-\[160px\] {
    font-size:160px
  }

  .text-\[165px\] {
    font-size:165px
  }

  .text-\[172px\] {
    font-size:172px
  }

  .text-\[196px\] {
    font-size:196px
  }

  .text-\[210px\] {
    font-size:210px
  }

  .text-\[220px\] {
    font-size:220px
  }

  .text-\[290px\] {
    font-size:290px
  }

  .leading-14 {
    --tw-leading:calc(var(--spacing)*14);
    line-height:calc(var(--spacing)*14)
  }

  .leading-22 {
    --tw-leading:calc(var(--spacing)*22);
    line-height:calc(var(--spacing)*22)
  }

  .leading-\[0\.8\] {
    --tw-leading:.8;
    line-height:.8
  }

  .leading-\[0\.9\] {
    --tw-leading:.9;
    line-height:.9
  }

  .leading-\[0\.85\] {
    --tw-leading:.85;
    line-height:.85
  }

  .leading-\[0\.90\] {
    --tw-leading:.9;
    line-height:.9
  }

  .leading-\[0\.95\] {
    --tw-leading:.95;
    line-height:.95
  }

  .leading-\[1\.1\] {
    --tw-leading:1.1;
    line-height:1.1
  }

  .leading-\[1\.05\] {
    --tw-leading:1.05;
    line-height:1.05
  }

  .leading-\[1\.25\] {
    --tw-leading:1.25;
    line-height:1.25
  }

  .leading-\[1\] {
    --tw-leading:1;
    line-height:1
  }

  .leading-\[1em\] {
    --tw-leading:1em;
    line-height:1em
  }

  .leading-\[16px\] {
    --tw-leading:16px;
    line-height:16px
  }

  .leading-\[28px\] {
    --tw-leading:28px;
    line-height:28px
  }

  .leading-\[88\%\] {
    --tw-leading:88%;
    line-height:88%
  }

  .leading-\[90\%\] {
    --tw-leading:90%;
    line-height:90%
  }

  .leading-\[95\%\] {
    --tw-leading:95%;
    line-height:95%
  }

  .leading-\[100\%\] {
    --tw-leading:100%;
    line-height:100%
  }

  .leading-\[110\%\] {
    --tw-leading:110%;
    line-height:110%
  }

  .leading-none {
    --tw-leading:1;
    line-height:1
  }

  .leading-normal {
    --tw-leading:var(--leading-normal);
    line-height:var(--leading-normal)
  }

  .leading-tight {
    --tw-leading:var(--leading-tight);
    line-height:var(--leading-tight)
  }

  .\!font-normal {
    --tw-font-weight:var(--font-weight-normal)!important;
    font-weight:var(--font-weight-normal)!important
  }

  .\!font-semibold {
    --tw-font-weight:var(--font-weight-semibold)!important;
    font-weight:var(--font-weight-semibold)!important
  }

  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }

  .font-medium {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }

  .font-normal {
    --tw-font-weight:var(--font-weight-normal);
    font-weight:var(--font-weight-normal)
  }

  .font-semibold {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }

  .font-semibold\! {
    --tw-font-weight:var(--font-weight-semibold)!important;
    font-weight:var(--font-weight-semibold)!important
  }

  .-tracking-wide {
    --tw-tracking:calc(var(--tracking-wide)*-1);
    letter-spacing:calc(var(--tracking-wide)*-1)
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking:-.01em;
    letter-spacing:-.01em
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking:-.02em;
    letter-spacing:-.02em
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking:-.03em;
    letter-spacing:-.03em
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking:-.04em;
    letter-spacing:-.04em
  }

  .tracking-\[0em\] {
    --tw-tracking:0em;
    letter-spacing:0
  }

  .tracking-normal {
    --tw-tracking:var(--tracking-normal);
    letter-spacing:var(--tracking-normal)
  }

  .tracking-tight {
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight)
  }

  .tracking-wide {
    --tw-tracking:var(--tracking-wide);
    letter-spacing:var(--tracking-wide)
  }

  .tracking-wider {
    --tw-tracking:var(--tracking-wider);
    letter-spacing:var(--tracking-wider)
  }

  .break-words {
    overflow-wrap:break-word
  }

  .break-all {
    word-break:break-all
  }

  .text-ellipsis {
    text-overflow:ellipsis
  }

  .whitespace-normal {
    white-space:normal
  }

  .whitespace-nowrap {
    white-space:nowrap
  }

  .whitespace-pre {
    white-space:pre
  }

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

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

  .text-\[\#0D00FF\] {
    color:#0d00ff
  }

  .text-\[\#50C800\] {
    color:#50c800
  }

  .text-\[\#FF0000\] {
    color:red
  }

  .text-\[\#fff\] {
    color:#fff
  }

  .text-alert {
    color:var(--color-alert)
  }

  .text-black {
    color:var(--color-black)
  }

  .text-black\! {
    color:var(--color-black)!important
  }

  .text-blue {
    color:var(--color-blue)
  }

  .text-current {
    color:currentColor
  }

  .text-currentColor {
    color:var(--color-currentColor)
  }

  .text-hint-gray {
    color:var(--color-hint-gray)
  }

  .text-inherit {
    color:inherit
  }

  .text-menu {
    color:var(--color-menu)
  }

  .text-sand {
    color:var(--color-sand)
  }

  .text-sand\! {
    color:var(--color-sand)!important
  }

  .text-newsletter {
    color:var(--color-newsletter)
  }

  .text-test {
    color:var(--color-test)
  }

  .text-warning-dark {
    color:var(--color-warning-dark)
  }

  .text-white {
    color:var(--color-white)
  }

  .text-white\! {
    color:var(--color-white)!important
  }

  .capitalize {
    text-transform:capitalize
  }

  .normal-case {
    text-transform:none
  }

  .uppercase {
    text-transform:uppercase
  }

  .italic {
    font-style:italic
  }

  .not-italic {
    font-style:normal
  }

  .tabular-nums {
    --tw-numeric-spacing:tabular-nums;
    font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)
  }

  .\!no-underline {
    text-decoration-line:none!important
  }

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

  .no-underline {
    text-decoration-line:none
  }

  .no-underline\! {
    text-decoration-line:none!important
  }

  .underline {
    text-decoration-line:underline
  }

  .opacity-0 {
    opacity:0
  }

  .opacity-20 {
    opacity:.2
  }

  .opacity-30 {
    opacity:.3
  }

  .opacity-50 {
    opacity:.5
  }

  .opacity-70 {
    opacity:.7
  }

  .opacity-90 {
    opacity:.9
  }

  .opacity-100 {
    opacity:1
  }

  .mix-blend-difference {
    mix-blend-mode:difference
  }

  .mix-blend-multiply {
    mix-blend-mode:multiply
  }

  .shadow-dropShadow {
    --tw-shadow:0 4px 20px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .ring-0 {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .outline-hidden\! {
    --tw-outline-style:none!important;
    outline-style:none!important
  }

  @media(forced-colors:active) {

    .outline-hidden\! {
      outline-offset:2px!important;
      outline:2px solid #0000!important
    }
  }

  .outline {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }

  .blur {
    --tw-blur:blur(8px);
    filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
  }

  .invert {
    --tw-invert:invert(100%);
    filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
  }

  .filter {
    filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur:blur(var(--blur-sm));
    -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
  }

  .backdrop-blur-xs {
    --tw-backdrop-blur:blur(var(--blur-xs));
    -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
  }

  .transition {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-\[font-variation-settings\] {
    transition-property:font-variation-settings;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-\[height\] {
    transition-property:height;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-\[max-height\] {
    transition-property:max-height;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-all {
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-colors {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-opacity {
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .transition-transform {
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .duration-100 {
    --tw-duration:.1s;
    transition-duration:.1s
  }

  .duration-200 {
    --tw-duration:.2s;
    transition-duration:.2s
  }

  .ease-in {
    --tw-ease:var(--ease-in);
    transition-timing-function:var(--ease-in)
  }

  .ease-linear {
    --tw-ease:linear;
    transition-timing-function:linear
  }

  .will-change-\[transform\,opacity\] {
    will-change:transform,opacity
  }

  .outline-none {
    --tw-outline-style:none;
    outline-style:none
  }

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

  :is(.\*\:flex>*) {
    display:flex
  }

  :is(.\*\:inline-flex>*) {
    display:inline-flex
  }

  :is(.\*\:h-29>*) {
    height:calc(var(--spacing)*29)
  }

  :is(.\*\:shrink-0>*) {
    flex-shrink:0
  }

  :is(.\*\:grow-0>*) {
    flex-grow:0
  }

  :is(.\*\:items-center>*) {
    align-items:center
  }

  :is(.\*\:justify-center>*) {
    justify-content:center
  }

  :is(.\*\:gap-8>*) {
    gap:calc(var(--spacing)*8)
  }

  :is(.\*\:px-5>*) {
    padding-inline:calc(var(--spacing)*5)
  }

  :is(.\*\:pr-5>*) {
    padding-right:calc(var(--spacing)*5)
  }

  :is(.\*\:pr-10>*) {
    padding-right:calc(var(--spacing)*10)
  }

  :is(.\*\:pl-5>*) {
    padding-left:calc(var(--spacing)*5)
  }

  :is(.\*\:pl-10>*) {
    padding-left:calc(var(--spacing)*10)
  }

  .group-focus-within\:z-3:is(:where(.group):focus-within *) {
    z-index:3
  }

  @media(hover:hover) {

    .group-hover\:visible:is(:where(.group):hover *) {
      visibility:visible
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y:calc(var(--spacing)*0);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:rounded-lg:is(:where(.group):hover *) {
      border-radius:var(--radius-lg)
    }

    .group-hover\:border-black:is(:where(.group):hover *) {
      border-color:var(--color-black)
    }

    .group-hover\:border-white:is(:where(.group):hover *) {
      border-color:var(--color-white)
    }

    .group-hover\:bg-black:is(:where(.group):hover *) {
      background-color:var(--color-black)
    }

    .group-hover\:bg-white:is(:where(.group):hover *) {
      background-color:var(--color-white)
    }

    .group-hover\:font-semibold:is(:where(.group):hover *) {
      --tw-font-weight:var(--font-weight-semibold);
      font-weight:var(--font-weight-semibold)
    }

    .group-hover\:text-sand:is(:where(.group):hover *) {
      color:var(--color-sand)
    }

    .group-hover\:no-underline:is(:where(.group):hover *) {
      text-decoration-line:none
    }

    .group-hover\/item\:visible:is(:where(.group\/item):hover *),.group-hover\/sort\:visible:is(:where(.group\/sort):hover *) {
      visibility:visible
    }

    .group-hover\/thumb\:scale-110:is(:where(.group\/thumb):hover *) {
      --tw-scale-x:110%;
      --tw-scale-y:110%;
      --tw-scale-z:110%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
  }

  .group-has-checked\:visible:is(:where(.group):has(:checked) *),.group-has-checked\/checkbox\:visible:is(:where(.group\/checkbox):has(:checked) *) {
    visibility:visible
  }

  .group-has-checked\/checkbox\:grid:is(:where(.group\/checkbox):has(:checked) *) {
    display:grid
  }

  .group-has-checked\/item\:visible:is(:where(.group\/item):has(:checked) *) {
    visibility:visible
  }

  .group-has-\[\*\[data-side\=\"top\"\]\]\:mb-10:is(:where(.group):has([data-side=top]) *) {
    margin-bottom:calc(var(--spacing)*10)
  }

  .group-has-\[\:indeterminate\]\/item\:visible:is(:where(.group\/item):has(:indeterminate) *) {
    visibility:visible
  }

  .group-data-\[voted\=true\]\:pointer-events-none:is(:where(.group)[data-voted=true] *) {
    pointer-events:none
  }

  .group-data-\[voted\=true\]\:cursor-not-allowed:is(:where(.group)[data-voted=true] *) {
    cursor:not-allowed
  }

  .group-data-\[voted\=true\]\:\!bg-alert:is(:where(.group)[data-voted=true] *) {
    background-color:var(--color-alert)!important
  }

  .group-data-\[voted\=true\]\:text-alert:is(:where(.group)[data-voted=true] *) {
    color:var(--color-alert)
  }

  .group-data-\[voted\=true\]\:text-white:is(:where(.group)[data-voted=true] *) {
    color:var(--color-white)
  }

  .peer-checked\:bg-black:is(:where(.peer):checked~*) {
    background-color:var(--color-black)
  }

  .peer-checked\:text-white:is(:where(.peer):checked~*) {
    color:var(--color-white)
  }

  .peer-disabled\:pointer-events-none:is(:where(.peer):disabled~*) {
    pointer-events:none
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
    cursor:not-allowed
  }

  .peer-disabled\:\!bg-menu:is(:where(.peer):disabled~*) {
    background-color:var(--color-menu)!important
  }

  .peer-disabled\:text-menu:is(:where(.peer):disabled~*) {
    color:var(--color-menu)
  }

  .peer-disabled\:text-white:is(:where(.peer):disabled~*) {
    color:var(--color-white)
  }

  .peer-data-\[winner\=true\]\:\!bg-black:is(:where(.peer)[data-winner=true]~*) {
    background-color:var(--color-black)!important
  }

  .peer-data-\[winner\=true\]\:text-black:is(:where(.peer)[data-winner=true]~*) {
    color:var(--color-black)
  }

  .peer-data-\[winner\=true\]\:text-white:is(:where(.peer)[data-winner=true]~*) {
    color:var(--color-white)
  }

  .placeholder\:text-sand::placeholder {
    color:var(--color-sand)
  }

  .placeholder\:text-white::placeholder {
    color:var(--color-white)
  }

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

  .before\:pointer-events-none:before {
    content:var(--tw-content);
    pointer-events:none
  }

  .before\:absolute:before {
    content:var(--tw-content);
    position:absolute
  }

  .before\:inset-0:before {
    content:var(--tw-content);
    inset:calc(var(--spacing)*0)
  }

  .before\:inset-x-0:before {
    content:var(--tw-content);
    inset-inline:calc(var(--spacing)*0)
  }

  .before\:top-1\/2:before {
    content:var(--tw-content);
    top:50%
  }

  .before\:top-35:before {
    content:var(--tw-content);
    top:calc(var(--spacing)*35)
  }

  .before\:bottom-35:before {
    content:var(--tw-content);
    bottom:calc(var(--spacing)*35)
  }

  .before\:left-1\/2:before {
    content:var(--tw-content);
    left:50%
  }

  .before\:left-1\/3:before {
    content:var(--tw-content);
    left:33.3333%
  }

  .before\:z-1:before {
    content:var(--tw-content);
    z-index:1
  }

  .before\:hidden:before {
    content:var(--tw-content);
    display:none
  }

  .before\:h-7:before {
    content:var(--tw-content);
    height:calc(var(--spacing)*7)
  }

  .before\:w-1:before {
    content:var(--tw-content);
    width:calc(var(--spacing)*1)
  }

  .before\:-translate-1\/2:before {
    content:var(--tw-content);
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .before\:scale-110:before {
    content:var(--tw-content);
    --tw-scale-x:110%;
    --tw-scale-y:110%;
    --tw-scale-z:110%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .before\:rounded-\[\.5rem\]:before {
    content:var(--tw-content);
    border-radius:.5rem
  }

  .before\:border-t:before {
    content:var(--tw-content);
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }

  .before\:border-dashed:before {
    content:var(--tw-content);
    --tw-border-style:dashed;
    border-style:dashed
  }

  .before\:border-black:before {
    content:var(--tw-content);
    border-color:var(--color-black)
  }

  .before\:bg-black:before {
    content:var(--tw-content);
    background-color:var(--color-black)
  }

  .before\:bg-black\/80:before {
    content:var(--tw-content);
    background-color:#000c
  }

  @supports (color:color-mix(in lab,red,red)) {

    .before\:bg-black\/80:before {
      background-color:color-mix(in oklab,var(--color-black)80%,transparent)
    }
  }

  .before\:bg-test:before {
    content:var(--tw-content);
    background-color:var(--color-test)
  }

  .before\:transition-transform:before {
    content:var(--tw-content);
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .before\:content-\[\"\"\]:before,.before\:content-\[\'\'\]:before {
    --tw-content:"";
    content:var(--tw-content)
  }

  .after\:absolute:after {
    content:var(--tw-content);
    position:absolute
  }

  .after\:inset-0:after {
    content:var(--tw-content);
    inset:calc(var(--spacing)*0)
  }

  .after\:top-35:after {
    content:var(--tw-content);
    top:calc(var(--spacing)*35)
  }

  .after\:bottom-35:after {
    content:var(--tw-content);
    bottom:calc(var(--spacing)*35)
  }

  .after\:left-2\/3:after {
    content:var(--tw-content);
    left:66.6667%
  }

  .after\:block:after {
    content:var(--tw-content);
    display:block
  }

  .after\:hidden:after {
    content:var(--tw-content);
    display:none
  }

  .after\:w-1:after {
    content:var(--tw-content);
    width:calc(var(--spacing)*1)
  }

  .after\:bg-black:after {
    content:var(--tw-content);
    background-color:var(--color-black)
  }

  .after\:bg-linear-to-b:after {
    content:var(--tw-content);
    --tw-gradient-position:to bottom
  }

  @supports (background-image:linear-gradient(in lab,red,red)) {

    .after\:bg-linear-to-b:after {
      --tw-gradient-position:to bottom in oklab
    }
  }

  .after\:bg-linear-to-b:after {
    background-image:linear-gradient(var(--tw-gradient-stops))
  }

  .after\:from-\[\#000\]\/0:after {
    content:var(--tw-content);
    --tw-gradient-from:oklab(0% none none/0);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .after\:to-\[\#000\]\/50:after {
    content:var(--tw-content);
    --tw-gradient-to:oklab(0% none none/.5);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .after\:content-\[\"\"\]:after,.after\:content-\[\'\'\]:after {
    --tw-content:"";
    content:var(--tw-content)
  }

  .last\:mb-0:last-child {
    margin-bottom:calc(var(--spacing)*0)
  }

  .autofill\:bg-transparent:autofill {
    background-color:#0000
  }

  @media(hover:hover) {

    .hover\:rounded-base:hover {
      border-radius:var(--radius-base)
    }

    .hover\:rounded-md:hover {
      border-radius:var(--radius-md)
    }

    .hover\:border-alert:hover {
      border-color:var(--color-alert)
    }

    .hover\:border-black:hover {
      border-color:var(--color-black)
    }

    .hover\:border-green-dark:hover {
      border-color:var(--color-green-dark)
    }

    .hover\:border-notification:hover {
      border-color:var(--color-notification)
    }

    .hover\:border-transparent:hover {
      border-color:#0000
    }

    .hover\:border-warning-dark:hover {
      border-color:var(--color-warning-dark)
    }

    .hover\:bg-alert:hover {
      background-color:var(--color-alert)
    }

    .hover\:bg-black:hover {
      background-color:var(--color-black)
    }

    .hover\:bg-black\/50:hover {
      background-color:#00000080
    }

    @supports (color:color-mix(in lab,red,red)) {

      .hover\:bg-black\/50:hover {
        background-color:color-mix(in oklab,var(--color-black)50%,transparent)
      }
    }

    .hover\:bg-green-dark:hover {
      background-color:var(--color-green-dark)
    }

    .hover\:bg-notification:hover {
      background-color:var(--color-notification)
    }

    .hover\:bg-sand:hover {
      background-color:var(--color-sand)
    }

    .hover\:bg-plain-input-hover:hover {
      background-color:var(--color-plain-input-hover)
    }

    .hover\:bg-warning-dark:hover {
      background-color:var(--color-warning-dark)
    }

    .hover\:bg-white:hover {
      background-color:var(--color-white)
    }

    .hover\:bg-white\/50:hover {
      background-color:#ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {

      .hover\:bg-white\/50:hover {
        background-color:color-mix(in oklab,var(--color-white)50%,transparent)
      }
    }

    .hover\:text-alert:hover {
      color:var(--color-alert)
    }

    .hover\:text-black:hover {
      color:var(--color-black)
    }

    .hover\:text-sand:hover {
      color:var(--color-sand)
    }

    .hover\:text-white:hover {
      color:var(--color-white)
    }

    .hover\:text-white\/50:hover {
      color:#ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {

      .hover\:text-white\/50:hover {
        color:color-mix(in oklab,var(--color-white)50%,transparent)
      }
    }

    .hover\:\!no-underline:hover {
      text-decoration-line:none!important
    }

    .hover\:no-underline:hover {
      text-decoration-line:none
    }

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

    .peer-checked\:hover\:bg-black:is(:where(.peer):checked~*):hover {
      background-color:var(--color-black)
    }

    .hover\:before\:scale-110:hover:before {
      content:var(--tw-content);
      --tw-scale-x:110%;
      --tw-scale-y:110%;
      --tw-scale-z:110%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
  }

  .focus\:bg-plain-input-hover:focus {
    background-color:var(--color-plain-input-hover)
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style:none;
    outline-style:none
  }

  @media(forced-colors:active) {

    .focus\:outline-hidden:focus {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }

  .focus\:outline-0:focus {
    outline-style:var(--tw-outline-style);
    outline-width:0
  }

  .focus\:outline-1:focus {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }

  .focus\:outline-none:focus {
    --tw-outline-style:none;
    outline-style:none
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style:none;
    outline-style:none
  }

  @media(forced-colors:active) {

    .focus-visible\:outline-hidden:focus-visible {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }

  .focus-visible\:outline-0:focus-visible {
    outline-style:var(--tw-outline-style);
    outline-width:0
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style:none;
    outline-style:none
  }

  .active\:cursor-grabbing:active {
    cursor:grabbing
  }

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

  .disabled\:cursor-default:disabled {
    cursor:default
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed
  }

  .disabled\:border-sand:disabled {
    border-color:var(--color-sand)
  }

  .disabled\:bg-menu:disabled {
    background-color:var(--color-menu)
  }

  .disabled\:text-sand:disabled {
    color:var(--color-sand)
  }

  .disabled\:no-underline:disabled {
    text-decoration-line:none
  }

  .disabled\:opacity-20:disabled {
    opacity:.2
  }

  .disabled\:opacity-40:disabled {
    opacity:.4
  }

  .disabled\:opacity-50:disabled {
    opacity:.5
  }

  .has-open\:border-notification:has(:is([open],:popover-open,:open)) {
    border-color:var(--color-notification)
  }

  .has-checked\:bg-black:has(:checked) {
    background-color:var(--color-black)
  }

  .has-checked\:bg-sand:has(:checked) {
    background-color:var(--color-sand)
  }

  .has-checked\:bg-sand\/50:has(:checked) {
    background-color:#76756f80
  }

  @supports (color:color-mix(in lab,red,red)) {

    .has-checked\:bg-sand\/50:has(:checked) {
      background-color:color-mix(in oklab,var(--color-sand)50%,transparent)
    }
  }

  .has-checked\:bg-white:has(:checked) {
    background-color:var(--color-white)
  }

  .has-checked\:text-black:has(:checked) {
    color:var(--color-black)
  }

  .has-checked\:text-white:has(:checked) {
    color:var(--color-white)
  }

  @media(hover:hover) {

    .has-checked\:hover\:border-black:has(:checked):hover {
      border-color:var(--color-black)
    }

    .has-checked\:hover\:bg-black:has(:checked):hover {
      background-color:var(--color-black)
    }

    .has-checked\:hover\:bg-notification:has(:checked):hover {
      background-color:var(--color-notification)
    }

    .has-checked\:hover\:text-black:has(:checked):hover {
      color:var(--color-black)
    }

    .has-checked\:hover\:text-white:has(:checked):hover {
      color:var(--color-white)
    }
  }

  .has-focus\:border-test:has(:focus) {
    border-color:var(--color-test)
  }

  .has-focus-visible\:border-blue:has(:focus-visible) {
    border-color:var(--color-blue)
  }

  .has-disabled\:pointer-events-none:has(:disabled) {
    pointer-events:none
  }

  .has-disabled\:bg-sand\/50:has(:disabled) {
    background-color:#76756f80
  }

  @supports (color:color-mix(in lab,red,red)) {

    .has-disabled\:bg-sand\/50:has(:disabled) {
      background-color:color-mix(in oklab,var(--color-sand)50%,transparent)
    }
  }

  .has-disabled\:text-white:has(:disabled) {
    color:var(--color-white)
  }

  .has-\[\:checked\]\:rounded-md:has(:checked) {
    border-radius:var(--radius-md)
  }

  .has-\[\:checked\]\:bg-sand:has(:checked) {
    background-color:var(--color-sand)
  }

  .has-\[\:checked\]\:bg-white:has(:checked) {
    background-color:var(--color-white)
  }

  .has-\[\:checked\]\:text-black:has(:checked) {
    color:var(--color-black)
  }

  .has-\[\:checked\]\:text-white:has(:checked) {
    color:var(--color-white)
  }

  @media(hover:hover) {

    .has-\[\:checked\]\:hover\:bg-white:has(:checked):hover {
      background-color:var(--color-white)
    }
  }

  .has-\[\:checked\:hover\]\:bg-notification:has(:checked:hover) {
    background-color:var(--color-notification)
  }

  .has-\[\:checked\:hover\]\:text-black:has(:checked:hover) {
    color:var(--color-black)
  }

  .has-\[\:disabled\]\:bg-menu:has(:disabled) {
    background-color:var(--color-menu)
  }

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

  .has-\[input\[type\=\"checkbox\"\]\:disabled\]\:bg-sand\/50:has(:is(input[type=checkbox]:disabled)) {
    background-color:#76756f80
  }

  @supports (color:color-mix(in lab,red,red)) {

    .has-\[input\[type\=\"checkbox\"\]\:disabled\]\:bg-sand\/50:has(:is(input[type=checkbox]:disabled)) {
      background-color:color-mix(in oklab,var(--color-sand)50%,transparent)
    }
  }

  .has-\[input\[type\=\"checkbox\"\]\:disabled\]\:text-white:has(:is(input[type=checkbox]:disabled)) {
    color:var(--color-white)
  }

  .data-\[state\=\'active\'\]\:pointer-events-none[data-state=active] {
    pointer-events:none
  }

  .data-\[state\=\'active\'\]\:cursor-default[data-state=active] {
    cursor:default
  }

  .data-\[state\=\'active\'\]\:border-0[data-state=active] {
    border-style:var(--tw-border-style);
    border-width:0
  }

  .data-\[state\=\'active\'\]\:bg-black[data-state=active] {
    background-color:var(--color-black)
  }

  .data-\[state\=\'active\'\]\:text-white[data-state=active] {
    color:var(--color-white)
  }

  .data-\[state\=\'open\'\]\:rounded-lg[data-state=open] {
    border-radius:var(--radius-lg)
  }

  .data-\[state\=\'open\'\]\:border-sand[data-state=open] {
    border-color:var(--color-sand)
  }

  .data-\[state\=\'open\'\]\:bg-sand[data-state=open] {
    background-color:var(--color-sand)
  }

  .data-\[state\=\'open\'\]\:text-white[data-state=open] {
    color:var(--color-white)
  }

  .data-\[state\=active\]\:bg-sand[data-state=active] {
    background-color:var(--color-sand)
  }

  .data-\[state\=active\]\:text-white[data-state=active] {
    color:var(--color-white)
  }

  .data-\[state\=checked\]\:translate-x-11[data-state=checked] {
    --tw-translate-x:calc(var(--spacing)*11);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[state\=closed\]\:animate-accordionUp[data-state=closed] {
    animation:var(--animate-accordionUp)
  }

  .data-\[state\=closed\]\:animate-shrinkToBottom[data-state=closed] {
    animation:var(--animate-shrinkToBottom)
  }

  .data-\[state\=open\]\:animate-accordionDown[data-state=open] {
    animation:var(--animate-accordionDown)
  }

  .data-\[state\=open\]\:animate-growFromBottom[data-state=open] {
    animation:var(--animate-growFromBottom)
  }

  .data-\[state\=open\]\:font-semibold[data-state=open] {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }

  @media(hover:hover) {

    .data-\[state\=open\]\:hover\:text-black[data-state=open]:hover {
      color:var(--color-black)
    }
  }

  .data-\[state\=open\]\:data-\[side\=bottom\]\:animate-slideUpAndFade[data-state=open][data-side=bottom] {
    animation:var(--animate-slideUpAndFade)
  }

  .data-\[state\=open\]\:data-\[side\=left\]\:animate-slideRightAndFade[data-state=open][data-side=left] {
    animation:var(--animate-slideRightAndFade)
  }

  .data-\[state\=open\]\:data-\[side\=right\]\:animate-slideLeftAndFade[data-state=open][data-side=right] {
    animation:var(--animate-slideLeftAndFade)
  }

  .data-\[state\=open\]\:data-\[side\=top\]\:animate-slideDownAndFade[data-state=open][data-side=top] {
    animation:var(--animate-slideDownAndFade)
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
    --tw-translate-x:calc(var(--spacing)*0);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
    --tw-translate-x:var(--radix-toast-swipe-end-x);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
    --tw-translate-x:var(--radix-toast-swipe-move-x);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[swipe\=move\]\:transition-none[data-swipe=move] {
    transition-property:none
  }

  @media not all and (min-width:64rem) {

    .max-lg\:hidden {
      display:none
    }
  }

  @media(min-width:380px) {

    .xs\:w-200 {
      width:calc(var(--spacing)*200)
    }

    .xs\:w-full {
      width:100%
    }

    .xs\:max-w-none {
      max-width:none
    }

    .xs\:text-\[61px\] {
      font-size:61px
    }
  }

  @media(min-width:40rem) {

    .sm\:pointer-events-auto {
      pointer-events:auto
    }

    .sm\:visible {
      visibility:visible
    }

    .sm\:absolute {
      position:absolute
    }

    .sm\:relative {
      position:relative
    }

    .sm\:static {
      position:static
    }

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

    .sm\:order-2 {
      order:2
    }

    .sm\:order-3 {
      order:3
    }

    .sm\:order-4 {
      order:4
    }

    .sm\:col-span-2 {
      grid-column:span 2/span 2
    }

    .sm\:m-0 {
      margin:calc(var(--spacing)*0)
    }

    .sm\:mt-0 {
      margin-top:calc(var(--spacing)*0)
    }

    .sm\:mt-45 {
      margin-top:calc(var(--spacing)*45)
    }

    .sm\:mb-11 {
      margin-bottom:calc(var(--spacing)*11)
    }

    .sm\:mb-12 {
      margin-bottom:calc(var(--spacing)*12)
    }

    .sm\:mb-25 {
      margin-bottom:calc(var(--spacing)*25)
    }

    .sm\:mb-30 {
      margin-bottom:calc(var(--spacing)*30)
    }

    .sm\:mb-60 {
      margin-bottom:calc(var(--spacing)*60)
    }

    .sm\:mb-67 {
      margin-bottom:calc(var(--spacing)*67)
    }

    .sm\:mb-100 {
      margin-bottom:calc(var(--spacing)*100)
    }

    .sm\:block {
      display:block
    }

    .sm\:flex {
      display:flex
    }

    .sm\:hidden {
      display:none
    }

    .sm\:min-h-62 {
      min-height:calc(var(--spacing)*62)
    }

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

    .sm\:w-300 {
      width:calc(var(--spacing)*300)
    }

    .sm\:w-390 {
      width:calc(var(--spacing)*390)
    }

    .sm\:w-\[40\%\] {
      width:40%
    }

    .sm\:w-\[60\%\] {
      width:60%
    }

    .sm\:w-auto {
      width:auto
    }

    .sm\:max-w-xs {
      max-width:var(--container-xs)
    }

    .sm\:min-w-360 {
      min-width:calc(var(--spacing)*360)
    }

    .sm\:min-w-\[320px\] {
      min-width:320px
    }

    .sm\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .sm\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .sm\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }

    .sm\:flex-col {
      flex-direction:column
    }

    .sm\:flex-row {
      flex-direction:row
    }

    .sm\:flex-nowrap {
      flex-wrap:nowrap
    }

    .sm\:items-center {
      align-items:center
    }

    .sm\:justify-center {
      justify-content:center
    }

    .sm\:justify-start {
      justify-content:flex-start
    }

    .sm\:gap-15 {
      gap:calc(var(--spacing)*15)
    }

    .sm\:gap-22 {
      gap:calc(var(--spacing)*22)
    }

    .sm\:gap-30 {
      gap:calc(var(--spacing)*30)
    }

    .sm\:gap-y-60 {
      row-gap:calc(var(--spacing)*60)
    }

    .sm\:px-20 {
      padding-inline:calc(var(--spacing)*20)
    }

    .sm\:px-50 {
      padding-inline:calc(var(--spacing)*50)
    }

    .sm\:py-5 {
      padding-block:calc(var(--spacing)*5)
    }

    .sm\:py-14 {
      padding-block:calc(var(--spacing)*14)
    }

    .sm\:pt-0 {
      padding-top:calc(var(--spacing)*0)
    }

    .sm\:pt-18 {
      padding-top:calc(var(--spacing)*18)
    }

    .sm\:pt-44 {
      padding-top:calc(var(--spacing)*44)
    }

    .sm\:pr-10 {
      padding-right:calc(var(--spacing)*10)
    }

    .sm\:pr-15 {
      padding-right:calc(var(--spacing)*15)
    }

    .sm\:pb-0 {
      padding-bottom:calc(var(--spacing)*0)
    }

    .sm\:pb-22 {
      padding-bottom:calc(var(--spacing)*22)
    }

    .sm\:pb-120 {
      padding-bottom:calc(var(--spacing)*120)
    }

    .sm\:pb-150 {
      padding-bottom:calc(var(--spacing)*150)
    }

    .sm\:pb-\[56\.25\%\] {
      padding-bottom:56.25%
    }

    .sm\:pl-10 {
      padding-left:calc(var(--spacing)*10)
    }

    .sm\:text-left {
      text-align:left
    }

    .sm\:text-body {
      font-size:var(--text-body);
      line-height:var(--tw-leading,var(--text-body--line-height));
      letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-body--font-weight))
    }

    .sm\:text-l {
      font-size:var(--text-l);
      line-height:var(--tw-leading,var(--text-l--line-height));
      letter-spacing:var(--tw-tracking,var(--text-l--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-l--font-weight))
    }

    .sm\:text-m {
      font-size:var(--text-m);
      line-height:var(--tw-leading,var(--text-m--line-height));
      letter-spacing:var(--tw-tracking,var(--text-m--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-m--font-weight))
    }

    .sm\:text-s {
      font-size:var(--text-s);
      line-height:var(--tw-leading,var(--text-s--line-height));
      letter-spacing:var(--tw-tracking,var(--text-s--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-s--font-weight))
    }

    .sm\:text-x {
      font-size:var(--text-x);
      line-height:var(--tw-leading,var(--text-x--line-height));
      letter-spacing:var(--tw-tracking,var(--text-x--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-x--font-weight))
    }

    .sm\:text-xl {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height));
      letter-spacing:var(--tw-tracking,var(--text-xl--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-xl--font-weight))
    }

    .sm\:text-\[12px\] {
      font-size:12px
    }

    .sm\:text-\[44px\] {
      font-size:44px
    }

    .sm\:text-\[56px\] {
      font-size:56px
    }

    .sm\:text-\[80px\] {
      font-size:80px
    }

    .sm\:leading-\[0\.9\] {
      --tw-leading:.9;
      line-height:.9
    }

    .sm\:leading-\[90\%\] {
      --tw-leading:90%;
      line-height:90%
    }

    .sm\:font-semibold {
      --tw-font-weight:var(--font-weight-semibold);
      font-weight:var(--font-weight-semibold)
    }

    .sm\:tracking-tight {
      --tw-tracking:var(--tracking-tight);
      letter-spacing:var(--tracking-tight)
    }

    .sm\:tracking-wide {
      --tw-tracking:var(--tracking-wide);
      letter-spacing:var(--tracking-wide)
    }
  }

  @media(min-width:48rem) {

    .md\:invisible {
      visibility:hidden
    }

    .md\:visible\! {
      visibility:visible!important
    }

    .md\:static {
      position:static
    }

    .md\:sticky {
      position:sticky
    }

    .md\:top-20 {
      top:calc(var(--spacing)*20)
    }

    .md\:top-103 {
      top:calc(var(--spacing)*103)
    }

    .md\:-right-20 {
      right:calc(var(--spacing)*-20)
    }

    .md\:right-20 {
      right:calc(var(--spacing)*20)
    }

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

    .md\:-left-20 {
      left:calc(var(--spacing)*-20)
    }

    .md\:left-40 {
      left:calc(var(--spacing)*40)
    }

    .md\:left-auto {
      left:auto
    }

    .md\:order-2 {
      order:2
    }

    .md\:order-3 {
      order:3
    }

    .md\:col-span-1 {
      grid-column:span 1/span 1
    }

    .md\:col-span-2 {
      grid-column:span 2/span 2
    }

    .md\:col-span-3 {
      grid-column:span 3/span 3
    }

    .md\:col-span-4 {
      grid-column:span 4/span 4
    }

    .md\:col-span-5 {
      grid-column:span 5/span 5
    }

    .md\:col-span-6 {
      grid-column:span 6/span 6
    }

    .md\:my-45 {
      margin-block:calc(var(--spacing)*45)
    }

    .md\:mt-0 {
      margin-top:calc(var(--spacing)*0)
    }

    .md\:mt-24 {
      margin-top:calc(var(--spacing)*24)
    }

    .md\:mt-25 {
      margin-top:calc(var(--spacing)*25)
    }

    .md\:mt-36 {
      margin-top:calc(var(--spacing)*36)
    }

    .md\:mt-46 {
      margin-top:calc(var(--spacing)*46)
    }

    .md\:mt-70 {
      margin-top:calc(var(--spacing)*70)
    }

    .md\:mt-100 {
      margin-top:calc(var(--spacing)*100)
    }

    .md\:mt-120 {
      margin-top:calc(var(--spacing)*120)
    }

    .md\:mt-180 {
      margin-top:calc(var(--spacing)*180)
    }

    .md\:mr-0 {
      margin-right:calc(var(--spacing)*0)
    }

    .md\:mb-4 {
      margin-bottom:calc(var(--spacing)*4)
    }

    .md\:mb-11 {
      margin-bottom:calc(var(--spacing)*11)
    }

    .md\:mb-12 {
      margin-bottom:calc(var(--spacing)*12)
    }

    .md\:mb-17 {
      margin-bottom:calc(var(--spacing)*17)
    }

    .md\:mb-20 {
      margin-bottom:calc(var(--spacing)*20)
    }

    .md\:mb-26 {
      margin-bottom:calc(var(--spacing)*26)
    }

    .md\:mb-30 {
      margin-bottom:calc(var(--spacing)*30)
    }

    .md\:mb-40 {
      margin-bottom:calc(var(--spacing)*40)
    }

    .md\:mb-50 {
      margin-bottom:calc(var(--spacing)*50)
    }

    .md\:mb-60 {
      margin-bottom:calc(var(--spacing)*60)
    }

    .md\:mb-66 {
      margin-bottom:calc(var(--spacing)*66)
    }

    .md\:mb-75 {
      margin-bottom:calc(var(--spacing)*75)
    }

    .md\:mb-84 {
      margin-bottom:calc(var(--spacing)*84)
    }

    .md\:mb-auto {
      margin-bottom:auto
    }

    .md\:ml-7 {
      margin-left:calc(var(--spacing)*7)
    }

    .md\:ml-13 {
      margin-left:calc(var(--spacing)*13)
    }

    .md\:ml-auto {
      margin-left:auto
    }

    .md\:block {
      display:block
    }

    .md\:flex {
      display:flex
    }

    .md\:grid {
      display:grid
    }

    .md\:hidden {
      display:none
    }

    .md\:inline {
      display:inline
    }

    .md\:inline-flex {
      display:inline-flex
    }

    .md\:h-18 {
      height:calc(var(--spacing)*18)
    }

    .md\:h-37 {
      height:calc(var(--spacing)*37)
    }

    .md\:h-40 {
      height:calc(var(--spacing)*40)
    }

    .md\:h-130 {
      height:calc(var(--spacing)*130)
    }

    .md\:max-h-420 {
      max-height:calc(var(--spacing)*420)
    }

    .md\:min-h-37 {
      min-height:calc(var(--spacing)*37)
    }

    .md\:min-h-\[calc\(100dvh-260px\)\] {
      min-height:calc(100dvh - 260px)
    }

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

    .md\:w-53 {
      width:calc(var(--spacing)*53)
    }

    .md\:w-160 {
      width:calc(var(--spacing)*160)
    }

    .md\:w-383 {
      width:calc(var(--spacing)*383)
    }

    .md\:w-405 {
      width:calc(var(--spacing)*405)
    }

    .md\:w-\[30\%\] {
      width:30%
    }

    .md\:w-\[35\%\] {
      width:35%
    }

    .md\:w-\[45\%\] {
      width:45%
    }

    .md\:w-\[60\%\] {
      width:60%
    }

    .md\:w-\[calc\(100\%-40px\)\] {
      width:calc(100% - 40px)
    }

    .md\:w-auto {
      width:auto
    }

    .md\:max-w-\[30vw\] {
      max-width:30vw
    }

    .md\:max-w-\[62\%\] {
      max-width:62%
    }

    .md\:min-w-\[480px\] {
      min-width:480px
    }

    .md\:shrink-0 {
      flex-shrink:0
    }

    .md\:grow-0 {
      flex-grow:0
    }

    .md\:basis-1\/2 {
      flex-basis:50%
    }

    .md\:translate-y-10 {
      --tw-translate-y:calc(var(--spacing)*10);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }

    .md\:scale-x-0 {
      --tw-scale-x:0%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }

    .md\:columns-4 {
      columns:4
    }

    .md\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .md\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }

    .md\:grid-cols-6 {
      grid-template-columns:repeat(6,minmax(0,1fr))
    }

    .md\:flex-col {
      flex-direction:column
    }

    .md\:flex-row {
      flex-direction:row
    }

    .md\:flex-nowrap {
      flex-wrap:nowrap
    }

    .md\:items-center {
      align-items:center
    }

    .md\:items-end {
      align-items:flex-end
    }

    .md\:items-start {
      align-items:flex-start
    }

    .md\:justify-between {
      justify-content:space-between
    }

    .md\:justify-center {
      justify-content:center
    }

    .md\:justify-end {
      justify-content:flex-end
    }

    .md\:justify-start {
      justify-content:flex-start
    }

    .md\:gap-0 {
      gap:calc(var(--spacing)*0)
    }

    .md\:gap-5 {
      gap:calc(var(--spacing)*5)
    }

    .md\:gap-10 {
      gap:calc(var(--spacing)*10)
    }

    .md\:gap-15 {
      gap:calc(var(--spacing)*15)
    }

    .md\:gap-20 {
      gap:calc(var(--spacing)*20)
    }

    .md\:gap-37 {
      gap:calc(var(--spacing)*37)
    }

    .md\:gap-50 {
      gap:calc(var(--spacing)*50)
    }

    .md\:gap-60 {
      gap:calc(var(--spacing)*60)
    }

    .md\:gap-65 {
      gap:calc(var(--spacing)*65)
    }

    .md\:gap-70 {
      gap:calc(var(--spacing)*70)
    }

    .md\:gap-y-34 {
      row-gap:calc(var(--spacing)*34)
    }

    .md\:gap-y-50 {
      row-gap:calc(var(--spacing)*50)
    }

    .md\:gap-y-70 {
      row-gap:calc(var(--spacing)*70)
    }

    .md\:self-auto {
      align-self:auto
    }

    .md\:overflow-auto {
      overflow:auto
    }

    .md\:overflow-hidden {
      overflow:hidden
    }

    .md\:rounded-none {
      border-radius:var(--radius-none)
    }

    .md\:border-white {
      border-color:var(--color-white)
    }

    .md\:bg-transparent {
      background-color:#0000
    }

    .md\:bg-white {
      background-color:var(--color-white)
    }

    .md\:object-contain {
      object-fit:contain
    }

    .md\:p-7\.5 {
      padding:calc(var(--spacing)*7.5)
    }

    .md\:p-23 {
      padding:calc(var(--spacing)*23)
    }

    .md\:px-0 {
      padding-inline:calc(var(--spacing)*0)
    }

    .md\:px-10 {
      padding-inline:calc(var(--spacing)*10)
    }

    .md\:px-20 {
      padding-inline:calc(var(--spacing)*20)
    }

    .md\:px-100 {
      padding-inline:calc(var(--spacing)*100)
    }

    .md\:py-10 {
      padding-block:calc(var(--spacing)*10)
    }

    .md\:py-32 {
      padding-block:calc(var(--spacing)*32)
    }

    .md\:py-40 {
      padding-block:calc(var(--spacing)*40)
    }

    .md\:pt-0 {
      padding-top:calc(var(--spacing)*0)
    }

    .md\:pt-10 {
      padding-top:calc(var(--spacing)*10)
    }

    .md\:pt-13 {
      padding-top:calc(var(--spacing)*13)
    }

    .md\:pt-50 {
      padding-top:calc(var(--spacing)*50)
    }

    .md\:pt-60 {
      padding-top:calc(var(--spacing)*60)
    }

    .md\:pt-61 {
      padding-top:calc(var(--spacing)*61)
    }

    .md\:pt-120 {
      padding-top:calc(var(--spacing)*120)
    }

    .md\:pr-0 {
      padding-right:calc(var(--spacing)*0)
    }

    .md\:pr-10 {
      padding-right:calc(var(--spacing)*10)
    }

    .md\:pr-25 {
      padding-right:calc(var(--spacing)*25)
    }

    .md\:pb-0 {
      padding-bottom:calc(var(--spacing)*0)
    }

    .md\:pb-40 {
      padding-bottom:calc(var(--spacing)*40)
    }

    .md\:pb-80 {
      padding-bottom:calc(var(--spacing)*80)
    }

    .md\:pb-84 {
      padding-bottom:calc(var(--spacing)*84)
    }

    .md\:pb-120 {
      padding-bottom:calc(var(--spacing)*120)
    }

    .md\:pb-220 {
      padding-bottom:calc(var(--spacing)*220)
    }

    .md\:pb-\[56\.25\%\] {
      padding-bottom:56.25%
    }

    .md\:pb-\[230px\] {
      padding-bottom:230px
    }

    .md\:pl-0 {
      padding-left:calc(var(--spacing)*0)
    }

    .md\:pl-36 {
      padding-left:calc(var(--spacing)*36)
    }

    .md\:pl-245 {
      padding-left:calc(var(--spacing)*245)
    }

    .md\:text-right {
      text-align:right
    }

    .md\:text-l {
      font-size:var(--text-l);
      line-height:var(--tw-leading,var(--text-l--line-height));
      letter-spacing:var(--tw-tracking,var(--text-l--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-l--font-weight))
    }

    .md\:text-m {
      font-size:var(--text-m);
      line-height:var(--tw-leading,var(--text-m--line-height));
      letter-spacing:var(--tw-tracking,var(--text-m--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-m--font-weight))
    }

    .md\:text-x {
      font-size:var(--text-x);
      line-height:var(--tw-leading,var(--text-x--line-height));
      letter-spacing:var(--tw-tracking,var(--text-x--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-x--font-weight))
    }

    .md\:text-\[5\.4px\] {
      font-size:5.4px
    }

    .md\:text-\[74px\] {
      font-size:74px
    }

    .md\:text-\[90px\] {
      font-size:90px
    }

    .md\:text-\[100px\] {
      font-size:100px
    }

    .md\:text-\[100vh\] {
      font-size:100vh
    }

    .md\:text-\[120px\] {
      font-size:120px
    }

    .md\:text-\[125px\] {
      font-size:125px
    }

    .md\:text-\[130px\] {
      font-size:130px
    }

    .md\:text-\[140px\] {
      font-size:140px
    }

    .md\:text-\[148px\] {
      font-size:148px
    }

    .md\:text-\[150px\] {
      font-size:150px
    }

    .md\:text-\[160px\] {
      font-size:160px
    }

    .md\:text-\[170px\] {
      font-size:170px
    }

    .md\:text-\[180px\] {
      font-size:180px
    }

    .md\:text-\[190px\] {
      font-size:190px
    }

    .md\:text-\[200px\] {
      font-size:200px
    }

    .md\:text-\[203px\] {
      font-size:203px
    }

    .md\:text-\[210px\] {
      font-size:210px
    }

    .md\:text-\[220px\] {
      font-size:220px
    }

    .md\:text-\[250px\] {
      font-size:250px
    }

    .md\:text-\[275px\] {
      font-size:275px
    }

    .md\:text-\[280px\] {
      font-size:280px
    }

    .md\:text-\[375px\] {
      font-size:375px
    }

    .md\:text-white {
      color:var(--color-white)
    }

    @media(hover:hover) {

      .md\:group-hover\:scale-x-100:is(:where(.group):hover *) {
        --tw-scale-x:100%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
      }

      .md\:group-hover\:px-32:is(:where(.group):hover *) {
        padding-inline:calc(var(--spacing)*32)
      }
    }

    .md\:before\:block:before,.md\:after\:block:after {
      content:var(--tw-content);
      display:block
    }
  }

  @media(min-width:64rem) {

    .lg\:invisible {
      visibility:hidden
    }

    .lg\:absolute {
      position:absolute
    }

    .lg\:relative {
      position:relative
    }

    .lg\:inset-center {
      --tw-translate-x:-50%;
      --tw-translate-y:-50%;
      translate:var(--tw-translate-x)var(--tw-translate-y);
      top:50%;
      left:50%
    }

    .lg\:-top-10 {
      top:calc(var(--spacing)*-10)
    }

    .lg\:-top-16 {
      top:calc(var(--spacing)*-16)
    }

    .lg\:top-30 {
      top:calc(var(--spacing)*30)
    }

    .lg\:top-40 {
      top:calc(var(--spacing)*40)
    }

    .lg\:top-70 {
      top:calc(var(--spacing)*70)
    }

    .lg\:top-108 {
      top:calc(var(--spacing)*108)
    }

    .lg\:top-\[50\%\] {
      top:50%
    }

    .lg\:-right-30 {
      right:calc(var(--spacing)*-30)
    }

    .lg\:bottom-auto {
      bottom:auto
    }

    .lg\:left-10 {
      left:calc(var(--spacing)*10)
    }

    .lg\:left-auto {
      left:auto
    }

    .lg\:order-2 {
      order:2
    }

    .lg\:order-3 {
      order:3
    }

    .lg\:order-none {
      order:0
    }

    .lg\:col-span-1 {
      grid-column:span 1/span 1
    }

    .lg\:col-span-2 {
      grid-column:span 2/span 2
    }

    .lg\:col-span-3 {
      grid-column:span 3/span 3
    }

    .lg\:col-span-4 {
      grid-column:span 4/span 4
    }

    .lg\:col-span-5 {
      grid-column:span 5/span 5
    }

    .lg\:col-span-6 {
      grid-column:span 6/span 6
    }

    .lg\:-mt-35 {
      margin-top:calc(var(--spacing)*-35)
    }

    .lg\:mt-0 {
      margin-top:calc(var(--spacing)*0)
    }

    .lg\:mt-150 {
      margin-top:calc(var(--spacing)*150)
    }

    .lg\:mb-0 {
      margin-bottom:calc(var(--spacing)*0)
    }

    .lg\:mb-27 {
      margin-bottom:calc(var(--spacing)*27)
    }

    .lg\:mb-84 {
      margin-bottom:calc(var(--spacing)*84)
    }

    .lg\:block {
      display:block
    }

    .lg\:flex {
      display:flex
    }

    .lg\:grid {
      display:grid
    }

    .lg\:hidden {
      display:none
    }

    .lg\:h-34 {
      height:calc(var(--spacing)*34)
    }

    .lg\:h-auto {
      height:auto
    }

    .lg\:max-h-\[90\%\] {
      max-height:90%
    }

    .lg\:min-h-35 {
      min-height:calc(var(--spacing)*35)
    }

    .lg\:min-h-59 {
      min-height:calc(var(--spacing)*59)
    }

    .lg\:min-h-100 {
      min-height:calc(var(--spacing)*100)
    }

    .lg\:min-h-\[100px\] {
      min-height:100px
    }

    .lg\:min-h-\[234px\] {
      min-height:234px
    }

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

    .lg\:w-1\/4 {
      width:25%
    }

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

    .lg\:w-2\/3 {
      width:66.6667%
    }

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

    .lg\:w-175 {
      width:calc(var(--spacing)*175)
    }

    .lg\:w-200 {
      width:calc(var(--spacing)*200)
    }

    .lg\:w-313 {
      width:calc(var(--spacing)*313)
    }

    .lg\:w-335 {
      width:calc(var(--spacing)*335)
    }

    .lg\:w-460 {
      width:calc(var(--spacing)*460)
    }

    .lg\:w-\[30\%\] {
      width:30%
    }

    .lg\:w-\[40\%\] {
      width:40%
    }

    .lg\:w-\[60\%\] {
      width:60%
    }

    .lg\:w-auto {
      width:auto
    }

    .lg\:max-w-460 {
      max-width:calc(var(--spacing)*460)
    }

    .lg\:max-w-\[90\%\] {
      max-width:90%
    }

    .lg\:min-w-65 {
      min-width:calc(var(--spacing)*65)
    }

    .lg\:min-w-500 {
      min-width:calc(var(--spacing)*500)
    }

    .lg\:min-w-\[400px\] {
      min-width:400px
    }

    .lg\:min-w-\[460px\] {
      min-width:460px
    }

    .lg\:flex-1 {
      flex:1
    }

    .lg\:shrink-0 {
      flex-shrink:0
    }

    .lg\:grow-0 {
      flex-grow:0
    }

    .lg\:basis-1\/3 {
      flex-basis:33.3333%
    }

    .lg\:translate-y-\[-50\%\] {
      --tw-translate-y:-50%;
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }

    .lg\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }

    .lg\:grid-cols-7 {
      grid-template-columns:repeat(7,minmax(0,1fr))
    }

    .lg\:grid-cols-8 {
      grid-template-columns:repeat(8,minmax(0,1fr))
    }

    .lg\:flex-col {
      flex-direction:column
    }

    .lg\:flex-row {
      flex-direction:row
    }

    .lg\:flex-nowrap {
      flex-wrap:nowrap
    }

    .lg\:items-center {
      align-items:center
    }

    .lg\:items-end {
      align-items:flex-end
    }

    .lg\:items-stretch {
      align-items:stretch
    }

    .lg\:justify-center {
      justify-content:center
    }

    .lg\:justify-start {
      justify-content:flex-start
    }

    .lg\:gap-0 {
      gap:calc(var(--spacing)*0)
    }

    .lg\:gap-8 {
      gap:calc(var(--spacing)*8)
    }

    .lg\:gap-10 {
      gap:calc(var(--spacing)*10)
    }

    .lg\:gap-15 {
      gap:calc(var(--spacing)*15)
    }

    .lg\:gap-40 {
      gap:calc(var(--spacing)*40)
    }

    .lg\:gap-50 {
      gap:calc(var(--spacing)*50)
    }

    .lg\:gap-y-15 {
      row-gap:calc(var(--spacing)*15)
    }

    .lg\:gap-y-30 {
      row-gap:calc(var(--spacing)*30)
    }

    .lg\:gap-y-50 {
      row-gap:calc(var(--spacing)*50)
    }

    .lg\:gap-y-60 {
      row-gap:calc(var(--spacing)*60)
    }

    .lg\:rounded-lg {
      border-radius:var(--radius-lg)
    }

    .lg\:px-0 {
      padding-inline:calc(var(--spacing)*0)
    }

    .lg\:px-12 {
      padding-inline:calc(var(--spacing)*12)
    }

    .lg\:px-40 {
      padding-inline:calc(var(--spacing)*40)
    }

    .lg\:pr-0 {
      padding-right:calc(var(--spacing)*0)
    }

    .lg\:pr-15 {
      padding-right:calc(var(--spacing)*15)
    }

    .lg\:pb-0 {
      padding-bottom:calc(var(--spacing)*0)
    }

    .lg\:pb-40 {
      padding-bottom:calc(var(--spacing)*40)
    }

    .lg\:pb-45 {
      padding-bottom:calc(var(--spacing)*45)
    }

    .lg\:pb-110 {
      padding-bottom:calc(var(--spacing)*110)
    }

    .lg\:pl-10 {
      padding-left:calc(var(--spacing)*10)
    }

    .lg\:pl-15 {
      padding-left:calc(var(--spacing)*15)
    }

    .lg\:pl-\[20\%\] {
      padding-left:20%
    }

    .lg\:text-left {
      text-align:left
    }

    .lg\:text-\[10px\] {
      font-size:10px
    }

    .lg\:text-\[120px\] {
      font-size:120px
    }

    .lg\:text-\[150px\] {
      font-size:150px
    }
  }

  @media(hover:hover) {

    @media(min-width:64rem) {

      .group-hover\:lg\:visible:is(:where(.group):hover *) {
        visibility:visible
      }

      .group-hover\/typeface\:lg\:border-notification:is(:where(.group\/typeface):hover *) {
        border-color:var(--color-notification)
      }

      .group-hover\/typeface\:lg\:bg-notification:is(:where(.group\/typeface):hover *) {
        background-color:var(--color-notification)
      }

      .hover\:lg\:border-notification:hover {
        border-color:var(--color-notification)
      }

      .hover\:lg\:bg-notification:hover {
        background-color:var(--color-notification)
      }
    }
  }

  @media(min-width:64rem) {

    .lg\:data-\[state\=closed\]\:animate-fadeOut[data-state=closed] {
      animation:var(--animate-fadeOut)
    }

    .lg\:data-\[state\=open\]\:animate-fadeIn[data-state=open] {
      animation:var(--animate-fadeIn)
    }
  }

  @media(min-width:80rem) {

    .xl\:-top-39 {
      top:calc(var(--spacing)*-39)
    }

    .xl\:bottom-15 {
      bottom:calc(var(--spacing)*15)
    }

    .xl\:-left-300 {
      left:calc(var(--spacing)*-300)
    }

    .xl\:line-clamp-17 {
      -webkit-line-clamp:17;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }

    .xl\:line-clamp-19 {
      -webkit-line-clamp:19;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }

    .xl\:line-clamp-22 {
      -webkit-line-clamp:22;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }

    .xl\:w-245 {
      width:calc(var(--spacing)*245)
    }

    .xl\:w-383 {
      width:calc(var(--spacing)*383)
    }

    .xl\:w-405 {
      width:calc(var(--spacing)*405)
    }

    .xl\:max-w-\[245px\] {
      max-width:245px
    }

    .xl\:min-w-\[460px\] {
      min-width:460px
    }

    .xl\:basis-1\/3 {
      flex-basis:33.3333%
    }

    .xl\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .xl\:gap-22 {
      gap:calc(var(--spacing)*22)
    }

    .xl\:text-\[200px\] {
      font-size:200px
    }
  }

  @media(min-width:96rem) {

    .\32xl\:-left-330 {
      left:calc(var(--spacing)*-330)
    }

    .\32xl\:grid-cols-5 {
      grid-template-columns:repeat(5,minmax(0,1fr))
    }
  }

  .\[\&_\.accordionTrigger\]\:mb-10 .accordionTrigger {
    margin-bottom:calc(var(--spacing)*10)
  }

  .\[\&_\.accordionTrigger\]\:flex .accordionTrigger {
    display:flex
  }

  .\[\&_\.accordionTrigger\]\:items-center .accordionTrigger {
    align-items:center
  }

  .\[\&_\.accordionTrigger\]\:gap-7 .accordionTrigger {
    gap:calc(var(--spacing)*7)
  }

  .\[\&_\.accordionTrigger\]\:text-left .accordionTrigger {
    text-align:left
  }

  .\[\&_\.accordionTrigger\]\:text-smX .accordionTrigger {
    font-size:var(--text-smX);
    line-height:var(--tw-leading,var(--text-smX--line-height));
    letter-spacing:var(--tw-tracking,var(--text-smX--letter-spacing));
    font-weight:var(--tw-font-weight,var(--text-smX--font-weight))
  }

  @media(min-width:40rem) {

    .\[\&_\.accordionTrigger\]\:sm\:text-smX .accordionTrigger {
      font-size:var(--text-smX);
      line-height:var(--tw-leading,var(--text-smX--line-height));
      letter-spacing:var(--tw-tracking,var(--text-smX--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-smX--font-weight))
    }
  }

  .\[\&_\.accordionTrigger\[data-state\=\'open\'\]_svg\]\:rotate-90 .accordionTrigger[data-state=open] svg {
    rotate:90deg
  }

  .\[\&_\.checkboxButton\]\:opacity-50 .checkboxButton {
    opacity:.5
  }

  .\[\&_\.sectionFiles\]\:bg-sand .sectionFiles {
    background-color:var(--color-sand)
  }

  .\[\&_\.sectionFiles\]\:text-white .sectionFiles {
    color:var(--color-white)
  }

  .\[\&_\.sectionHeadline\]\:font-semibold .sectionHeadline {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }

  .\[\&_\.woff-box\]\:overflow-visible .woff-box {
    overflow:visible
  }

  .\[\&_a\]\:flex a {
    display:flex
  }

  .\[\&_a\]\:min-h-34 a {
    min-height:calc(var(--spacing)*34)
  }

  .\[\&_a\]\:items-center a {
    align-items:center
  }

  .\[\&_a\]\:justify-center a {
    justify-content:center
  }

  .\[\&_a\]\:rounded-base a {
    border-radius:var(--radius-base)
  }

  .\[\&_a\]\:rounded-md a {
    border-radius:var(--radius-md)
  }

  .\[\&_a\]\:border a {
    border-style:var(--tw-border-style);
    border-width:1px
  }

  .\[\&_a\]\:border-black a {
    border-color:var(--color-black)
  }

  .\[\&_a\]\:border-currentColor a {
    border-color:var(--color-currentColor)
  }

  .\[\&_a\]\:px-14 a {
    padding-inline:calc(var(--spacing)*14)
  }

  .\[\&_a\]\:py-4 a {
    padding-block:calc(var(--spacing)*4)
  }

  .\[\&_a\]\:pb-1 a {
    padding-bottom:calc(var(--spacing)*1)
  }

  .\[\&_a\]\:whitespace-nowrap a {
    white-space:nowrap
  }

  .\[\&_a\]\:no-underline a {
    text-decoration-line:none
  }

  .\[\&_a\]\:underline a {
    text-decoration-line:underline
  }

  .\[\&_a\]\:transition-\(--menuItem-properties\) a {
    transition-property:var(--menuItem-properties);
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .\[\&_a\]\:duration-300 a {
    --tw-duration:.3s;
    transition-duration:.3s
  }

  .\[\&_a\]\:ease-in-out a {
    --tw-ease:var(--ease-in-out);
    transition-timing-function:var(--ease-in-out)
  }

  .\[\&_a\:hover\]\:border-notification a:hover {
    border-color:var(--color-notification)
  }

  .\[\&_a\:hover\]\:border-transparent a:hover {
    border-color:#0000
  }

  .\[\&_a\:hover\]\:bg-black\/50 a:hover {
    background-color:#00000080
  }

  @supports (color:color-mix(in lab,red,red)) {

    .\[\&_a\:hover\]\:bg-black\/50 a:hover {
      background-color:color-mix(in oklab,var(--color-black)50%,transparent)
    }
  }

  .\[\&_a\:hover\]\:bg-notification a:hover {
    background-color:var(--color-notification)
  }

  .\[\&_a\:hover\]\:bg-submenu a:hover {
    background-color:var(--color-submenu)
  }

  .\[\&_a\:hover\]\:text-sand a:hover {
    color:var(--color-sand)
  }

  .\[\&_a\:hover\]\:text-white a:hover {
    color:var(--color-white)
  }

  .\[\&_a\:hover\]\:no-underline a:hover {
    text-decoration-line:none
  }

  .\[\&_br\]\:mb-20 br {
    margin-bottom:calc(var(--spacing)*20)
  }

  @media(min-width:40rem) {

    .\[\&_br\]\:sm\:mb-0 br {
      margin-bottom:calc(var(--spacing)*0)
    }
  }

  .\[\&_button\]\:h-full button {
    height:100%
  }

  .\[\&_button\]\:w-full button {
    width:100%
  }

  .\[\&_button\]\:items-center button {
    align-items:center
  }

  .\[\&_button\]\:justify-center button {
    justify-content:center
  }

  .\[\&_button\]\:rounded-\[20px\] button {
    border-radius:20px
  }

  .\[\&_button\]\:p-20 button {
    padding:calc(var(--spacing)*20)
  }

  .\[\&_button\]\:text-left button {
    text-align:left
  }

  .\[\&_button\]\:no-underline button {
    text-decoration-line:none
  }

  .\[\&_button\:hover\]\:underline button:hover {
    text-decoration-line:underline
  }

  .\[\&_dl\]\:flex dl {
    display:flex
  }

  .\[\&_dl\]\:w-full dl {
    width:100%
  }

  .\[\&_dt\]\:w-85 dt {
    width:calc(var(--spacing)*85)
  }

  .\[\&_dt\]\:flex-shrink-0 dt {
    flex-shrink:0
  }

  .\[\&_dt\]\:flex-grow-0 dt {
    flex-grow:0
  }

  .\[\&_h5\]\:mb-15 h5 {
    margin-bottom:calc(var(--spacing)*15)
  }

  .\[\&_h5\]\:text-sand h5 {
    color:var(--color-sand)
  }

  .\[\&_h5\]\:uppercase h5,.\[\&_h6\]\:uppercase h6 {
    text-transform:uppercase
  }

  .\[\&_img\]\:min-h-full img {
    min-height:100%
  }

  .\[\&_img\]\:min-w-full img {
    min-width:100%
  }

  .\[\&_img\]\:object-cover img {
    object-fit:cover
  }

  .\[\&_img\]\:transition-transform img {
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .\[\&_input\]\:h-32 input {
    height:calc(var(--spacing)*32)
  }

  .\[\&_input\]\:min-h-28 input {
    min-height:calc(var(--spacing)*28)
  }

  .\[\&_input\]\:px-0 input {
    padding-inline:calc(var(--spacing)*0)
  }

  .\[\&_input\]\:px-5 input {
    padding-inline:calc(var(--spacing)*5)
  }

  .\[\&_input\]\:text-center input {
    text-align:center
  }

  .\[\&_input\]\:text-left input {
    text-align:left
  }

  .\[\&_input\]\:text-current input {
    color:currentColor
  }

  .\[\&_input\]\:text-sand input {
    color:var(--color-sand)
  }

  .\[\&_input\]\:text-test input {
    color:var(--color-test)
  }

  .\[\&_input\]\:text-white input {
    color:var(--color-white)
  }

  .\[\&_li\]\:flex li {
    display:flex
  }

  .\[\&_li\]\:items-center li {
    align-items:center
  }

  .\[\&_li\]\:gap-5 li {
    gap:calc(var(--spacing)*5)
  }

  .\[\&_li\.active_a\]\:bg-submenu li.active a {
    background-color:var(--color-submenu)
  }

  .\[\&_li\.active_a\]\:font-semibold li.active a {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }

  .\[\&_li\.current-parent-item\>a\]\:rounded-2xl li.current-parent-item>a {
    border-radius:var(--radius-2xl)
  }

  .\[\&_li\.current-parent-item\>a\]\:border-black li.current-parent-item>a {
    border-color:var(--color-black)
  }

  .\[\&_li\.current-parent-item\>a\]\:bg-black li.current-parent-item>a {
    background-color:var(--color-black)
  }

  .\[\&_li\.current-parent-item\>a\]\:text-white li.current-parent-item>a {
    color:var(--color-white)
  }

  .\[\&_li\.has-children\.current-parent-item\]\:pb-40 li.has-children.current-parent-item {
    padding-bottom:calc(var(--spacing)*40)
  }

  @media(min-width:48rem) {

    .\[\&_li\.has-children\.current-parent-item\]\:md\:pb-0 li.has-children.current-parent-item {
      padding-bottom:calc(var(--spacing)*0)
    }
  }

  .\[\&_li\:hover\]\:text-sand li:hover {
    color:var(--color-sand)
  }

  .\[\&_p\]\:m-0 p {
    margin:calc(var(--spacing)*0)
  }

  .\[\&_p\]\:max-w-415 p {
    max-width:calc(var(--spacing)*415)
  }

  .\[\&_p\+p\]\:mt-20 p+p {
    margin-top:calc(var(--spacing)*20)
  }

  .\[\&_p\+p\]\:mt-21 p+p {
    margin-top:calc(var(--spacing)*21)
  }

  .\[\&_p\+p\]\:mt-25 p+p {
    margin-top:calc(var(--spacing)*25)
  }

  .\[\&_p\+ul\]\:mt-20 p+ul {
    margin-top:calc(var(--spacing)*20)
  }

  .\[\&_span\]\:block span {
    display:block
  }

  .\[\&_span\]\:text-sand span {
    color:var(--color-sand)
  }

  @media(min-width:48rem) {

    .\[\&_span\]\:md\:inline-flex span {
      display:inline-flex
    }
  }

  .\[\&_strong\]\:text-white strong {
    color:var(--color-white)
  }

  .\[\&_svg\]\:hidden svg {
    display:none
  }

  .\[\&_svg\]\:h-40 svg {
    height:calc(var(--spacing)*40)
  }

  .\[\&_svg\]\:h-auto svg {
    height:auto
  }

  .\[\&_svg\]\:w-32 svg {
    width:calc(var(--spacing)*32)
  }

  @media(min-width:40rem) {

    .\[\&_svg\]\:sm\:w-60 svg {
      width:calc(var(--spacing)*60)
    }
  }

  @media(min-width:48rem) {

    .\[\&_svg\]\:md\:block svg {
      display:block
    }

    .\[\&_svg\]\:md\:h-59 svg {
      height:calc(var(--spacing)*59)
    }
  }

  @media(hover:hover) {

    .\[\&_svg_path\]\:hover\:stroke-black svg path:hover {
      stroke:var(--color-black)
    }
  }

  .\[\&_ul\]\:mb-20 ul {
    margin-bottom:calc(var(--spacing)*20)
  }

  .\[\&_ul\]\:flex ul {
    display:flex
  }

  .\[\&_ul\]\:inline-flex ul {
    display:inline-flex
  }

  .\[\&_ul\]\:max-w-415 ul {
    max-width:calc(var(--spacing)*415)
  }

  .\[\&_ul\]\:gap-5 ul {
    gap:calc(var(--spacing)*5)
  }

  .\[\&_ul\]\:transition-opacity ul {
    transition-property:opacity;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  .\[\&_ul\]\:duration-300 ul {
    --tw-duration:.3s;
    transition-duration:.3s
  }

  .\[\&_ul\]\:ease-in-out ul {
    --tw-ease:var(--ease-in-out);
    transition-timing-function:var(--ease-in-out)
  }

  @media(min-width:48rem) {

    .\[\&_ul\]\:md\:invisible ul {
      visibility:hidden
    }
  }

  .\[\&_video\]\:min-h-full video {
    min-height:100%
  }

  .\[\&_video\]\:min-w-full video {
    min-width:100%
  }

  .\[\&_video\]\:object-cover video {
    object-fit:cover
  }

  .\[\&\:has\(\:checked\)_\.state\]\:bg-sand:has(:checked) .state {
    background-color:var(--color-sand)
  }

  .\[\&\:has\(\:checked\)_\.state\]\:text-white:has(:checked) .state {
    color:var(--color-white)
  }

  .\[\&\:has\(\:checked\)_\.subtitle\>p\]\:text-black\!:has(:checked) .subtitle>p {
    color:var(--color-black)!important
  }

  .\[\&\:has\(\:checked\)_\.subtitle\>p\]\:text-white\!:has(:checked) .subtitle>p {
    color:var(--color-white)!important
  }

  .\[\&\:has\(\:checked\)\:hover_\.subtitle\>p\]\:text-black\!:has(:checked):hover .subtitle>p {
    color:var(--color-black)!important
  }

  .\[\&\:has\(\:checked\)\:not\(\:hover\)_\.text-sand\]\:text-sand\!:has(:checked):not(:hover) .text-sand {
    color:var(--color-sand)!important
  }

  .\[\&\:has\(\:checked\)\:not\(\:hover\)_\.text-sand\]\:text-white\!:has(:checked):not(:hover) .text-sand {
    color:var(--color-white)!important
  }

  @media(min-width:64rem) {

    .\[\&\:has\(li\.top-level-hovered\)_li\.current-parent-item\:not\(\.top-level-hovered\)\>ul\]\:lg\:invisible:has(li.top-level-hovered) li.current-parent-item:not(.top-level-hovered)>ul {
      visibility:hidden
    }
  }

  @media(min-width:48rem) {

    .\[\&\:hover_\.fontSettings\]\:md\:visible:hover .fontSettings {
      visibility:visible
    }
  }

  .\[\&\:hover_\.testerTrigger\]\:visible:hover .testerTrigger {
    visibility:visible
  }

  .\[\&\:hover_img\]\:scale-110:hover img {
    --tw-scale-x:110%;
    --tw-scale-y:110%;
    --tw-scale-z:110%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .\[\&\:hover\+strong\]\:text-alert:hover+strong {
    color:var(--color-alert)
  }

  .\[\&\:open\]\:bg-notification:open {
    background-color:var(--color-notification)
  }

  .\[\&\:open\]\:bg-paper:open {
    background-color:var(--color-paper)
  }

  .\[\&\:open\]\:bg-white:open {
    background-color:var(--color-white)
  }

  .\[\&\>\*\]\:my-10>* {
    margin-block:calc(var(--spacing)*10)
  }

  .\[\&\>\.inner\]\:h-full>.inner {
    height:100%
  }

  @media(min-width:64rem) {

    .\[\&\>\.inner\]\:lg\:h-\[234px\]>.inner {
      height:234px
    }

    .\[\&\>\.inner\]\:lg\:h-auto>.inner {
      height:auto
    }
  }

  .\[\&\>button\]\:aspect-square>button {
    aspect-ratio:1
  }

  .\[\&\>div\]\:absolute>div {
    position:absolute
  }

  .\[\&\>div\]\:w-1\/5>div {
    width:20%
  }

  .\[\&\>div\]\:max-w-590>div {
    max-width:calc(var(--spacing)*590)
  }

  .\[\&\>div\]\:shrink-0>div {
    flex-shrink:0
  }

  .\[\&\>div\]\:grow-0>div {
    flex-grow:0
  }

  .\[\&\>div\]\:first\:pl-15>div:first-child {
    padding-left:calc(var(--spacing)*15)
  }

  .\[\&\>div\]\:last\:pr-15>div:last-child {
    padding-right:calc(var(--spacing)*15)
  }

  @media(min-width:48rem) {

    .\[\&\>div\]\:md\:max-h-full>div {
      max-height:100%
    }

    .\[\&\>div\]\:md\:overflow-y-auto>div {
      overflow-y:auto
    }
  }

  .\[\&\>div\:last-child\]\:overflow-visible\!>div:last-child {
    overflow:visible!important
  }

  .\[\&\>div\:last-child\]\:bg-white>div:last-child {
    background-color:var(--color-white)
  }

  .\[\&\>div\:last-child\]\:pt-5>div:last-child {
    padding-top:calc(var(--spacing)*5)
  }

  .\[\&\>dt\]\:float-left>dt {
    float:left
  }

  .\[\&\>dt\]\:clear-both>dt {
    clear:both
  }

  .\[\&\>dt\]\:w-80>dt {
    width:calc(var(--spacing)*80)
  }

  .\[\&\>img\]\:absolute>img {
    position:absolute
  }

  .\[\&\>img\]\:inset-0>img {
    inset:calc(var(--spacing)*0)
  }

  .\[\&\>img\]\:h-full>img {
    height:100%
  }

  .\[\&\>img\]\:w-full>img {
    width:100%
  }

  .\[\&\>img\]\:object-contain>img {
    object-fit:contain
  }

  .\[\&\>img\]\:object-cover>img {
    object-fit:cover
  }

  .\[\&\>li_li\.current-item\>a\]\:border-transparent>li li.current-item>a {
    border-color:#0000
  }

  .\[\&\>li_li\.current-item\>a\]\:bg-black\/50>li li.current-item>a {
    background-color:#00000080
  }

  @supports (color:color-mix(in lab,red,red)) {

    .\[\&\>li_li\.current-item\>a\]\:bg-black\/50>li li.current-item>a {
      background-color:color-mix(in oklab,var(--color-black)50%,transparent)
    }
  }

  .\[\&\>li_li\.current-item\>a\]\:text-white>li li.current-item>a {
    color:var(--color-white)
  }

  @media(min-width:48rem) {

    .\[\&\>li\.current-parent-item\:not\(\.top-level-hovered\)_li\.current-item\>a\]\:md\:border-black>li.current-parent-item:not(.top-level-hovered) li.current-item>a {
      border-color:var(--color-black)
    }

    .\[\&\>li\.current-parent-item\:not\(\.top-level-hovered\)_li\.current-item\>a\]\:md\:bg-black>li.current-parent-item:not(.top-level-hovered) li.current-item>a {
      background-color:var(--color-black)
    }

    .\[\&\>li\.current-parent-item\:not\(\.top-level-hovered\)_li\.current-item\>a\]\:md\:text-white>li.current-parent-item:not(.top-level-hovered) li.current-item>a {
      color:var(--color-white)
    }

    @media(hover:hover) {

      .\[\&\>li\.current-parent-item\:not\(\.top-level-hovered\)_li\.current-item\>a\]\:md\:hover\:border-black>li.current-parent-item:not(.top-level-hovered) li.current-item>a:hover {
        border-color:var(--color-black)
      }
    }

    .\[\&\>li\.current-parent-item\>ul\]\:md\:visible>li.current-parent-item>ul {
      visibility:visible
    }
  }

  .\[\&\>li\.home-item\>a\]\:hidden>li.home-item>a {
    display:none
  }

  .\[\&\>li\.top-level-hovered\:not\(\.current-parent-item\)\>a\]\:border-black\/0>li.top-level-hovered:not(.current-parent-item)>a {
    border-color:#0000
  }

  @supports (color:color-mix(in lab,red,red)) {

    .\[\&\>li\.top-level-hovered\:not\(\.current-parent-item\)\>a\]\:border-black\/0>li.top-level-hovered:not(.current-parent-item)>a {
      border-color:color-mix(in oklab,var(--color-black)0%,transparent)
    }
  }

  .\[\&\>li\.top-level-hovered\:not\(\.current-parent-item\)\>a\]\:border-notification>li.top-level-hovered:not(.current-parent-item)>a {
    border-color:var(--color-notification)
  }

  .\[\&\>li\.top-level-hovered\:not\(\.current-parent-item\)\>a\]\:bg-black\/50>li.top-level-hovered:not(.current-parent-item)>a {
    background-color:#00000080
  }

  @supports (color:color-mix(in lab,red,red)) {

    .\[\&\>li\.top-level-hovered\:not\(\.current-parent-item\)\>a\]\:bg-black\/50>li.top-level-hovered:not(.current-parent-item)>a {
      background-color:color-mix(in oklab,var(--color-black)50%,transparent)
    }
  }

  .\[\&\>li\.top-level-hovered\:not\(\.current-parent-item\)\>a\]\:bg-notification>li.top-level-hovered:not(.current-parent-item)>a {
    background-color:var(--color-notification)
  }

  .\[\&\>li\.top-level-hovered\:not\(\.current-parent-item\)\>a\]\:text-white>li.top-level-hovered:not(.current-parent-item)>a {
    color:var(--color-white)
  }

  .\[\&\>li\.top-level-hovered\>a\]\:rounded-2xl>li.top-level-hovered>a {
    border-radius:var(--radius-2xl)
  }

  @media(min-width:64rem) {

    .\[\&\>li\.top-level-hovered\>ul\]\:lg\:visible>li.top-level-hovered>ul {
      visibility:visible
    }
  }

  .\[\&\>li\:first-child\>a\]\:rounded-md>li:first-child>a {
    border-radius:var(--radius-md)
  }

  .\[\&\>li\:first-child\>a\]\:bg-transparent>li:first-child>a {
    background-color:#0000
  }

  .\[\&\>li\:first-child\>a\]\:text-black>li:first-child>a {
    color:var(--color-black)
  }

  .\[\&\>li\:not\(\.top-level-hovered\)\>a\:hover\]\:\!rounded-md>li:not(.top-level-hovered)>a:hover {
    border-radius:var(--radius-md)!important
  }

  .\[\&\>li\:not\(\.top-level-hovered\)\>a\:hover\]\:\!border-currentColor>li:not(.top-level-hovered)>a:hover {
    border-color:var(--color-currentColor)!important
  }

  .\[\&\>li\:not\(\.top-level-hovered\)\>a\:hover\]\:\!bg-transparent>li:not(.top-level-hovered)>a:hover {
    background-color:#0000!important
  }

  .\[\&\>li\:not\(\.top-level-hovered\)\>a\:hover\]\:\!text-current>li:not(.top-level-hovered)>a:hover {
    color:currentColor!important
  }

  .\[\&\>li\:not\(\:first-child\)\]\:hidden>li:not(:first-child) {
    display:none
  }

  .\[\&\>li\>a\]\:h-34>li>a {
    height:calc(var(--spacing)*34)
  }

  .\[\&\>li\>a\]\:px-12>li>a {
    padding-inline:calc(var(--spacing)*12)
  }

  .\[\&\>li\>a\]\:transition-all>li>a {
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }

  @media(min-width:64rem) {

    .lg\:\[\&\>li\>a\]\:h-34>li>a {
      height:calc(var(--spacing)*34)
    }

    .lg\:\[\&\>li\>a\]\:h-59>li>a {
      height:calc(var(--spacing)*59)
    }

    .lg\:\[\&\>li\>a\]\:px-12>li>a {
      padding-inline:calc(var(--spacing)*12)
    }

    .lg\:\[\&\>li\>a\]\:px-20>li>a {
      padding-inline:calc(var(--spacing)*20)
    }

    .lg\:\[\&\>li\>a\]\:text-l>li>a {
      font-size:var(--text-l);
      line-height:var(--tw-leading,var(--text-l--line-height));
      letter-spacing:var(--tw-tracking,var(--text-l--letter-spacing));
      font-weight:var(--tw-font-weight,var(--text-l--font-weight))
    }
  }

  .\[\&\>li\>a\:hover\]\:rounded-2xl>li>a:hover {
    border-radius:var(--radius-2xl)
  }

  .\[\&\>li\>ul\]\:absolute>li>ul {
    position:absolute
  }

  .\[\&\>li\>ul\]\:top-42>li>ul {
    top:calc(var(--spacing)*42)
  }

  .\[\&\>li\>ul\]\:left-0>li>ul {
    left:calc(var(--spacing)*0)
  }

  .\[\&\>li\>ul\]\:\!hidden>li>ul {
    display:none!important
  }

  .\[\&\>li\>ul\]\:w-\[calc\(100\%_\+_70px\)\]>li>ul {
    width:calc(100% + 70px)
  }

  .\[\&\>li\>ul\]\:flex-wrap>li>ul {
    flex-wrap:wrap
  }

  @media(min-width:40rem) {

    .sm\:\[\&\>li\>ul\]\:w-auto>li>ul {
      width:auto
    }
  }

  @media(min-width:64rem) {

    .\[\&\>li\>ul\]\:lg\:top-40>li>ul {
      top:calc(var(--spacing)*40)
    }

    .\[\&\>li\>ul\]\:lg\:top-69>li>ul {
      top:calc(var(--spacing)*69)
    }
  }

  .\[\&\>li\>ul_a\]\:h-34>li>ul a {
    height:calc(var(--spacing)*34)
  }

  .\[\&\>li\>ul_a\]\:px-12>li>ul a {
    padding-inline:calc(var(--spacing)*12)
  }

  .\[\&\>ol\]\:ml-\[2em\]>ol {
    margin-left:2em
  }

  .\[\&\>ol\]\:list-decimal>ol {
    list-style-type:decimal
  }

  .\[\&\>ol\>li\]\:my-10>ol>li {
    margin-block:calc(var(--spacing)*10)
  }

  .\[\&\>p\+p\]\:mt-24>p+p {
    margin-top:calc(var(--spacing)*24)
  }

  .\[\&\>span\]\:w-1\/5>span {
    width:20%
  }

  .\[\&\>span\]\:shrink-0>span {
    flex-shrink:0
  }

  .\[\&\>span\]\:grow-0>span {
    flex-grow:0
  }

  .\[\&\>span\]\:first\:pl-15>span:first-child {
    padding-left:calc(var(--spacing)*15)
  }

  .\[\&\>span\]\:last\:pr-15>span:last-child {
    padding-right:calc(var(--spacing)*15)
  }

  .\[\&\>span\]\:last\:text-right>span:last-child {
    text-align:right
  }

  .\[\&\>svg\]\:max-w-36>svg {
    max-width:calc(var(--spacing)*36)
  }

  .\[\&\>svg\]\:self-center>svg {
    align-self:center
  }

  .\[\&\>svg_circle\]\:hidden>svg circle {
    display:none
  }

  .\[\&\>ul\]\:ml-\[2em\]>ul {
    margin-left:2em
  }

  .\[\&\>ul\]\:list-disc>ul {
    list-style-type:disc
  }

  .\[\&\>ul\>li\]\:my-10>ul>li {
    margin-block:calc(var(--spacing)*10)
  }

  .\[\&\[data-state\=\'active\'\]\]\:rounded-lg[data-state=active] {
    border-radius:var(--radius-lg)
  }

  .\[\&\[data-state\=\'active\'\]\]\:bg-black\/50[data-state=active] {
    background-color:#00000080
  }

  @supports (color:color-mix(in lab,red,red)) {

    .\[\&\[data-state\=\'active\'\]\]\:bg-black\/50[data-state=active] {
      background-color:color-mix(in oklab,var(--color-black)50%,transparent)
    }
  }

  .\[\&\[data-state\=\'open\'\]_svg\]\:rotate-90[data-state=open] svg {
    rotate:90deg
  }

  .\[\&\[data-state\=open\]\>\.divider\]\:scale-y-\[400\%\][data-state=open]>.divider {
    --tw-scale-y:400%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }

  .italic {
    font-variation-settings:"ital" 11;
    font-style:normal
  }

  .not-italic {
    font-variation-settings:"ital" 0;
    font-style:normal
  }

  .no-spinner::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0
  }

  .no-spinner::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0
  }

  .no-spinner {
    -moz-appearance:textfield
  }
}

:root {
  --tw-duration:.15s
}

@layer tester {

  .custom-border {
    border-style:var(--tw-border-style);
    width:100%;
    padding-top:calc(var(--spacing)*55);
    padding-bottom:calc(var(--spacing)*35);
    border-width:1px;
    border-color:#0000;
    justify-content:center;
    align-items:center;
    display:flex;
    position:relative
  }

  @media(min-width:64rem) {

    .custom-border {
      min-height:100px;
      padding-block:calc(var(--spacing)*0)
    }
  }

  .corner-border {
    width:40px;
    height:40px;
    position:absolute
  }

  .corner-border svg {
    object-fit:contain
  }

  .corner-border.top-left {
    top:0;
    left:0;
    transform:rotate(0)
  }

  .corner-border.top-right {
    top:0;
    right:0;
    transform:scaleX(-1)rotate(0)
  }

  .corner-border.bottom-left {
    bottom:0;
    left:0;
    transform:scaleX(-1)rotate(180deg)
  }

  .corner-border.bottom-right {
    bottom:0;
    right:0;
    transform:rotate(180deg)
  }

  .center-border {
    width:40px;
    height:2px;
    position:absolute
  }

  .center-border.top {
    top:0;
    left:50%;
    transform:translate(-50%)
  }

  .center-border.bottom {
    bottom:0;
    left:50%;
    transform:translate(-50%)
  }

  .direction-rtl {
    direction:rtl
  }

  .direction-ltr {
    direction:ltr
  }
}

@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-scale-x {
  syntax:"*";
  inherits:false;
  initial-value:1
}

@property --tw-scale-y {
  syntax:"*";
  inherits:false;
  initial-value:1
}

@property --tw-scale-z {
  syntax:"*";
  inherits:false;
  initial-value:1
}

@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}

@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}

@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}

@property --tw-skew-x {
  syntax:"*";
  inherits:false
}

@property --tw-skew-y {
  syntax:"*";
  inherits:false
}

@property --tw-space-x-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-divide-x-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}

@property --tw-leading {
  syntax:"*";
  inherits:false
}

@property --tw-font-weight {
  syntax:"*";
  inherits:false
}

@property --tw-tracking {
  syntax:"*";
  inherits:false
}

@property --tw-ordinal {
  syntax:"*";
  inherits:false
}

@property --tw-slashed-zero {
  syntax:"*";
  inherits:false
}

@property --tw-numeric-figure {
  syntax:"*";
  inherits:false
}

@property --tw-numeric-spacing {
  syntax:"*";
  inherits:false
}

@property --tw-numeric-fraction {
  syntax:"*";
  inherits:false
}

@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-ring-color {
  syntax:"*";
  inherits:false
}

@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}

@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}

@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}

@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}

@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}

@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}

@property --tw-blur {
  syntax:"*";
  inherits:false
}

@property --tw-brightness {
  syntax:"*";
  inherits:false
}

@property --tw-contrast {
  syntax:"*";
  inherits:false
}

@property --tw-grayscale {
  syntax:"*";
  inherits:false
}

@property --tw-hue-rotate {
  syntax:"*";
  inherits:false
}

@property --tw-invert {
  syntax:"*";
  inherits:false
}

@property --tw-opacity {
  syntax:"*";
  inherits:false
}

@property --tw-saturate {
  syntax:"*";
  inherits:false
}

@property --tw-sepia {
  syntax:"*";
  inherits:false
}

@property --tw-drop-shadow {
  syntax:"*";
  inherits:false
}

@property --tw-drop-shadow-color {
  syntax:"*";
  inherits:false
}

@property --tw-drop-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-drop-shadow-size {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-blur {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false
}

@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false
}

@property --tw-duration {
  syntax:"*";
  inherits:false
}

@property --tw-ease {
  syntax:"*";
  inherits:false
}

@property --tw-content {
  syntax:"*";
  inherits:false;
  initial-value:""
}

@property --tw-gradient-position {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-stops {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%
}

@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}

@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}

@keyframes spin {

  0% {
    transform:rotate(0)
  }

  to {
    transform:rotate(360deg)
  }
}

@keyframes pulse {

  0%,to {
    opacity:1
  }

  50% {
    opacity:.5
  }
}

@keyframes bounce {

  0%,to {
    transform:translateY(0)
  }

  50% {
    transform:translateY(-30px)
  }
}

@keyframes growFromBottom {

  0% {
    opacity:0;
    transform:translateY(100%)translate(0)scale(.95)
  }

  to {
    opacity:1;
    transform:translateY(0)translate(0)scale(1)
  }
}

@keyframes shrinkToBottom {

  0% {
    opacity:1;
    transform:translateY(0)translate(0)scale(1)
  }

  to {
    opacity:0;
    transform:translateY(100%)translate(0)scale(.95)
  }
}

@keyframes slideUpAndFade {

  0% {
    opacity:0;
    transform:translateY(2px)
  }

  to {
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes slideRightAndFade {

  0% {
    opacity:0;
    transform:translate(-2px)
  }

  to {
    opacity:1;
    transform:translate(0)
  }
}

@keyframes slideDownAndFade {

  0% {
    opacity:0;
    transform:translateY(-2px)
  }

  to {
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes slideLeftAndFade {

  0% {
    opacity:0;
    transform:translate(2px)
  }

  to {
    opacity:1;
    transform:translate(0)
  }
}

@keyframes fadeIn {

  0% {
    opacity:"0";
    transform:scale(.95)
  }

  to {
    opacity:"1";
    transform:translate(0)scale(1)
  }
}

@keyframes fadeOutPlain {

  0% {
    opacity:1
  }

  to {
    opacity:0
  }
}

@keyframes fadeOut {

  0% {
    opacity:1;
    transform:translate(0)scale(1)
  }

  to {
    opacity:0;
    transform:scale(.95)
  }
}

@keyframes accordionDown {

  0% {
    height:0
  }

  to {
    height:var(--radix-accordion-content-height)
  }
}

@keyframes accordionUp {

  0% {
    height:var(--radix-accordion-content-height)
  }

  to {
    height:0
  }
}

@keyframes slideIn {

  0% {
    transform:translateY(100%)
  }

  to {
    transform:translateY(0)
  }
}

@keyframes slideOut {

  0% {
    transform:translateY(0)
  }

  to {
    transform:translateY(100%)
  }
}