@import url("https://cdn.openticket.tech/icons/v0.8.6/ot-icons.css");
.ot-heading-h1, .ot-heading-h2, .ot-heading-h3, .ot-heading-h4, .ot-heading-h5, .ot-heading-h6, .ot-content h1, .ot-content h2, .ot-content h3, .ot-content h4, .ot-content h5, .ot-content h6 {
  font-weight: var(--ot-heading-font-weight);
  font-family: var(--ot-heading-font-family);
  margin-top: 0;
  margin-bottom: 0;
  flex: 1;
}
.ot-heading-h1.has-margin, .ot-heading-h2.has-margin, .ot-heading-h3.has-margin, .ot-heading-h4.has-margin, .ot-heading-h5.has-margin, .ot-heading-h6.has-margin, .ot-content h1.has-margin, .ot-content h2.has-margin, .ot-content h3.has-margin, .ot-content h4.has-margin, .ot-content h5.has-margin, .ot-content h6.has-margin {
  margin-bottom: 1rem;
}
.ot-heading-h1.is-brand, .ot-heading-h2.is-brand, .ot-heading-h3.is-brand, .ot-heading-h4.is-brand, .ot-heading-h5.is-brand, .ot-heading-h6.is-brand, .ot-content h1.is-brand, .ot-content h2.is-brand, .ot-content h3.is-brand, .ot-content h4.is-brand, .ot-content h5.is-brand, .ot-content h6.is-brand {
  color: var(--ot-color-core-brand);
}
.ot-heading-h1, .ot-content h1 {
  font-size: 2rem;
  line-height: 2.25rem;
  letter-spacing: -0.02rem;
}
.ot-heading-h2, .ot-content h2 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: -0.02rem;
}
.ot-heading-h3, .ot-content h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
}
.ot-heading-h4, .ot-content h4 {
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: -0.02rem;
}
.ot-heading-h5, .ot-content h5 {
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.ot-heading-h6, .ot-content h6 {
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: -0.01rem;
}

.ot-text-intro, .ot-text-intro-strong, .ot-button.is-large, .ot-content button.is-large, .ot-button, .ot-content button {
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: -2%;
  font-weight: 400;
}
.ot-text-intro-strong, .ot-button.is-large, .ot-content button.is-large, .ot-button, .ot-content button {
  font-weight: 500;
}
.ot-text-body, .ot-text-body-strong, .ot-input-label, .ot-content label:not(.ot-input-sublabel):not(.ot-input-error), .ot-input-field .ot-input-label, .ot-select-bar-item input[type=radio]:not(input[type=checkbox]) + label {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.ot-text-body-strong, .ot-input-label, .ot-content label:not(.ot-input-sublabel):not(.ot-input-error), .ot-input-field .ot-input-label, .ot-select-bar-item input[type=radio]:not(input[type=checkbox]) + label {
  font-weight: 500;
}
.ot-text-small, .ot-separator.has-label, .ot-radio-description,
.ot-toggle-description,
.ot-checkbox-description, .ot-text-small-strong, .ot-button.is-tiny, .ot-content button.is-tiny, .ot-button.is-small, .ot-content button.is-small, .ot-radio-label, .ot-radio-suffix,
.ot-toggle-label,
.ot-toggle-suffix,
.ot-checkbox-label,
.ot-checkbox-suffix, .ot-radio > input[type=radio]:checked + label, .ot-radio > input[type=radio]:not(:checked) + label, .ot-radio > input[type=checkbox]:checked + label, .ot-radio > input[type=checkbox]:not(:checked) + label,
.ot-checkbox > input[type=radio]:checked + label,
.ot-checkbox > input[type=radio]:not(:checked) + label,
.ot-checkbox > input[type=checkbox]:checked + label,
.ot-checkbox > input[type=checkbox]:not(:checked) + label {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.ot-text-small-strong, .ot-button.is-tiny, .ot-content button.is-tiny, .ot-button.is-small, .ot-content button.is-small, .ot-radio-label, .ot-radio-suffix,
.ot-toggle-label,
.ot-toggle-suffix,
.ot-checkbox-label,
.ot-checkbox-suffix, .ot-radio > input[type=radio]:checked + label, .ot-radio > input[type=radio]:not(:checked) + label, .ot-radio > input[type=checkbox]:checked + label, .ot-radio > input[type=checkbox]:not(:checked) + label,
.ot-checkbox > input[type=radio]:checked + label,
.ot-checkbox > input[type=radio]:not(:checked) + label,
.ot-checkbox > input[type=checkbox]:checked + label,
.ot-checkbox > input[type=checkbox]:not(:checked) + label {
  font-weight: 500;
}
.ot-text-tiny, .ot-input-sublabel, .ot-input-field .ot-input-sublabel, .ot-text-tiny-extra-strong, .ot-text-tiny-strong, .ot-input-error, .ot-input-field.ot-input-error, .ot-input-field .ot-input-error {
  font-size: 0.6875rem;
  line-height: 1rem;
}
.ot-text-tiny-strong, .ot-input-error, .ot-input-field.ot-input-error, .ot-input-field .ot-input-error {
  font-weight: 500;
}
.ot-text-tiny-extra-strong {
  font-weight: 600;
}

.ot-link, .ot-input-sublabel a, .ot-input-field .ot-input-sublabel a {
  color: var(--ot-color-core-brand);
  text-decoration: none;
  font-weight: 500;
}
.ot-link::after, .ot-input-sublabel a::after, .ot-input-field .ot-input-sublabel a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  height: 0.875em;
  width: 0.875em;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M3.54028 3.05309C2.6573 3.26078 2 4.05363 2 5V8C2 9.10457 2.89543 10 4 10H7C7.94637 10 8.73921 9.3427 8.94691 8.45972L10.8819 8.96891C10.4487 10.7099 8.87502 12 7 12H4C1.79086 12 0 10.2091 0 8V5C0 3.12498 1.29011 1.55129 3.03109 1.11815L3.54028 3.05309ZM3.99345 1.00001C3.99563 1 3.99782 1 4 1H7C7.00218 1 7.00437 1 7.00655 1.00001H3.99345Z' fill='%233780DE'/%3E%3Cpath d='M7 1H11V5' stroke='%233780DE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L11 1' stroke='%233780DE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
}

.ot-label {
  color: var(--ot-color-core-foreground-secondary);
  font-size: 0.875rem;
  margin-top: 0;
  margin-bottom: 0.25rem;
}

/* CORE COLORS */
/* ACCENT COLORS */
/*! scope: core */
/*! scope: core-dark */
/*! scope: core-light */
/*! scope: accent */
/* COLOR SETS */
.ot-clickable {
  transition: var(--ot-transition-default);
  cursor: pointer;
}
.ot-clickable:active {
  opacity: var(--ot-clickable-opacity);
}

:root {
  --ot-icon-font-family: "Openticket Icons";
}

.ot-code, .ot-content code {
  display: block;
  background-color: var(--ot-color-core-background-secondary);
  color: var(--ot-color-core-foreground-secondary);
  padding: var(--ot-spacing-sm) var(--ot-spacing-lg);
}
.ot-code pre, .ot-content code pre {
  margin: 0;
}

.ot-input-suggestion {
  position: absolute;
  top: calc(var(--ot-input-height) - var(--ot-input-radius));
  left: calc(-2 * var(--ot-input-border-width));
  border-bottom-left-radius: var(--ot-input-radius);
  border-bottom-right-radius: var(--ot-input-radius);
  height: auto;
  width: calc(100% + 4 * var(--ot-input-border-width));
  background: var(--ot-input-border-color-focus);
  transition: var(--ot-transition-default);
  color: var(--ot-input-border-color-focus-invert);
  font-size: 0.75rem;
  opacity: 0;
  z-index: 0;
  padding: var(--ot-input-padding-y) calc(var(--ot-input-padding-x) + 2 * var(--ot-input-border-width));
  box-sizing: border-box;
  display: inline-flex;
  pointer-events: none;
  transition: var(--ot-transition-default);
  cursor: pointer;
}
.ot-input-suggestion:active {
  opacity: var(--ot-clickable-opacity);
}
.ot-input-suggestion:focus, .ot-input-suggestion:active {
  pointer-events: auto;
}
.ot-input-suggestion-content {
  flex: 1;
}

.ot-input-extension {
  background-color: var(--ot-input-border-color);
  height: calc(var(--ot-input-height) - 2 * var(--ot-input-border-width));
  padding: 0 var(--ot-input-padding-x);
  display: inline-flex;
  align-items: center;
  border-top-left-radius: calc(var(--ot-input-radius) - var(--ot-input-border-width));
  border-bottom-left-radius: calc(var(--ot-input-radius) - var(--ot-input-border-width));
}

.ot-input-collection {
  display: flex;
  flex-direction: row;
}
.ot-input-collection > * {
  margin-right: 0.5rem;
}
.ot-input-collection > *:last-child {
  margin-right: 0;
}

.ot-input-number-controls, .ot-input-number-control {
  background-color: var(--ot-color-core-accent-secondary);
  color: var(--ot-color-core-accent-secondary-invert);
  padding: 0.3125rem;
  width: 1rem;
  box-sizing: border-box;
  font-size: 0.625rem;
  border-radius: 1rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 var(--ot-input-padding-y);
  cursor: pointer;
  max-height: calc(var(--ot-input-height) - 2 * var(--ot-input-padding-y));
  transition: var(--ot-transition-default);
  cursor: pointer;
}
.ot-input-number-controls + .ot-input-number-controls, .ot-input-number-control + .ot-input-number-controls {
  margin-right: 0;
}
.ot-input-number-controls:active, .ot-input-number-control:active {
  opacity: var(--ot-clickable-opacity);
}
.ot-input-number-control {
  width: 1.25rem;
  height: 1.25rem;
}

.ot-content input:not([type=checkbox]):not([type=radio]), .ot-search, .ot-textarea, .ot-content textarea, .ot-select, .ot-input-group, .ot-input {
  position: relative;
  border: var(--ot-input-border);
  border-radius: var(--ot-input-radius);
  color: var(--ot-input-color);
  font-size: 1rem;
  font-family: var(--ot-text-font-family);
  font-weight: 500;
  background: var(--ot-input-background);
  padding: var(--ot-input-padding);
  height: var(--ot-input-height);
  width: 100%;
  display: inline-flex;
  transition: var(--ot-transition-default);
  box-sizing: border-box;
  caret-color: var(--ot-input-focus-color);
  box-shadow: 0 0 0 1px var(--ot-input-border-color);
}
.ot-content input:focus:not([type=checkbox]):not([type=radio]) > .ot-input-suggestion, .ot-search:focus > .ot-input-suggestion, .ot-textarea:focus > .ot-input-suggestion, .ot-content textarea:focus > .ot-input-suggestion, .ot-select:focus > .ot-input-suggestion, .ot-input-group:focus > .ot-input-suggestion,
.ot-content input:not([type=checkbox]):not([type=radio]) input:focus + .ot-input-suggestion,
.ot-search input:focus + .ot-input-suggestion,
.ot-textarea input:focus + .ot-input-suggestion,
.ot-content textarea input:focus + .ot-input-suggestion,
.ot-select input:focus + .ot-input-suggestion,
.ot-input-group input:focus + .ot-input-suggestion, .ot-input:focus > .ot-input-suggestion,
.ot-input input:focus + .ot-input-suggestion {
  opacity: 1;
  pointer-events: auto;
}
.ot-content input:disabled:not([type=checkbox]):not([type=radio]), .ot-search:disabled, .ot-textarea:disabled, .ot-content textarea:disabled, .ot-select:disabled, .ot-input-group:disabled, .ot-content input[disabled]:not([type=checkbox]):not([type=radio]), [disabled].ot-search, [disabled].ot-textarea, .ot-content textarea[disabled], [disabled].ot-select, [disabled].ot-input-group, .ot-content input.disabled:not([type=checkbox]):not([type=radio]), .disabled.ot-search, .disabled.ot-textarea, .ot-content textarea.disabled, .disabled.ot-select, .disabled.ot-input-group, .ot-input:disabled, .ot-input[disabled], .ot-input.disabled {
  border-color: var(--ot-input-color-disabled);
  color: var(--ot-input-color-disabled-invert);
  background-color: var(--ot-input-color-disabled);
  box-shadow: 0 0 0 1px var(--ot-input-color-disabled);
  cursor: not-allowed;
}
.ot-content input:disabled:not([type=checkbox]):not([type=radio]) > *, .ot-search:disabled > *, .ot-textarea:disabled > *, .ot-content textarea:disabled > *, .ot-select:disabled > *, .ot-input-group:disabled > *, .ot-content input[disabled]:not([type=checkbox]):not([type=radio]) > *, [disabled].ot-search > *, [disabled].ot-textarea > *, .ot-content textarea[disabled] > *, [disabled].ot-select > *, [disabled].ot-input-group > *, .ot-content input.disabled:not([type=checkbox]):not([type=radio]) > *, .disabled.ot-search > *, .disabled.ot-textarea > *, .ot-content textarea.disabled > *, .disabled.ot-select > *, .disabled.ot-input-group > *, .ot-input:disabled > *, .ot-input[disabled] > *, .ot-input.disabled > * {
  pointer-events: none;
}
.ot-content input:not([type=checkbox]):not([type=radio])::placeholder, .ot-search::placeholder, .ot-textarea::placeholder, .ot-content textarea::placeholder, .ot-select::placeholder, .ot-input-group::placeholder, .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-prefix, .ot-search .ot-input-prefix, .ot-textarea .ot-input-prefix, .ot-content textarea .ot-input-prefix, .ot-select .ot-input-prefix, .ot-input-group .ot-input-prefix, .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-suffix, .ot-search .ot-input-suffix, .ot-textarea .ot-input-suffix, .ot-content textarea .ot-input-suffix, .ot-select .ot-input-suffix, .ot-input-group .ot-input-suffix, .ot-input::placeholder, .ot-input .ot-input-prefix, .ot-input .ot-input-suffix {
  color: var(--ot-color-core-accent-primary);
  opacity: 1;
}
.ot-content input:not([type=checkbox]):not([type=radio]) > input, .ot-search > input, .ot-textarea > input, .ot-content textarea > input, .ot-select > input, .ot-input-group > input, .ot-content input:not([type=checkbox]):not([type=radio]) > .ot-input, .ot-search > .ot-input, .ot-textarea > .ot-input, .ot-content textarea > .ot-input, .ot-select > .ot-input, .ot-input-group > .ot-input, .ot-content .ot-search > input:not([type=checkbox]):not([type=radio]), .ot-content input:not([type=checkbox]):not([type=radio]) > .ot-search, .ot-search > .ot-search, .ot-content .ot-textarea > input:not([type=checkbox]):not([type=radio]), .ot-textarea > .ot-search, .ot-content textarea > input:not([type=checkbox]):not([type=radio]), .ot-content textarea > .ot-search, .ot-content input:not([type=checkbox]):not([type=radio]) > .ot-textarea, .ot-search > .ot-textarea, .ot-textarea > .ot-textarea, .ot-content textarea > .ot-textarea, .ot-content input:not([type=checkbox]):not([type=radio]) > textarea, .ot-content .ot-search > textarea, .ot-content .ot-textarea > textarea, .ot-content textarea > textarea, .ot-content .ot-select > input:not([type=checkbox]):not([type=radio]), .ot-select > .ot-search, .ot-select > .ot-textarea, .ot-content .ot-select > textarea, .ot-content input:not([type=checkbox]):not([type=radio]) > .ot-select, .ot-search > .ot-select, .ot-textarea > .ot-select, .ot-content textarea > .ot-select, .ot-select > .ot-select, .ot-content .ot-input-group > input:not([type=checkbox]):not([type=radio]), .ot-input-group > .ot-search, .ot-input-group > .ot-textarea, .ot-content .ot-input-group > textarea, .ot-input-group > .ot-select, .ot-content input:not([type=checkbox]):not([type=radio]) > .ot-input-group, .ot-search > .ot-input-group, .ot-textarea > .ot-input-group, .ot-content textarea > .ot-input-group, .ot-select > .ot-input-group, .ot-input-group > .ot-input-group, .ot-content input:not([type=checkbox]):not([type=radio]) > span.readonly, .ot-search > span.readonly, .ot-textarea > span.readonly, .ot-content textarea > span.readonly, .ot-select > span.readonly, .ot-input-group > span.readonly, .ot-input > input, .ot-input > .ot-input, .ot-content .ot-input > input:not([type=checkbox]):not([type=radio]), .ot-input > .ot-search, .ot-input > .ot-textarea, .ot-content .ot-input > textarea, .ot-input > .ot-select, .ot-input > .ot-input-group, .ot-input > span.readonly {
  flex: 1;
  color: var(--ot-input-color);
  font-weight: 500;
}
.ot-content input[readonly]:not([type=checkbox]):not([type=radio]), [readonly].ot-search, [readonly].ot-textarea, .ot-content textarea[readonly], [readonly].ot-select, [readonly].ot-input-group, .ot-input[readonly] {
  box-shadow: var(--ot-input-shadow);
  color: var(--ot-input-color-readonly-invert);
  font-weight: 500;
  background-color: var(--ot-input-color-readonly);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ot-content input[readonly]:focus:not([type=checkbox]):not([type=radio]), [readonly].ot-search:focus, [readonly].ot-textarea:focus, .ot-content textarea[readonly]:focus, [readonly].ot-select:focus, [readonly].ot-input-group:focus, .ot-input[readonly]:focus {
  border: var(--ot-input-border);
}
.ot-content input[readonly]:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, [readonly].ot-search .ot-input-number-controls, [readonly].ot-textarea .ot-input-number-controls, .ot-content textarea[readonly] .ot-input-number-controls, [readonly].ot-select .ot-input-number-controls, [readonly].ot-input-group .ot-input-number-controls, .ot-content input[readonly]:not([type=checkbox]):not([type=radio]) .ot-input-number-control, [readonly].ot-search .ot-input-number-control, [readonly].ot-textarea .ot-input-number-control, .ot-content textarea[readonly] .ot-input-number-control, [readonly].ot-select .ot-input-number-control, [readonly].ot-input-group .ot-input-number-control, .ot-content input[readonly]:not([type=checkbox]):not([type=radio]) .ot-input-extension, [readonly].ot-search .ot-input-extension, [readonly].ot-textarea .ot-input-extension, .ot-content textarea[readonly] .ot-input-extension, [readonly].ot-select .ot-input-extension, [readonly].ot-input-group .ot-input-extension, .ot-input[readonly] .ot-input-number-controls, .ot-input[readonly] .ot-input-number-control, .ot-input[readonly] .ot-input-extension {
  background-color: transparent;
}
.ot-input-extension .ot-content input:not([type=checkbox]):not([type=radio]), .ot-content .ot-input-extension input:not([type=checkbox]):not([type=radio]), .ot-input-extension .ot-search, .ot-input-extension .ot-textarea, .ot-input-extension .ot-content textarea, .ot-content .ot-input-extension textarea, .ot-input-extension .ot-select, .ot-input-extension .ot-input-group, .ot-input-extension .ot-input {
  border: 0 none;
}
.ot-content .ot-input-group > input:first-child:not([type=checkbox]):not([type=radio]), .ot-input-group > .ot-search:first-child, .ot-input-group > .ot-textarea:first-child, .ot-content .ot-input-group > textarea:first-child, .ot-input-group > .ot-select:first-child, .ot-input-group > .ot-input-group:first-child, .ot-input-group > .ot-input:first-child {
  border-right: var(--ot-input-border) !important;
}
.ot-content .ot-input-group > input:not([type=checkbox]):not([type=radio]) input, .ot-input-group > .ot-search input, .ot-input-group > .ot-textarea input, .ot-content .ot-input-group > textarea input, .ot-input-group > .ot-select input, .ot-input-group > .ot-input-group input, .ot-input-group > .ot-input input {
  padding-left: 0;
  padding-right: 0;
}
.ot-input-undo:not(.ot-input-group) .ot-content input:not([type=checkbox]):not([type=radio]), .ot-content .ot-input-undo:not(.ot-input-group) input:not([type=checkbox]):not([type=radio]), .ot-input-undo:not(.ot-input-group) .ot-search, .ot-input-undo:not(.ot-input-group) .ot-textarea, .ot-input-undo:not(.ot-input-group) .ot-content textarea, .ot-content .ot-input-undo:not(.ot-input-group) textarea, .ot-input-undo:not(.ot-input-group) .ot-select, .ot-input-undo:not(.ot-input-group) .ot-input-group, .ot-input-undo:not(.ot-input-group) .ot-input {
  border: none !important;
}
.ot-content input[centered]:not([type=checkbox]):not([type=radio]), [centered].ot-search, [centered].ot-textarea, .ot-content textarea[centered], [centered].ot-select, [centered].ot-input-group, .ot-content input[centered]:not([type=checkbox]):not([type=radio]) input, [centered].ot-search input, [centered].ot-textarea input, .ot-content textarea[centered] input, [centered].ot-select input, [centered].ot-input-group input, .ot-input[centered], .ot-input[centered] input {
  text-align: center;
}
.ot-content input[type=number]:not([type=checkbox]):not([type=radio]), [type=number].ot-search, [type=number].ot-textarea, .ot-content textarea[type=number], [type=number].ot-select, [type=number].ot-input-group, .ot-content input:not([type=checkbox]):not([type=radio]) > input[type=number], .ot-search > input[type=number], .ot-textarea > input[type=number], .ot-content textarea > input[type=number], .ot-select > input[type=number], .ot-input-group > input[type=number], .ot-input[type=number], .ot-input > input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.ot-content input[type=number]:not([type=checkbox]):not([type=radio])::-webkit-inner-spin-button, [type=number].ot-search::-webkit-inner-spin-button, [type=number].ot-textarea::-webkit-inner-spin-button, .ot-content textarea[type=number]::-webkit-inner-spin-button, [type=number].ot-select::-webkit-inner-spin-button, [type=number].ot-input-group::-webkit-inner-spin-button, .ot-content input:not([type=checkbox]):not([type=radio]) > input[type=number]::-webkit-inner-spin-button, .ot-search > input[type=number]::-webkit-inner-spin-button, .ot-textarea > input[type=number]::-webkit-inner-spin-button, .ot-content textarea > input[type=number]::-webkit-inner-spin-button, .ot-select > input[type=number]::-webkit-inner-spin-button, .ot-input-group > input[type=number]::-webkit-inner-spin-button, .ot-input[type=number]::-webkit-inner-spin-button, .ot-input > input[type=number]::-webkit-inner-spin-button {
  display: none;
}
.ot-content input:not([type=checkbox]):not([type=radio]) > span.readonly, .ot-search > span.readonly, .ot-textarea > span.readonly, .ot-content textarea > span.readonly, .ot-select > span.readonly, .ot-input-group > span.readonly, .ot-input > span.readonly {
  cursor: text;
}
.ot-content input:not(input):not(.ot-textarea):not(.ot-select):not([type=checkbox]):not([type=radio]), .ot-search:not(input):not(.ot-textarea):not(.ot-select), .ot-textarea:not(input):not(.ot-textarea):not(.ot-select), .ot-content textarea:not(input):not(.ot-textarea):not(.ot-select), .ot-select:not(input):not(.ot-textarea):not(.ot-select), .ot-input-group:not(input):not(.ot-textarea):not(.ot-select), .ot-input:not(input):not(.ot-textarea):not(.ot-select) {
  padding: calc(var(--ot-input-padding-y) / 2) 0;
  display: inline-flex;
  align-items: center;
}
.ot-content .ot-input-group[invalid] > input:first-child:not([type=checkbox]):not([type=radio]), .ot-input-group[invalid] > .ot-search:first-child, .ot-input-group[invalid] > .ot-textarea:first-child, .ot-content .ot-input-group[invalid] > textarea:first-child, .ot-input-group[invalid] > .ot-select:first-child, .ot-input-group[invalid] > .ot-input-group:first-child, .ot-content .ot-input-group.invalid > input:first-child:not([type=checkbox]):not([type=radio]), .ot-input-group.invalid > .ot-search:first-child, .ot-input-group.invalid > .ot-textarea:first-child, .ot-content .ot-input-group.invalid > textarea:first-child, .ot-input-group.invalid > .ot-select:first-child, .ot-input-group.invalid > .ot-input-group:first-child, .ot-input-group[invalid] > .ot-input:first-child, .ot-input-group.invalid > .ot-input:first-child {
  border-color: var(--ot-color-accent-orange-faded-1) !important;
}
.ot-input-group[disabled] .ot-content input:not([type=checkbox]):not([type=radio]), .ot-content .ot-input-group[disabled] input:not([type=checkbox]):not([type=radio]), .ot-input-group[disabled] .ot-search:not([type=checkbox]):not([type=radio]), .ot-input-group[disabled] .ot-textarea:not([type=checkbox]):not([type=radio]), .ot-input-group[disabled] .ot-content textarea:not([type=checkbox]):not([type=radio]), .ot-content .ot-input-group[disabled] textarea:not([type=checkbox]):not([type=radio]), .ot-input-group[disabled] .ot-select:not([type=checkbox]):not([type=radio]), .ot-input-group[disabled] .ot-input-group:not([type=checkbox]):not([type=radio]),
.ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-group.disabled :not([type=checkbox]):not([type=radio]),
.ot-search .ot-input-group.disabled :not([type=checkbox]):not([type=radio]),
.ot-textarea .ot-input-group.disabled :not([type=checkbox]):not([type=radio]),
.ot-content textarea .ot-input-group.disabled :not([type=checkbox]):not([type=radio]),
.ot-select .ot-input-group.disabled :not([type=checkbox]):not([type=radio]),
.ot-input-group .ot-input-group.disabled :not([type=checkbox]):not([type=radio]), .ot-input-group[disabled] .ot-input:not([type=checkbox]):not([type=radio]),
.ot-input .ot-input-group.disabled :not([type=checkbox]):not([type=radio]) {
  pointer-events: none;
}
.ot-content input:not([type=checkbox]):not([type=radio]) > input:not([type=checkbox]):not([type=radio]), .ot-search > input:not([type=checkbox]):not([type=radio]), .ot-textarea > input:not([type=checkbox]):not([type=radio]), .ot-content textarea > input:not([type=checkbox]):not([type=radio]), .ot-select > input:not([type=checkbox]):not([type=radio]), .ot-input-group > input:not([type=checkbox]):not([type=radio]),
.ot-content input:not([type=checkbox]):not([type=radio]) > span.readonly,
.ot-search > span.readonly,
.ot-textarea > span.readonly,
.ot-content textarea > span.readonly,
.ot-select > span.readonly,
.ot-input-group > span.readonly, .ot-input > input:not([type=checkbox]):not([type=radio]),
.ot-input > span.readonly {
  display: block;
  outline: none;
  caret-color: var(--ot-input-focus-color);
}
.ot-content input:not([type=checkbox]):not([type=radio]) > input:not([type=checkbox]):not([type=radio]):focus, .ot-search > input:not([type=checkbox]):not([type=radio]):focus, .ot-textarea > input:not([type=checkbox]):not([type=radio]):focus, .ot-content textarea > input:not([type=checkbox]):not([type=radio]):focus, .ot-select > input:not([type=checkbox]):not([type=radio]):focus, .ot-input-group > input:not([type=checkbox]):not([type=radio]):focus,
.ot-content input:not([type=checkbox]):not([type=radio]) > span.readonly:focus,
.ot-search > span.readonly:focus,
.ot-textarea > span.readonly:focus,
.ot-content textarea > span.readonly:focus,
.ot-select > span.readonly:focus,
.ot-input-group > span.readonly:focus, .ot-input > input:not([type=checkbox]):not([type=radio]):focus,
.ot-input > span.readonly:focus {
  outline: none;
}
.ot-content input[invalid]:not([type=checkbox]):not([type=radio]) > input:not([type=checkbox]):not([type=radio]), [invalid].ot-search > input:not([type=checkbox]):not([type=radio]), [invalid].ot-textarea > input:not([type=checkbox]):not([type=radio]), .ot-content textarea[invalid] > input:not([type=checkbox]):not([type=radio]), [invalid].ot-select > input:not([type=checkbox]):not([type=radio]), [invalid].ot-input-group > input:not([type=checkbox]):not([type=radio]), .ot-input[invalid] > input:not([type=checkbox]):not([type=radio]) {
  box-shadow: none;
}
.ot-content input[invalid]:not([type=checkbox]):not([type=radio]) > input:not([type=checkbox]):not([type=radio])::placeholder, [invalid].ot-search > input:not([type=checkbox]):not([type=radio])::placeholder, [invalid].ot-textarea > input:not([type=checkbox]):not([type=radio])::placeholder, .ot-content textarea[invalid] > input:not([type=checkbox]):not([type=radio])::placeholder, [invalid].ot-select > input:not([type=checkbox]):not([type=radio])::placeholder, [invalid].ot-input-group > input:not([type=checkbox]):not([type=radio])::placeholder, .ot-input[invalid] > input:not([type=checkbox]):not([type=radio])::placeholder {
  color: var(--ot-color-accent-orange-dark);
  font-weight: 500;
}
.ot-content input[invalid]:not([type=checkbox]):not([type=radio]) > input:not([type=checkbox]):not([type=radio]):focus, [invalid].ot-search > input:not([type=checkbox]):not([type=radio]):focus, [invalid].ot-textarea > input:not([type=checkbox]):not([type=radio]):focus, .ot-content textarea[invalid] > input:not([type=checkbox]):not([type=radio]):focus, [invalid].ot-select > input:not([type=checkbox]):not([type=radio]):focus, [invalid].ot-input-group > input:not([type=checkbox]):not([type=radio]):focus, .ot-input[invalid] > input:not([type=checkbox]):not([type=radio]):focus {
  box-shadow: none;
}
.ot-content input.is-inline:not([type=checkbox]):not([type=radio]), .is-inline.ot-search, .is-inline.ot-textarea, .ot-content textarea.is-inline, .is-inline.ot-select, .is-inline.ot-input-group, .ot-input.is-inline {
  display: inline-block;
}
.ot-input-prefix:first-child {
  margin-left: var(--ot-button-padding-x);
}
.ot-input-suffix:last-child {
  margin-right: var(--ot-button-padding-x);
}

.ot-content .ot-input-group > input:not([type=checkbox]):not([type=radio]), .ot-input-group > .ot-search, .ot-input-group > .ot-textarea, .ot-content .ot-input-group > textarea, .ot-input-group > .ot-select, .ot-input-group > .ot-input-group, .ot-input-group > .ot-input, .ot-content input:not([type=checkbox]):not([type=radio]) > input:not([type=checkbox]):not([type=radio]), .ot-search > input:not([type=checkbox]):not([type=radio]), .ot-textarea > input:not([type=checkbox]):not([type=radio]), .ot-content textarea > input:not([type=checkbox]):not([type=radio]), .ot-select > input:not([type=checkbox]):not([type=radio]), .ot-input-group > input:not([type=checkbox]):not([type=radio]),
.ot-content input:not([type=checkbox]):not([type=radio]) > span.readonly,
.ot-search > span.readonly,
.ot-textarea > span.readonly,
.ot-content textarea > span.readonly,
.ot-select > span.readonly,
.ot-input-group > span.readonly, .ot-input > input:not([type=checkbox]):not([type=radio]),
.ot-input > span.readonly, .ot-input-undo {
  display: inline-flex;
  align-items: center;
  border: none;
  background: transparent !important;
  box-shadow: none !important;
  padding: calc(var(--ot-input-padding-y) / 2) var(--ot-input-padding-x);
  height: calc(var(--ot-input-height) - var(--ot-input-padding-y) * 2);
  border-radius: 0;
  width: 100%;
  color: inherit !important;
}

.ot-content input:invalid:not([type=checkbox]):not([type=radio]), .ot-search:invalid, .ot-textarea:invalid, .ot-content textarea:invalid, .ot-select:invalid, .ot-input-group:invalid, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]), [invalid].ot-search, [invalid].ot-textarea, .ot-content textarea[invalid], [invalid].ot-select, [invalid].ot-input-group, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]), .ot-input-error.ot-search, .ot-input-error.ot-textarea, .ot-content textarea.ot-input-error, .ot-input-error.ot-select, .ot-input-error.ot-input-group, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]), .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]), .ot-input-error .ot-search, .ot-input-error .ot-textarea, .ot-input-error .ot-content textarea, .ot-content .ot-input-error textarea, .ot-input-error .ot-select, .ot-input-error .ot-input-group, .ot-input:invalid, .ot-input[invalid], .ot-input.ot-input-error, .ot-input-error .ot-input {
  color: var(--ot-color-accent-orange-dark);
  background-color: var(--ot-color-accent-orange-faded-3);
}
.ot-content input:invalid:not([type=checkbox]):not([type=radio]), .ot-search:invalid, .ot-textarea:invalid, .ot-content textarea:invalid, .ot-select:invalid, .ot-input-group:invalid, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]), [invalid].ot-search, [invalid].ot-textarea, .ot-content textarea[invalid], [invalid].ot-select, [invalid].ot-input-group, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]), .ot-input-error.ot-search, .ot-input-error.ot-textarea, .ot-content textarea.ot-input-error, .ot-input-error.ot-select, .ot-input-error.ot-input-group, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]), .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]), .ot-input-error .ot-search, .ot-input-error .ot-textarea, .ot-input-error .ot-content textarea, .ot-content .ot-input-error textarea, .ot-input-error .ot-select, .ot-input-error .ot-input-group, .ot-input:invalid, .ot-input[invalid], .ot-input.ot-input-error, .ot-input-error .ot-input {
  border-color: var(--ot-color-accent-orange-dark);
  box-shadow: 0 0 0 1px var(--ot-color-accent-orange-dark);
}
.ot-content input:invalid:not([type=checkbox]):not([type=radio])::placeholder, .ot-search:invalid::placeholder, .ot-textarea:invalid::placeholder, .ot-content textarea:invalid::placeholder, .ot-select:invalid::placeholder, .ot-input-group:invalid::placeholder, .ot-content input[invalid]:not([type=checkbox]):not([type=radio])::placeholder, [invalid].ot-search::placeholder, [invalid].ot-textarea::placeholder, .ot-content textarea[invalid]::placeholder, [invalid].ot-select::placeholder, [invalid].ot-input-group::placeholder, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio])::placeholder, .ot-input-error.ot-search::placeholder, .ot-input-error.ot-textarea::placeholder, .ot-content textarea.ot-input-error::placeholder, .ot-input-error.ot-select::placeholder, .ot-input-error.ot-input-group::placeholder, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio])::placeholder, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio])::placeholder, .ot-input-error .ot-search::placeholder, .ot-input-error .ot-textarea::placeholder, .ot-input-error .ot-content textarea::placeholder, .ot-content .ot-input-error textarea::placeholder, .ot-input-error .ot-select::placeholder, .ot-input-error .ot-input-group::placeholder, .ot-input:invalid::placeholder, .ot-input[invalid]::placeholder, .ot-input.ot-input-error::placeholder, .ot-input-error .ot-input::placeholder {
  color: var(--ot-color-accent-orange-dark);
}
.ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-search:invalid .ot-input-extension, .ot-textarea:invalid .ot-input-extension, .ot-content textarea:invalid .ot-input-extension, .ot-select:invalid .ot-input-extension, .ot-input-group:invalid .ot-input-extension, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-extension, [invalid].ot-search .ot-input-extension, [invalid].ot-textarea .ot-input-extension, .ot-content textarea[invalid] .ot-input-extension, [invalid].ot-select .ot-input-extension, [invalid].ot-input-group .ot-input-extension, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-input-error.ot-search .ot-input-extension, .ot-input-error.ot-textarea .ot-input-extension, .ot-content textarea.ot-input-error .ot-input-extension, .ot-input-error.ot-select .ot-input-extension, .ot-input-error.ot-input-group .ot-input-extension, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-input-error .ot-search .ot-input-extension, .ot-input-error .ot-textarea .ot-input-extension, .ot-input-error .ot-content textarea .ot-input-extension, .ot-content .ot-input-error textarea .ot-input-extension, .ot-input-error .ot-select .ot-input-extension, .ot-input-error .ot-input-group .ot-input-extension, .ot-input:invalid .ot-input-extension, .ot-input[invalid] .ot-input-extension, .ot-input.ot-input-error .ot-input-extension, .ot-input-error .ot-input .ot-input-extension {
  background-color: var(--ot-color-accent-orange-faded-3);
  mix-blend-mode: multiply;
  color: var(--ot-color-accent-orange-dark);
  border-right: 1px solid var(--ot-color-accent-orange-dark);
}
.ot-document.is-dark .ot-content input:invalid:not([type=checkbox]):not([type=radio]), .ot-content .ot-document.is-dark input:invalid:not([type=checkbox]):not([type=radio]), .ot-document.is-dark .ot-search:invalid, .ot-document.is-dark .ot-textarea:invalid, .ot-document.is-dark .ot-content textarea:invalid, .ot-content .ot-document.is-dark textarea:invalid, .ot-document.is-dark .ot-select:invalid, .ot-document.is-dark .ot-input-group:invalid, .ot-document.is-dark .ot-content input[invalid]:not([type=checkbox]):not([type=radio]), .ot-content .ot-document.is-dark input[invalid]:not([type=checkbox]):not([type=radio]), .ot-document.is-dark [invalid].ot-search, .ot-document.is-dark [invalid].ot-textarea, .ot-document.is-dark .ot-content textarea[invalid], .ot-content .ot-document.is-dark textarea[invalid], .ot-document.is-dark [invalid].ot-select, .ot-document.is-dark [invalid].ot-input-group, .ot-document.is-dark .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]), .ot-content .ot-document.is-dark input.ot-input-error:not([type=checkbox]):not([type=radio]), .ot-document.is-dark .ot-input-error.ot-search, .ot-document.is-dark .ot-input-error.ot-textarea, .ot-document.is-dark .ot-content textarea.ot-input-error, .ot-content .ot-document.is-dark textarea.ot-input-error, .ot-document.is-dark .ot-input-error.ot-select, .ot-document.is-dark .ot-input-error.ot-input-group, .ot-document.is-dark .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]), .ot-content .ot-document.is-dark .ot-input-error input:not([type=checkbox]):not([type=radio]), .ot-document.is-dark .ot-input-error .ot-search, .ot-document.is-dark .ot-input-error .ot-textarea, .ot-document.is-dark .ot-input-error .ot-content textarea, .ot-content .ot-document.is-dark .ot-input-error textarea, .ot-document.is-dark .ot-input-error .ot-select, .ot-document.is-dark .ot-input-error .ot-input-group, .ot-input-error .ot-document.is-dark .ot-content input:not([type=checkbox]):not([type=radio]), .ot-content .ot-input-error .ot-document.is-dark input:not([type=checkbox]):not([type=radio]), .ot-input-error .ot-document.is-dark .ot-search, .ot-input-error .ot-document.is-dark .ot-textarea, .ot-input-error .ot-document.is-dark .ot-content textarea, .ot-content .ot-input-error .ot-document.is-dark textarea, .ot-input-error .ot-document.is-dark .ot-select, .ot-input-error .ot-document.is-dark .ot-input-group, .ot-document.is-dark .ot-input:invalid, .ot-document.is-dark .ot-input[invalid], .ot-document.is-dark .ot-input.ot-input-error, .ot-document.is-dark .ot-input-error .ot-input, .ot-input-error .ot-document.is-dark .ot-input {
  background-color: transparent;
}
.ot-document.is-dark .ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-content .ot-document.is-dark input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-document.is-dark .ot-search:invalid .ot-input-extension, .ot-document.is-dark .ot-textarea:invalid .ot-input-extension, .ot-document.is-dark .ot-content textarea:invalid .ot-input-extension, .ot-content .ot-document.is-dark textarea:invalid .ot-input-extension, .ot-document.is-dark .ot-select:invalid .ot-input-extension, .ot-document.is-dark .ot-input-group:invalid .ot-input-extension, .ot-document.is-dark .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-content .ot-document.is-dark input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-document.is-dark [invalid].ot-search .ot-input-extension, .ot-document.is-dark [invalid].ot-textarea .ot-input-extension, .ot-document.is-dark .ot-content textarea[invalid] .ot-input-extension, .ot-content .ot-document.is-dark textarea[invalid] .ot-input-extension, .ot-document.is-dark [invalid].ot-select .ot-input-extension, .ot-document.is-dark [invalid].ot-input-group .ot-input-extension, .ot-document.is-dark .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-content .ot-document.is-dark input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-document.is-dark .ot-input-error.ot-search .ot-input-extension, .ot-document.is-dark .ot-input-error.ot-textarea .ot-input-extension, .ot-document.is-dark .ot-content textarea.ot-input-error .ot-input-extension, .ot-content .ot-document.is-dark textarea.ot-input-error .ot-input-extension, .ot-document.is-dark .ot-input-error.ot-select .ot-input-extension, .ot-document.is-dark .ot-input-error.ot-input-group .ot-input-extension, .ot-document.is-dark .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-content .ot-document.is-dark .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-document.is-dark .ot-input-error .ot-search .ot-input-extension, .ot-document.is-dark .ot-input-error .ot-textarea .ot-input-extension, .ot-document.is-dark .ot-input-error .ot-content textarea .ot-input-extension, .ot-content .ot-document.is-dark .ot-input-error textarea .ot-input-extension, .ot-document.is-dark .ot-input-error .ot-select .ot-input-extension, .ot-document.is-dark .ot-input-error .ot-input-group .ot-input-extension, .ot-input-error .ot-document.is-dark .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-content .ot-input-error .ot-document.is-dark input:not([type=checkbox]):not([type=radio]) .ot-input-extension, .ot-input-error .ot-document.is-dark .ot-search .ot-input-extension, .ot-input-error .ot-document.is-dark .ot-textarea .ot-input-extension, .ot-input-error .ot-document.is-dark .ot-content textarea .ot-input-extension, .ot-content .ot-input-error .ot-document.is-dark textarea .ot-input-extension, .ot-input-error .ot-document.is-dark .ot-select .ot-input-extension, .ot-input-error .ot-document.is-dark .ot-input-group .ot-input-extension, .ot-document.is-dark .ot-input:invalid .ot-input-extension, .ot-document.is-dark .ot-input[invalid] .ot-input-extension, .ot-document.is-dark .ot-input.ot-input-error .ot-input-extension, .ot-document.is-dark .ot-input-error .ot-input .ot-input-extension, .ot-input-error .ot-document.is-dark .ot-input .ot-input-extension {
  background-color: transparent;
  mix-blend-mode: normal;
}

.ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-search:invalid .ot-input-number-controls, .ot-textarea:invalid .ot-input-number-controls, .ot-content textarea:invalid .ot-input-number-controls, .ot-select:invalid .ot-input-number-controls, .ot-input-group:invalid .ot-input-number-controls, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, [invalid].ot-search .ot-input-number-controls, [invalid].ot-textarea .ot-input-number-controls, .ot-content textarea[invalid] .ot-input-number-controls, [invalid].ot-select .ot-input-number-controls, [invalid].ot-input-group .ot-input-number-controls, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-input-error.ot-search .ot-input-number-controls, .ot-input-error.ot-textarea .ot-input-number-controls, .ot-content textarea.ot-input-error .ot-input-number-controls, .ot-input-error.ot-select .ot-input-number-controls, .ot-input-error.ot-input-group .ot-input-number-controls, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-input-error .ot-search .ot-input-number-controls, .ot-input-error .ot-textarea .ot-input-number-controls, .ot-input-error .ot-content textarea .ot-input-number-controls, .ot-content .ot-input-error textarea .ot-input-number-controls, .ot-input-error .ot-select .ot-input-number-controls, .ot-input-error .ot-input-group .ot-input-number-controls, .ot-input:invalid .ot-input-number-controls, .ot-input[invalid] .ot-input-number-controls, .ot-input.ot-input-error .ot-input-number-controls, .ot-input-error .ot-input .ot-input-number-controls {
  background-color: transparent;
}
.ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-search:invalid .ot-input-number-control, .ot-textarea:invalid .ot-input-number-control, .ot-content textarea:invalid .ot-input-number-control, .ot-select:invalid .ot-input-number-control, .ot-input-group:invalid .ot-input-number-control, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-number-control, [invalid].ot-search .ot-input-number-control, [invalid].ot-textarea .ot-input-number-control, .ot-content textarea[invalid] .ot-input-number-control, [invalid].ot-select .ot-input-number-control, [invalid].ot-input-group .ot-input-number-control, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-input-error.ot-search .ot-input-number-control, .ot-input-error.ot-textarea .ot-input-number-control, .ot-content textarea.ot-input-error .ot-input-number-control, .ot-input-error.ot-select .ot-input-number-control, .ot-input-error.ot-input-group .ot-input-number-control, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-input-error .ot-search .ot-input-number-control, .ot-input-error .ot-textarea .ot-input-number-control, .ot-input-error .ot-content textarea .ot-input-number-control, .ot-content .ot-input-error textarea .ot-input-number-control, .ot-input-error .ot-select .ot-input-number-control, .ot-input-error .ot-input-group .ot-input-number-control, .ot-input:invalid .ot-input-number-control, .ot-input[invalid] .ot-input-number-control, .ot-input.ot-input-error .ot-input-number-control, .ot-input-error .ot-input .ot-input-number-control {
  background-color: rgba(var(--ot-color-accent-orange-dark), 0.2);
}
.ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-search:invalid .ot-input-number-control, .ot-textarea:invalid .ot-input-number-control, .ot-content textarea:invalid .ot-input-number-control, .ot-select:invalid .ot-input-number-control, .ot-input-group:invalid .ot-input-number-control, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-number-control, [invalid].ot-search .ot-input-number-control, [invalid].ot-textarea .ot-input-number-control, .ot-content textarea[invalid] .ot-input-number-control, [invalid].ot-select .ot-input-number-control, [invalid].ot-input-group .ot-input-number-control, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-input-error.ot-search .ot-input-number-control, .ot-input-error.ot-textarea .ot-input-number-control, .ot-content textarea.ot-input-error .ot-input-number-control, .ot-input-error.ot-select .ot-input-number-control, .ot-input-error.ot-input-group .ot-input-number-control, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-number-control, .ot-input-error .ot-search .ot-input-number-control, .ot-input-error .ot-textarea .ot-input-number-control, .ot-input-error .ot-content textarea .ot-input-number-control, .ot-content .ot-input-error textarea .ot-input-number-control, .ot-input-error .ot-select .ot-input-number-control, .ot-input-error .ot-input-group .ot-input-number-control, .ot-input:invalid .ot-input-number-control, .ot-input[invalid] .ot-input-number-control, .ot-input.ot-input-error .ot-input-number-control, .ot-input-error .ot-input .ot-input-number-control, .ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-search:invalid .ot-input-number-controls, .ot-textarea:invalid .ot-input-number-controls, .ot-content textarea:invalid .ot-input-number-controls, .ot-select:invalid .ot-input-number-controls, .ot-input-group:invalid .ot-input-number-controls, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, [invalid].ot-search .ot-input-number-controls, [invalid].ot-textarea .ot-input-number-controls, .ot-content textarea[invalid] .ot-input-number-controls, [invalid].ot-select .ot-input-number-controls, [invalid].ot-input-group .ot-input-number-controls, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-input-error.ot-search .ot-input-number-controls, .ot-input-error.ot-textarea .ot-input-number-controls, .ot-content textarea.ot-input-error .ot-input-number-controls, .ot-input-error.ot-select .ot-input-number-controls, .ot-input-error.ot-input-group .ot-input-number-controls, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-number-controls, .ot-input-error .ot-search .ot-input-number-controls, .ot-input-error .ot-textarea .ot-input-number-controls, .ot-input-error .ot-content textarea .ot-input-number-controls, .ot-content .ot-input-error textarea .ot-input-number-controls, .ot-input-error .ot-select .ot-input-number-controls, .ot-input-error .ot-input-group .ot-input-number-controls, .ot-input:invalid .ot-input-number-controls, .ot-input[invalid] .ot-input-number-controls, .ot-input.ot-input-error .ot-input-number-controls, .ot-input-error .ot-input .ot-input-number-controls {
  color: var(--ot-color-accent-orange-dark);
}
.ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-suffix, .ot-search:invalid .ot-input-suffix, .ot-textarea:invalid .ot-input-suffix, .ot-content textarea:invalid .ot-input-suffix, .ot-select:invalid .ot-input-suffix, .ot-input-group:invalid .ot-input-suffix, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-suffix, [invalid].ot-search .ot-input-suffix, [invalid].ot-textarea .ot-input-suffix, .ot-content textarea[invalid] .ot-input-suffix, [invalid].ot-select .ot-input-suffix, [invalid].ot-input-group .ot-input-suffix, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-suffix, .ot-input-error.ot-search .ot-input-suffix, .ot-input-error.ot-textarea .ot-input-suffix, .ot-content textarea.ot-input-error .ot-input-suffix, .ot-input-error.ot-select .ot-input-suffix, .ot-input-error.ot-input-group .ot-input-suffix, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-suffix, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-suffix, .ot-input-error .ot-search .ot-input-suffix, .ot-input-error .ot-textarea .ot-input-suffix, .ot-input-error .ot-content textarea .ot-input-suffix, .ot-content .ot-input-error textarea .ot-input-suffix, .ot-input-error .ot-select .ot-input-suffix, .ot-input-error .ot-input-group .ot-input-suffix, .ot-input:invalid .ot-input-suffix, .ot-input[invalid] .ot-input-suffix, .ot-input.ot-input-error .ot-input-suffix, .ot-input-error .ot-input .ot-input-suffix, .ot-content input:invalid:not([type=checkbox]):not([type=radio]) .ot-input-prefix, .ot-search:invalid .ot-input-prefix, .ot-textarea:invalid .ot-input-prefix, .ot-content textarea:invalid .ot-input-prefix, .ot-select:invalid .ot-input-prefix, .ot-input-group:invalid .ot-input-prefix, .ot-content input[invalid]:not([type=checkbox]):not([type=radio]) .ot-input-prefix, [invalid].ot-search .ot-input-prefix, [invalid].ot-textarea .ot-input-prefix, .ot-content textarea[invalid] .ot-input-prefix, [invalid].ot-select .ot-input-prefix, [invalid].ot-input-group .ot-input-prefix, .ot-content input.ot-input-error:not([type=checkbox]):not([type=radio]) .ot-input-prefix, .ot-input-error.ot-search .ot-input-prefix, .ot-input-error.ot-textarea .ot-input-prefix, .ot-content textarea.ot-input-error .ot-input-prefix, .ot-input-error.ot-select .ot-input-prefix, .ot-input-error.ot-input-group .ot-input-prefix, .ot-input-error .ot-content input:not([type=checkbox]):not([type=radio]) .ot-input-prefix, .ot-content .ot-input-error input:not([type=checkbox]):not([type=radio]) .ot-input-prefix, .ot-input-error .ot-search .ot-input-prefix, .ot-input-error .ot-textarea .ot-input-prefix, .ot-input-error .ot-content textarea .ot-input-prefix, .ot-content .ot-input-error textarea .ot-input-prefix, .ot-input-error .ot-select .ot-input-prefix, .ot-input-error .ot-input-group .ot-input-prefix, .ot-input:invalid .ot-input-prefix, .ot-input[invalid] .ot-input-prefix, .ot-input.ot-input-error .ot-input-prefix, .ot-input-error .ot-input .ot-input-prefix {
  color: var(--ot-color-accent-orange-dark);
}

.ot-content input:focus:not([type=checkbox]):not([type=radio]), .ot-search:focus, .ot-textarea:focus, .ot-content textarea:focus, .ot-select:focus, .ot-input-group:focus, .ot-input:focus, .ot-content input:not(input):not(.ot-textarea):focus-within:not([type=checkbox]):not([type=radio]), .ot-search:not(input):not(.ot-textarea):focus-within, .ot-textarea:not(input):not(.ot-textarea):focus-within, .ot-content textarea:not(input):not(.ot-textarea):focus-within, .ot-select:not(input):not(.ot-textarea):focus-within, .ot-input-group:not(input):not(.ot-textarea):focus-within, .ot-input:not(input):not(.ot-textarea):focus-within {
  border-color: var(--ot-input-border-color-focus);
  box-shadow: 0 0 0 1px var(--ot-input-border-color-focus);
  outline: none;
}
.ot-content input:focus:not([type=checkbox]):not([type=radio])::placeholder, .ot-search:focus::placeholder, .ot-textarea:focus::placeholder, .ot-content textarea:focus::placeholder, .ot-select:focus::placeholder, .ot-input-group:focus::placeholder, .ot-input:focus::placeholder, .ot-content input:not(input):not(.ot-textarea):focus-within:not([type=checkbox]):not([type=radio])::placeholder, .ot-search:not(input):not(.ot-textarea):focus-within::placeholder, .ot-textarea:not(input):not(.ot-textarea):focus-within::placeholder, .ot-content textarea:not(input):not(.ot-textarea):focus-within::placeholder, .ot-select:not(input):not(.ot-textarea):focus-within::placeholder, .ot-input-group:not(input):not(.ot-textarea):focus-within::placeholder, .ot-input:not(input):not(.ot-textarea):focus-within::placeholder {
  opacity: 0.5;
}

.ot-select {
  background-image: url('data:image/svg+xml;utf-8,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.71936L3.6247 5.21912L2.37531 6.78085L7.37531 10.7809H8.6247L13.6247 6.78085L12.3753 5.21912L8 8.71936Z" fill="%236E7B8C" /></svg>');
  background-repeat: no-repeat;
  background-position: right var(--ot-input-padding-x) top 0.75rem;
  background-size: 1rem 1rem;
  position: relative;
  padding: var(--ot-input-padding);
  padding-right: calc(2 * var(--ot-input-padding-x) + 1rem);
  font-weight: 500;
  font-size: 1rem;
  color: var(--ot-input-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: var(--ot-transition-default), background-image 0ms;
}
.ot-select[readonly], .ot-select > select[readonly] {
  pointer-events: none;
}
.ot-select:focus, .ot-select.ot-highlight {
  box-shadow: 0 0 0 2px var(--ot-input-border-color-focus);
  background-image: url('data:image/svg+xml;utf-8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.28064L12.3753 10.7809L13.6247 9.21915L8.62469 5.21915L7.3753 5.21915L2.3753 9.21915L3.62469 10.7809L8 7.28064Z" fill="%23006AFF"/></svg>');
}
.ot-select > select {
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  font-weight: inherit;
  color: var(--ot-input-color);
  padding: 0;
  width: 100%;
  font-size: inherit;
}
.ot-select > select:focus {
  outline: initial;
}
.ot-select[readonly] > select {
  color: inherit;
}
.ot-select[readonly] {
  background-image: url('data:image/svg+xml;utf-8,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.71936L3.6247 5.21912L2.37531 6.78085L7.37531 10.7809H8.6247L13.6247 6.78085L12.3753 5.21912L8 8.71936Z" fill="%239AA5B1" /></svg>');
}
.ot-select[disabled] > select {
  color: inherit;
}
.ot-select[invalid]:not([readonly]) {
  background-image: url('data:image/svg+xml;utf-8,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.71936L3.6247 5.21912L2.37531 6.78085L7.37531 10.7809H8.6247L13.6247 6.78085L12.3753 5.21912L8 8.71936Z" fill="%23FF5500" /></svg>');
}
.ot-select[invalid] > select {
  color: inherit;
}
.ot-select[invalid] > select option {
  color: var(--ot-input-color);
}
.ot-select[readonly] > select option {
  color: var(--ot-input-color);
}
.ot-select .ot-input-icon {
  position: absolute;
  top: calc(var(--ot-input-padding-y) - 1px);
  right: calc(var(--ot-input-padding-x) + 1rem);
}
.ot-document.is-dark .ot-select[readonly] {
  background-image: url('data:image/svg+xml;utf-8,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.71936L3.6247 5.21912L2.37531 6.78085L7.37531 10.7809H8.6247L13.6247 6.78085L12.3753 5.21912L8 8.71936Z" fill="%23272C35" /></svg>');
}

select.ot-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  font-weight: inherit;
  color: var(--ot-input-color);
  padding: var(--ot-input-padding);
  padding-right: calc(2 * var(--ot-input-padding-x) + 1rem);
  width: 100%;
  height: var(--ot-input-height);
  font-size: inherit;
}
select.ot-select:focus {
  outline: initial;
}

.ot-input-icon--small, .ot-input-icon {
  height: calc(var(--ot-input-height) - 2 * var(--ot-input-padding-y));
  width: calc(var(--ot-input-height) - 2 * var(--ot-input-padding-y));
  box-shadow: var(--ot-input-shadow);
  border-radius: calc(var(--ot-input-radius) * 0.5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  margin-right: 0;
  transition: var(--ot-transition-default);
  cursor: pointer;
}
.ot-input-icon--small:last-child, .ot-input-icon:last-child {
  margin-right: var(--ot-input-padding-y);
}
.ot-input-icon--small:active, .ot-input-icon:active {
  opacity: var(--ot-clickable-opacity);
}
.ot-input-icon--small {
  box-shadow: none;
  padding: 0.625rem;
  font-size: 0.75rem;
}

.ot-textarea, .ot-content textarea {
  resize: vertical;
  min-height: 4rem;
  height: auto;
}
.ot-textarea::-webkit-resizer, .ot-content textarea::-webkit-resizer {
  border: 5px solid transparent;
  background: linear-gradient(to top left, transparent calc(50% - 0.8px), var(--ot-input-border-color) 50%, transparent calc(50% + 0.8px));
}
.ot-textarea[readonly], .ot-content textarea[readonly] {
  background-color: var(--ot-color-core-background-secondary);
  color: var(--ot-color-core-foreground-secondary);
  padding: var(--ot-spacing-sm) var(--ot-spacing-default);
  box-shadow: none;
  border: none;
  font-size: 0.6875rem;
  white-space: normal;
}
.ot-textarea code, .ot-content textarea code {
  padding: 0;
}

.ot-toggle, .ot-radio,
.ot-checkbox {
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.ot-toggle.disabled, .ot-toggle:disabled, .ot-toggle[disabled], .disabled.ot-radio,
.disabled.ot-checkbox, .ot-radio:disabled,
.ot-checkbox:disabled, [disabled].ot-radio,
[disabled].ot-checkbox {
  cursor: not-allowed !important;
}
.ot-toggle.disabled label, .ot-toggle:disabled label, .ot-toggle[disabled] label, .disabled.ot-radio label,
.disabled.ot-checkbox label, .ot-radio:disabled label,
.ot-checkbox:disabled label, [disabled].ot-radio label,
[disabled].ot-checkbox label {
  opacity: 0.6;
  pointer-events: none;
}
.ot-toggle.disabled label:before, .ot-toggle:disabled label:before, .ot-toggle[disabled] label:before, .disabled.ot-radio label:before,
.disabled.ot-checkbox label:before, .ot-radio:disabled label:before,
.ot-checkbox:disabled label:before, [disabled].ot-radio label:before,
[disabled].ot-checkbox label:before {
  border: var(--ot-input-border) !important;
}
.ot-toggle[invalid] .ot-toggle-input, [invalid].ot-radio .ot-toggle-input,
[invalid].ot-checkbox .ot-toggle-input {
  background-color: var(--ot-color-accent-orange-faded-3);
}
.ot-toggle[invalid] .ot-toggle-input__label, [invalid].ot-radio .ot-toggle-input__label,
[invalid].ot-checkbox .ot-toggle-input__label {
  background-color: var(--ot-color-accent-orange-faded-3);
  border: var(--ot-input-border-width) var(--ot-input-border-style) var(--ot-color-accent-orange-dark);
}
.ot-toggle[invalid] .ot-toggle-input:hover .ot-toggle-input__label, .ot-toggle[invalid] .ot-toggle-input:focus .ot-toggle-input__label, [invalid].ot-radio .ot-toggle-input:hover .ot-toggle-input__label,
[invalid].ot-checkbox .ot-toggle-input:hover .ot-toggle-input__label, [invalid].ot-radio .ot-toggle-input:focus .ot-toggle-input__label,
[invalid].ot-checkbox .ot-toggle-input:focus .ot-toggle-input__label {
  background-color: var(--ot-color-accent-orange-faded-1);
}
.ot-toggle[invalid] .ot-toggle-input__input:checked ~ .ot-toggle-input__label, [invalid].ot-radio .ot-toggle-input__input:checked ~ .ot-toggle-input__label,
[invalid].ot-checkbox .ot-toggle-input__input:checked ~ .ot-toggle-input__label {
  background-color: var(--ot-color-accent-orange-dark);
}
.ot-toggle-input {
  background-color: var(--ot-color-core-background-secondary);
  transition: var(--ot-transition-default);
  border-radius: 1rem;
  cursor: pointer;
  display: inline-block;
  height: 1.5rem;
  position: relative;
  vertical-align: middle;
  width: 2.5rem;
}
.ot-toggle-input__label {
  background: var(--ot-color-core-accent-secondary) none repeat scroll 0 0;
  border-radius: inherit;
  display: block;
  font-size: 10px;
  height: inherit;
  position: relative;
  text-transform: uppercase;
  transition: all 0.15s ease-out 0s;
}
.ot-toggle-input__label::before, .ot-toggle-input__label::after {
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  transition: inherit;
}
.ot-toggle-input__handle {
  background-color: var(--ot-color-core-white);
  border-radius: 10px;
  height: 1rem;
  left: 0.25rem;
  position: absolute;
  top: 0.25rem;
  transition: left 0.15s ease-out 0s;
  width: 1rem;
  box-shadow: var(--ot-shadow-md);
}
.ot-toggle-input:hover .ot-toggle-input__label, .ot-toggle-input:focus .ot-toggle-input__label {
  background-color: var(--ot-color-core-accent-primary);
}
.ot-toggle-input__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.ot-toggle-input__input:checked ~ .ot-toggle-input__label {
  background: var(--ot-input-border-color-focus) none repeat scroll 0 0;
}
.ot-toggle-input__input:checked ~ .ot-toggle-input__handle {
  background-color: var(--ot-input-border-color-focus-invert);
  left: 1.25rem;
}
.ot-toggle-label {
  margin-left: 0.5rem;
  vertical-align: middle;
}
.ot-toggle-description {
  padding-left: 3rem !important;
}
.ot-toggle-group > .ot-toggle {
  margin-bottom: 0.5rem;
}
.ot-toggle-group > .ot-toggle:last-child {
  margin-bottom: 0;
}

.ot-radio,
.ot-checkbox {
  min-height: 1.25rem;
}
.ot-radio > input[type=radio]:checked + label:before, .ot-radio > input[type=radio]:not(:checked) + label:before, .ot-radio > input[type=radio]:checked + label:after, .ot-radio > input[type=radio]:not(:checked) + label:after,
.ot-checkbox > input[type=radio]:checked + label:before,
.ot-checkbox > input[type=radio]:not(:checked) + label:before,
.ot-checkbox > input[type=radio]:checked + label:after,
.ot-checkbox > input[type=radio]:not(:checked) + label:after {
  border-radius: 100%;
}
.ot-radio > input[type=checkbox]:checked + label:before, .ot-radio > input[type=checkbox]:not(:checked) + label:before, .ot-radio > input[type=checkbox]:checked + label:after, .ot-radio > input[type=checkbox]:not(:checked) + label:after,
.ot-checkbox > input[type=checkbox]:checked + label:before,
.ot-checkbox > input[type=checkbox]:not(:checked) + label:before,
.ot-checkbox > input[type=checkbox]:checked + label:after,
.ot-checkbox > input[type=checkbox]:not(:checked) + label:after {
  border-radius: 6px;
}
.ot-radio > input[type=radio]:checked, .ot-radio > input[type=radio]:not(:checked), .ot-radio > input[type=checkbox]:checked, .ot-radio > input[type=checkbox]:not(:checked),
.ot-checkbox > input[type=radio]:checked,
.ot-checkbox > input[type=radio]:not(:checked),
.ot-checkbox > input[type=checkbox]:checked,
.ot-checkbox > input[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.ot-radio > input[type=radio]:checked + label, .ot-radio > input[type=radio]:not(:checked) + label, .ot-radio > input[type=checkbox]:checked + label, .ot-radio > input[type=checkbox]:not(:checked) + label,
.ot-checkbox > input[type=radio]:checked + label,
.ot-checkbox > input[type=radio]:not(:checked) + label,
.ot-checkbox > input[type=checkbox]:checked + label,
.ot-checkbox > input[type=checkbox]:not(:checked) + label {
  position: relative;
  padding-left: 1.75rem;
  cursor: pointer;
  line-height: 1.25rem;
  display: inline-block;
}
.ot-radio > input[type=radio]:checked + label:before, .ot-radio > input[type=radio]:not(:checked) + label:before, .ot-radio > input[type=checkbox]:checked + label:before, .ot-radio > input[type=checkbox]:not(:checked) + label:before,
.ot-checkbox > input[type=radio]:checked + label:before,
.ot-checkbox > input[type=radio]:not(:checked) + label:before,
.ot-checkbox > input[type=checkbox]:checked + label:before,
.ot-checkbox > input[type=checkbox]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px var(--ot-input-border-style) var(--ot-input-border-color);
  box-sizing: border-box;
  transition: var(--ot-transition-default);
}
.ot-radio > input[type=radio]:checked + label:before:hover, .ot-radio > input[type=radio]:not(:checked) + label:before:hover, .ot-radio > input[type=checkbox]:checked + label:before:hover, .ot-radio > input[type=checkbox]:not(:checked) + label:before:hover,
.ot-checkbox > input[type=radio]:checked + label:before:hover,
.ot-checkbox > input[type=radio]:not(:checked) + label:before:hover,
.ot-checkbox > input[type=checkbox]:checked + label:before:hover,
.ot-checkbox > input[type=checkbox]:not(:checked) + label:before:hover {
  border-color: var(--ot-input-border-color-focus);
}
.ot-radio > input[type=radio]:checked + label:after, .ot-radio > input[type=radio]:checked + label[invalid]:after, .ot-radio > input[type=radio]:not(:checked) + label:after, .ot-radio > input[type=radio]:not(:checked) + label[invalid]:after, .ot-radio > input[type=checkbox]:checked + label:after, .ot-radio > input[type=checkbox]:checked + label[invalid]:after, .ot-radio > input[type=checkbox]:not(:checked) + label:after, .ot-radio > input[type=checkbox]:not(:checked) + label[invalid]:after,
.ot-checkbox > input[type=radio]:checked + label:after,
.ot-checkbox > input[type=radio]:checked + label[invalid]:after,
.ot-checkbox > input[type=radio]:not(:checked) + label:after,
.ot-checkbox > input[type=radio]:not(:checked) + label[invalid]:after,
.ot-checkbox > input[type=checkbox]:checked + label:after,
.ot-checkbox > input[type=checkbox]:checked + label[invalid]:after,
.ot-checkbox > input[type=checkbox]:not(:checked) + label:after,
.ot-checkbox > input[type=checkbox]:not(:checked) + label[invalid]:after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  transition: var(--ot-transition-default);
  position: absolute;
  top: 0;
  left: 0;
}
.ot-radio > input[type=radio]:checked + label:after, .ot-radio > input[type=radio]:not(:checked) + label:after, .ot-radio > input[type=checkbox]:checked + label:after, .ot-radio > input[type=checkbox]:not(:checked) + label:after,
.ot-checkbox > input[type=radio]:checked + label:after,
.ot-checkbox > input[type=radio]:not(:checked) + label:after,
.ot-checkbox > input[type=checkbox]:checked + label:after,
.ot-checkbox > input[type=checkbox]:not(:checked) + label:after {
  background: var(--ot-input-border-color-focus);
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L3.5 7L1 4.27273' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.ot-radio > input[type=radio]:checked + label[invalid]:before, .ot-radio > input[type=radio]:not(:checked) + label[invalid]:before, .ot-radio > input[type=checkbox]:checked + label[invalid]:before, .ot-radio > input[type=checkbox]:not(:checked) + label[invalid]:before,
.ot-checkbox > input[type=radio]:checked + label[invalid]:before,
.ot-checkbox > input[type=radio]:not(:checked) + label[invalid]:before,
.ot-checkbox > input[type=checkbox]:checked + label[invalid]:before,
.ot-checkbox > input[type=checkbox]:not(:checked) + label[invalid]:before {
  border-color: var(--ot-color-accent-orange-dark) !important;
  background-color: var(--ot-color-accent-orange-faded-3);
}
.ot-radio > input[type=radio]:checked + label[invalid]:after, .ot-radio > input[type=radio]:not(:checked) + label[invalid]:after, .ot-radio > input[type=checkbox]:checked + label[invalid]:after, .ot-radio > input[type=checkbox]:not(:checked) + label[invalid]:after,
.ot-checkbox > input[type=radio]:checked + label[invalid]:after,
.ot-checkbox > input[type=radio]:not(:checked) + label[invalid]:after,
.ot-checkbox > input[type=checkbox]:checked + label[invalid]:after,
.ot-checkbox > input[type=checkbox]:not(:checked) + label[invalid]:after {
  background: var(--ot-color-accent-orange-dark);
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L3.5 7L1 4.27273' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.ot-radio > input[type=radio]:not(:checked) + label:after, .ot-radio > input[type=checkbox]:not(:checked) + label:after,
.ot-checkbox > input[type=radio]:not(:checked) + label:after,
.ot-checkbox > input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
}
.ot-radio > input[type=radio]:checked + label:after, .ot-radio > input[type=checkbox]:checked + label:after,
.ot-checkbox > input[type=radio]:checked + label:after,
.ot-checkbox > input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.ot-radio-label, .ot-radio-suffix,
.ot-toggle-label,
.ot-toggle-suffix,
.ot-checkbox-label,
.ot-checkbox-suffix {
  display: inline-block;
  cursor: pointer;
  flex: 1;
}
.ot-radio-suffix,
.ot-toggle-suffix,
.ot-checkbox-suffix {
  flex: none;
}
.ot-radio-description,
.ot-toggle-description,
.ot-checkbox-description {
  margin: 0;
  margin-bottom: 0.5rem;
  padding-left: 1.75rem;
  flex-grow: 0;
  flex-basis: 100%;
  color: var(--ot-color-core-foreground-secondary);
}
.ot-radio-group > .ot-radio, .ot-radio-group > .ot-checkbox,
.ot-checkbox-group > .ot-radio,
.ot-checkbox-group > .ot-checkbox {
  margin-bottom: 0.5rem;
}
.ot-radio-group > .ot-radio:last-child, .ot-radio-group > .ot-checkbox:last-child,
.ot-checkbox-group > .ot-radio:last-child,
.ot-checkbox-group > .ot-checkbox:last-child {
  margin-bottom: 0;
}

.ot-toggle-group.is-right-aligned .ot-toggle {
  flex-direction: row-reverse;
}
.ot-toggle-group.is-right-aligned .ot-toggle-label {
  margin-left: 0;
}

.ot-select-bar {
  color: var(--ot-color-input-color-focus);
  box-shadow: var(--ot-input-shadow);
  border-radius: var(--ot-spacing-xs);
  display: inline-flex;
  overflow: unset;
  background-color: var(--ot-color-core-background-primary);
}
.ot-select-bar-label {
  display: flex !important;
}
.ot-select-bar-item {
  vertical-align: middle;
  text-align: center;
  display: flex;
  flex: 1;
  height: var(--ot-input-height);
}
.ot-select-bar-item:first-of-type input[type=radio] + label {
  box-shadow: 0 1px 0 0 var(--ot-input-border-color), 0 -1px 0 0 var(--ot-input-border-color), -1px 0 0 0 var(--ot-input-border-color);
  border-top-left-radius: var(--ot-spacing-xs);
  border-bottom-left-radius: var(--ot-spacing-xs);
}
.ot-select-bar-item:first-of-type input[type=radio] + label::after {
  display: none;
}
.ot-select-bar-item:last-of-type input[type=radio] + label {
  box-shadow: 0 1px 0 0 var(--ot-input-border-color), 0 -1px 0 0 var(--ot-input-border-color), 1px 0 0 0 var(--ot-input-border-color);
  border-top-right-radius: var(--ot-spacing-xs);
  border-bottom-right-radius: var(--ot-spacing-xs);
}
.ot-select-bar-item input[type=radio]:checked + label {
  background: var(--ot-input-border-color-focus);
  color: var(--ot-input-border-color-focus-invert);
  box-shadow: 0 1px 0 0 var(--ot-input-border-color-focus), 0 -1px 0 0 var(--ot-input-border-color-focus);
}
.ot-select-bar-item input[type=radio]:checked + label::after {
  display: none;
}
.ot-select-bar-item input[type=radio]:not(input[type=checkbox]) {
  display: none;
}
.ot-select-bar-item input[type=radio]:not(input[type=checkbox]) + label {
  margin: 0;
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  transition: var(--ot-transition-default);
  height: var(--ot-input-height);
  padding: 0 var(--ot-button-padding-x);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 0 0 var(--ot-input-border-color), 0 -1px 0 0 var(--ot-input-border-color);
}
.ot-select-bar-item input[type=radio]:not(input[type=checkbox]) + label::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 1px;
  height: calc(var(--ot-input-height) * 2 / 3);
  background: var(--ot-color-accent-secondary);
}
.ot-select-bar-item:first-of-type input[type=radio]:checked + label {
  box-shadow: 0 1px 0 0 var(--ot-input-border-color-focus), 0 -1px 0 0 var(--ot-input-border-color-focus), -1px 0 0 0 var(--ot-input-border-color-focus);
}
.ot-select-bar-item:last-of-type input[type=radio]:checked + label {
  box-shadow: 0 1px 0 0 var(--ot-input-border-color-focus), 0 -1px 0 0 var(--ot-input-border-color-focus), 1px 0 0 0 var(--ot-input-border-color-focus);
}
.ot-select-bar-item-icon {
  color: inherit;
}
.ot-select-bar.is-fullwidth {
  display: flex;
}
.ot-select-bar[invalid] .ot-select-bar-item input[type=radio]:checked + label {
  background-color: var(--ot-color-accent-orange-dark);
  box-shadow: none;
}
.ot-select-bar.disabled .ot-select-bar-item, .ot-select-bar:disabled .ot-select-bar-item, .ot-select-bar[disabled] .ot-select-bar-item {
  cursor: not-allowed;
}
.ot-select-bar.disabled .ot-select-bar-item input[type=radio] + label, .ot-select-bar:disabled .ot-select-bar-item input[type=radio] + label, .ot-select-bar[disabled] .ot-select-bar-item input[type=radio] + label {
  cursor: not-allowed;
  color: var(--ot-color-core-foreground-primary);
  background-color: var(--ot-input-color-disabled);
}
.ot-select-bar.disabled .ot-select-bar-item input[type=radio]:checked + label, .ot-select-bar:disabled .ot-select-bar-item input[type=radio]:checked + label, .ot-select-bar[disabled] .ot-select-bar-item input[type=radio]:checked + label {
  background-color: var(--ot-color-core-accent-primary);
  box-shadow: none;
}

.ot-search {
  border-color: var(--ot-color-core-accent-secondary);
}
.ot-search::placeholder {
  color: var(--ot-color-core-accent-primary);
}
.ot-search.is-empty {
  background: var(--ot-color-core-accent-tertiary);
  border-color: var(--ot-color-core-accent-tertiary);
  box-shadow: 0 0 0 1px var(--ot-color-core-accent-tertiary);
}
.ot-search:focus, .ot-search:focus-within {
  border-color: var(--ot-input-border-color-focus);
  box-shadow: 0 0 0 1px var(--ot-input-border-color-focus);
  outline: none;
}
.ot-search:focus-within {
  background: transparent;
}
.ot-search-icon {
  margin-right: var(--ot-input-padding-x);
  color: var(--ot-color-core-accent-primary);
  align-items: center;
  display: inline-flex;
}
.ot-search:focus-within .ot-search-icon {
  color: var(--ot-input-focus-color);
}

.ot-input-sublabel, .ot-input-field .ot-input-sublabel {
  display: block;
  color: var(--ot-color-core-accent-primary);
  margin-bottom: 0.375rem;
}
.ot-input-label, .ot-content label:not(.ot-input-sublabel):not(.ot-input-error), .ot-input-field .ot-input-label {
  display: block;
  color: var(--ot-color-core-foreground-secondary);
}
.ot-input-label--optional {
  color: var(--ot-color-accent-green-dark);
  margin-left: 0.375rem;
  font-size: 0.75rem;
  /* Ensure the optional text element is EXACTLY the height of the text,
   * otherwise half of the excess space MIGHT be more than on the parent.
   * When this happens and the optional element is positioned using
   * the parent's baseline, the optional element might change
   * relative positioning of the next element(s) in the flow. */
  line-height: 1;
}
.ot-input-label--required {
  margin-left: 0.375rem;
  color: var(--ot-color-accent-orange-dark);
}

.ot-input-error, .ot-input-field.ot-input-error, .ot-input-field .ot-input-error {
  display: block;
  color: var(--ot-color-accent-orange-dark);
}
.ot-input-error .ot-input-label, .ot-input-error .ot-content label:not(.ot-input-sublabel):not(.ot-input-error), .ot-content .ot-input-error label:not(.ot-input-sublabel):not(.ot-input-error) {
  color: var(--ot-color-accent-orange-dark);
}
.ot-input-error .ot-input-sublabel {
  color: var(--ot-color-accent-orange-faded-1);
}

.ot-input-field {
  margin-bottom: var(--ot-input-field-margin-bottom);
}
.ot-input-dropdown, .ot-input-dropdown--fill {
  position: absolute;
  top: calc(var(--ot-input-height) + var(--ot-input-padding-y));
  left: 0;
  z-index: 5;
  background: var(--ot-color-core-background-primary);
  border: var(--ot-input-border);
  border-radius: var(--ot-input-radius);
  box-shadow: 0 0 0 1px var(--ot-input-border-color), var(--ot-shadow-lg);
  transition: var(--ot-transition-default);
  padding: var(--ot-input-padding);
  opacity: 0;
  pointer-events: none;
}
.ot-input-dropdown--fill {
  right: 0;
  overflow: hidden;
}
.ot-input-dropdown.show, .ot-input-dropdown:focus, .ot-input-dropdown:active, .show.ot-input-dropdown--fill, .ot-input-dropdown--fill:focus, .ot-input-dropdown--fill:active, .ot-input:focus > .ot-input-dropdown, .ot-input:focus-within > .ot-input-dropdown, .ot-input:focus > .ot-input-dropdown--fill, .ot-input:focus-within > .ot-input-dropdown--fill {
  opacity: 1;
  pointer-events: auto;
}

.ot-button-icon--left {
  margin-right: 0.5rem;
}
.ot-button-icon--right {
  margin-left: 0.5rem;
}

.ot-button, .ot-content button {
  border-radius: var(--ot-button-border-radius);
  box-shadow: var(--ot-button-shadow);
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--ot-button-padding);
  height: 3rem;
  transition: var(--ot-transition-default);
  cursor: pointer;
  background-color: var(--ot-color-core-brand);
  color: var(--ot-color-core-brand-invert);
}
.ot-button.is-large, .ot-content button.is-large {
  padding: calc(1.33 * var(--ot-button-padding-y)) calc(1.25 * var(--ot-button-padding-x));
  height: 3.5rem;
}
.ot-button.is-small, .ot-content button.is-small {
  padding: calc(0.66 * var(--ot-button-padding-y)) calc(0.75 * var(--ot-button-padding-x));
  height: 2.5rem;
}
.ot-button.is-tiny, .ot-content button.is-tiny {
  padding: calc(0.58 * var(--ot-button-padding-y)) calc(0.75 * var(--ot-button-padding-x));
  height: 2rem;
}
.ot-button:active, .ot-content button:active {
  opacity: var(--ot-clickable-opacity);
}
.ot-button.is-brand, .ot-content button.is-brand {
  background-color: var(--ot-color-core-brand);
  color: var(--ot-color-core-brand-invert);
}
.ot-button.is-brand.is-outline, .ot-content button.is-brand.is-outline {
  border-color: var(--ot-color-core-brand);
  color: var(--ot-color-core-brand);
}
.ot-button.is-info, .ot-content button.is-info {
  background-color: var(--ot-color-core-brand);
  color: var(--ot-color-core-brand-invert);
}
.ot-button.is-info.is-outline, .ot-content button.is-info.is-outline {
  border-color: var(--ot-color-core-brand);
  color: var(--ot-color-core-brand);
}
.ot-button.is-success, .ot-content button.is-success {
  background-color: var(--ot-color-accent-green-dark);
  color: var(--ot-color-accent-green-dark-invert);
}
.ot-button.is-success.is-outline, .ot-content button.is-success.is-outline {
  border-color: var(--ot-color-accent-green-dark);
  color: var(--ot-color-accent-green-dark);
}
.ot-button.is-warning, .ot-content button.is-warning {
  background-color: var(--ot-color-accent-orange-light);
  color: var(--ot-color-accent-orange-light-invert);
}
.ot-button.is-warning.is-outline, .ot-content button.is-warning.is-outline {
  border-color: var(--ot-color-accent-orange-light);
  color: var(--ot-color-accent-orange-light);
}
.ot-button.is-danger, .ot-content button.is-danger {
  background-color: var(--ot-color-accent-orange-dark);
  color: var(--ot-color-accent-orange-dark-invert);
}
.ot-button.is-danger.is-outline, .ot-content button.is-danger.is-outline {
  border-color: var(--ot-color-accent-orange-dark);
  color: var(--ot-color-accent-orange-dark);
}
.ot-button.is-light, .ot-content button.is-light {
  background-color: var(--ot-color-core-background-secondary);
  color: var(--ot-color-core-foreground-primary);
}
.ot-button.is-light.is-outline, .ot-content button.is-light.is-outline {
  border-color: var(--ot-color-core-background-secondary);
  color: var(--ot-color-core-background-secondary);
}
.ot-button.is-dark, .ot-content button.is-dark {
  background-color: var(--ot-color-core-foreground-secondary);
  color: var(--ot-color-core-background-primary);
}
.ot-button.is-dark.is-outline, .ot-content button.is-dark.is-outline {
  border-color: var(--ot-color-core-foreground-secondary);
  color: var(--ot-color-core-foreground-secondary);
}
.ot-button.is-fullwidth, .ot-content button.is-fullwidth {
  width: 100%;
  flex: 1;
}
.ot-button.is-light, .ot-content button.is-light {
  box-shadow: none;
}
.ot-button.is-outline, .ot-content button.is-outline {
  background-color: transparent;
  box-shadow: none;
  color: inherit;
  border: 2px solid var(--ot-color-core-light-accent-secondary);
}
.ot-button[disabled], .ot-content button[disabled] {
  box-shadow: none;
  cursor: not-allowed;
  background-color: var(--ot-color-core-background-secondary);
  color: var(--ot-color-core-foreground-secondary);
}
.ot-button.is-round, .ot-content button.is-round {
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.ot-button.is-link, .ot-content button.is-link {
  color: var(--ot-color-core-brand);
}
.ot-button.is-text, .ot-content button.is-text {
  color: inherit;
}
.ot-button.is-link, .ot-button.is-text, .ot-content button.is-link, .ot-content button.is-text {
  background: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.ot-button.is-loading, .ot-content button.is-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.ot-button.is-loading .ot-button-icon--left, .ot-button.is-loading .ot-button-icon--right, .ot-content button.is-loading .ot-button-icon--left, .ot-content button.is-loading .ot-button-icon--right {
  opacity: 0;
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.ot-button.is-loading::after, .ot-content button.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--ot-color-core-brand-invert);
  border-radius: 3rem;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  position: absolute;
  height: 1em;
  width: 1em;
  top: calc(50% - (0.5em + 2px));
  left: calc(50% - (0.5em + 2px));
}

.ot-separator {
  border: none;
  border-top: 1px solid var(--ot-color-core-accent-tertiary);
}
.ot-separator.has-label {
  border-top: 0;
  display: flex;
  width: 100%;
  align-items: center;
}
.ot-separator.has-label::after, .ot-separator.has-label::before {
  display: block;
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--ot-color-core-accent-tertiary);
}
.ot-separator.has-label::before {
  margin-right: 1rem;
}
.ot-separator.has-label::after {
  margin-left: 1rem;
}

.ot-highlight {
  box-shadow: 0 0 0 2px var(--ot-color-core-brand), 0 0 0 4px var(--ot-color-core-brand-faded) !important;
}

.ot-spinner {
  pointer-events: none;
  margin: 0 auto;
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.ot-spinner::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--ot-color-core-brand);
  border-radius: 3rem;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  position: absolute;
  height: 1em;
  width: 1em;
  top: calc(50% - (0.5em + 2px));
  left: calc(50% - (0.5em + 2px));
}

@keyframes notificationAppearTop {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes notificationAppearBottom {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.ot-notification {
  box-shadow: var(--ot-notification-shadow);
  border-radius: var(--ot-notification-radius);
  box-sizing: border-box;
  pointer-events: auto;
  padding: var(--ot-notification-padding);
  width: 100%;
  margin-bottom: var(--ot-notification-margin);
}
.ot-notification-content {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  box-sizing: border-box;
}
.ot-notification-content__info-icon {
  margin-right: var(--ot-spacing-sm);
  display: flex;
  align-items: center;
}
.ot-notification-content__info-icon svg {
  fill: white;
}
.ot-notification-content__text-container {
  margin: 0;
  margin-right: 1rem;
  display: block;
  flex: 1;
  text-align: left;
}
.ot-notification-content__text, .ot-notification-content__sub-text {
  display: block;
  margin: 0;
}
.ot-notification-content__text {
  font-weight: 500;
}
.ot-notification-content__sub-text {
  margin-top: var(--ot-spacing-2xs);
  font-size: 0.9rem;
}
.ot-notification-content__btn-label {
  font-size: 0.95rem;
  font-weight: 500;
}
@media (max-width: 656px) {
  .ot-notification-content__btn-label {
    display: none;
  }
}
.ot-notification-content__btn-icon {
  margin-left: var(--ot-spacing-xs);
  display: flex;
  align-items: center;
}
.ot-notification-content__btn-icon svg {
  fill: white;
}
.ot-notification button {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: calc(var(--ot-notification-radius) - 0.125rem);
  transition: var(--ot-transition-default);
  box-shadow: none;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  height: auto;
}
.ot-notification.is-info {
  background-color: var(--ot-color-core-brand);
  color: var(--ot-color-core-brand-invert);
}
.ot-notification.is-info .ot-notification-content__info-icon svg {
  fill: var(--ot-color-core-brand-invert);
}
.ot-notification.is-info .ot-notification-content__btn {
  background-color: var(--ot-color-core-brand);
}
.ot-notification.is-info .ot-notification-content__btn-label {
  color: var(--ot-color-core-brand-invert);
}
.ot-notification.is-info .ot-notification-content__btn-icon svg {
  fill: var(--ot-color-core-brand-invert);
}
.ot-notification.is-info .ot-notification-content__btn:hover {
  background: rgba(0, 0, 0, 0.15);
}
.ot-notification.is-warning {
  background-color: var(--ot-color-accent-orange-light);
  color: var(--ot-color-accent-orange-light-invert);
}
.ot-notification.is-warning .ot-notification-content__info-icon svg {
  fill: var(--ot-color-accent-orange-light-invert);
}
.ot-notification.is-warning .ot-notification-content__btn {
  background-color: var(--ot-color-accent-orange-light);
}
.ot-notification.is-warning .ot-notification-content__btn-label {
  color: var(--ot-color-accent-orange-light-invert);
}
.ot-notification.is-warning .ot-notification-content__btn-icon svg {
  fill: var(--ot-color-accent-orange-light-invert);
}
.ot-notification.is-warning .ot-notification-content__btn:hover {
  background: rgba(0, 0, 0, 0.15);
}
.ot-notification.is-danger {
  background-color: var(--ot-color-accent-orange-dark);
  color: var(--ot-color-accent-orange-dark-invert);
}
.ot-notification.is-danger .ot-notification-content__info-icon svg {
  fill: var(--ot-color-accent-orange-dark-invert);
}
.ot-notification.is-danger .ot-notification-content__btn {
  background-color: var(--ot-color-accent-orange-dark);
}
.ot-notification.is-danger .ot-notification-content__btn-label {
  color: var(--ot-color-accent-orange-dark-invert);
}
.ot-notification.is-danger .ot-notification-content__btn-icon svg {
  fill: var(--ot-color-accent-orange-dark-invert);
}
.ot-notification.is-danger .ot-notification-content__btn:hover {
  background: rgba(0, 0, 0, 0.15);
}
.ot-notification.is-success {
  background-color: var(--ot-color-accent-green-dark);
  color: var(--ot-color-accent-green-dark-invert);
}
.ot-notification.is-success .ot-notification-content__info-icon svg {
  fill: var(--ot-color-accent-green-dark-invert);
}
.ot-notification.is-success .ot-notification-content__btn {
  background-color: var(--ot-color-accent-green-dark);
}
.ot-notification.is-success .ot-notification-content__btn-label {
  color: var(--ot-color-accent-green-dark-invert);
}
.ot-notification.is-success .ot-notification-content__btn-icon svg {
  fill: var(--ot-color-accent-green-dark-invert);
}
.ot-notification.is-success .ot-notification-content__btn:hover {
  background: rgba(0, 0, 0, 0.15);
}
.ot-notification.is-black {
  background-color: var(--ot-color-core-black);
  color: var(--ot-color-core-white);
}
.ot-notification.is-black .ot-notification-content__info-icon svg {
  fill: var(--ot-color-core-white);
}
.ot-notification.is-black .ot-notification-content__btn {
  background-color: var(--ot-color-core-black);
}
.ot-notification.is-black .ot-notification-content__btn-label {
  color: var(--ot-color-core-white);
}
.ot-notification.is-black .ot-notification-content__btn-icon svg {
  fill: var(--ot-color-core-white);
}
.ot-notification.is-black .ot-notification-content__btn:hover {
  background: rgba(255, 255, 255, 0.15);
}
.ot-notification.is-white {
  background-color: var(--ot-color-core-white);
  color: var(--ot-color-core-black);
}
.ot-notification.is-white .ot-notification-content__info-icon svg {
  fill: var(--ot-color-core-accent-primary);
}
.ot-notification.is-white .ot-notification-content__btn {
  background-color: var(--ot-color-core-white);
}
.ot-notification.is-white .ot-notification-content__btn-label {
  color: var(--ot-color-core-accent-primary);
}
.ot-notification.is-white .ot-notification-content__btn-icon svg {
  fill: var(--ot-color-core-accent-primary);
}
.ot-notification.is-white .ot-notification-content__btn:hover {
  background: rgba(0, 0, 0, 0.06);
}

.ot-notification-container {
  position: fixed;
  display: flex;
  width: var(--ot-notification-width);
  max-width: calc(100% - 1rem);
  overflow: hidden;
  z-index: 1000;
  pointer-events: none;
}
.ot-notification-container.is-top {
  flex-direction: column;
  top: var(--ot-notification-margin);
}
.ot-notification-container.is-top > .ot-notification {
  animation: var(--ot-notification-animation-duration) ease-out 0s 1 notificationAppearTop;
}
.ot-notification-container.is-bottom {
  flex-direction: column-reverse;
  bottom: var(--ot-notification-margin);
}
.ot-notification-container.is-bottom > .ot-notification {
  animation: var(--ot-notification-animation-duration) ease-out 0s 1 notificationAppearBottom;
}
.ot-notification-container.is-top--left, .ot-notification-container.is-bottom--left {
  left: var(--ot-notification-margin);
}
.ot-notification-container.is-top--center, .ot-notification-container.is-bottom--center {
  left: 50%;
  transform: translateX(-50%);
}
.ot-notification-container.is-top--right, .ot-notification-container.is-bottom--right {
  right: var(--ot-notification-margin);
}

.ot-card {
  box-shadow: var(--ot-card-shadow);
  background: var(--ot-card-background);
  color: var(--ot-card-color);
  border-radius: var(--ot-card-border-radius);
  padding: var(--ot-card-padding);
  box-sizing: border-box;
}
.ot-document.is-dark .ot-card {
  box-shadow: none;
  border: 2px solid var(--ot-color-core-accent-secondary);
}

.head-cell__content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 3rem;
}
.head-cell__label {
  color: var(--ot-color-core-accent-primary);
  transition: var(--ot-transition-default);
}
.head-cell__order {
  margin-left: var(--ot-spacing-2xs);
}

.ot-table {
  width: 100%;
  overflow-x: auto;
}
.ot-table__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 50rem;
}
.ot-table .oti-drop-up::before,
.ot-table .oti-drop-down::before {
  font-size: 1rem;
}
.ot-table__head-cell, .ot-table__cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-align: left;
}
.ot-table__head-cell--hide, .ot-table__cell--hide {
  display: none;
}
.ot-table__column-selection {
  padding: var(--ot-spacing-sm) !important;
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.ot-table__column-selection .oti {
  transition: var(--ot-transition-default);
}
.ot-table__column-selection--active .oti, .ot-table__column-selection--open .oti, .ot-table__column-selection:hover .oti {
  color: var(--ot-color-core-brand);
}
.ot-table__column-selection .oti-drop-up {
  display: none;
}
.ot-table__column-selection--open .oti-drop-up {
  display: inline-flex;
}
.ot-table__column-selection--open .oti-drop-down {
  display: none;
}
.ot-table__head-cell--desc .head-cell__label,
.ot-table__head-cell--desc .order__icon--desc {
  color: var(--ot-color-core-brand);
}
.ot-table__head-cell--desc .order__icon--asc {
  color: var(--ot-color-core-accent-primary);
}
.ot-table__head-cell--asc .head-cell__label,
.ot-table__head-cell--asc .order__icon--asc {
  color: var(--ot-color-core-brand);
}
.ot-table__head-cell--asc .order__icon--desc {
  color: var(--ot-color-core-accent-primary);
}
.ot-table__head-cell--asc:hover .order__icon--asc {
  color: var(--ot-color-core-accent-primary);
}
.ot-table__head-cell--asc:hover .order__icon--desc {
  color: var(--ot-color-core-brand);
}
.ot-table__head-cell--desc:hover .head-cell__label {
  color: var(--ot-color-core-foreground-secondary);
}
.ot-table__head-cell--desc:hover .order__icon--asc,
.ot-table__head-cell--desc:hover .order__icon--desc {
  color: var(--ot-color-core-accent-primary);
}
.ot-table__head-cell--orderable {
  cursor: pointer;
}
.ot-table__head-cell--orderable:hover .head-cell__label,
.ot-table__head-cell--orderable:hover .order__icon--asc {
  color: var(--ot-color-core-brand);
}
.ot-table__head-cell--orderable:hover .order__icon--desc {
  color: var(--ot-color-core-accent-primary);
}
.ot-table__head-cell--actions {
  overflow: visible;
}
.ot-table__head-cell--actions .head-cell__content {
  justify-content: flex-end;
}
.ot-table__head--disabled .ot-table__head-cell--orderable {
  cursor: not-allowed;
}
.ot-table__head--disabled .ot-table__head-cell--orderable .head-cell__label,
.ot-table__head--disabled .ot-table__head-cell--orderable .order__icon--asc,
.ot-table__head--disabled .ot-table__head-cell--orderable .order__icon--desc {
  color: var(--ot-color-core-accent-primary) !important;
}
.ot-table__head--disabled .ot-table__head-cell--actions {
  cursor: not-allowed;
}
.ot-table__head--disabled .ot-table__head-cell--actions .ot-table__column-selection {
  cursor: not-allowed;
}
.ot-table__head--disabled .ot-table__head-cell--actions .ot-table__column-selection .oti {
  color: var(--ot-color-core-accent-primary) !important;
}
.ot-table__cell {
  padding: var(--ot-spacing-sm) 0;
  border-bottom: 1px solid var(--ot-color-core-accent-secondary);
}
.ot-table__cell--center {
  text-align: center;
}
.ot-table__cell--right {
  text-align: right;
}
.ot-table__cell--actions {
  text-align: right;
}
.ot-table__cell--foot {
  padding: var(--ot-spacing-lg) 0 0 0;
}
.ot-table__row--loader .ot-table__cell, .ot-table__row--empty .ot-table__cell {
  text-align: center;
  padding: var(--ot-spacing-4xl) 0;
}
.ot-table__row--loader .ot-table__cell, .ot-table__row--empty .ot-table__cell, .ot-table__row--foot .ot-table__cell, .ot-table__row:last-child .ot-table__cell {
  border-bottom: 0;
}
.ot-table__row .ot-table__cell:not(:last-child) {
  padding-right: var(--ot-spacing-sm);
}
.ot-table__body--loading .ot-table__row:not(.ot-table__row--loader) {
  display: none;
}
.ot-table__body--empty .ot-table__row:not(.ot-table__row--empty) {
  display: none;
}
.ot-table__label {
  font-size: 0.9rem;
  font-weight: 500;
  padding: var(--ot-spacing-2xs) 0;
  width: 5rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: var(--ot-color-core-foreground-secondary);
  border: 2px solid var(--ot-color-core-foreground-secondary);
  border-radius: 0.3rem;
  background-color: var(--ot-color-core-accent-secondary);
}
.ot-table__label.is-success, .ot-table__label.is-danger {
  background-color: transparent;
}
.ot-table__label.is-success {
  color: var(--ot-color-accent-green-dark);
  border-color: var(--ot-color-accent-green-dark);
}
.ot-table__label.is-danger {
  color: var(--ot-color-accent-orange-dark);
  border-color: var(--ot-color-accent-orange-dark);
}

.order__icon {
  display: flex;
  height: 9px;
  transition: var(--ot-transition-default);
  color: var(--ot-color-core-accent-primary);
}
.order__icon:hover {
  color: var(--ot-color-core-brand);
}

.column-selection__icon {
  margin-left: var(--ot-spacing-2xs);
  color: var(--ot-color-core-foreground-secondary);
}

.ot-vars, .ot-document {
  --ot-color-core-brand: #006AFF;
  --ot-color-core-brand-invert: #FFFFFF;
  --ot-color-core-black: #000000;
  --ot-color-core-white: #FFFFFF;
  --ot-color-core-dark-foreground-primary: #FFFFFF;
  --ot-color-core-dark-foreground-secondary: #9AA5B1;
  --ot-color-core-dark-accent-primary: #7D899B;
  --ot-color-core-dark-accent-secondary: #424D5C;
  --ot-color-core-dark-accent-tertiary: #323943;
  --ot-color-core-dark-background-primary: #2B323B;
  --ot-color-core-dark-background-secondary: #272C35;
  --ot-color-core-dark-brand-faded: #0F376F;
  --ot-color-core-light-foreground-primary: #000000;
  --ot-color-core-light-foreground-secondary: #4D545D;
  --ot-color-core-light-accent-primary: #97A0AE;
  --ot-color-core-light-accent-secondary: #D0D5DD;
  --ot-color-core-light-accent-tertiary: #E5E8EA;
  --ot-color-core-light-background-primary: #FFFFFF;
  --ot-color-core-light-background-secondary: #F1F2F4;
  --ot-color-core-light-brand-faded: #E7F0F9;
  --ot-color-accent-blue-dark: #0182E5;
  --ot-color-accent-blue-dark-invert: #fff;
  --ot-color-accent-blue-light: #25CFF2;
  --ot-color-accent-blue-light-invert: #fff;
  --ot-color-accent-blue-faded-1: #8BD4FA;
  --ot-color-accent-blue-faded-1-invert: #000;
  --ot-color-accent-blue-faded-2: #B3E5FF;
  --ot-color-accent-blue-faded-2-invert: #000;
  --ot-color-accent-blue-faded-3: #D9F2FF;
  --ot-color-accent-blue-faded-3-invert: #000;
  --ot-color-accent-green-dark: #00C805;
  --ot-color-accent-green-dark-invert: #fff;
  --ot-color-accent-green-light: #13E817;
  --ot-color-accent-green-light-invert: #fff;
  --ot-color-accent-green-faded-1: #40FF61;
  --ot-color-accent-green-faded-1-invert: #000;
  --ot-color-accent-green-faded-2: #8BF08E;
  --ot-color-accent-green-faded-2-invert: #000;
  --ot-color-accent-green-faded-3: #C5F7C6;
  --ot-color-accent-green-faded-3-invert: #000;
  --ot-color-accent-orange-dark: #FF5500;
  --ot-color-accent-orange-dark-invert: #fff;
  --ot-color-accent-orange-light: #FF8D19;
  --ot-color-accent-orange-light-invert: #fff;
  --ot-color-accent-orange-faded-1: #FFA766;
  --ot-color-accent-orange-faded-1-invert: #000;
  --ot-color-accent-orange-faded-2: #FFD894;
  --ot-color-accent-orange-faded-2-invert: #000;
  --ot-color-accent-orange-faded-3: #FFEBC9;
  --ot-color-accent-orange-faded-3-invert: #000;
  --ot-color-accent-purple-dark: #8742ED;
  --ot-color-accent-purple-dark-invert: #fff;
  --ot-color-accent-purple-light: #C936FF;
  --ot-color-accent-purple-light-invert: #fff;
  --ot-color-accent-purple-faded-1: #DD7FFF;
  --ot-color-accent-purple-faded-1-invert: #000;
  --ot-color-accent-purple-faded-2: #F0D8FF;
  --ot-color-accent-purple-faded-2-invert: #000;
  --ot-color-accent-purple-faded-3: #F7EBFF;
  --ot-color-accent-purple-faded-3-invert: #000;
  --ot-color-accent-pink-dark: #FF006E;
  --ot-color-accent-pink-dark-invert: #fff;
  --ot-color-accent-pink-light: #FF74BA;
  --ot-color-accent-pink-light-invert: #fff;
  --ot-color-accent-pink-faded-1: #FF80DF;
  --ot-color-accent-pink-faded-1-invert: #000;
  --ot-color-accent-pink-faded-2: #FFCAE9;
  --ot-color-accent-pink-faded-2-invert: #000;
  --ot-color-accent-pink-faded-3: #FFE4F4;
  --ot-color-accent-pink-faded-3-invert: #000;
  --ot-heading-font-family: 'Roboto', sans-serif;
  --ot-heading-font-weight: 700;
  --ot-text-font-family: 'Roboto', sans-serif;
  --ot-text-font-weight: 400;
  --ot-icon-font-family: Openticket Icons;
  --ot-shadow-sm: 0px 2px 8px -4px rgba(0, 0, 0, 0.15);
  --ot-shadow-md: 0px 1px 4px rgba(0, 0, 0, 0.07), 0px 6px 16px -8px rgba(0, 0, 0, 0.15);
  --ot-shadow-lg: 0px 12px 32px -16px rgba(30, 40, 53, 0.25);
  --ot-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --ot-shadow-2xl: 0px 16px 56px -12px rgba(0, 0, 0, 0.5);
  --ot-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --ot-spacing-unit: 1rem;
  --ot-spacing-3xs: calc(var(--ot-spacing-unit) * 0.125);
  --ot-spacing-2xs: calc(var(--ot-spacing-unit) * 0.25);
  --ot-spacing-xs: calc(var(--ot-spacing-unit) * 0.5);
  --ot-spacing-sm: calc(var(--ot-spacing-unit) * 0.75);
  --ot-spacing-default: var(--ot-spacing-unit);
  --ot-spacing-lg: calc(var(--ot-spacing-unit) * 1.5);
  --ot-spacing-xl: calc(var(--ot-spacing-unit) * 1.75);
  --ot-spacing-2xl: calc(var(--ot-spacing-unit) * 2);
  --ot-spacing-3xl: calc(var(--ot-spacing-unit) * 2.5);
  --ot-spacing-4xl: calc(var(--ot-spacing-unit) * 3.5);
  --ot-card-background: var(--ot-color-core-background-primary);
  --ot-card-color: var(--ot-color-core-foreground-primary);
  --ot-card-shadow: var(--ot-shadow-lg);
  --ot-card-border-radius: 0;
  --ot-card-padding: var(--ot-spacing-lg);
  --ot-input-focus-color: var(--ot-color-core-brand);
  --ot-input-focus-color-invert: var(--ot-color-core-brand-invert);
  --ot-input-border-color: var(--ot-color-core-accent-secondary);
  --ot-input-border-color-focus: var(--ot-input-focus-color);
  --ot-input-border-color-focus-invert: var(--ot-input-focus-color-invert);
  --ot-input-border-width: 1px;
  --ot-input-border-style: solid;
  --ot-input-border: var(--ot-input-border-width) var(--ot-input-border-style) var(--ot-input-border-color);
  --ot-input-shadow: 0px 1px 4px rgba(30, 40, 53, 0.2);
  --ot-input-background: var(--ot-color-core-background-primary);
  --ot-input-radius: 0.5rem;
  --ot-input-color: var(--ot-color-core-foreground-primary);
  --ot-input-color-disabled: var(--ot-color-core-background-secondary);
  --ot-input-color-disabled-invert: var(--ot-color-core-foreground-secondary);
  --ot-input-color-readonly: var(--ot-color-core-foreground-secondary);
  --ot-input-color-readonly-invert: var(--ot-color-core-background-secondary);
  --ot-input-color-placeholder: var(--ot-color-core-accent-primary);
  --ot-input-padding-x: var(--ot-spacing-sm);
  --ot-input-padding-y: var(--ot-spacing-xs);
  --ot-input-padding: var(--ot-input-padding-y) var(--ot-input-padding-x);
  --ot-input-height: 2.5rem;
  --ot-input-field-margin-bottom: 1rem;
  --ot-button-padding: var(--ot-button-padding-y) var(--ot-button-padding-x);
  --ot-button-padding-x: var(--ot-spacing-lg);
  --ot-button-padding-y: var(--ot-spacing-sm);
  --ot-button-border-radius: 4rem;
  --ot-button-shadow: 0px 1px 4px rgba(30, 40, 53, 0.2);
  --ot-clickable-opacity: 0.7;
  --ot-transition-all: all var(--ot-transition-default-duration) var(--ot-transition-default-timing-function);
  --ot-transition-default: border var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), border-radius var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), border-width var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), border-color var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), background var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), background-color var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), opacity var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), color var(--ot-transition-default-duration) var(--ot-transition-default-timing-function), box-shadow var(--ot-transition-default-duration) var(--ot-transition-default-timing-function);
  --ot-transition-default-duration: 0.15s;
  --ot-transition-default-timing-function: ease-out;
  --ot-notification-radius: var(--ot-card-border-radius);
  --ot-notification-shadow: var(--ot-shadow-lg);
  --ot-notification-text-transform: uppercase;
  --ot-notification-animation-duration: 0.15s;
  --ot-notification-width: 30rem;
  --ot-notification-margin: 1rem;
  --ot-notification-padding: var(--ot-spacing-sm) var(--ot-spacing-default);
  --ot-color-core-foreground-primary: #000000;
  --ot-color-core-foreground-secondary: #4D545D;
  --ot-color-core-accent-primary: #97A0AE;
  --ot-color-core-accent-secondary: #D0D5DD;
  --ot-color-core-accent-tertiary: #E5E8EA;
  --ot-color-core-background-primary: #FFFFFF;
  --ot-color-core-background-secondary: #F1F2F4;
  --ot-color-core-brand-faded: #E7F0F9;
}
.ot-vars.is-light, .is-light.ot-document {
  --ot-color-core-foreground-primary: #000000;
  --ot-color-core-foreground-secondary: #4D545D;
  --ot-color-core-accent-primary: #97A0AE;
  --ot-color-core-accent-secondary: #D0D5DD;
  --ot-color-core-accent-tertiary: #E5E8EA;
  --ot-color-core-background-primary: #FFFFFF;
  --ot-color-core-background-secondary: #F1F2F4;
  --ot-color-core-brand-faded: #E7F0F9;
}
.ot-vars.is-dark, .is-dark.ot-document {
  --ot-color-core-foreground-primary: #FFFFFF;
  --ot-color-core-foreground-secondary: #9AA5B1;
  --ot-color-core-accent-primary: #7D899B;
  --ot-color-core-accent-secondary: #424D5C;
  --ot-color-core-accent-tertiary: #323943;
  --ot-color-core-background-primary: #2B323B;
  --ot-color-core-background-secondary: #272C35;
  --ot-color-core-brand-faded: #0F376F;
}

.ot-document {
  font-family: var(--ot-text-font-family);
  font-weight: var(--ot-text-font-weight);
  background-color: var(--ot-color-core-background-secondary);
  color: var(--ot-color-core-foreground-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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