@tailwind base;

@layer base {
  body {
    @apply font-basic font-regular text-base leading-normal text-black;
  }

  h1 {
    @apply text-3xl font-light leading-36;
  }

  h2 {
    @apply text-2xl font-regular leading-32;
  }

  h3 {
    @apply text-xl font-regular leading-loose;
  }

  h4 {
    @apply text-lg font-medium leading-relaxed;
  }

  h5 {
    @apply text-base font-regular leading-normal;
  }

  a {
    /* TODO https://gitlab.com/conrad-all/conrad-tds-dev/central-ui-library/-/issues/2 */
  }

  button {
    @apply text-base font-bold leading-normal;
  }

  hr {
    @apply border-t border-b-none border-x-none border-grey-medium shadow-none;
  }

  @screen notebook {
    h1 {
      @apply text-4xl font-light leading-44;
    }

    h2 {
      @apply text-3xl font-light leading-36;
    }
  }
}

@tailwind components;

@layer components {
  .ce-bg-transparent-extra-dark-grey {
    @apply bg-[#75747B]/10;
  }

  .ce-bg-transparent-white {
    @apply bg-white/20;
  }

  .ce-bg-fade {
    @apply bg-grey-extra-dark/40;
  }
}

@layer components {
  .ce-caption {
    @apply text-sm font-regular leading-none;
  }
}

@layer components {
  .ce-breadcrumb {
    @apply flex items-center gap-4;
  }

  .ce-breadcrumb-element {
    @apply hidden text-blue-conrad
      notebook:inline notebook:font-bold notebook:last-of-type:text-grey-600
      last-of-type:inline last-of-type:pointer-events-none
      notebook:hover:underline
      last-of-type:hover:no-underline last-of-type:hover:cursor-default;
  }

  .ce-breadcrumb-svg-arrow {
    @apply w-24 h-24 text-blue-conrad hidden
      last-of-type:inline
      notebook:inline notebook:text-grey-600 rotate-180 notebook:rotate-0;
  }
}

@layer components {
  .ce-button {
    @apply p-6 border-2 rounded-button font-bold text-base leading-normal transition-colors
      inline-flex flex-row items-center justify-center
      bg-yellow border-yellow text-black;
  }

  .ce-button span {
    @apply inline-block px-14;
  }

  .ce-button svg {
    @apply inline-block h-24 w-24 ml-6;
  }

  .ce-button svg:only-child {
    @apply mx-0;
  }

  .ce-button svg + span {
    @apply pl-8;
  }

  .ce-button:hover {
    @apply bg-yellow-dark border-yellow-dark;
  }

  .ce-button:focus {
    @apply outline-2 outline-blue-dark;
  }

  .ce-button:disabled {
    @apply cursor-default bg-yellow-light border-yellow-light text-grey-extra-dark;
  }

  /* Secondary */
  .ce-button.ce-button-secondary {
    @apply bg-blue-conrad border-blue-conrad text-white;
  }

  .ce-button.ce-button-secondary:hover {
    @apply bg-blue border-blue;
  }

  .ce-button.ce-button-secondary:disabled {
    @apply bg-blue-light border-blue-light text-white;
  }

  /* Tertiary */
  .ce-button.ce-button-tertiary {
    @apply bg-white border-blue-conrad text-blue-conrad;
  }

  .ce-button.ce-button-tertiary:hover {
    @apply bg-white border-blue text-blue;
  }

  .ce-button.ce-button-tertiary:disabled {
    @apply bg-white border-blue-light text-blue-light;
  }

  /* Ghost */
  .ce-button.ce-button-ghost {
    @apply bg-transparent border-transparent text-blue-conrad;
  }

  .ce-button.ce-button-ghost:hover {
    @apply bg-[rgba(117,116,123,0.1)] border-transparent;
  }

  .ce-button.ce-button-ghost:disabled {
    @apply bg-transparent border-transparent text-blue-light;
  }
}

@layer components {
  .ce-status-wrapper {
    @apply text-[0];
  }

  .ce-status {
    @apply inline-flex flex-row items-center leading-normal text-sm font-bold px-4 rounded-10;
  }

  .ce-status-positive {
    @apply bg-green-light text-green-dark;
  }

  .ce-status-intermediate {
    @apply bg-orange-light text-orange-dark;
  }

  .ce-status-negative {
    @apply bg-red-light text-red-dark;
  }

  .ce-status-link {
    @apply bg-blue-extra-light text-blue hover:text-blue-dark;
  }

  .ce-order-follow {
    @apply flex-none w-14 h-14 mr-4;
  }
}

@layer components {
	.ce-checkbox {
		@apply inline-flex align-middle relative
		has-[:focus]:ring-2 has-[:focus]:ring-grey-extra-dark has-[:focus]:ring-offset-2 has-[:focus]:rounded-[0.1875rem]
		has-[:focus-visible]:outline-none;
	}

	.ce-checkbox:not(.ce-checkbox-state-disabled) {
		@apply cursor-pointer;
	}

	.ce-checkbox input {
		@apply absolute top-0 left-0 w-0 h-0 opacity-0
	}

	.ce-checkbox .ce-checkbox-bodytext {
		@apply ml-8;
	}

	.ce-checkbox .ce-checkbox-icon-container {
		@apply border-solid border-2 border-grey-extra-dark h-20 w-20 rounded-[0.1875rem] flex align-middle justify-center;
	}

	.ce-checkbox .ce-checkbox-icon {
		@apply w-16 h-16
	}

	.ce-checkbox:not(
  .ce-checkbox-state-disabled, .ce-checkbox-state-checked, .ce-checkbox-state-error) .ce-checkbox-icon-container {
		@apply hover:bg-grey-light transition-[bg_0.1s];
	}

	.ce-checkbox:not(.ce-checkbox-state-disabled) .ce-checkbox-icon-container {
		@apply before:hover:outline before:absolute before:h-20 before:w-20 before:content-[""] before:-z-10
		before:rounded-full before:outline-grey-light before:outline-8 before:transition-[outline_0.1s]
		before:top-0 before:left-0;
	}

	.ce-checkbox.ce-checkbox-state-disabled .ce-checkbox-icon-container {
		@apply border-grey-dark;
	}

	.ce-checkbox.ce-checkbox-state-disabled .ce-checkbox-bodytext {
		@apply text-grey-600;
	}

	.ce-checkbox.ce-checkbox-state-checked .ce-checkbox-icon-container {
		@apply bg-blue-conrad border-blue-conrad text-white;
	}

	.ce-checkbox.ce-checkbox-state-checked.ce-checkbox-state-disabled .ce-checkbox-icon-container {
		@apply bg-blue-light border-blue-light text-white;
	}

	.ce-checkbox.ce-checkbox-state-error .ce-checkbox-icon-container {
		@apply bg-red-light border-red;
	}

	.ce-checkbox.ce-checkbox-state-error .ce-checkbox-bodytext {
		@apply text-red;
	}
}

@layer components {
  .ce-textlink {
    @apply items-center justify-center box-border inline-flex
      overflow-hidden text-base font-bold tracking-normal text-blue
      hover:no-underline hover:text-blue-dark focus:no-underline
      focus:text-blue-dark active:no-underline active:text-blue-dark;
  }

  .ce-textlink-inline {
    @apply underline focus:underline hover:underline active:underline;
  }

  .ce-textlink-bodytext-icon svg {
    @apply w-20 h-20;
  }

  .ce-textlink-caption {
    @apply text-sm font-bold tracking-normal;
  }
}

@layer components {
  .ce-formfield-input {
    @apply relative;
  }

  .ce-formfield-input-element {
    @apply box-border text-base text-black border border-grey-extra-dark focus:border-2
      focus:border-blue-conrad rounded focus:outline-none w-full hover:bg-grey-light
      pt-[calc(theme(spacing[20])-theme(borderWidth[DEFAULT]))]
      focus:pt-[calc(theme(spacing[20])-theme(borderWidth[2]))]
      pr-[calc(theme(spacing[16])-theme(borderWidth.DEFAULT))]
      focus:pr-[calc(theme(spacing[16])-theme(borderWidth[2]))]
      pb-[calc(theme(spacing[8])-theme(borderWidth.DEFAULT))]
      focus:pb-[calc(theme(spacing[8])-theme(borderWidth[2]))]
      pl-[calc(theme(spacing[16])-theme(borderWidth.DEFAULT))]
      focus:pl-[calc(theme(spacing[16])-theme(borderWidth[2]))]
      [&_textarea]:h-auto [&_textarea]:min-h-[5rem] [&_input]:h-48;
  }

  .ce-formfield-input-icon {
    @apply absolute top-14 right-14 h-20 w-20 text-blue-conrad;
  }

  .ce-formfield-input-element-has-icon {
    @apply pr-[calc(theme(spacing[36])-theme(borderWidth.DEFAULT))];
  }

  .ce-formfield-input-element-has-icon:focus {
    @apply pr-[calc(theme(spacing[36])-theme(borderWidth[2]))];
  }

  .ce-formfield-input-placeholder {
    @apply leading-none absolute top-16 left-16 peer-focus:top-4 peer-focus:leading-normal peer-focus:text-sm
      peer-focus:font-bold peer-focus:text-blue transition-all duration-200 pointer-events-none;
  }

  .ce-formfield .ce-formfield-input-element:focus + .ce-formfield-input-placeholder + .ce-formfield-input-icon {
    @apply text-blue-conrad;
  }

  .ce-formfield-state-error .ce-formfield-input-element:focus + .ce-formfield-input-placeholder + .ce-formfield-input-icon {
    @apply text-red font-bold peer-focus:text-red;
  }
  
  .ce-formfield-input-element:not(:placeholder-shown) + .ce-formfield-input-placeholder {
    @apply top-4 text-sm leading-normal;
  }

  .ce-formfield-state-error .ce-formfield-input-element:not(:placeholder-shown) + .ce-formfield-input-placeholder {
    @apply text-red font-bold;
  }

  .ce-formfield-info {
    @apply flex justify-end flex-row flex-nowrap items-center px-16 text-grey-extra-dark
      text-sm pointer-events-none mt-2;
  }

  .ce-formfield-state-error .ce-formfield-info {
    @apply pl-0 text-red;
  }

  .ce-formfield-info-helper {
    @apply flex-grow flex-shrink text-ellipsis whitespace-nowrap overflow-hidden pr-16;
  }

  .ce-formfield-info-helper-icon {
    @apply flex-grow-0 flex-shrink-0 hidden w-16 h-16 text-red;
  }

  .ce-formfield-state-error .ce-formfield-info-helper-icon {
    @apply block mr-4;
  }

  .ce-formfield-info-counter {
    @apply flex-grow-0 flex-shrink-0;
  }

  .ce-formfield-state-disabled .ce-formfield-input-element {
    @apply border-grey-light pointer-events-none text-grey-600;
  }

  .ce-formfield-state-disabled .ce-formfield-input-placeholder {
    @apply text-grey-600;
  }

  .ce-formfield-state-error .ce-formfield-input-element {
    @apply border-2 border-red
      pt-[calc(theme(spacing[20])-theme(borderWidth[2]))]
      pr-[calc(theme(spacing[16])-theme(borderWidth[2]))]
      pb-[calc(theme(spacing[8])-theme(borderWidth[2]))]
      pl-[calc(theme(spacing[16])-theme(borderWidth[2]))];
  }

  .ce-formfield-state-error .ce-formfield-input-element.ce-formfield-input-element-has-icon {
    @apply pr-[calc(theme(spacing[36])-theme(borderWidth[2]))];
  }
}

@layer components {
  .ce-localalert {
    @apply flex justify-between self-stretch items-center py-12	px-16  bg-blue-extra-light
      font-regular text-blue-dark text-base rounded-8;
  }

  .ce-localalert-info {
    @apply flex justify-between self-stretch items-center;
  }

  .ce-localalert-icon {
    @apply border-transparent text-blue-conrad mr-16 w-24 h-24;
  }

  .ce-localalert-info .title {
    @apply text-lg font-medium leading-[1.5rem];
  }

  .ce-localalert-state-error,
  .ce-localalert-state-error .ce-localalert-action button {
    @apply bg-red-light text-red-dark;
  }

  .ce-localalert-state-error .ce-localalert-info .ce-localalert-icon {
    @apply text-red-dark;
  }

  .ce-localalert-state-warning {
    @apply bg-orange-light text-orange-dark;
  }

  .ce-localalert-state-warning .ce-localalert-info .ce-localalert-icon {
    @apply text-orange-dark;
  }

  .ce-localalert-state-warning,
  .ce-localalert-state-warning .ce-localalert-action button {
    @apply text-orange-dark bg-orange-light;
  }

  .ce-localalert-state-success,
  .ce-localalert-state-success .ce-localalert-action button {
    @apply bg-green-light text-green-dark;
  }

  .ce-localalert .ce-localalert-action button:hover {
    @apply bg-[rgba(255,255,255,0.6)];
  }

  .ce-localalert-state-success .ce-localalert-info .ce-localalert-icon {
    @apply text-green-dark;
  }

  .ce-localalert-action {
    @apply flex flex-col items-center;
  }

  .ce-localalert-action button {
    @apply w-max;
  }

  .ce-localalert-state-success .ce-localalert-icon,
  .ce-localalert-state-error .ce-localalert-icon {
    @apply text-white;
  }
}

@layer components {
  .ce-rounded-box {
    @apply rounded border border-grey-medium hover:border-transparent hover:shadow cursor-pointer select-none p-6
      active:bg-blue-extra-light active:border-blue-extra-light;
  }

  .ce-rounded-box-active {
    @apply bg-blue-extra-light border-blue-extra-light active:border-grey-medium active:bg-inherit;
  }
}

@layer components {
  /* Background fade */
  .ce-flyin-right-background-fade {
    @apply fixed inset-0 ce-bg-fade;
  }

  /* Top-level right side class */
  .ce-flyin-right {
    @apply bg-white absolute w-[20rem] inset-y-0 right-0 flex flex-col rounded-l-[0.5rem] shadow p-16;
  }

  @screen notebook {
    .ce-flyin-right {
      @apply w-[40rem] p-24;
    }
  }

  /* Header and top-controls */
  .ce-flyin-right-header {
    @apply flex items-center mb-16;
  }

  .ce-flyin-right-header .ce-flyin-title-container {
    @apply grow truncate mr-8;
  }

  .ce-flyin-right-header .ce-flyin-title-container:not(:first-child) {
    @apply ml-8;
  }

  .ce-flyin-right-header .ce-flyin-title-container .ce-flyin-title {
    @apply leading-normal truncate;
  }

  .ce-flyin-right-header .ce-flyin-title-container .ce-flyin-subtitle {
    @apply text-sm text-grey-extra-dark truncate;
  }

  .ce-flyin-right-header .ce-button:last-child {
    @apply justify-self-end;
  }

  /* Body */
  .ce-flyin-right .ce-flyin-right-content {
    @apply grow overflow-auto;
  }

  /* Footer */
  .ce-flyin-right .ce-flyin-right-footer {
    @apply mt-16;
  }

  .ce-flyin-right .ce-flyin-right-footer.ce-flyin-right-button-footer {
    @apply flex justify-between;
  }

  .ce-flyin-right .ce-flyin-right-footer.ce-flyin-right-button-footer > .ce-button {
    @apply grow;
  }

  .ce-flyin-right .ce-flyin-right-footer.ce-flyin-right-button-footer > .ce-button:not(:first-child) {
    @apply ml-16;
  }
}

@layer components {
  .ce-global-alert {
    @apply bg-blue-dark text-white rounded flex flex-col;
  }

  .ce-global-alert.ce-global-alert-state-error {
    @apply bg-red-dark;
  }

  .ce-global-alert.ce-global-alert-state-success {
    @apply bg-green-dark;
  }

  .ce-global-alert .ce-global-alert-content {
    @apply ml-16 my-14 mr-12;
  }

  /* action button adjustments */
  .ce-global-alert .ce-button {
    @apply flex-none self-end my-4 mr-8 text-blue-light;
  }

  .ce-global-alert.ce-global-alert-state-error .ce-button {
    @apply text-red-light;
  }

  .ce-global-alert.ce-global-alert-state-success .ce-button {
    @apply text-green-light;
  }

  .ce-global-alert .ce-button:hover {
    @apply bg-[rgba(255,255,255,0.2)];
  }

  .ce-global-alert .ce-button:focus {
    @apply outline-white;
  }

  .ce-global-alert .ce-global-alert-content ~ .ce-button {
    @apply -mt-12;
  }

  @screen tablet {
    .ce-global-alert {
      @apply flex-row justify-between items-center;
    }

    .ce-global-alert .ce-button {
      @apply self-center;
    }

    .ce-global-alert .ce-global-alert-content ~ .ce-button {
      @apply mt-4;
    }
  }
}

@layer components {
  .ce-tooltip {
    @apply relative flex bg-grey-light px-20 py-16 shadow z-[99];
  }

  .ce-tooltip-desktop {
    @apply max-w-[23.75rem] rounded;
  }

  .ce-tooltip-arrow {
    @apply absolute content-[""] w-0 h-0 rotate-[45deg] top-[-0.6rem]
      border-t-grey-light border-r-transparent border-b-transparent border-l-grey-light
      border-[0.8em] border-black shadow-[-2px_-2px_2px_0_rgba(0,0,0,0.05)];
  }

  .ce-tooltip-mobile-wrapper {
    @apply fixed left-[0] bottom-[0] w-screen;
  }

  .ce-tooltip-mobile {
    @apply bg-white w-screen rounded-t;
  }

  .ce-tooltip-close {
    @apply relative float-right z-[99];
  }

  .ce-tooltip-close .ce-button {
    @apply text-white hover:bg-[rgba(255,255,255,0.2)];
  }

  .ce-tooltip-background {
    @apply bg-grey-extra-dark/40 w-screen h-screen absolute top-[0] right-[0] z-[97];
  }
}

@layer components {
  .ce-radiobutton {
    @apply inline-flex;
  }

  .ce-radiobutton:not(.ce-radiobutton-state-disabled) {
    @apply cursor-pointer;
  }

  .ce-radiobutton .ce-radiobutton-text {
    @apply ml-4 mr-4;
  }

  .ce-radiobutton .ce-radiobutton-icon {
    @apply relative border-solid border-2 border-grey-extra-dark h-20 w-20 rounded-full;
  }

  .ce-radiobutton:not(
  .ce-radiobutton-state-disabled, .ce-radiobutton-state-checked, .ce-radiobutton-state-error) .ce-radiobutton-icon {
    @apply hover:bg-grey-light transition-[bg_0.1s];
  }

  .ce-radiobutton:focus {
    @apply ring-2 ring-grey-extra-dark ring-offset-2 rounded-[0.125rem];
  }

  .ce-radiobutton:focus-visible {
    @apply outline-none;
  }

  .ce-radiobutton:not(.ce-radiobutton-state-disabled) .ce-radiobutton-icon {
    @apply before:hover:outline before:absolute before:h-18 before:w-18 before:content-[""] before:-z-10 before:m-[-1px]
      before:rounded-full before:outline-grey-light before:outline-8 before:transition-[outline_0.1s];
  }

  .ce-radiobutton.ce-radiobutton-state-disabled .ce-radiobutton-icon {
    @apply border-grey-dark;
  }

  .ce-radiobutton.ce-radiobutton-state-disabled .ce-radiobutton-text {
    @apply text-grey-extra-dark;
  }

  .ce-radiobutton.ce-radiobutton-state-checked .ce-radiobutton-icon {
    @apply bg-blue-conrad border-blue-conrad text-white
      after:absolute after:content-[""] after:rounded-full after:h-16 after:w-16
      after:border-white after:border-2 after:border-solid;
  }

  .ce-radiobutton.ce-radiobutton-state-checked.ce-radiobutton-state-disabled .ce-radiobutton-icon {
    @apply bg-blue-light border-blue-light text-white;
  }

  .ce-radiobutton.ce-radiobutton-state-error .ce-radiobutton-icon {
    @apply bg-red-light border-red;
  }

  .ce-radiobutton.ce-radiobutton-state-error.ce-radiobutton-state-checked .ce-radiobutton-icon {
    @apply bg-red;
  }

  .ce-radiobutton.ce-radiobutton-state-error .ce-radiobutton-text {
    @apply text-red;
  }
}

.ce-formfield-dropdown-element:hover {
    @apply cursor-pointer;
}

.ce-formfield-dropdown-placeholder {
    @apply peer-focus:top-16 peer-focus:text-base peer-focus:leading-none;
}

.ce-formfield-dropdown-options {
    @apply shadow-Options py-8  flex-col justify-center items-center mt-4;
}

.ce-formfield-dropdown-option {
    @apply cursor-pointer block hover:bg-grey-light px-16 py-8;
}

.ce-formfield-dropdown-icon {
    @apply text-grey-extra-dark; 
}

@tailwind utilities;

/* https://tailwindcss.com/docs/using-with-preprocessors#build-time-imports */



/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}body{font-family:ConradBasis,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.25;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}h1{font-size:1.75rem;font-weight:300;line-height:2.25}h2{font-size:1.625rem;line-height:2}h2,h3{font-weight:400}h3{font-size:1.5rem;line-height:1.75}h4{font-size:1.25rem;font-weight:500;line-height:1.5}h5{font-size:1rem;font-weight:400;line-height:1.25}button{font-size:1rem;font-weight:700;line-height:1.25}hr{border-width:1px 0 0;--tw-border-opacity:1;border-color:rgb(217 223 228/var(--tw-border-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1021px){h1{font-size:2.25rem;line-height:2.75}h1,h2{font-weight:300}h2{font-size:1.75rem;line-height:2.25}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width:769px){.\!container{max-width:769px!important}.container{max-width:769px}}@media (min-width:1021px){.\!container{max-width:1021px!important}.container{max-width:1021px}}@media (min-width:1441px){.\!container{max-width:1441px!important}.container{max-width:1441px}}.ce-button{align-items:center;border-radius:4.3125rem;border-width:2px;display:inline-flex;flex-direction:row;justify-content:center;--tw-border-opacity:1;border-color:rgb(255 255 0/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 0/var(--tw-bg-opacity));font-size:1rem;font-weight:700;line-height:1.25;padding:.375rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ce-button span{display:inline-block;padding-left:.875rem;padding-right:.875rem}.ce-button svg{display:inline-block;height:1.5rem;margin-left:.375rem;width:1.5rem}.ce-button svg:only-child{margin-left:0;margin-right:0}.ce-button svg+span{padding-left:.5rem}.ce-button:hover{--tw-border-opacity:1;border-color:rgb(224 224 0/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(224 224 0/var(--tw-bg-opacity))}.ce-button:focus{outline-color:#001f42;outline-width:2px}.ce-button:disabled{background-color:rgb(255 255 112/var(--tw-bg-opacity));border-color:rgb(255 255 112/var(--tw-border-opacity));color:rgb(59 68 84/var(--tw-text-opacity));cursor:default}.ce-button.ce-button-secondary,.ce-button:disabled{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.ce-button.ce-button-secondary{background-color:rgb(66 129 255/var(--tw-bg-opacity));border-color:rgb(66 129 255/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.ce-button.ce-button-secondary:hover{--tw-border-opacity:1;border-color:rgb(0 98 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(0 98 235/var(--tw-bg-opacity))}.ce-button.ce-button-secondary:disabled{--tw-border-opacity:1;border-color:rgb(189 210 255/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(189 210 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.ce-button.ce-button-tertiary{border-color:rgb(66 129 255/var(--tw-border-opacity));color:rgb(66 129 255/var(--tw-text-opacity))}.ce-button.ce-button-tertiary,.ce-button.ce-button-tertiary:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1}.ce-button.ce-button-tertiary:hover{border-color:rgb(0 98 235/var(--tw-border-opacity));color:rgb(0 98 235/var(--tw-text-opacity))}.ce-button.ce-button-tertiary:disabled{--tw-border-opacity:1;border-color:rgb(189 210 255/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(189 210 255/var(--tw-text-opacity))}.ce-button.ce-button-ghost{background-color:transparent;border-color:transparent;--tw-text-opacity:1;color:rgb(66 129 255/var(--tw-text-opacity))}.ce-button.ce-button-ghost:hover{background-color:hsla(249,3%,47%,.1);border-color:transparent}.ce-button.ce-button-ghost:disabled{background-color:transparent;border-color:transparent;--tw-text-opacity:1;color:rgb(189 210 255/var(--tw-text-opacity))}.ce-localalert-info .\!title,.ce-localalert-info .title{font-size:1.25rem;font-weight:500;line-height:1.5rem}.ce-flyin-right-header .ce-button:last-child{justify-self:end}.ce-flyin-right .ce-flyin-right-footer.ce-flyin-right-button-footer>.ce-button{flex-grow:1}.ce-flyin-right .ce-flyin-right-footer.ce-flyin-right-button-footer>.ce-button:not(:first-child){margin-left:1rem}.ce-global-alert .ce-button{align-self:flex-end;flex:none;margin-bottom:.25rem;margin-right:.5rem;margin-top:.25rem;--tw-text-opacity:1;color:rgb(189 210 255/var(--tw-text-opacity))}.ce-global-alert.ce-global-alert-state-error .ce-button{--tw-text-opacity:1;color:rgb(247 214 212/var(--tw-text-opacity))}.ce-global-alert.ce-global-alert-state-success .ce-button{--tw-text-opacity:1;color:rgb(194 239 194/var(--tw-text-opacity))}.ce-global-alert .ce-button:hover{background-color:hsla(0,0%,100%,.2)}.ce-global-alert .ce-button:focus{outline-color:#fff}.ce-global-alert .ce-global-alert-content~.ce-button{margin-top:-.75rem}@media (min-width:769px){.ce-global-alert{align-items:center;flex-direction:row;justify-content:space-between}.ce-global-alert .ce-button{align-self:center}.ce-global-alert .ce-global-alert-content~.ce-button{margin-top:.25rem}}.ce-tooltip-close .ce-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.ce-tooltip-close .ce-button:hover{background-color:hsla(0,0%,100%,.2)}.ce-formfield-dropdown-element:hover{cursor:pointer}.peer:focus~.ce-formfield-dropdown-placeholder{font-size:1rem;line-height:1;top:1rem}.ce-formfield-dropdown-options{align-items:center;flex-direction:column;justify-content:center;margin-top:.25rem;padding-bottom:.5rem;padding-top:.5rem;--tw-shadow:2px 2px 8px 0px rgba(59,68,84,.4);--tw-shadow-colored:2px 2px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ce-formfield-dropdown-option{cursor:pointer;display:block;padding:.5rem 1rem}.ce-formfield-dropdown-option:hover{--tw-bg-opacity:1;background-color:rgb(234 237 239/var(--tw-bg-opacity))}.ce-formfield-dropdown-icon{--tw-text-opacity:1;color:rgb(59 68 84/var(--tw-text-opacity))}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.my-6{margin-bottom:.375rem;margin-top:.375rem}.mb-10{margin-bottom:.625rem}.mr-10{margin-right:.625rem}.mr-20{margin-right:1.25rem}.mt-16{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.w-4\/12{width:33.333333%}.w-full{width:100%}.min-w-min{min-width:-moz-min-content;min-width:min-content}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.shadow{--tw-shadow:2px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:2px 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}