/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent; }

.c3 path, .c3 line {
  fill: none;
  stroke: #000; }

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges; }

.c3-chart-arc path {
  stroke: #fff; }

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px; }

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa; }

.c3-grid text {
  fill: #aaa; }

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3; }

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em; }

/*-- Line --*/
.c3-line {
  stroke-width: 1px; }

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white; }

.c3-selected-circle {
  fill: white;
  stroke-width: 2px; }

/*-- Bar --*/
.c3-bar {
  stroke-width: 0; }

.c3-bar._expanded_ {
  fill-opacity: 1;
  fill-opacity: 0.75; }

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1; }

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px; }

.c3-target.c3-defocused {
  opacity: 0.3 !important; }

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: .1; }

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: .1; }

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px; }

.c3-legend-item-hidden {
  opacity: 0.15; }

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1; }

/*-- Title --*/
.c3-title {
  font: 14px sans-serif; }

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10; }

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9; }

.c3-tooltip tr {
  border: 1px solid #CCC; }

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF; }

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999; }

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px; }

.c3-tooltip td.value {
  text-align: right; }

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2; }

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em; }

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none; }

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px; }

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777; }

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777; }

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/ }

.c3-chart-arc.c3-target g path {
  opacity: 1; }

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1; }
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}






/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #EDF2F7;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #CBD5E0;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #CBD5E0;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #A0AEC0;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3182CE;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #3182CE, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #3182CE;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #A0AEC0;
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: #A0AEC0;
  opacity: 1;
}

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

::-webkit-date-and-time-value{
  min-height: 1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23A0AEC0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}

[multiple]{
  background-image: none;
  background-image: initial;
  background-position: 0 0;
  background-position: initial;
  background-repeat: repeat;
  background-repeat: initial;
  background-size: auto auto;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: initial;
          color-adjust: initial;
}

[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #3182CE;
  background-color: #fff;
  border-color: #A0AEC0;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox']{
  border-radius: 0px;
}

[type='radio']{
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3182CE;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='file']{
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

[type='file']:focus{
  outline: 1px auto -webkit-focus-ring-color;
}

:root {
  --color-primary: 239 80 40;
  --color-primary-400: 251 111 75;
  --color-primary-500: var(--color-primary);
  --color-primary-600: 223 75 37;
  --color-secondary: 40 84 239;
  --color-secondary-400: 63 105 255;
  --color-secondary-500: var(--color-secondary);
  --color-secondary-600: 31 71 212;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(66 153 225 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(66 153 225 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.\!container{
  width: 100% !important;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }

  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }

  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }

  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }

  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }

  .container{
    max-width: 1536px;
  }
}

.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"] *))::before{
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"] *))::after{
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)){
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)){
  vertical-align: top;
}

.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(video):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 0;
}

.prose-lg{
  font-size: 1.125rem;
  line-height: 1.7777778;
}

.prose-lg :where(p):not(:where([class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)){
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}

.prose-lg :where(blockquote):not(:where([class~="not-prose"] *)){
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em;
}

.prose-lg :where(h1):not(:where([class~="not-prose"] *)){
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}

.prose-lg :where(h2):not(:where([class~="not-prose"] *)){
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}

.prose-lg :where(h3):not(:where([class~="not-prose"] *)){
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}

.prose-lg :where(h4):not(:where([class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-lg :where(img):not(:where([class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(video):not(:where([class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(figure):not(:where([class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(figure > *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose-lg :where(figcaption):not(:where([class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}

.prose-lg :where(code):not(:where([class~="not-prose"] *)){
  font-size: 0.8888889em;
}

.prose-lg :where(h2 code):not(:where([class~="not-prose"] *)){
  font-size: 0.8666667em;
}

.prose-lg :where(h3 code):not(:where([class~="not-prose"] *)){
  font-size: 0.875em;
}

.prose-lg :where(pre):not(:where([class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-right: 1.5em;
  padding-bottom: 1em;
  padding-left: 1.5em;
}

.prose-lg :where(ol):not(:where([class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}

.prose-lg :where(ul):not(:where([class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.5555556em;
}

.prose-lg :where(li):not(:where([class~="not-prose"] *)){
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}

.prose-lg :where(ol > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.4444444em;
}

.prose-lg :where(ul > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.4444444em;
}

.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg :where(.prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}

.prose-lg :where(.prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}

.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg :where(hr):not(:where([class~="not-prose"] *)){
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}

.prose-lg :where(hr + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-lg :where(table):not(:where([class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
}

.prose-lg :where(thead th):not(:where([class~="not-prose"] *)){
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}

.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
  padding-top: 0.75em;
  padding-right: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 0.75em;
}

.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 0;
}

.prose-slate{
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}

.prose-gray{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
}

.prose-neutral{
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #171717;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
}

.scrollbar::-webkit-scrollbar{
  height: 0.375rem;
  width: 0.375rem;
}

.scrollbar::-webkit-scrollbar-track{
  border-radius: 9999px;
  background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb{
  border-radius: 9999px;
  background-color: rgb(51 51 51 / 0.2);
  --tw-bg-opacity: 0.2;
}

@supports (color: rgb(0 0 0 / 0)){
.scrollbar::-webkit-scrollbar-thumb{
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* For IE, Edge and Firefox */

.scrollbar-hide {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.signup-label{
  position: relative;
  display: flex;
  height: auto;
  cursor: pointer;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(203 213 224 / 0.8);
  background-color: rgb(255 255 255 / 0.5);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.signup-label:hover{
  border-color: rgb(160 174 192 / 0.75);
  background-color: rgb(255 255 255 / 0.75);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(237 242 247 / 0.8);
}

.peer:checked ~ .signup-label{
  border-color: rgb(31 71 212 / 0.6);
  border-color: rgb(var(--color-secondary-600) / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-secondary-500) / 0.1);
}

@supports (color: rgb(0 0 0 / 0)){
.peer:checked ~ .signup-label{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.peer:checked ~ .signup-label::before{
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(56 161 105 / 0.9);
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(72 187 120 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(72 187 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

@supports (color: rgb(0 0 0 / 0)){
.peer:checked ~ .signup-label::before{
  --tw-gradient-to: rgb(47 133 90 / 0.8) var(--tw-gradient-to-position);
}
}

.peer:checked ~ .signup-label::after{
  position: absolute;
  top: 10px;
  left: 0.65rem;
  z-index: 10;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+Y2hlY2s8L3RpdGxlPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik01IDEzbDQgNEwxOSA3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSIjZmZmZmZmIj48L3BhdGg+PC9nPjwvc3ZnPgo=');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

.peer:focus ~ .signup-label{
  border-color: rgb(40 84 239 / 0.7);
  border-color: rgb(var(--color-secondary-500) / 0.7);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-secondary-500) / 0.3);
}

@media (min-width: 768px){
  .signup-label{
    height: 8rem;
  }
}

.signup-label.signup-label--condensed{
  height: auto;
  justify-content: flex-start;
}

.signup-label.signup-label--condensed > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * 0);
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - 0));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.signup-label.signup-label--condensed{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.peer:checked ~ .signup-label.signup-label--condensed::before{
  right: 0.75rem;
  left: auto;
  top: 50%;
  --tw-translate-y: -50%;
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .signup-label.signup-label--condensed::after{
  top: 50%;
  right: 14px;
  left: auto;
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/*
 * The fonts included are copyrighted by the vendors listed below.
 *
 * Name: Proxima Nova
 * Vendor: Mark Simonson Studio
 * License URL: http://www.fontspring.com/fflicense/mark-simonson-studio
 */

@font-face {
  font-family: "Proxima Nova";

  src: url(/assets/ProximaNova-Reg-webfont-e58560138dd0bf04ef865354e3070958e27325888954987db5f7dfd7b7b800c4.eot);

  src: url(/assets/ProximaNova-Reg-webfont-e58560138dd0bf04ef865354e3070958e27325888954987db5f7dfd7b7b800c4.eot?#iefix)
      format("embedded-opentype"),
    url(/assets/ProximaNova-Reg-webfont-ff71eb360dabd6a8df4bab739af0ba1b4a0476ff8a871373a3a0e5c0e03af0ae.woff2) format("woff2"),
    url(/assets/ProximaNova-Reg-webfont-1642e265fe209da6730e5dcaf48737e1b46895b6aee7afeec638469f2bcc92e0.ttf) format("truetype"),
    url(/assets/ProximaNova-Reg-webfont-a360fbca7b41018893a4e9672c273ba33e0a785dc574919621d8532f8450b5fb.svg#ProximaNovaRegular) format("svg");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova";

  src: url(/assets/ProximaNova-RegIt-webfont-fea0519a9fc454c90987bd264c8c7c6ad4e52382939b799d47ad7357eefc4c4e.eot);

  src: url(/assets/ProximaNova-RegIt-webfont-fea0519a9fc454c90987bd264c8c7c6ad4e52382939b799d47ad7357eefc4c4e.eot?#iefix)
      format("embedded-opentype"),
    url(/assets/ProximaNova-RegIt-webfont-086756924d19bb5a79f5e97d9aba11efefb99c48dcf97a61180f51592a5f276d.woff2) format("woff2"),
    url(/assets/ProximaNova-RegIt-webfont-9a733704832b3a4fa05edf2bc46173e1b05a2f8b50add1f7b89fea6c49090ca6.ttf) format("truetype"),
    url(/assets/ProximaNova-RegIt-webfont-e27bef93fa58ce6b5e954e6ab6d5aa0d420473b87a3b3c1aab77c814f1bede4a.svg#ProximaNovaRegularItalic)
      format("svg");

  font-weight: normal;

  font-style: italic;
}

@font-face {
  font-family: "Proxima Nova";

  src: url(/assets/ProximaNova-Bold-webfont-83f89ac19dc2ee282d411da14ebbe56e4a6d0b3d0796b7882b723f40c23404e6.eot);

  src: url(/assets/ProximaNova-Bold-webfont-83f89ac19dc2ee282d411da14ebbe56e4a6d0b3d0796b7882b723f40c23404e6.eot?#iefix)
      format("embedded-opentype"),
    url(/assets/ProximaNova-Bold-webfont-e3e43f59cf23b34e804e2602023bda405918a5fc9306240526ef2210fa671182.woff2) format("woff2"),
    url(/assets/ProximaNova-Bold-webfont-e96a026086b8854cf42fa082f24167b89f1c55f564191d45477b3c7309d98748.ttf) format("truetype"),
    url(/assets/ProximaNova-Bold-webfont-3a658f2ed07640fab4769d4fb5b091f2ad538d5efdcce23eb104dcf6913879ba.svg#ProximaNovaBold) format("svg");

  font-weight: 700;

  font-style: normal;
}

@font-face {
  font-family: "Soehne";

  font-weight: 400;

  src: url(/assets/soehne-web-buch-77021675607314d765f0911c48e03904c1b108a31d68a17da79f339a7deb0b1c.woff) format("woff"),
    url(/assets/soehne-web-buch-64c1458ce7b6337f09e13ac757089e8db775e96e8bc299873d38f42317588088.woff2) format("woff2"),
    url(/assets/soehne-web-buch-85447b7022a42acee6eebd3e65b260fa3ab8ffb8d3aa070f79514e5f77f50ca3.eot);
}

@font-face {
  font-family: "Soehne";

  font-weight: 500;

  src: url(/assets/soehne-web-halbfett-45ba622d79fb2b0b9764585231c6be0278615b670df3fee606d508b6751cb4a0.woff) format("woff"),
    url(/assets/soehne-web-halbfett-0169525b8850aeb10547a782d32e869a91a5186a21c5ffab68b0caa1c3136cff.woff2) format("woff2"),
    url(/assets/soehne-web-halbfett-71d1181bd4c4b409d0cea91ea37d28efedbca4c2d129594eb3765bfdde4c4e78.eot);
}

@font-face {
  font-family: "Soehne";

  font-weight: 700;

  src: url(/assets/soehne-web-dreiviertelfett-baa9855b2e91d8f5f91ca60a64ee5d60e161692ef736d2a22fdd701a9b5889e8.woff) format("woff"),
    url(/assets/soehne-web-dreiviertelfett-961e2199b64b856f5a8def0247fa8ef1773142de6b1a74e2fb6f83392b091792.woff2) format("woff2"),
    url(/assets/soehne-web-dreiviertelfett-7a8d34b5b1070751abe818306b952f73b9b33b8197e717d627458a0df5ca811f.eot);
}

@font-face {
  font-family: "Newsreader";

  src: url(/assets/Newsreader-Italic-9de52cbc934b58fff350fba08a1b19a9600f978de4d28a15baa96855c9fc0813.woff2) format("woff2"),
    url(/assets/Newsreader-Italic-6032bc2b62689f17a6b08b5c38b762d6cd7aead5eb06d53faaf5d95408647668.woff) format("woff");

  font-weight: normal;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Newsreader";

  src: url(/assets/Newsreader-Regular-356d148071c06bf2cbd2d8ab6dc2ebac1a6c8418fed98f590fd600d8adf0b529.woff2) format("woff2"),
    url(/assets/Newsreader-Regular-41cd9602712cec31243c56a9feeb5e97821382fb21fdb28a40af9c0c30ada0cd.woff) format("woff");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Newsreader";

  src: url(/assets/Newsreader-Medium-cae918f54c0f25f4cc9baa48dfc4d968c9f084fc430805bb48293cdd473a6e5f.woff2) format("woff2"),
    url(/assets/Newsreader-Medium-115a0031f556dc4b637071de04a314791b3221885f89c8604b03d596d98be9a8.woff) format("woff");

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Newsreader";

  src: url(/assets/Newsreader-SemiBold-d865bf227f72cf30de06fa3d73cf9cc9cc0551c6d1ffe0da65a7b8762a6af35e.woff2) format("woff2"),
    url(/assets/Newsreader-SemiBold-926b3aaf3d62d764840f331a2b3d270ca4e585c7cd27b64068ed38fb1d4f5066.woff) format("woff");

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Newsreader";

  src: url(/assets/Newsreader-Bold-c2f61f2a834c4df100c7940d5055606f1d79e0b540ff6010147e1a5a97107e38.woff2) format("woff2"),
    url(/assets/Newsreader-Bold-f89d6ea66d699dee5b4144a86465e4c5b78bbbc988160a31ad40fc0e5776faa9.woff) format("woff");

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

.font-brand {
  font-family: "Soehne", sans-serif;
}

.air-datepicker-cell.-year-.-other-decade-,
.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.air-datepicker-cell.-day-.-other-month-,
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-disabled);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
  color: ;
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: not-allowed;
  color: var(--adp-color-disabled);
  background: var(--adp-background-color);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
  background: var(--adp-background-color);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
  background: var(--adp-background-color);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
  background: var(--adp-background-color);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-other-month-.-range-from-,
.air-datepicker-cell.-range-from- {
  color: var(--adp-color);
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-other-month-.-range-to-,
.air-datepicker-cell.-range-to- {
  color: var(--adp-color);
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin-bottom: 0.5rem;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type="range"] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type="range"]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type="range"]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type="range"]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type="range"]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type="range"]:focus {
  outline: none;
}

.air-datepicker-time--row input[type="range"]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type="range"]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type="range"]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type="range"]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type="range"]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type="range"]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type="range"]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type="range"]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type="range"]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type="range"]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: inherit;
  --adp-font-size: 1em;
  --adp-width: 300px;
  --adp-z-index: 100;
  --adp-padding: .5rem;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: 0.3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: rgb(237, 242, 247);
  --adp-background-color-active: rgb(237, 242, 247);
  --adp-background-color-in-range: rgba(226, 232, 240, 0.75);
  --adp-background-color-in-range-focused: rgba(226, 232, 240, 0.75);
  --adp-background-color-selected-other-month-focused:  rgb(45, 55, 72);
  --adp-background-color-selected-other-month:  rgb(45, 55, 72);
  --adp-color: rgb(45, 55, 72);
  --adp-color-secondary: rgb(74, 85, 104);
  --adp-accent-color: rgb(74, 85, 104);
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #aeaeae;
  --adp-color-disabled: #dedede;
  --adp-color-disabled-in-range: #aeaeae;
  --adp-color-other-month-hover: rgb(45, 55, 72);
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 0.5rem;
  --adp-border-color-inline: rgb(226, 232, 240);
  --adp-nav-height: 30px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 30px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: rgb(160, 174, 192);
  --adp-day-name-color-hover: rgb(160, 174, 192);
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 36px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 0.5rem;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 0.5rem;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: rgb(45, 55, 72);
  --adp-cell-background-color-selected-hover: rgb(45, 55, 72);
  --adp-cell-background-color-in-range: rgba(226, 232, 240, 0.75);
  --adp-cell-background-color-in-range-hover: rgba(226, 232, 240, 1);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, 0.3);
  --adp-overlay-transition-duration: 0.3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^="top"] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^="top"] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^="right"] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^="right"] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^="bottom"] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^="bottom"] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^="left"] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^="left"] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

.alert-box{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.25;
  font-size: 1rem;
}

.alert-box.alert-box-base{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-base{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-yellow{
  --tw-border-opacity: 1;
  border-color: rgb(250 240 137 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 240 / 1);
  --tw-text-opacity: 1;
  color: rgb(151 90 22 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-yellow{
  border-color: rgb(250 240 137 / var(--tw-border-opacity));
  background-color: rgb(255 255 240 / var(--tw-bg-opacity));
  color: rgb(151 90 22 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-yellow a.link{
  --tw-text-opacity: 1;
  color: rgb(151 90 22 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-yellow a.link{
  color: rgb(151 90 22 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-red{
  --tw-border-opacity: 1;
  border-color: rgb(254 178 178 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245 / 1);
  --tw-text-opacity: 1;
  color: rgb(155 44 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-red{
  border-color: rgb(254 178 178 / var(--tw-border-opacity));
  background-color: rgb(255 245 245 / var(--tw-bg-opacity));
  color: rgb(155 44 44 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-red a.link{
  --tw-text-opacity: 1;
  color: rgb(155 44 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-red a.link{
  color: rgb(155 44 44 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-blue{
  --tw-border-opacity: 1;
  border-color: rgb(144 205 244 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(235 248 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(44 82 130 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-blue{
  border-color: rgb(144 205 244 / var(--tw-border-opacity));
  background-color: rgb(235 248 255 / var(--tw-bg-opacity));
  color: rgb(44 82 130 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-blue a.link{
  --tw-text-opacity: 1;
  color: rgb(44 82 130 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-blue a.link{
  color: rgb(44 82 130 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-green{
  --tw-border-opacity: 1;
  border-color: rgb(154 230 180 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(240 255 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(39 103 73 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-green{
  border-color: rgb(154 230 180 / var(--tw-border-opacity));
  background-color: rgb(240 255 244 / var(--tw-bg-opacity));
  color: rgb(39 103 73 / var(--tw-text-opacity));
}
}

.alert-box.alert-box-green a.link{
  --tw-text-opacity: 1;
  color: rgb(39 103 73 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.alert-box.alert-box-green a.link{
  color: rgb(39 103 73 / var(--tw-text-opacity));
}
}

.badge{
  position: relative;
  top: -1px;
  display: inline-flex;
  height: 21px;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: none;
  line-height: 1.5;
  letter-spacing: 0.025em;
}

.badge.badge-green{
  --tw-border-opacity: 1;
  border-color: rgb(72 187 120 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(240 255 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-green{
  border-color: rgb(72 187 120 / var(--tw-border-opacity));
  background-color: rgb(240 255 244 / var(--tw-bg-opacity));
  color: rgb(72 187 120 / var(--tw-text-opacity));
}
}

.badge.badge-green.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(72 187 120 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(72 187 120 / 1);
  --tw-text-opacity: 1;
  color: rgb(240 255 244 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-green.badge-reverse{
  border-color: rgb(72 187 120 / var(--tw-border-opacity));
  background-color: rgb(72 187 120 / var(--tw-bg-opacity));
  color: rgb(240 255 244 / var(--tw-text-opacity));
}
}

.badge.badge-red{
  --tw-border-opacity: 1;
  border-color: rgb(245 101 101 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245 / 1);
  --tw-text-opacity: 1;
  color: rgb(245 101 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-red{
  border-color: rgb(245 101 101 / var(--tw-border-opacity));
  background-color: rgb(255 245 245 / var(--tw-bg-opacity));
  color: rgb(245 101 101 / var(--tw-text-opacity));
}
}

.badge.badge-red.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(245 101 101 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(245 101 101 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 245 245 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-red.badge-reverse{
  border-color: rgb(245 101 101 / var(--tw-border-opacity));
  background-color: rgb(245 101 101 / var(--tw-bg-opacity));
  color: rgb(255 245 245 / var(--tw-text-opacity));
}
}

.badge.badge-blue{
  --tw-border-opacity: 1;
  border-color: rgb(66 153 225 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(235 248 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-blue{
  border-color: rgb(66 153 225 / var(--tw-border-opacity));
  background-color: rgb(235 248 255 / var(--tw-bg-opacity));
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.badge.badge-blue.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(66 153 225 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / 1);
  --tw-text-opacity: 1;
  color: rgb(235 248 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-blue.badge-reverse{
  border-color: rgb(66 153 225 / var(--tw-border-opacity));
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
  color: rgb(235 248 255 / var(--tw-text-opacity));
}
}

.badge.badge-purple{
  --tw-border-opacity: 1;
  border-color: rgb(159 122 234 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(159 122 234 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-purple{
  border-color: rgb(159 122 234 / var(--tw-border-opacity));
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
  color: rgb(159 122 234 / var(--tw-text-opacity));
}
}

.badge.badge-purple.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(159 122 234 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 234 / 1);
  --tw-text-opacity: 1;
  color: rgb(250 245 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-purple.badge-reverse{
  border-color: rgb(159 122 234 / var(--tw-border-opacity));
  background-color: rgb(159 122 234 / var(--tw-bg-opacity));
  color: rgb(250 245 255 / var(--tw-text-opacity));
}
}

.badge.badge-brand{
  --tw-border-opacity: 1;
  border-color: rgb(239 80 40 / 1);
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(239 80 40 / 1);
  color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
}

.badge.badge-brand.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(239 80 40 / 1);
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-brand.badge-reverse{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.badge.badge-yellow{
  --tw-border-opacity: 1;
  border-color: rgb(236 201 75 / 1);
  --tw-text-opacity: 1;
  color: rgb(116 66 16 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-yellow{
  border-color: rgb(236 201 75 / var(--tw-border-opacity));
  color: rgb(116 66 16 / var(--tw-text-opacity));
}
}

.badge.badge-yellow.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(236 201 75 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(116 66 16 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-yellow.badge-reverse{
  border-color: rgb(236 201 75 / var(--tw-border-opacity));
  background-color: rgb(116 66 16 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.badge.badge-black{
  --tw-border-opacity: 1;
  border-color: rgb(26 32 44 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-black{
  border-color: rgb(26 32 44 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.badge.badge-black.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(26 32 44 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / 1);
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-black.badge-reverse{
  border-color: rgb(26 32 44 / var(--tw-border-opacity));
  background-color: rgb(26 32 44 / var(--tw-bg-opacity));
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.badge.badge-gray{
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-gray{
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.badge.badge-gray.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / 1);
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-gray.badge-reverse{
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.badge.badge-orange{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-orange{
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
}

.badge.badge-orange.badge-reverse{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.badge.badge-orange.badge-reverse{
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.block-white{
  position: relative;
  margin-bottom: 1.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1rem;
}

@supports (color: rgb(0 0 0 / 0)){
.block-white{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .block-white{
    padding: 2rem;
  }
}

.block-white__title{
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.block-white__title{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .block-white__title{
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.block-white__title {
  box-shadow: 0 1px 0 0 rgb(237 242 247);
}

.block-white__footer{
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-top-width: 1px;
  padding: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.block-white__footer{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .block-white__footer{
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.block-white__footer{
  margin-bottom: -1rem;
}

@media (min-width: 1024px){
  .block-white__footer{
    margin-bottom: -2rem;
  }
}

.block-white .block-white__title:first-child{
  margin-top: -1rem;
}

@media (min-width: 1024px){
  .block-white .block-white__title:first-child{
    margin-top: -2rem;
  }
}

.block-white__title.tabs-underline{
  padding-top: 0px;
  padding-bottom: 0px;
}

.btn,
.btn-copy,
.pagination .next_page,
.pagination .previous_page{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  text-align: center;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 0.9rem;
  padding: 0.5rem 0.95rem;
}

.btn.btn-sm, .btn-copy.btn-sm, .pagination .next_page.btn-sm, .pagination .previous_page.btn-sm{
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.btn.btn-md, .btn-copy.btn-md, .pagination .next_page.btn-md, .pagination .previous_page.btn-md{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.btn.btn-lg, .btn-copy.btn-lg, .pagination .next_page.btn-lg, .pagination .previous_page.btn-lg{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.btn.btn-expanded, .btn-copy.btn-expanded, .pagination .next_page.btn-expanded, .pagination .previous_page.btn-expanded{
  display: block;
  width: 100%;
}

.btn.btn-flat, .btn-copy.btn-flat, .pagination .next_page.btn-flat, .pagination .previous_page.btn-flat {
  box-shadow: none;
}

.btn:disabled, .btn-copy:disabled, .pagination .next_page:disabled, .pagination .previous_page:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}

/* charting */

.btn.active-control, .btn-copy.active-control, .pagination .next_page.active-control, .pagination .previous_page.active-control{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn.active-control, .btn-copy.active-control, .pagination .next_page.active-control, .pagination .previous_page.active-control{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn.active-control:hover, .btn-copy.active-control:hover, .pagination .next_page.active-control:hover, .pagination .previous_page.active-control:hover{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn.active-control:hover, .btn-copy.active-control:hover, .pagination .next_page.active-control:hover, .pagination .previous_page.active-control:hover{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-default,
.pagination .next_page,
.pagination .previous_page{
  border-width: 1px;
  border-color: transparent;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-default,
.pagination .next_page,
.pagination .previous_page{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.btn-default:hover,
.pagination .next_page:hover,
.pagination .previous_page:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-default:hover,
.pagination .next_page:hover,
.pagination .previous_page:hover{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.btn-default:focus,
.pagination .next_page:focus,
.pagination .previous_page:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(160 174 192 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.1;
}

.btn-default[aria-selected="true"],
.pagination .next_page[aria-selected="true"],
.pagination .previous_page[aria-selected="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-default[aria-selected="true"],
.pagination .next_page[aria-selected="true"],
.pagination .previous_page[aria-selected="true"]{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.btn-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-dark{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-dark:hover{
  background-color: rgb(26 32 44 / var(--tw-bg-opacity));
}
}

.btn-dark:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 250 252 / var(--tw-ring-opacity));
}

.btn-dark.btn-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(45 55 72 / 1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-dark.btn-outline{
  border-color: rgb(45 55 72 / var(--tw-border-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.btn-dark.btn-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-dark.btn-outline:hover{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-gray{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.btn-gray:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-gray:hover{
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
}

.btn-gray:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 250 252 / var(--tw-ring-opacity));
}

.btn-gray.btn-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-gray.btn-outline{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.btn-gray.btn-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-gray.btn-outline:hover{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.btn-true-gray{
  background-color: rgb(229 229 229 / 0.5);
  --tw-bg-opacity: 0.5;
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-true-gray{
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
}

.btn-true-gray:hover{
  background-color: rgb(229 229 229 / 0.9);
  --tw-bg-opacity: 0.9;
}

@supports (color: rgb(0 0 0 / 0)){
.btn-true-gray:hover{
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
}

.btn-true-gray:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity));
}

.btn-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-blue{
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-blue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-blue:hover{
  background-color: rgb(49 130 206 / var(--tw-bg-opacity));
}
}

.btn-blue:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(235 248 255 / var(--tw-ring-opacity));
}

.btn-blue.btn-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(66 153 225 / 1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-blue.btn-outline{
  border-color: rgb(66 153 225 / var(--tw-border-opacity));
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.btn-blue.btn-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(49 130 206 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-blue.btn-outline:hover{
  background-color: rgb(49 130 206 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-red{
  --tw-bg-opacity: 1;
  background-color: rgb(245 101 101 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-red{
  background-color: rgb(245 101 101 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-red:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 62 62 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-red:hover{
  background-color: rgb(229 62 62 / var(--tw-bg-opacity));
}
}

.btn-red:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 245 245 / var(--tw-ring-opacity));
}

.btn-red.btn-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(245 101 101 / 1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(245 101 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-red.btn-outline{
  border-color: rgb(245 101 101 / var(--tw-border-opacity));
  color: rgb(245 101 101 / var(--tw-text-opacity));
}
}

.btn-red.btn-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 62 62 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-red.btn-outline:hover{
  background-color: rgb(229 62 62 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-green{
  --tw-bg-opacity: 1;
  background-color: rgb(72 187 120 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-green{
  background-color: rgb(72 187 120 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-green:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(56 161 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-green:hover{
  background-color: rgb(56 161 105 / var(--tw-bg-opacity));
}
}

.btn-green:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 255 244 / var(--tw-ring-opacity));
}

.btn-green.btn-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(72 187 120 / 1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-green.btn-outline{
  border-color: rgb(72 187 120 / var(--tw-border-opacity));
  color: rgb(72 187 120 / var(--tw-text-opacity));
}
}

.btn-green.btn-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(56 161 105 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-green.btn-outline:hover{
  background-color: rgb(56 161 105 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-standard,
.btn-brand{
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-standard,
.btn-brand{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-standard:hover,
.btn-brand:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 75 37 / 1);
  background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
}

.btn-standard:focus,
.btn-brand:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-primary-500) / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.1;
}

.btn-standard.btn-outline, .btn-brand.btn-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 80 40 / 1);
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 80 40 / 1);
  color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
}

.btn-standard.btn-outline:hover, .btn-brand.btn-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 75 37 / 1);
  background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-standard.btn-outline:hover, .btn-brand.btn-outline:hover{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(40 84 239 / 1);
  background-color: rgb(var(--color-secondary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-secondary{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 71 212 / 1);
  background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity));
}

.btn-secondary:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-secondary-500) / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.1;
}

.btn-secondary.btn-outline{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(40 84 239 / 1);
  border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
}

.btn-secondary.btn-outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 71 212 / 1);
  background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-secondary.btn-outline:hover{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-transparent{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-transparent{
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
}

.btn-transparent:hover{
  background-color: rgb(51 51 51 / 0.05);
}

.btn-split,
.btn-group{
  display: flex;
  align-items: stretch;
}

.btn-split > .btn, .btn-group > .btn{
  border-radius: 0px;
}

.btn-split > .btn:hover, .btn-group > .btn:hover{
  z-index: 10;
}

.btn-split > .btn[aria-selected="true"], .btn-group > .btn[aria-selected="true"]{
  z-index: 10;
}

.btn-split > .btn:first-child, .btn-group > .btn:first-child{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.btn-split > .btn:last-child, .btn-group > .btn:last-child{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.btn-split{
  gap: 1px;
}

.btn-group > .btn:last-of-type{
  margin-left: -1px;
}

.link{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@supports (color: rgb(0 0 0 / 0)){
.link{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.link:hover{
  text-decoration-line: none;
}

.btn-copy{
  display: inline-flex;
  align-items: center;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(66 153 225 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-copy{
  border-color: rgb(66 153 225 / var(--tw-border-opacity));
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-copy:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-copy:hover{
  background-color: rgb(49 130 206 / var(--tw-bg-opacity));
}
}

.btn-copy:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(235 248 255 / var(--tw-ring-opacity));
}

.btn-copy {
  height: 42px;
}

.carousel{
  overflow: hidden;
}

.carousel__slides{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  scroll-snap-type: x proximity;
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: proximity;
  overflow-x: auto;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;
}

.carousel__slides > *{
  display: block;
  width: 100%;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.carousel__nav{
  display: flex;
  align-items: center;
}

.carousel__nav > a{
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
}

.carousel__nav > a::before{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}

@supports (color: rgb(0 0 0 / 0)){
.carousel__nav > a::before{
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
}

.carousel__nav > a:hover::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.carousel__nav > a:hover::before{
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
}
}

.carousel__nav > a:focus::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.carousel__nav > a:focus::before{
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
}
}

.standalone-chart{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 0.25px 0;
  height: 280px;
  max-height: 300px !important;
}

@supports (color: rgb(0 0 0 / 0)){
.standalone-chart{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.c3 svg {
  /* Move chart down so it is aligned with #chart border. */
  margin-top: 8px;
}

.c3 path.domain {
  stroke: none;
}

.c3 .tick line {
  stroke: none;
}

.c3 .tick text{
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.c3 .tick text{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.c3 .c3-ygrid {
  stroke: rgba(0, 0, 0, 0.08);
  stroke-dasharray: 0;
}

.c3 .c3-area {
  opacity: 0.5;
  fill: #E2E8F0 !important;
}

.c3 .c3-line {
  stroke-width: 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke: #CBD5E0 !important;
}

.c3-tooltip{
  position: relative;
  margin-top: -0.5rem;
  white-space: nowrap;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  opacity: 1;
}

@supports (color: rgb(0 0 0 / 0)){
.c3-tooltip{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.c3-tooltip:before{
  --tw-text-opacity: 1;
  color: rgb(239 80 40 / 1);
  color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
  content: "\25c2";
  left: -8px;
  font-size: 30px;
  position: absolute;
  top: -10px;
}

.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path {
  clip-path: inset(0.4px 0 0 0 round 3px);
}

.clipboard{
  position: relative;
}

/* Normal variant styles */

.clipboard:not(.clipboard--code){
  display: flex;
  height: 42px;
  align-items: stretch;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

@supports (color: rgb(0 0 0 / 0)){
.clipboard:not(.clipboard--code){
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.clipboard:not(.clipboard--code) .clipboard__button{
  margin: 0px;
  margin-left: 0.5rem;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@supports (color: rgb(0 0 0 / 0)){
.clipboard:not(.clipboard--code) .clipboard__button{
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.clipboard:not(.clipboard--code) .clipboard__button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.clipboard:not(.clipboard--code) .clipboard__button:hover{
  background-color: rgb(49 130 206 / var(--tw-bg-opacity));
}
}

.clipboard:not(.clipboard--code) .clipboard__button:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(235 248 255 / var(--tw-ring-opacity));
}

.clipboard:not(.clipboard--code) .clipboard__button {
  font-weight: 600;
}

.clipboard:not(.clipboard--code) .clipboard__source{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.clipboard:not(.clipboard--code) .clipboard__source{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.clipboard:not(.clipboard--code) .clipboard__source:before{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  height: 100%;
  width: 3.5rem;
  background: linear-gradient(to right, rgba(237, 242, 247, 0), rgba(237, 242, 247, 1));
  content: "";
}

.clipboard:not(.clipboard--code) a.clipboard__source{
  text-decoration-line: underline;
}

.clipboard:not(.clipboard--code) a.clipboard__source:hover{
  text-decoration-line: none;
}

/* Code variant styles */

.clipboard.clipboard--code .clipboard__button{
  position: absolute;
  top: 0px;
  right: 0px;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: rgb(51 51 51 / 0.9);
  --tw-bg-opacity: 0.9;
  padding: 0.25rem;
}

@supports (color: rgb(0 0 0 / 0)){
.clipboard.clipboard--code .clipboard__button{
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
}

.dropdown{
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dropdown{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.dropdown .dropdown-toggle{
  display: none;
}

.dropdown .dropdown-toggle:checked ~ .dropdown-menu{
  visibility: visible;
  opacity: 1;
}

.dropdown .dropdown-toggle:checked ~ label svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.dropdown-menu{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  list-style-type: none;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1rem;
  line-height: 2;
  opacity: 0;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: opacity;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dropdown-menu{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

details > summary.dropdown-menu::-webkit-details-marker,
details > summary.dropdown-menu::marker{
  display: none;
}

@media (min-width: 1024px){
  .dropdown-menu{
    line-height: 1.625;
  }
}

.dropdown-menu:not(.dropdown-menu--custom){
  left: 0px;
  width: 100%;
}

@media (min-width: 1024px){
  .dropdown-menu:not(.dropdown-menu--custom){
    width: 14rem;
  }
}

/* Forms */

.input,
.billing-form .StripeElement{
  margin-top: 0.25rem;
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
}

@supports (color: rgb(0 0 0 / 0)){
.input,
.billing-form .StripeElement{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.input::-moz-placeholder, .billing-form .StripeElement::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

.input::placeholder,
.billing-form .StripeElement::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input::-moz-placeholder, .billing-form .StripeElement::-moz-placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
.input::placeholder,
.billing-form .StripeElement::placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
}

.input,
.billing-form .StripeElement{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.input:focus, .billing-form .StripeElement:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 179 237 / 1);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.2rem #EBF8FF;
  background-clip: padding-box;
}

@supports (color: rgb(0 0 0 / 0)){
.input:focus, .billing-form .StripeElement:focus{
  border-color: rgb(99 179 237 / var(--tw-border-opacity));
}
}

.input.input-transparent, .billing-form .StripeElement.input-transparent{
  border-width: 0px;
}

.input.input-transparent::-moz-placeholder, .billing-form .StripeElement.input-transparent::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(113 128 150 / 1);
}

.input.input-transparent::placeholder, .billing-form .StripeElement.input-transparent::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input.input-transparent::-moz-placeholder, .billing-form .StripeElement.input-transparent::-moz-placeholder{
  color: rgb(113 128 150 / var(--tw-placeholder-opacity));
}
.input.input-transparent::placeholder, .billing-form .StripeElement.input-transparent::placeholder{
  color: rgb(113 128 150 / var(--tw-placeholder-opacity));
}
}

.input.input-transparent:focus, .billing-form .StripeElement.input-transparent:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.input.input-sm, .billing-form .StripeElement.input-sm{
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input:-moz-read-only, .billing-form .StripeElement:-moz-read-only{
  cursor: not-allowed;
  border-color: transparent;
  background-color: rgb(237 242 247 / 0.7);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

.input:disabled,
  .input.input-readonly,
  .input:read-only,
  .billing-form .StripeElement:disabled,
  .billing-form .StripeElement.input-readonly,
  .billing-form .StripeElement:read-only{
  cursor: not-allowed;
  border-color: transparent;
  background-color: rgb(237 242 247 / 0.7);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input:-moz-read-only, .billing-form .StripeElement:-moz-read-only{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
.input:disabled,
  .input.input-readonly,
  .input:read-only,
  .billing-form .StripeElement:disabled,
  .billing-form .StripeElement.input-readonly,
  .billing-form .StripeElement:read-only{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.input:-moz-read-only::-moz-selection, .billing-form .StripeElement:-moz-read-only::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
}

.input:disabled::-moz-selection, .input.input-readonly::-moz-selection, .input:read-only::-moz-selection, .billing-form .StripeElement:disabled::-moz-selection, .billing-form .StripeElement.input-readonly::-moz-selection, .billing-form .StripeElement:read-only::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
}

.input:-moz-read-only::selection, .billing-form .StripeElement:-moz-read-only::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
}

.input:disabled::-moz-selection, .input.input-readonly::-moz-selection, .input:read-only::-moz-selection, .billing-form .StripeElement:disabled::-moz-selection, .billing-form .StripeElement.input-readonly::-moz-selection, .billing-form .StripeElement:read-only::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
}

.input:-moz-read-only::selection, .billing-form .StripeElement:-moz-read-only::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
}

.input:disabled::selection, .input.input-readonly::selection, .input:read-only::selection, .billing-form .StripeElement:disabled::selection, .billing-form .StripeElement.input-readonly::selection, .billing-form .StripeElement:read-only::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input:-moz-read-only::-moz-selection, .billing-form .StripeElement:-moz-read-only::-moz-selection{
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
}
.input:disabled::-moz-selection, .input.input-readonly::-moz-selection, .input:read-only::-moz-selection, .billing-form .StripeElement:disabled::-moz-selection, .billing-form .StripeElement.input-readonly::-moz-selection, .billing-form .StripeElement:read-only::-moz-selection{
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
}
.input:-moz-read-only::selection, .billing-form .StripeElement:-moz-read-only::selection{
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
}
.input:disabled::-moz-selection, .input.input-readonly::-moz-selection, .input:read-only::-moz-selection, .billing-form .StripeElement:disabled::-moz-selection, .billing-form .StripeElement.input-readonly::-moz-selection, .billing-form .StripeElement:read-only::-moz-selection{
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
}
.input:-moz-read-only::selection, .billing-form .StripeElement:-moz-read-only::selection{
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
}
.input:disabled::selection, .input.input-readonly::selection, .input:read-only::selection, .billing-form .StripeElement:disabled::selection, .billing-form .StripeElement.input-readonly::selection, .billing-form .StripeElement:read-only::selection{
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
}
}

.input:-moz-read-only:focus, .billing-form .StripeElement:-moz-read-only:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 1px solid #ddd;
}

.input:disabled:focus, .input.input-readonly:focus, .input:read-only:focus, .billing-form .StripeElement:disabled:focus, .billing-form .StripeElement.input-readonly:focus, .billing-form .StripeElement:read-only:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 1px solid #ddd;
}

.input.input-with-shadow, .billing-form .StripeElement.input-with-shadow {
  box-shadow: 0px 1px 3px #e3e3e3;
  border-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.input.input-with-shadow:focus, .billing-form .StripeElement.input-with-shadow:focus{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  box-shadow: 0 0 0 0.2rem #F7FAFC;
}

@supports (color: rgb(0 0 0 / 0)){
.input.input-with-shadow:focus, .billing-form .StripeElement.input-with-shadow:focus{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

label,
.label{
  margin-bottom: 0.25rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
label,
.label{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

label.label-inline, .label.label-inline{
  margin-bottom: 0px;
}

.input-label-surround{
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-label-surround{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.input-label-surround label{
  margin-bottom: 0px;
  margin-left: 0px;
  display: block;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.input-label-surround input[type="checkbox"]{
  margin-top: 1px;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-label-surround input[type="checkbox"]{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.input-label-surround input[type="checkbox"]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-label-surround input[type="checkbox"]:checked{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.input-label-surround input[type="checkbox"]:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 179 237 / var(--tw-ring-opacity));
}

.input-label-surround input[type="checkbox"]:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-label-surround input[type="checkbox"]:checked + label{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.select{
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 2rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.select{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.select.select-sm{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.select.select-with-shadow {
  box-shadow: 0px 1px 3px #e3e3e3;
  border-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.select.select-with-shadow:focus{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  box-shadow: 0 0 0 0.2rem #F7FAFC;
}

@supports (color: rgb(0 0 0 / 0)){
.select.select-with-shadow:focus{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.select:disabled{
  cursor: not-allowed;
  border-color: transparent;
  background-color: rgb(237 242 247 / 0.7);
  --tw-bg-opacity: 0.7;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  opacity: 1;
}

@supports (color: rgb(0 0 0 / 0)){
.select:disabled{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.helper-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.helper-text{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 179 237 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.2rem #EBF8FF;
  background-clip: padding-box;
}

@supports (color: rgb(0 0 0 / 0)){
.select:focus{
  border-color: rgb(99 179 237 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.field_with_errors {
  display: inline;
  display: initial;
}

.field_with_errors .input,
  .field_with_errors .website-input,
  .field_with_errors .select,
  .field_with_errors .label select,
  .field_with_errors textarea{
  --tw-border-opacity: 1;
  border-color: rgb(254 178 178 / 1);
  background-color: rgb(254 242 242 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(229 62 62 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.field_with_errors .input,
  .field_with_errors .website-input,
  .field_with_errors .select,
  .field_with_errors .label select,
  .field_with_errors textarea{
  border-color: rgb(254 178 178 / var(--tw-border-opacity));
  color: rgb(229 62 62 / var(--tw-text-opacity));
}
}

.field_with_errors .input:focus,
  .field_with_errors .website-input:focus,
  .field_with_errors .select:focus,
  .field_with_errors .label select:focus,
  .field_with_errors textarea:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 245 245 / var(--tw-ring-opacity));
}

.block_field_with_errors .field_with_errors {
  display: block;
  width: 100%;
}

.block_field_with_errors .field_with_errors .input,
  .block_field_with_errors .field_with_errors .select,
  .block_field_with_errors .field_with_errors .label select,
  .block_field_with_errors .field_with_errors textarea {
  width: 100%;
}

.input-radio{
  display: flex;
  align-items: center;
}

.input-radio label{
  margin-left: 0.5rem;
  margin-bottom: 0px;
}

.input-radio input[type="radio"]{
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-radio input[type="radio"]{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.input-radio input[type="radio"]:checked{
  --tw-border-opacity: 1;
  border-color: rgb(66 153 225 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / 1);
  outline-color: #BEE3F8;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(190 227 248 / var(--tw-ring-opacity));
}

@supports (color: rgb(0 0 0 / 0)){
.input-radio input[type="radio"]:checked{
  border-color: rgb(66 153 225 / var(--tw-border-opacity));
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
}
}

.input-radio input[type="radio"]:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(190 227 248 / var(--tw-ring-opacity));
}

.input-radio:has(input[type="radio"][disabled]),
  .input-radio:has(input[type="radio"][disabled]) label{
  cursor: not-allowed;
  opacity: 0.6;
}

.input-checkbox{
  display: flex;
  align-items: center;
}

.input-checkbox label{
  margin-left: 0.5rem;
  margin-bottom: 0px;
}

.input-checkbox input[type="checkbox"]{
  margin-top: 1px;
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-checkbox input[type="checkbox"]{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.input-checkbox input[type="checkbox"]:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(190 227 248 / var(--tw-ring-opacity));
}

.input-checkbox input[type="checkbox"]:checked{
  --tw-border-opacity: 1;
  border-color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-checkbox input[type="checkbox"]:checked{
  border-color: rgb(66 153 225 / var(--tw-border-opacity));
}
}

.input-radio.input-label-surround input[type="radio"]:checked ~ label:after {
  top: 16px;
  left: 21px;
}

.input-switch[type="checkbox"],
.input-switch input[type="checkbox"]{
  display: none;
}

.input-switch[type="checkbox"]:disabled + label, .input-switch input[type="checkbox"]:disabled + label{
  cursor: not-allowed;
  opacity: 0.7;
}

.input-switch[type="checkbox"]:disabled + label::after, .input-switch input[type="checkbox"]:disabled + label::after{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.input-switch[type="checkbox"]:checked + label::before, .input-switch input[type="checkbox"]:checked + label::before{
  --tw-bg-opacity: 1;
  background-color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-switch[type="checkbox"]:checked + label::before, .input-switch input[type="checkbox"]:checked + label::before{
  background-color: rgb(72 187 120 / var(--tw-bg-opacity));
}
}

.input-switch[type="checkbox"]:checked + label::after, .input-switch input[type="checkbox"]:checked + label::after {
  transform: translate3d(1.6em, 0, 0);
  background-color: white;
  background-image: url(/assets/icons/switch-checkmark-835ec3d25ab4258eeb10e71bc13c7fd9acc66f0e987b731145e508f6fa1a3fe4.svg);
  background-size: 1em 1em;
  background-position: center;
  background-repeat: no-repeat;
}

.input-switch[type="checkbox"] + label, .input-switch input[type="checkbox"] + label{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.25;
}

.input-switch[type="checkbox"] + label:before,
    .input-switch[type="checkbox"] + label:after,
    .input-switch input[type="checkbox"] + label:before,
    .input-switch input[type="checkbox"] + label:after {
  font-size: 10px;
  content: "";
  display: block;
}

.input-switch[type="checkbox"] + label:before, .input-switch input[type="checkbox"] + label:before{
  border-radius: 9999px;
  background-color: rgb(51 51 51 / 0.1);
  height: 2.4em;
  transition: background-color 0.125s ease-out;
  width: 4em;
  flex-shrink: 0;
}

.input-switch[type="checkbox"] + label:after, .input-switch input[type="checkbox"] + label:after{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  box-shadow: 0 0.3em 0.1em 0 rgba(37, 34, 71, 0.05),
        0 0.2em 0.2em 0 rgba(37, 34, 71, 0.1), 0 0.3em 0.3em 0 rgba(37, 34, 71, 0.05);
  height: 1.6em;
  left: .4em;
  position: absolute;
  transition: transform 0.125s ease-out;
  width: 1.6em;
}

@supports (color: rgb(0 0 0 / 0)){
.input-switch[type="checkbox"] + label:after, .input-switch input[type="checkbox"] + label:after{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.input-switch[type="checkbox"].input-switch--xs + label,
.input-switch[type="checkbox"].input-switch--sm + label{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.input-switch[type="checkbox"].input-switch--xs + label:after,
.input-switch[type="checkbox"].input-switch--xs + label:before {
  font-size: 6px;
}

.input-switch[type="checkbox"].input-switch--sm + label:after,
.input-switch[type="checkbox"].input-switch--sm + label:before {
  font-size: 8px;
}

.input-switch[type="checkbox"].input-switch--right + label{
  flex-direction: row-reverse;
}

.input-switch[type="checkbox"].input-switch--right + label:after {
  left: auto;
  right: 2em;
}

.input-radio-tabs{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.input-radio-tabs input[type="radio"].input-radio-tab{
  display: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.input-radio-tabs input[type="radio"].input-radio-tab:checked + label{
  border-width: 1px;
  border-color: transparent;
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@supports (color: rgb(0 0 0 / 0)){
.input-radio-tabs input[type="radio"].input-radio-tab:checked + label{
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.input-radio-tabs label:last-of-type{
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  border-left-width: 0px !important;
}

.input-radio-tabs label:first-of-type{
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
  border-right-width: 0px !important;
}

.input-radio-tabs label{
  margin: 0px;
  display: inline-flex;
  height: 2.25rem;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  text-align: center;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@supports (color: rgb(0 0 0 / 0)){
.input-radio-tabs label{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

@media (min-width: 1280px){
  .input-radio-tabs label{
    width: auto;
  }
}

.input-radio-tabs label {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.95rem;
}

/* Chrome, Safari, Edge, Opera */

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

/* Firefox */

.input-number--no-arrows[type=number] {
  -moz-appearance: textfield;
}

.help-section{
  margin-top: 2rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.help-section{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.block-white .help-section{
  margin-left: -1rem;
  margin-right: -1rem;
}

@media (min-width: 1024px){
  .block-white .help-section{
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

.help-section details{
  margin: 0px;
  border-top-width: 1px;
  background-color: rgb(239 246 255 / 0.3);
  --tw-bg-opacity: 0.3;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 15px;
}

@supports (color: rgb(0 0 0 / 0)){
.help-section details{
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .help-section details{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.help-section summary{
  position: relative;
  margin: 0px;
  display: flex;
  min-height: 20px;
  width: 100%;
  cursor: pointer;
  list-style-type: none;
  align-items: center;
  gap: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1.25rem;
}

details > summary.help-section summary::-webkit-details-marker,
details > summary.help-section summary::marker{
  display: none;
}

.help-section summary::before{
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin: -0.5rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.4;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: '';
  background-image: url(/assets/icons/chevron-down-thin-d7d06af925b0c5ef8de4997cdaed1ed6c67a22edb6322f76a4b20ab715317a52.svg);
  background-size: contain;
  transform-origin: center;
}

.help-section details[open] summary::before {
  transform: rotate(180deg);
}

.help-section summary + *{
  border-top-width: 1px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}

code.hljs {
  padding: 3px 5px
}

/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/

.hljs {
  color: #abb2bf;
  background: #282c34
}

.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75
}

.hljs-literal {
  color: #56b6c2
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
  color: #98c379
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee
}

.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #e6c07b
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: bold
}

.hljs-link {
  text-decoration: underline
}

.hljs{
  overflow-x: auto;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/*---------------------------------------------------------
Turbo
------------------------------------------------------------ */

.turbo-progress-bar{
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
}

.status-label{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0.025em;
  height: 21px;
  top: -1px;
  font-size: 0.75rem;
}

.status-label.status-label--enabled{
  --tw-bg-opacity: 1;
  background-color: rgb(72 187 120 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.status-label.status-label--enabled{
  background-color: rgb(72 187 120 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.status-label.status-label--disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.status-label.status-label--disabled{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.status-label.status-label--error{
  --tw-bg-opacity: 1;
  background-color: rgb(245 101 101 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.status-label.status-label--error{
  background-color: rgb(245 101 101 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

a.status-label.status-label--enabled:hover, button.status-label.status-label--enabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(56 161 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
a.status-label.status-label--enabled:hover, button.status-label.status-label--enabled:hover{
  background-color: rgb(56 161 105 / var(--tw-bg-opacity));
}
}

a.status-label.status-label--disabled:hover, button.status-label.status-label--disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
a.status-label.status-label--disabled:hover, button.status-label.status-label--disabled:hover{
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
}

a.status-label.status-label--error:hover, button.status-label.status-label--error:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 62 62 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
a.status-label.status-label--error:hover, button.status-label.status-label--error:hover{
  background-color: rgb(229 62 62 / var(--tw-bg-opacity));
}
}

.modal{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 50;
  height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: scroll;
  padding: 0.75rem;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.7);
}

.modal .modal-content{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  max-width: 600px;
}

@supports (color: rgb(0 0 0 / 0)){
.modal .modal-content{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.modal .modal-header{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.modal .modal-header h1{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.modal .modal-header .close{
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: rgb(113 128 150 / 0.7);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.modal .modal-header .close:hover{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.modal .modal-header .close:hover{
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
}

.modal .modal-header .close:focus{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.modal .modal-header .close:focus{
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
}

.modal .modal-message{
  font-size: 1rem;
  line-height: 1.5rem;
}

.modal .modal-message p.progress {
  margin-top: 20px;
  line-height: 24px;
  font-size: 14px;
  color: #999;
}

.modal .modal-message p.progress img {
  float: left;
  margin-right: 10px;
}

.modal--fade-in {
  transition: opacity 400ms;
}

.modal--hidden {
  opacity: 0;
}

.notification{
  text-align: center;
}

.notification span,
  .notification p{
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.notification span,
  .notification p{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.notification a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  text-decoration-line: underline;
}

@supports (color: rgb(0 0 0 / 0)){
.notification a{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.notification.notice{
  --tw-bg-opacity: 1;
  background-color: rgb(99 179 237 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.notification.notice{
  background-color: rgb(99 179 237 / var(--tw-bg-opacity));
}
}

.notification.alert{
  --tw-bg-opacity: 1;
  background-color: rgb(245 101 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.notification.alert{
  background-color: rgb(245 101 101 / var(--tw-bg-opacity));
}
}

.notification.inline-notification {
  margin-bottom: 10px;
}

.notification.inline-notification p {
  padding: 3px 15px;
  margin-bottom: 0;
}

.pagination{
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.pagination .disabled{
  pointer-events: none;
  opacity: 0.5;
}

progress{
  display: block;
  height: 1rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
}

progress[value]::-webkit-progress-bar{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset;
}

@supports (color: rgb(0 0 0 / 0)){
progress[value]::-webkit-progress-bar{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

progress[value]::-webkit-progress-value{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(40 84 239 / 1);
  background-color: rgb(var(--color-secondary-500) / var(--tw-bg-opacity));
}

.spinner{
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border: 2px solid var(--spinner-track-color, rgba(0, 0, 0, 0.2));
  border-left-color: currentColor;
  animation: spinner 1.2s infinite linear;
}

.spinner:before {
  content: "";
  display: block;
  padding-top: 100%;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.tooltip{
  position: relative;
  margin-left: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tooltip{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.tooltip:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tooltip:hover{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.tooltip {
  top: 3px;
}

.tooltip:after{
  position: absolute;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "\003F";
}

@supports (color: rgb(0 0 0 / 0)){
.tooltip:after{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.tippy-box[data-theme~="memberful-help"]{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / 1);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.tippy-box[data-theme~="memberful-help"]{
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.tippy-box[data-theme~="memberful-help"] p,
  .tippy-box[data-theme~="memberful-help"] ul{
  margin-bottom: 0px;
}

.tippy-box[data-theme~="memberful-help"] ul{
  list-style-type: disc;
}

.tippy-box[data-theme~="memberful-help"] ul li{
  margin-left: 1.25rem;
}

.tippy-box[data-theme~="html"]{
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tippy-box[data-theme~="html"]{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.tabs{
  display: block;
  border-radius: 0.25rem;
  border-width: 1px;
}

@media (min-width: 1024px) {
  .tabs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / 1);
  }

@supports (color: rgb(0 0 0 / 0)){
.tabs{
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }
}
}

.tabs li{
  margin-bottom: -1px;
}

.tabs li:first-of-type a.active{
  border-top-width: 0px;
}

@media (min-width: 1024px){
  .tabs li:first-of-type a.active{
    border-top-width: 1px;
  }
}

.tabs li:last-of-type a{
  border-color: transparent;
}

.tabs li a, .tabs li button{
  display: block;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tabs li a, .tabs li button{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.tabs li a:hover, .tabs li button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tabs li a:hover, .tabs li button:hover{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .tabs li a, .tabs li button{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-top: 0.75rem;
  }
}

.tabs li a.active,
      .tabs li a[aria-selected="true"],
      .tabs li button.active,
      .tabs li button[aria-selected="true"]{
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
  font-weight: 600;
}

@supports (color: rgb(0 0 0 / 0)){
.tabs li a.active,
      .tabs li a[aria-selected="true"],
      .tabs li button.active,
      .tabs li button[aria-selected="true"]{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.tabs li a.active:hover,
      .tabs li a[aria-selected="true"]:hover,
      .tabs li button.active:hover,
      .tabs li button[aria-selected="true"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tabs li a.active:hover,
      .tabs li a[aria-selected="true"]:hover,
      .tabs li button.active:hover,
      .tabs li button[aria-selected="true"]:hover{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .tabs li a.active,
      .tabs li a[aria-selected="true"],
      .tabs li button.active,
      .tabs li button[aria-selected="true"]{
    background-color: transparent;
    border-top: 1px solid #E2E8F0;
    border-left: 1px solid #E2E8F0;
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #fff;
  }
}

.tabs-underline{
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tabs-underline{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

@media (min-width: 768px){
  .tabs-underline{
    justify-content: flex-start;
  }
}

.tabs-underline li{
  margin-bottom: -1px;
}

@media (min-width: 768px){
  .tabs-underline li{
    width: auto;
  }
}

.tabs-underline li a, .tabs-underline li button{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-bottom-width: 2px;
  border-color: transparent;
  padding: 0.75rem;
}

@media (min-width: 768px){
  .tabs-underline li a, .tabs-underline li button{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.75rem;
  }
}

.tabs-underline li a:hover,
      .tabs-underline li a.active,
      .tabs-underline li a[aria-selected="true"],
      .tabs-underline li button:hover,
      .tabs-underline li button.active,
      .tabs-underline li button[aria-selected="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.tabs-underline li a:hover,
      .tabs-underline li a.active,
      .tabs-underline li a[aria-selected="true"],
      .tabs-underline li button:hover,
      .tabs-underline li button.active,
      .tabs-underline li button[aria-selected="true"]{
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

/* Make tables horizontally scrollable on small screens by wrapping it with this class */

.table-scroll{
  overflow: hidden;
  overflow-x: auto;
}

@media (min-width: 1024px){
  .table-scroll{
    overflow: visible;
  }
}

.table{
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.table{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .table{
    padding: 2rem;
  }
}

.table.table-minimal{
  width: 100%;
  border-radius: 0px;
  border-style: none;
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.table table{
  width: 100%;
}

.table thead tr{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.table thead tr{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.table thead th{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
}

.table thead th:first-child{
  padding-left: 0px;
}

.table thead th:last-child{
  padding-right: 0px;
}

.table tbody tr:last-of-type td{
  border-bottom-width: 0px;
}

.table tbody td{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

@supports (color: rgb(0 0 0 / 0)){
.table tbody td{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.table tbody td:first-child{
  padding-left: 0px;
}

.table tbody td:last-child{
  padding-right: 0px;
}

.table tbody td {
  min-width: 180px;
}

@media (min-width: 1024px) {
  .table tbody td {
    min-width: auto
  }
}

.table.table-posts tbody td {
  min-width: auto;
}

.toast{
  visibility: hidden;
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  transform-origin: bottom right;
  --tw-translate-x: 400px;
  transform: translate(400px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes fadeIn{
  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}

.toast{
  animation: fadeIn .3s;
  white-space: nowrap;
  border-radius: 0.25rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  /* Render toast on top of Intercom */
  z-index: 2147483002;
}

.toast.active{
  visibility: visible;
  transform-origin: bottom right;
  --tw-translate-x: 0px;
  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.toast.active.alert,
    .toast.active.error{
  background-color: rgb(245 101 101 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@supports (color: rgb(0 0 0 / 0)){
.toast.active.alert,
    .toast.active.error{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.toast.active.alert:before, .toast.active.error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0zm-9 3.75h.008v.008H12v-.008z' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  left: 1rem;
  top: 15px;
  width: 1.5rem;
  height: 1.5rem;
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

.toast.active.info,
    .toast.active.notice{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: blur(16px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: blur(16px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@supports (color: rgb(0 0 0 / 0)){
.toast.active.info,
    .toast.active.notice{
  background-color: rgb(26 32 44 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.toast.active.info:before, .toast.active.notice:before{
  position: absolute;
  left: 1.25rem;
  top: 15px;
  width: 1.5rem;
  height: 1.5rem;
  --tw-content: '';
  content: '';
  content: var(--tw-content);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.toast.fade-out{
  opacity: 0;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

trix-toolbar * {
  box-sizing: border-box;
}

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: rgb(0, 0, 0);
}

trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}

trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}

trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-dialogs {
  position: relative;
}

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
  background: none;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}

trix-editor .attachment {
  position: relative;
}

trix-editor .attachment:hover {
  cursor: default;
}

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

trix-editor .trix-button-group {
  display: inline-flex;
}

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

trix-editor .trix-button--remove:hover {
  border-color: #333;
}

trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

trix-editor .attachment__metadata-container {
  position: relative;
}

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}

.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

.trix-content li {
  margin-left: 1em;
}

.trix-content [dir=rtl] li {
  margin-right: 1em;
}

.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

.trix-content img {
  max-width: 100%;
  height: auto;
}

.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

.trix-content .attachment__caption {
  text-align: center;
}

.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}

.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

trix-editor{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  overflow-wrap: break-word;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
trix-editor{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

/* Placeholder text */

trix-editor:empty::before{
  color: currentColor;
  opacity: 0.8;
}

.trix-content,
trix-editor{
  min-height: 8em;
  border-style: none;
  padding: 0.5rem;
  line-height: 1.625;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.trix-content:focus,
trix-editor:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.trix-content div, trix-editor div{
  margin-bottom: 0px;
}

.trix-content ul,
  .trix-content ol,
  trix-editor ul,
  trix-editor ol{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0.625rem;
}

.trix-content ul, trix-editor ul{
  list-style-type: disc;
}

.trix-content ol, trix-editor ol{
  list-style-type: decimal;
}

.trix-content a,
  .trix-content a:link,
  .trix-content a:visited,
  .trix-content a:active,
  trix-editor a,
  trix-editor a:link,
  trix-editor a:visited,
  trix-editor a:active{
  text-decoration-line: underline;
}

.trix-content h1, trix-editor h1{
  line-height: 1.25;
}

.trix-content blockquote, trix-editor blockquote{
  margin: 0px;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / 1);
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}

@supports (color: rgb(0 0 0 / 0)){
.trix-content blockquote, trix-editor blockquote{
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
}

/* Images and cursor targets */

.trix-content action-text-attachment figure,
  .trix-content .attachment:not(.attachment--content),
  trix-editor action-text-attachment figure,
  trix-editor .attachment:not(.attachment--content){
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0px;
  margin-right: 0px;
  display: inline-block;
  text-align: center;
  line-height: 1;
  inline-size: 100%;
  max-inline-size: 100%;
}

.trix-content [data-trix-cursor-target], trix-editor [data-trix-cursor-target]{
  margin: 0px;
  display: inline-block;
  width: 1px;
  border-style: none;
  padding: 0px;
  inline-size: 1px;
}

.trix-content [data-trix-cursor-target=left], trix-editor [data-trix-cursor-target=left] {
  vertical-align: top !important;
  margin-left: -1px !important;
}

.trix-content [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}

.trix-content [data-trix-cursor-target]::selection, trix-editor [data-trix-cursor-target]::selection {
  background: none;
}

.trix-content img, trix-editor img{
  height: auto;
  max-width: 100%;
  block-size: auto;
}

.trix-content .attachment--preview img, trix-editor .attachment--preview img{
  width: 100%;
  border-width: 1px;
  border-color: rgb(31 71 212 / 0.2);
  border-color: rgb(var(--color-secondary-600) / 0.2);
  padding: 1px;
  inline-size: auto;
}

/* Custom Image Link dialog */

.trix-content .attachment__toolbar .trix-button-group, trix-editor .attachment__toolbar .trix-button-group{
  display: inline-flex;
  gap: 1.25rem;
}

.trix-content .attachment__toolbar .trix-button--remove,
  .trix-content .attachment__toolbar .trix-button--icon-link,
  trix-editor .attachment__toolbar .trix-button--remove,
  trix-editor .attachment__toolbar .trix-button--icon-link{
  display: inline-block;
  height: 1.8em;
  width: 1.8em;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 0px;
  text-indent: -9999px;
  line-height: 1.8em;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

@supports (color: rgb(0 0 0 / 0)){
.trix-content .attachment__toolbar .trix-button--remove,
  .trix-content .attachment__toolbar .trix-button--icon-link,
  trix-editor .attachment__toolbar .trix-button--remove,
  trix-editor .attachment__toolbar .trix-button--icon-link{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.trix-content .attachment__toolbar .trix-button--icon-link::before, trix-editor .attachment__toolbar .trix-button--icon-link::before{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
  --tw-content: '';
  content: '';
  content: var(--tw-content);
  background-image: url(/assets/icons/trix/icon-link-e41871ceeb2ff4fcac8f2a63f79e24650416650225d28ae3c615254339cdd30e.svg);
  background-size: 85%;
}

.trix-content .attachment__toolbar .trix-button--icon-link:hover, trix-editor .attachment__toolbar .trix-button--icon-link:hover{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.trix-content .attachment__toolbar .trix-button--icon-link:hover, trix-editor .attachment__toolbar .trix-button--icon-link:hover{
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
}

.trix-content .attachment__toolbar .trix-button--icon-link:hover::before, trix-editor .attachment__toolbar .trix-button--icon-link:hover::before{
  opacity: 1;
}

.trix-content figure:has(a img), trix-editor figure:has(a img){
  position: relative;
}

.trix-content figure:has(a img):after,
  .trix-content figure:has(a img):before,
  trix-editor figure:has(a img):after,
  trix-editor figure:has(a img):before{
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  z-index: 0;
  display: flex;
  height: 1.75rem;
  width: 5rem;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

@supports (color: rgb(0 0 0 / 0)){
.trix-content figure:has(a img):after,
  .trix-content figure:has(a img):before,
  trix-editor figure:has(a img):after,
  trix-editor figure:has(a img):before{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.trix-content figure:has(a img):after, trix-editor figure:has(a img):after{
  z-index: 10;
  background-color: transparent;
  padding-left: 1.75rem;
  opacity: 0.6;
  --tw-content: 'Linked';
  content: 'Linked';
  content: var(--tw-content);
  background-image: url(/assets/icons/trix/icon-link-e41871ceeb2ff4fcac8f2a63f79e24650416650225d28ae3c615254339cdd30e.svg);
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
}

/* 
    Attachement galleries — 
    Which allows for images to be placed side by side or stacked 2 and 2 
  */

.trix-content .attachment__metadata, trix-editor .attachment__metadata{
  padding: 0.25rem;
  line-height: 1.25;
}

.trix-content .attachment__size, trix-editor .attachment__size{
  display: none;
}

.trix-content .attachment-gallery, trix-editor .attachment-gallery{
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px;
}

.trix-content .attachment-gallery .attachment,
  .trix-content .attachment-gallery action-text-attachment,
  trix-editor .attachment-gallery .attachment,
  trix-editor .attachment-gallery action-text-attachment {
  padding: 0 5px;
  margin: 0;
  flex: 1 0 30%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
  .trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
  .trix-content .attachment-gallery.attachment-gallery--4 > .attachment,
  .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
  trix-editor .attachment-gallery.attachment-gallery--2 > .attachment,
  trix-editor .attachment-gallery.attachment-gallery--2 > action-text-attachment,
  trix-editor .attachment-gallery.attachment-gallery--4 > .attachment,
  trix-editor .attachment-gallery.attachment-gallery--4 > action-text-attachment {
  flex-basis: 50%;
}

/* Caption and Caption Editor */

.trix-content .attachment--preview .attachment__caption,
  .trix-content .attachment__caption,
  trix-editor .attachment--preview .attachment__caption,
  trix-editor .attachment__caption{
  white-space: normal;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
  inline-size: 100%;
}

@supports (color: rgb(0 0 0 / 0)){
.trix-content .attachment--preview .attachment__caption,
  .trix-content .attachment__caption,
  trix-editor .attachment--preview .attachment__caption,
  trix-editor .attachment__caption{
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
}

.trix-content .attachment--preview .attachment__caption-editor,
  .trix-content .attachment__caption-editor,
  trix-editor .attachment--preview .attachment__caption-editor,
  trix-editor .attachment__caption-editor{
  background-color: transparent;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.trix-content .attachment--preview .attachment__caption-editor,
  .trix-content .attachment__caption-editor,
  trix-editor .attachment--preview .attachment__caption-editor,
  trix-editor .attachment__caption-editor{
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
}

.trix-content .attachment__link, trix-editor .attachment__link{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trix-content [data-trix-mutable] *::-moz-selection, trix-editor [data-trix-mutable] *::-moz-selection {
  background: none;
}

.trix-content [data-trix-mutable] *::selection, trix-editor [data-trix-mutable] *::selection {
  background: none;
}

trix-toolbar{
  z-index: 10;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* Hides unused actions from the toolbar */

trix-toolbar .trix-button--icon-heading-1,
  trix-toolbar .trix-button--icon-quote,
  trix-toolbar .trix-button--icon-code,
  trix-toolbar .trix-button--icon-decrease-nesting-level,
  trix-toolbar .trix-button--icon-increase-nesting-level,
  trix-toolbar .trix-button-group--file-tools,
  trix-toolbar .trix-button-group--history-tools{
  display: none;
}

trix-toolbar .trix-button,
  trix-toolbar .trix-button:not(:first-child){
  border-radius: 0.25rem;
  border-style: none;
}

trix-toolbar .trix-button-group,
  trix-toolbar .trix-button-group:not(:first-child){
  margin-bottom: 0px;
  margin-left: 0px;
  border-style: none;
}

trix-toolbar .trix-button-row{
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 1px;
  padding-right: 1px;
}

trix-toolbar .trix-dialog{
  border-top-width: 0px;
}

trix-toolbar .trix-dialogs{
  margin-bottom: 0px;
}

trix-toolbar .trix-input--dialog{
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
trix-toolbar .trix-input--dialog{
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

trix-toolbar .trix-input--dialog::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

trix-toolbar .trix-input--dialog::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
trix-toolbar .trix-input--dialog::-moz-placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
trix-toolbar .trix-input--dialog::placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
}

trix-toolbar .trix-input--dialog{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

trix-toolbar .trix-input--dialog:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 179 237 / 1);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.2rem #EBF8FF;
  background-clip: padding-box;
}

@supports (color: rgb(0 0 0 / 0)){
trix-toolbar .trix-input--dialog:focus{
  border-color: rgb(99 179 237 / var(--tw-border-opacity));
}
}

trix-toolbar .trix-button--dialog{
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

trix-toolbar .trix-dialog__link-fields{
  align-items: center;
}

trix-toolbar .trix-button.trix-active{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
trix-toolbar .trix-button.trix-active{
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
}

trix-toolbar .trix-dialog__link-fields input[type="button"]:first-of-type{
  --tw-bg-opacity: 1;
  background-color: rgb(40 84 239 / 1);
  background-color: rgb(var(--color-secondary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
trix-toolbar .trix-dialog__link-fields input[type="button"]:first-of-type{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

trix-toolbar .trix-dialog__link-fields input[type="button"]:first-of-type:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 71 212 / 1);
  background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity));
}

trix-toolbar .trix-dialog__link-fields input[type="button"]:first-of-type:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-secondary-500) / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.1;
}

trix-toolbar .trix-dialog__link-fields input[type="button"]:last-of-type{
  margin-left: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
trix-toolbar .trix-dialog__link-fields input[type="button"]:last-of-type{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

trix-toolbar .trix-dialog__link-fields input[type="button"]:last-of-type:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 250 252 / var(--tw-ring-opacity));
}

trix-toolbar .trix-button--icon{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
trix-toolbar .trix-button--icon{
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
}

trix-toolbar .trix-button--icon::before{
  opacity: 0.6;
}

trix-toolbar .trix-button--icon:not([disabled]):hover:before{
  opacity: 0.9;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url(/assets/icons/trix/icon-image-59a110fe40a786afe5bcf80085e5648888f17e6cf9a953b837d4bfc0e007189b.svg);
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url(/assets/icons/trix/icon-bold-d6460b3d3f5e0d2bb3452feb58ef2c3f7b0ae66b88b3a14739af56a42a15b429.svg);
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url(/assets/icons/trix/icon-italic-6d25afe4d94aa9bd1c79d229f62ff15afe26841c92d4c67aee2a542633c92015.svg);
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url(/assets/icons/trix/icon-link-e41871ceeb2ff4fcac8f2a63f79e24650416650225d28ae3c615254339cdd30e.svg);
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url(/assets/icons/trix/icon-strike-d76150fabd5212bef99f78794240cbc4e10a96042386980296809a857e32c1ee.svg);
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url(/assets/icons/trix/icon-quote-808cac2b9d113640b77089dfa495277a6820189ffcf280ca7a493e0695c97a47.svg);
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(/assets/icons/trix/icon-heading-089961a918d6b76386f84befd52ea895a3a482609a4885a9f036d97b4185638a.svg);
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url(/assets/icons/trix/icon-code-176f8b315fd8ec829e084553c1f50d009c49e024ae12d20154eec39660d8ee41.svg);
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(/assets/icons/trix/icon-bullet-list-b96ab5abcc83e135b8d2cc6f2372baf3f72f483c16d6224f66ab7f32bb0a54cc.svg);
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(/assets/icons/trix/icon-number-list-a7d72fe868d601aa2486c9b0a80894d40a044d110ee51ffa0228510df2e72863.svg);
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url(/assets/icons/trix/icon-undo-1a094dee13acd3029a418943bfe23756b03573df63f085f4b0cf15c0c35c554b.svg);
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url(/assets/icons/trix/icon-redo-ed7f0cbd386ce2c019ac17b08f35f97363394e3abeb2a920f31e2ad5af160f94.svg);
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(/assets/icons/trix/icon-decrease-nesting-level-e8fe1f6999f67e749ce9c5628c99a9f03486fa4106b25bca3c55e6f59e09c092.svg);
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(/assets/icons/trix/icon-increase-nesting-level-74b0ef146909a204667ab834f0486209435f3adedf950ad03594cf10929b0d19.svg);
}

trix-toolbar .trix-button--icon-align-left::before {
  background-image: url(/assets/icons/trix/icon-align-left-bcb7c16038c025b2c71254b133d88126f32b7523dc13420de7d0fa894aec4fe7.svg);
}

trix-toolbar .trix-button--icon-align-center::before {
  background-image: url(/assets/icons/trix/icon-align-center-fe84eec3d06a682acd6b5e053ff307a84b5a3486d377ea0ffad27d9af24276bb.svg);
}

trix-toolbar .trix-button--icon-align-right::before {
  background-image: url(/assets/icons/trix/icon-align-right-0691c74545364ea424e81d9afb6ce458ec075452fc188ad93f25476b125cee56.svg);
}

/* Custom settings for specific trix instances within the admin */

.dynamic-episode .trix-content:not(trix-editor){
  min-height: 0px;
  padding: 0px;
}

.dynamic-episode trix-editor{
  margin-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@supports (color: rgb(0 0 0 / 0)){
.dynamic-episode trix-editor{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.dynamic-episode trix-toolbar{
  margin-top: 0.5rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-width: 1px;
  border-bottom-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dynamic-episode trix-toolbar{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.heading-small-caps{
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  padding-bottom: 1px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
  font-size: 13px;
}

@supports (color: rgb(0 0 0 / 0)){
.heading-small-caps{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.heading-small{
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  padding-bottom: 0.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.heading-small{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.heading-page-title{
  padding-top: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.heading-page-title{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .heading-page-title{
    padding-top: 0px;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.text-median {
  font-size: 0.95rem;
}

/* Hide the uploader since we're only using it for functionality */

mux-uploader{
  border-radius: 0.375rem;
  display: none;
}

/* Style the drop area component */

mux-uploader-drop{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1.5rem;
  --overlay-background-color: #bee3f8;
}

/* Use a '+' cursor when dragging over the drop subcomponent */

mux-uploader-drop[active]{
  cursor: copy;
  border-color: rgb(42 67 101 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(235 248 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
mux-uploader-drop[active]{
  background-color: rgb(235 248 255 / var(--tw-bg-opacity));
}
}

.mux-uploader__upload-complete-icon{
  display: none;
}

mux-uploader-drop[upload-in-progress]{
  position: relative;
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 0px;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
mux-uploader-drop[upload-in-progress]{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

mux-uploader-drop[upload-complete]{
  border-width: 1px;
  border-style: solid;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
mux-uploader-drop[upload-complete]{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

mux-uploader-drop[upload-complete] .mux-uploader__upload-complete-icon{
  margin-bottom: 1rem;
  display: flex;
}

mux-uploader-drop > [slot="heading"]{
  margin-top: 0px;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
mux-uploader-drop > [slot="heading"]{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

mux-uploader-drop > [slot="heading"] > svg{
  position: relative;
  z-index: 20;
  width: 3.5rem;
  height: 3.5rem;
  fill: #A0AEC0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

mux-uploader-drop[active] > [slot="heading"]{
  --tw-content: 'test';
  content: 'test';
  content: var(--tw-content);
}

mux-uploader-drop[active] > [slot="heading"] svg{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.25) scaleY(1.25);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

mux-uploader-drop[active] > [slot="heading"] svg{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  fill: #3182CE;
}

/* Hide the drop component's separator text using its part selector */

mux-uploader-drop::part(separator) {
  display: none;
}

/* Customize the progress details to fit with the page's theme, including color palette */

.mux-uploader__progress{
  display: none;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.mux-uploader__progress{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

mux-uploader-drop[upload-in-progress] .mux-uploader__progress{
  display: flex;
}

.mux-uploader__progress > *{
  width: 100%;
}

mux-uploader-progress{
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  row-gap: 0.5rem;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --progress-bar-fill-color: #2854ef;
  --progress-radial-fill-color: #2854ef;
  --progress-bar-height: 5px;
  --progress-percentage-display: contents;
}

mux-uploader-status{
  display: block;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
mux-uploader-status{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

/* Update the status component's text color based on the upload state to better fit the page's palette */

mux-uploader-status[upload-error]{
  --tw-text-opacity: 1;
  color: rgb(155 44 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
mux-uploader-status[upload-error]{
  color: rgb(155 44 44 / var(--tw-text-opacity));
}
}

mux-uploader-status[upload-complete]{
  --tw-bg-opacity: 1;
  background-color: rgb(198 246 213 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
mux-uploader-status[upload-complete]{
  background-color: rgb(198 246 213 / var(--tw-bg-opacity));
}
}

/* Posts specific styles */

.posts-video-upload{
  position: relative;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 242 247 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.posts-video-upload{
  border-color: rgb(237 242 247 / var(--tw-border-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

/* Pages specific styles */

.pages-video-upload{
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 72rem;
}

.pages-video-upload mux-uploader-drop{
  position: relative;
  z-index: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.pages-video-upload mux-uploader-drop{
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.pages-video-upload mux-uploader-drop[upload-in-progress]{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.pages-video-upload__swap-service{
  position: relative;
  margin-top: -1px;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  text-align: center;
}

@supports (color: rgb(0 0 0 / 0)){
.pages-video-upload__swap-service{
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

mux-uploader-drop[upload-in-progress] ~ .pages-video-upload__swap-service{
  display: none !important;
}

.zigzag-line {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0.5em;
}

.zigzag-line:before,
.zigzag-line:after {
  display: block;
  content: "";
  position: absolute;
  height: 1em;
  width: 200%;
  transform: translateY(-50%) translateX(-25%) scale(1);
}

.zigzag-line:before {
  background: left/1em linear-gradient(45deg, transparent, transparent 49%, currentColor 49%, transparent 53%);
}

.zigzag-line:after {
  background: left/1em linear-gradient(-45deg, transparent, transparent 49%, currentColor 49%, transparent 53%);
}

.animate--slide-x {
  transform-origin: center center;
  transform-origin: var(--transform-origin, center center);
  transform: translateX(10px);
  transform: translateX(var(--distance, 10px));
  animation: slide-x;
  animation-duration: 0.25s;
  animation-duration: var(--duration, 0.25s);
  animation-delay: 0s;
  animation-delay: var(--delay, 0s);
  animation-timing-function: easi-in-out;
  animation-timing-function: var(--timing-function, easi-in-out);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  opacity: 100;
  opacity: var(--opacity, 100);
}

@keyframes slide-x {
  to {
    opacity: 100;
    transform: translateX(0);
  }
}

.animate--slide-y {
  transform-origin: center center;
  transform-origin: var(--transform-origin, center center);
  transform: translateY(10px);
  transform: translateY(var(--distance, 10px));
  animation: slide-y;
  animation-duration: 0.25s;
  animation-duration: var(--duration, 0.25s);
  animation-delay: 0s;
  animation-delay: var(--delay, 0s);
  animation-timing-function: easi-in-out;
  animation-timing-function: var(--timing-function, easi-in-out);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  opacity: 100;
  opacity: var(--opacity, 100);
}

@keyframes slide-y {
  to {
    opacity: 100;
    transform: translateY(0);
  }
}

html.js .math {
  display: none;
}

.billing-form input[type="text"] {
  -webkit-animation: 1ms void-animation-out;
  width: 100%;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.billing-form input[type="text"] {
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.billing-form .StripeElement--focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 179 237 / 1);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.2rem #EBF8FF;
  background-clip: padding-box;
}

@supports (color: rgb(0 0 0 / 0)){
.billing-form .StripeElement--focus{
  border-color: rgb(99 179 237 / var(--tw-border-opacity));
}
}

.billing-form .StripeElement{
  margin: 0px !important;
}

.billing-cc {
  min-height: 286px;
}

.billing-cc .StripeElement{
  margin: 0px !important;
  border-width: 0px !important;
  padding: 0px !important;
}

.member-update-cc-error{
  display: block;
  width: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(229 62 62 / 1);
  position: absolute;
  left: 0px;
  bottom: -1.25rem;
}

@supports (color: rgb(0 0 0 / 0)){
.member-update-cc-error{
  color: rgb(229 62 62 / var(--tw-text-opacity));
}
}

.billing-form .billing-form--cancel{
  display: none;
}

.account-billing .billing-form{
  margin-bottom: 2.5rem;
  max-width: 32rem;
}

.account-billing .billing-form .billing-form--cancel{
  display: block;
}

.bulk-editor {
}

.bulk-editor__form{
  margin-top: 2rem;
}

.bulk-editor__form label{
  cursor: pointer;
}

.bulk-editor__form input{
  margin: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bulk-editor__form table{
  width: 100%;
  table-layout: fixed;
}

.bulk-editor__form table td{
  width: 25%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Subscriptions */

.bulk-editor__subscriptions{
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__subscriptions{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.bulk-editor__subscriptions-title{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 242 247 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__subscriptions-title{
  border-color: rgb(237 242 247 / var(--tw-border-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .bulk-editor__subscriptions-title{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bulk-editor__subscriptions-counter{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 242 247 / 1);
  padding-bottom: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__subscriptions-counter{
  border-color: rgb(237 242 247 / var(--tw-border-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.bulk-editor__subscriptions-list-spinner{
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 50ms;
}

turbo-frame[aria-busy] .bulk-editor__subscriptions-list-spinner{
  opacity: 1;
}

.bulk-editor__subscriptions-list{
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .bulk-editor__subscriptions-list{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
  }
}

.bulk-editor__subscriptions-list-pagination{
  margin-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px){
  .bulk-editor__subscriptions-list-pagination{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

.bulk-editor__subscriptions-list-pagination:empty{
  display: none;
}

.bulk-editor__subscriptions-list-pagination .pagination{
  margin: 0px;
}

.bulk-editor__subscriptions-list-message{
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  text-align: center;
}

@media (min-width: 1024px){
  .bulk-editor__subscriptions-list-message{
    padding: 2rem;
  }
}

.bulk-editor__subscriptions-list-message .spinner{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Filters */

.bulk-editor__filters{
  margin: 0.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.bulk-editor__filters > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(226 232 240 / 0.8);
}

.bulk-editor__filters{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__filters{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

@media (min-width: 1280px){
  .bulk-editor__filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bulk-editor__filter{
  position: relative;
  display: grid;
  width: 100%;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 1rem;
}

@media (min-width: 1024px){
  .bulk-editor__filter{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.bulk-editor__filter-label{
  margin: 0px;
  display: block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__filter-label{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.bulk-editor__filter-content{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 768px){
  .bulk-editor__filter-content{
    flex-wrap: nowrap;
  }
}

@media (min-width: 1280px){
  .bulk-editor__filter--auto-renew,
.bulk-editor__filter--plans{
    grid-column: span 2 / span 2;
  }
}

.bulk-editor__filter-plans-list{
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.bulk-editor__plan-pill{
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__plan-pill{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.bulk-editor__plan-pill:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bulk-editor__plan-pill-label{
  margin: 0px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bulk-editor__plan-pill-name{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__plan-pill-name{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.bulk-editor__one-time-plans-note{
  margin-top: 0.25rem;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__one-time-plans-note{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.bulk-editor__loading-message{
  margin-bottom: 0px;
  padding: 1rem;
  text-align: center;
}

@media (min-width: 1024px){
  .bulk-editor__loading-message{
    padding: 2rem;
  }
}

.bulk-editor__filter-button{
  margin: 0px;
  display: inline-flex;
  height: 2.25rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__filter-button{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.bulk-editor__filter-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__filter-button:hover{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.bulk-editor__filter-button{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.bulk-editor__filter-button span{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  padding-right: 0.75rem;
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__filter-button span{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

/* Actions */

.bulk-editor__actions{
  position: relative;
  margin-top: 4rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.bulk-editor__actions::before{
  position: absolute;
  left: 50%;
  top: -4rem;
  z-index: -10;
  height: 100%;
  width: 1px;
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-right-width: 2px;
  border-style: dotted;
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__actions::before{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.bulk-editor__actions-title{
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  font-weight: 600;
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__actions-title{
  color: rgb(74 85 104 / var(--tw-text-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.bulk-editor__actions-title h2{
  margin: 0px;
  padding: 1rem;
}

@media (min-width: 1024px){
  .bulk-editor__actions-title h2{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bulk-editor__actions > .bulk-editor__action-icon-wrapper{
  position: absolute;
  top: -2rem;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__actions > .bulk-editor__action-icon-wrapper{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
}

.bulk-editor__actions-not-available{
  margin-top: -0.5rem;
  width: 100%;
  padding: 1rem;
  padding-top: 0px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__actions-not-available{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.bulk-editor__action{
  position: relative;
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(203 213 224 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.bulk-editor__action-inner{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bulk-editor__action-note{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action-note{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.bulk-editor__action-note--error{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action-note--error{
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  color: rgb(197 48 48 / var(--tw-text-opacity));
}
}

.bulk-editor__action-icon-wrapper{
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action-icon-wrapper{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.bulk-editor__action-icon{
  width: 1rem;
  height: 1rem;
  fill: currentColor;
  stroke: currentColor;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.bulk-editor__action-content{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  border-left-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  padding-left: 1rem;
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action-content{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

@media (min-width: 768px){
  .bulk-editor__action-content{
    flex-wrap: nowrap;
  }

  .bulk-editor__action-content label{
    white-space: nowrap;
  }
}

.bulk-editor__clear-action-button{
  margin-left: auto;
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__clear-action-button{
  border-color: rgb(237 242 247 / var(--tw-border-opacity));
  color: rgb(160 174 192 / var(--tw-text-opacity));
}
}

.bulk-editor__clear-action-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__clear-action-button:hover{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

/* Action states */

.bulk-editor__action.is-disabled > div,
.bulk-editor__action.is-disabled > .bulk-editor__action-icon-wrapper{
  opacity: 0.6;
}

.bulk-editor__action.is-disabled{
  --tw-border-opacity: 1;
  border-color: rgb(247 250 252 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action.is-disabled{
  border-color: rgb(247 250 252 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.bulk-editor__action.is-disabled *{
  cursor: not-allowed;
}

.bulk-editor__action.is-active{
  --tw-border-opacity: 1;
  border-color: rgb(99 179 237 / 1);
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action.is-active{
  border-color: rgb(99 179 237 / var(--tw-border-opacity));
}
}

.bulk-editor__action.is-active .bulk-editor__action-icon-wrapper{
  --tw-bg-opacity: 1;
  background-color: rgb(235 248 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__action.is-active .bulk-editor__action-icon-wrapper{
  background-color: rgb(235 248 255 / var(--tw-bg-opacity));
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.bulk-editor__actions:has(.bulk-editor__action.is-active) > .bulk-editor__action-icon-wrapper{
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bulk-editor__actions:has(.bulk-editor__action.is-active) > .bulk-editor__action-icon-wrapper{
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.coupon_form .redemption-count{
  position: absolute;
  right: 1px;
  top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
  height: 40px;
}

@supports (color: rgb(0 0 0 / 0)){
.coupon_form .redemption-count{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.coupon_form .input-recurring-limit,
  .coupon_form .input-coupon-amount-off {
  touch-action: none;
  -moz-appearance: textfield;
}

.coupon_form .input-recurring-limit::-webkit-inner-spin-button,
    .coupon_form .input-recurring-limit::-webkit-outer-spin-button,
    .coupon_form .input-coupon-amount-off::-webkit-inner-spin-button,
    .coupon_form .input-coupon-amount-off::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.coupon_form .coupon-is-percentage,
  .coupon_form .coupon-is-currency{
  position: absolute;
  top: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.coupon_form .coupon-is-percentage,
  .coupon_form .coupon-is-currency{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.coupon_form .coupon-is-percentage + input{
  padding-left: 0.75rem;
}

.coupon_form .coupon-is-currency{
  left: 0.75rem;
}

.coupon_form .coupon-is-percentage{
  right: 0.75rem;
}

.coupon_form .coupon-type-radio{
  border-radius: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  line-height: 1.25;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.coupon_form .coupon-type-radio:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.coupon_form .coupon-type-radio:hover{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .coupon_form .coupon-type-radio{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

.coupon_form .coupon-type-radio input[type="radio"]{
  position: relative;
  top: -0.5rem;
}

@media (min-width: 1024px){
  .coupon_form .coupon-summary{
    position: sticky;
    top: 1.5rem;
  }
}

.coupon_form .coupon-summary ul{
  list-style-type: disc;
  padding-left: 1rem;
}

/* Usage view */

.coupon-usage-filter{
  visibility: visible;
  margin-right: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  opacity: 1;
}

@supports (color: rgb(0 0 0 / 0)){
.coupon-usage-filter{
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.coupon-usage-filter--inactive{
  display: none;
}

.member-custom-field-items li:only-child .arrows{
  pointer-events: none;
  opacity: 0;
}

.details summary{
  position: relative;
  cursor: pointer;
  list-style-type: none;
}

details > summary.details summary::-webkit-details-marker,
details > summary.details summary::marker{
  display: none;
}

.details summary::before{
  margin-right: 0.5rem;
  display: inline-block;
  height: 0.5rem;
  width: 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: '';
  background-image: url(/assets/icons/chevron-right-6c443b6db626cae852adc584e430d15b634efe78844a35c46655bd3efa8ee0f6.svg);
  background-size: 6px;
  transform-origin: center;
}

.details[open] summary::before {
  transform: rotate(90deg);
}

.details.details--vertical-chevron summary::before{
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin: -0.5rem;
  height: 1rem;
  width: 1rem;
  opacity: 0.4;
  background-image: url(/assets/icons/chevron-down-thin-d7d06af925b0c5ef8de4997cdaed1ed6c67a22edb6322f76a4b20ab715317a52.svg);
  background-size: contain;
}

.details.details--vertical-chevron[open] summary::before {
  transform: rotate(180deg);
}

/*! @docsearch/css 3.9.0 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */

:root{
  --docsearch-primary-color:#5468ff;
  --docsearch-text-color:#1c1e21;
  --docsearch-spacing:12px;
  --docsearch-icon-stroke-width:1.4;
  --docsearch-highlight-color:var(--docsearch-primary-color);
  --docsearch-muted-color:#969faf;
  --docsearch-container-background:rgba(101,108,133,.8);
  --docsearch-logo-color:#5468ff;
  --docsearch-modal-width:560px;
  --docsearch-modal-height:600px;
  --docsearch-modal-background:#f5f6f7;
  --docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;
  --docsearch-searchbox-height:56px;
  --docsearch-searchbox-background:#ebedf0;
  --docsearch-searchbox-focus-background:#fff;
  --docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);
  --docsearch-hit-height:56px;
  --docsearch-hit-color:#444950;
  --docsearch-hit-active-color:#fff;
  --docsearch-hit-background:#fff;
  --docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;
  --docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);
  --docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);
  --docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);
  --docsearch-footer-height:44px;
  --docsearch-footer-background:#fff;
  --docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)
}

html[data-theme=dark]{
  --docsearch-text-color:#f5f6f7;
  --docsearch-container-background:rgba(9,10,17,.8);
  --docsearch-modal-background:#15172a;
  --docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;
  --docsearch-searchbox-background:#090a11;
  --docsearch-searchbox-focus-background:#000;
  --docsearch-hit-color:#bec3c9;
  --docsearch-hit-shadow:none;
  --docsearch-hit-background:#090a11;
  --docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);
  --docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);
  --docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 #0304094d;
  --docsearch-footer-background:#1e2136;
  --docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);
  --docsearch-logo-color:#fff;
  --docsearch-muted-color:#7f8497
}

.DocSearch-Button{
  align-items:center;
  background:#ebedf0;
  background:var(--docsearch-searchbox-background);
  border:0;
  border-radius:40px;
  color:#4A5568;
  color:var(--docsearch-muted-color);
  cursor:pointer;
  display:flex;
  font-weight:500;
  height:36px;
  justify-content:space-between;
  margin:0 0 0 16px;
  padding:0 8px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{
  background:#fff;
  background:var(--docsearch-searchbox-focus-background);
  box-shadow:inset 0 0 0 2px rgb(40 84 239 / 1);
  box-shadow:var(--docsearch-searchbox-shadow);
  color:#2D3748;
  color:var(--docsearch-text-color);
  outline:none
}

.DocSearch-Button-Container{
  align-items:center;
  display:flex
}

.DocSearch-Search-Icon{
  stroke-width:1.6
}

.DocSearch-Button .DocSearch-Search-Icon{
  color:#2D3748;
  color:var(--docsearch-text-color)
}

.DocSearch-Button-Placeholder{
  font-size:1rem;
  padding:0 12px 0 6px
}

.DocSearch-Button-Keys{
  display:flex;
  min-width:calc(40px + .8em)
}

.DocSearch-Button-Key{
  align-items:center;
  background:none;
  background:var(--docsearch-key-gradient);
  border:0;
  border-radius:3px;
  box-shadow:none;
  box-shadow:var(--docsearch-key-shadow);
  color:#4A5568;
  color:var(--docsearch-muted-color);
  display:flex;
  height:18px;
  justify-content:center;
  margin-right:.4em;
  padding:0 0 2px;
  position:relative;
  top:-1px;
  transition-duration:.1s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  width:20px
}

@media (prefers-reduced-motion){
  .DocSearch-Button-Key{
    transition:none
  }
}

.DocSearch-Button-Key--pressed{
  box-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);
  box-shadow:var(--docsearch-key-pressed-shadow);
  transform:translate3d(0,1px,0)
}

@media (max-width:768px){
  .DocSearch-Button-Keys,.DocSearch-Button-Placeholder{
    display:none
  }
}

.DocSearch--active{
  overflow:hidden!important
}

.DocSearch-Container,.DocSearch-Container *{
  box-sizing:border-box
}

.DocSearch-Container{
  background-color:rgba(0, 0, 0, 0.2);
  background-color:var(--docsearch-container-background);
  height:100vh;
  left:0;
  position:fixed;
  top:0;
  width:100vw;
  z-index:200
}

.DocSearch-Container a{
  text-decoration:none
}

.DocSearch-Link{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:none;
  border:0;
  color:#EDF2F7;
  color:var(--docsearch-highlight-color);
  cursor:pointer;
  font:inherit;
  margin:0;
  padding:0
}

.DocSearch-Modal{
  background:#ffffff;
  background:var(--docsearch-modal-background);
  border-radius:6px;
  box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  box-shadow:var(--docsearch-modal-shadow);
  flex-direction:column;
  margin:60px auto auto;
  max-width:600px;
  max-width:var(--docsearch-modal-width);
  position:relative
}

.DocSearch-SearchBar{
  display:flex;
  padding:16px 16px 0;
  padding:var(--docsearch-spacing) var(--docsearch-spacing) 0
}

.DocSearch-Form{
  align-items:center;
  background:#fff;
  background:var(--docsearch-searchbox-focus-background);
  border-radius:4px;
  box-shadow:inset 0 0 0 2px rgb(40 84 239 / 1);
  box-shadow:var(--docsearch-searchbox-shadow);
  display:flex;
  height:52px;
  height:var(--docsearch-searchbox-height);
  margin:0;
  padding:0 16px;
  padding:0 var(--docsearch-spacing);
  position:relative;
  width:100%
}

.DocSearch-Input{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:transparent;
  border:0;
  color:#2D3748;
  color:var(--docsearch-text-color);
  flex:1;
  font:inherit;
  font-size:1.2em;
  height:100%;
  outline:none;
  padding:0 0 0 8px;
  width:80%
}

.DocSearch-Input::-moz-placeholder{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  opacity:1
}

.DocSearch-Input::placeholder{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  opacity:1
}

.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{
  display:none
}

.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{
  margin:0;
  padding:0
}

.DocSearch-MagnifierLabel,.DocSearch-Reset{
  align-items:center;
  color:#EDF2F7;
  color:var(--docsearch-highlight-color);
  display:flex;
  justify-content:center
}

.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{
  display:none
}

.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{
  align-items:center;
  color:#EDF2F7;
  color:var(--docsearch-highlight-color);
  display:flex;
  justify-content:center
}

@media screen and (prefers-reduced-motion:reduce){
  .DocSearch-Reset{
    animation:none;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    background:none;
    border:0;
    border-radius:50%;
    color:var(--docsearch-icon-color);
    cursor:pointer;
    right:0;
    stroke-width:1.5;
    stroke-width:var(--docsearch-icon-stroke-width)
  }
}

.DocSearch-Reset{
  animation:fade-in .1s ease-in forwards;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:none;
  border:0;
  border-radius:50%;
  color:var(--docsearch-icon-color);
  cursor:pointer;
  padding:2px;
  right:0;
  stroke-width:1.5;
  stroke-width:var(--docsearch-icon-stroke-width)
}

.DocSearch-Reset[hidden]{
  display:none
}

.DocSearch-Reset:hover{
  color:#EDF2F7;
  color:var(--docsearch-highlight-color)
}

.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{
  height:24px;
  width:24px
}

.DocSearch-Cancel{
  display:none
}

.DocSearch-Dropdown{
  max-height:calc(600px - 52px - 16px - 40px);
  max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));
  min-height:16px;
  min-height:var(--docsearch-spacing);
  overflow-y:auto;
  overflow-y:overlay;
  padding:0 16px;
  padding:0 var(--docsearch-spacing);
  scrollbar-color:#4A5568 #ffffff;
  scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);
  scrollbar-width:thin
}

.DocSearch-Dropdown::-webkit-scrollbar{
  width:12px
}

.DocSearch-Dropdown::-webkit-scrollbar-track{
  background:transparent
}

.DocSearch-Dropdown::-webkit-scrollbar-thumb{
  background-color:#4A5568;
  background-color:var(--docsearch-muted-color);
  border:3px solid #ffffff;
  border:3px solid var(--docsearch-modal-background);
  border-radius:20px
}

.DocSearch-Dropdown ul{
  list-style:none;
  margin:0;
  padding:0
}

.DocSearch-Label{
  font-size:.75em;
  line-height:1.6em
}

.DocSearch-Help,.DocSearch-Label{
  color:#4A5568;
  color:var(--docsearch-muted-color)
}

.DocSearch-Help{
  font-size:.9em;
  margin:0;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.DocSearch-Title{
  font-size:1.2em
}

.DocSearch-Logo a{
  display:flex
}

.DocSearch-Logo svg{
  color:rgb(40 84 239 / 1);
  color:var(--docsearch-logo-color);
  margin-left:8px
}

.DocSearch-Hits:last-of-type{
  margin-bottom:24px
}

.DocSearch-Hits mark{
  background:none;
  color:#EDF2F7;
  color:var(--docsearch-highlight-color)
}

.DocSearch-HitsFooter{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  display:flex;
  font-size:.85em;
  justify-content:center;
  margin-bottom:16px;
  margin-bottom:var(--docsearch-spacing);
  padding:16px;
  padding:var(--docsearch-spacing)
}

.DocSearch-HitsFooter a{
  border-bottom:1px solid;
  color:inherit
}

.DocSearch-Hit{
  border-radius:4px;
  display:flex;
  padding-bottom:4px;
  position:relative;
  scroll-margin-top:40px
}

@media screen and (prefers-reduced-motion:reduce){
  .DocSearch-Hit--deleting{
    transition:none
  }
}

.DocSearch-Hit--deleting{
  opacity:0;
  transition:all .25s linear
}

@media screen and (prefers-reduced-motion:reduce){
  .DocSearch-Hit--favoriting{
    transition:none
  }
}

.DocSearch-Hit--favoriting{
  transform:scale(0);
  transform-origin:top center;
  transition:all .25s linear;
  transition-delay:.25s
}

.DocSearch-Hit a{
  background:#ffffff;
  background:var(--docsearch-hit-background);
  border-radius:4px;
  box-shadow:none;
  box-shadow:var(--docsearch-hit-shadow);
  display:block;
  padding-left:16px;
  padding-left:var(--docsearch-spacing);
  width:100%
}

.DocSearch-Hit-source{
  background:#ffffff;
  background:var(--docsearch-modal-background);
  color:#EDF2F7;
  color:var(--docsearch-highlight-color);
  font-size:.85em;
  font-weight:600;
  line-height:32px;
  margin:0 -4px;
  padding:8px 4px 0;
  position:sticky;
  top:0;
  z-index:10
}

.DocSearch-Hit-Tree{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  height:48px;
  height:var(--docsearch-hit-height);
  opacity:.5;
  stroke-width:1.5;
  stroke-width:var(--docsearch-icon-stroke-width);
  width:24px
}

.DocSearch-Hit[aria-selected=true] a{
  background-color:#EDF2F7;
  background-color:var(--docsearch-highlight-color)
}

.DocSearch-Hit[aria-selected=true] mark{
  text-decoration:underline
}

.DocSearch-Hit-Container{
  align-items:center;
  color:#4A5568;
  color:var(--docsearch-hit-color);
  display:flex;
  flex-direction:row;
  height:48px;
  height:var(--docsearch-hit-height);
  padding:0 16px 0 0;
  padding:0 var(--docsearch-spacing) 0 0
}

.DocSearch-Hit-icon{
  height:20px;
  width:20px
}

.DocSearch-Hit-action,.DocSearch-Hit-icon{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  stroke-width:1.5;
  stroke-width:var(--docsearch-icon-stroke-width)
}

.DocSearch-Hit-action{
  align-items:center;
  display:flex;
  height:22px;
  width:22px
}

.DocSearch-Hit-action svg{
  display:block;
  height:18px;
  width:18px
}

.DocSearch-Hit-action+.DocSearch-Hit-action{
  margin-left:6px
}

.DocSearch-Hit-action-button{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:none;
  border:0;
  border-radius:50%;
  color:inherit;
  cursor:pointer;
  padding:2px
}

svg.DocSearch-Hit-Select-Icon{
  display:none
}

.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{
  display:block
}

.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{
  background:rgba(0,0,0,.2);
  transition:background-color .1s ease-in
}

@media screen and (prefers-reduced-motion:reduce){
  .DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{
    transition:none
  }
}

.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{
  fill:#fff
}

.DocSearch-Hit-content-wrapper{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  font-weight:500;
  justify-content:center;
  line-height:1.2em;
  margin:0 8px;
  overflow-x:hidden;
  position:relative;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:80%
}

.DocSearch-Hit-title{
  font-size:.9em
}

.DocSearch-Hit-path{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  font-size:.75em
}

.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] mark{
  color:rgb(40 84 239 / 1)!important;
  color:var(--docsearch-hit-active-color)!important
}

@media screen and (prefers-reduced-motion:reduce){
  .DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{
    background:rgba(0,0,0,.2);
    transition:none
  }
}

.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{
  font-size:.9em;
  margin:0 auto;
  padding:36px 0;
  text-align:center;
  width:80%
}

.DocSearch-Screen-Icon{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  padding-bottom:12px
}

.DocSearch-NoResults-Prefill-List{
  display:inline-block;
  padding-bottom:24px;
  text-align:left
}

.DocSearch-NoResults-Prefill-List ul{
  display:inline-block;
  padding:8px 0 0
}

.DocSearch-NoResults-Prefill-List li{
  list-style-position:inside;
  list-style-type:"» "
}

.DocSearch-Prefill{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background:none;
  border:0;
  border-radius:1em;
  color:#EDF2F7;
  color:var(--docsearch-highlight-color);
  cursor:pointer;
  display:inline-block;
  font-size:1em;
  font-weight:700;
  padding:0
}

.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{
  outline:none;
  text-decoration:underline
}

.DocSearch-Footer{
  align-items:center;
  background:#fff;
  background:var(--docsearch-footer-background);
  border-radius:0 0 8px 8px;
  box-shadow:none;
  box-shadow:var(--docsearch-footer-shadow);
  display:flex;
  flex-direction:row-reverse;
  flex-shrink:0;
  height:40px;
  height:var(--docsearch-footer-height);
  justify-content:space-between;
  padding:0 16px;
  padding:0 var(--docsearch-spacing);
  position:relative;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  width:100%;
  z-index:300
}

.DocSearch-Commands{
  color:#4A5568;
  color:var(--docsearch-muted-color);
  display:flex;
  list-style:none;
  margin:0;
  padding:0
}

.DocSearch-Commands li{
  align-items:center;
  display:flex
}

.DocSearch-Commands li:not(:last-of-type){
  margin-right:.8em
}

.DocSearch-Commands-Key{
  align-items:center;
  background:none;
  background:var(--docsearch-key-gradient);
  border:0;
  border-radius:2px;
  box-shadow:none;
  box-shadow:var(--docsearch-key-shadow);
  color:#4A5568;
  color:var(--docsearch-muted-color);
  display:flex;
  height:18px;
  justify-content:center;
  margin-right:.4em;
  padding:0 0 1px;
  width:20px
}

.DocSearch-VisuallyHiddenForAccessibility{
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  height:1px;
  overflow:hidden;
  position:absolute;
  white-space:nowrap;
  width:1px
}

@media (max-width:768px){
  :root{
    --docsearch-spacing:10px;
    --docsearch-footer-height:40px
  }

  .DocSearch-Dropdown{
    height:100%
  }

  .DocSearch-Container{
    height:100vh;
    height:-webkit-fill-available;
    height:calc(1vh*100);
    height:calc(var(--docsearch-vh, 1vh)*100);
    position:absolute
  }

  .DocSearch-Footer{
    border-radius:0;
    bottom:0;
    position:absolute
  }

  .DocSearch-Hit-content-wrapper{
    display:flex;
    position:relative;
    width:80%
  }

  .DocSearch-Modal{
    border-radius:0;
    box-shadow:none;
    height:100vh;
    height:-webkit-fill-available;
    height:calc(1vh*100);
    height:calc(var(--docsearch-vh, 1vh)*100);
    margin:0;
    max-width:100%;
    width:100%
  }

  .DocSearch-Dropdown{
    max-height:calc(1vh*100 - 52px - 16px - 40px);
    max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))
  }

  .DocSearch-Cancel{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    background:none;
    border:0;
    color:#EDF2F7;
    color:var(--docsearch-highlight-color);
    cursor:pointer;
    display:inline-block;
    flex:none;
    font:inherit;
    font-size:1em;
    font-weight:500;
    margin-left:16px;
    margin-left:var(--docsearch-spacing);
    outline:none;
    overflow:hidden;
    padding:0;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    white-space:nowrap
  }

  .DocSearch-Commands,.DocSearch-Hit-Tree{
    display:none
  }
}

@keyframes fade-in{
  0%{
    opacity:0
  }

  to{
    opacity:1
  }
}

:root {
  --docsearch-primary-color: rgb(var(--color-secondary-500) / 1);
  --docsearch-text-color: #2D3748;
  --docsearch-spacing: 16px;
  --docsearch-icon-stroke-width: 1.5;
  --docsearch-highlight-color: #EDF2F7;
  --docsearch-muted-color: #4A5568;
  --docsearch-container-background: rgba(0, 0, 0, 0.2);
  --docsearch-logo-color: rgb(var(--color-secondary-500) / 1);
  --docsearch-modal-width: 600px;
  --docsearch-modal-height: 600px;
  --docsearch-modal-background: #ffffff;
  --docsearch-modal-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --docsearch-searchbox-height: 52px;
  --docsearch-searchbox-background: #ebedf0;
  --docsearch-searchbox-focus-background: #fff;
  --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
  --docsearch-hit-height: 48px;
  --docsearch-hit-color: #4A5568;
  --docsearch-hit-active-color: var(--docsearch-primary-color);
  --docsearch-hit-background: #ffffff;
  --docsearch-hit-shadow: none;
  --docsearch-key-gradient: none;
  --docsearch-key-shadow: none;
  --docsearch-footer-height: 40px;
  --docsearch-footer-background: #fff;
  --docsearch-footer-shadow: none;
}

html[data-theme="dark"] {
  --docsearch-text-color: #f5f6f7;
  --docsearch-container-background: rgba(9, 10, 17, 0.8);
  --docsearch-modal-background: #15172a;
  --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
  --docsearch-searchbox-background: #090a11;
  --docsearch-searchbox-focus-background: #000;
  --docsearch-hit-color: #bec3c9;
  --docsearch-hit-shadow: none;
  --docsearch-hit-background: #090a11;
  --docsearch-key-gradient: #ffffff;
  --docsearch-key-shadow: none;
  --docsearch-footer-background: #1e2136;
  --docsearch-footer-shadow: none;
  --docsearch-logo-color: #fff;
  --docsearch-muted-color: #7f8497;
}

/* Search modal toggle - Blog & Help Documentation */

.DocSearch-Button{
  margin: 0px;
  height: 3.5rem;
  width: 100%;
  cursor: text;
  border-radius: 0.5rem;
  background-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 1px solid #E2E8F0 !important;
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Button{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.DocSearch-Button:hover,
.DocSearch-Button:focus,
.DocSearch-Button:active {
  border: 1px solid rgb(40 84 239 / 1) !important;
  border: 1px solid rgb(var(--color-secondary-500) / 1) !important;
  outline: none !important;
  box-shadow: none !important;
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.DocSearch-Button .DocSearch-Search-Icon svg{
  --tw-text-opacity: 1 !important;
  color: rgb(203 213 224 / 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Button .DocSearch-Search-Icon svg{
  color: rgb(203 213 224 / var(--tw-text-opacity)) !important;
}
}

.DocSearch-Button-Placeholder{
  margin-left: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Button-Placeholder{
  color: rgb(160 174 192 / var(--tw-text-opacity));
}
}

.DocSearch-Button-Keys {
  min-width: auto;
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Button-Keys {
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.DocSearch-Button-Key{
  margin: 0px;
  padding: 0px;
  font-weight: 400;
}

.DocSearch-Button .DocSearch-Search-Icon{
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Button .DocSearch-Search-Icon{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

/* Global Search form */

.DocSearch-Form{
  border-radius: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: none !important;
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Form{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.DocSearch-Reset svg{
  stroke: currentColor;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Reset svg{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.DocSearch-Reset:hover svg {
  color: rgb(40 84 239 / 1);
  color: var(--docsearch-primary-color);
}

.DocSearch-Commands{
  display: none;
}

.DocSearch-Input{
  font-size: 1rem;
  line-height: 1.5rem;
}

.DocSearch-Input:focus {
  outline: none;
  box-shadow: none;
}

.DocSearch-Hit-source{
  margin-bottom: 0.25rem;
  padding-top: 1.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Hit-source{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.DocSearch-Hits:first-of-type .DocSearch-Hit-source:first-of-type{
  padding-top: 0.5rem;
}

.DocSearch-MagnifierLabel svg{
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-MagnifierLabel svg{
  color: rgb(160 174 192 / var(--tw-text-opacity));
}
}

.DocSearch-Footer{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.DocSearch-Hit-Container{
  border-radius: 0.5rem;
  background-color: rgb(249 250 251 / 0.5);
  --tw-bg-opacity: 0.5;
  padding: 0.75rem;
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Hit-Container{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.DocSearch-Hit-Container mark {
  color: rgb(40 84 239 / 1);
  color: var(--docsearch-primary-color);
}

.DocSearch-Hit-title{
  font-weight: 400;
  letter-spacing: 0.025em;
}

.DocSearch-Hit-Container .DocSearch-Hit-icon{
  margin-right: 0.5rem;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Hit-Container .DocSearch-Hit-icon{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.DocSearch-Hit-Container .DocSearch-Hit-icon svg{
  height: 0.75rem;
  width: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.DocSearch-Hit-Container .DocSearch-Hit-icon svg{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.DocSearch-Hit a{
  border-radius: 0.5rem;
  padding-left: 0px;
}

.DocSearch-Hit a:hover .DocSearch-Hit-title mark,
.DocSearch-Hit a:hover .DocSearch-Hit-icon svg{
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
}

.DocSearch-Hit-path{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.DocSearch-Prefill {
  color: rgb(40 84 239 / 1);
  color: var(--docsearch-primary-color);
}

.DocSearch-Cancel {
  color: #718096;
}

.DocSearch-Cancel:hover {
  color: #4A5568;
}

#download-form #upload-file.in.hover .attachment-form-upload{
  --tw-border-opacity: 1;
  border-color: rgb(154 230 180 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(240 255 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(56 161 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#download-form #upload-file.in.hover .attachment-form-upload{
  border-color: rgb(154 230 180 / var(--tw-border-opacity));
  background-color: rgb(240 255 244 / var(--tw-bg-opacity));
  color: rgb(56 161 105 / var(--tw-text-opacity));
}
}

#download-form #upload-file.hover{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#download-form #upload-file.hover{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

#download-form #upload-form .choose-file{
  position: relative;
  display: inline;
}

#download-form #upload-form .choose-file input{
  position: absolute;
  top: 0px;
  opacity: 0;
  left: -90px;
  width: 150%;
}

#download-form #upload-progress{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#download-form #upload-progress progress{
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#download-form #upload-progress progress{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

#download-form #upload-progress progress[value]::-webkit-progress-bar,
    #download-form #upload-progress progress[value]::-moz-progress-bar{
  --tw-bg-opacity: 1;
  background-color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#download-form #upload-progress progress[value]::-webkit-progress-bar,
    #download-form #upload-progress progress[value]::-moz-progress-bar{
  background-color: rgb(72 187 120 / var(--tw-bg-opacity));
}
}

#download-form dl{
  border-width: 0px;
  padding: 0px;
}

#download-form dl a{
  text-decoration-line: none;
}

#download-form dl a:hover{
  text-decoration-line: underline;
}

#download-form div.file-size {
  margin: 10px 0 0 0;
  font-size: 12px;
  color: #5a6b78;
}

#email_template_subject,
#email_template_edited_content{
  --tw-text-opacity: 1 !important;
  color: rgb(74 85 104 / 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
#email_template_subject,
#email_template_edited_content{
  color: rgb(74 85 104 / var(--tw-text-opacity)) !important;
}
}

#email_template_edited_content .email-variable{
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(66 153 225 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(235 248 255 / 1);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#email_template_edited_content .email-variable{
  border-color: rgb(66 153 225 / var(--tw-border-opacity));
  background-color: rgb(235 248 255 / var(--tw-bg-opacity));
  color: rgb(49 130 206 / var(--tw-text-opacity));
}
}

#email_template_edited_content .email-variable + .attachment__caption{
  display: none;
}

#email_template_edited_content [data-trix-mutable] .email-variable{
  --tw-border-opacity: 1;
  border-color: rgb(49 130 206 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
  --tw-text-opacity: 1;
  color: rgb(43 108 176 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#email_template_edited_content [data-trix-mutable] .email-variable{
  border-color: rgb(49 130 206 / var(--tw-border-opacity));
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
  color: rgb(43 108 176 / var(--tw-text-opacity));
}
}

#email_template_edited_content .trix-editor{
  border-radius: 0.375rem;
  border-width: 1px;
}

.email-preview {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.email-preview p{
  font-size: 1rem;
  line-height: 1.5rem;
}

.email-preview h1{
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.email-preview .purchase-detail,
  .email-preview .purchase-detail h1,
  .email-preview .purchase__heading p,
  .email-preview .purchase__content td {
  color: #555;
}

.email-preview .purchase-detail p{
  margin-top: 1rem;
}

.email-preview a.trix-editor-wrapper__expand-link,
  .email-preview a.trix-editor-wrapper__expand-link:active,
  .email-preview a.trix-editor-wrapper__expand-link:visited{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: block;
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: dashed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@supports (color: rgb(0 0 0 / 0)){
.email-preview a.trix-editor-wrapper__expand-link,
  .email-preview a.trix-editor-wrapper__expand-link:active,
  .email-preview a.trix-editor-wrapper__expand-link:visited{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.email-preview a.trix-editor-wrapper__expand-link:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
  --tw-text-opacity: 1;
  color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.email-preview a.trix-editor-wrapper__expand-link:hover{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
  color: rgb(49 130 206 / var(--tw-text-opacity));
}
}

.email-preview .attributes{
  width: 100%;
}

.email_templates .trix-editor{
  margin-top: 0.25rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.email_templates .trix-editor{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.email_templates trix-toolbar{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.email_templates trix-toolbar{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.file-uploader__wrapper{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  background-color: transparent;
}

.file-uploader__wrapper .file-uploader__remove{
  display: none;
}

.file-uploader__button--select input{
  display: none;
}

.file-uploader__image{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color) / 1);
  background-color: rgb(var(--background-color) / var(--tw-bg-opacity));
  padding: 1rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: rgb(var(--border-color) / 0.1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.file-uploader__remove{
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  text-align: center;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 0.9rem;
  padding: 0.5rem 0.95rem;
}

.file-uploader__remove.btn-sm{
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.btn.file-uploader__remove, .btn-copy.file-uploader__remove, .pagination .next_page.file-uploader__remove, .pagination .previous_page.file-uploader__remove{
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file-uploader__remove.btn-md{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.file-uploader__remove.btn-lg{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.file-uploader__remove.btn-expanded{
  display: block;
  width: 100%;
}

.file-uploader__remove.btn-flat {
  box-shadow: none;
}

.file-uploader__remove:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}

.file-uploader__remove.active-control{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.file-uploader__remove.active-control{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.file-uploader__remove.active-control:hover{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.file-uploader__remove.active-control:hover{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.file-uploader__remove{
  border-width: 1px;
  border-color: transparent;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.file-uploader__remove{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.file-uploader__remove:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.file-uploader__remove:hover{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.file-uploader__remove:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(160 174 192 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.1;
}

.file-uploader__remove[aria-selected="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.file-uploader__remove[aria-selected="true"]{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.btn-split > .file-uploader__remove, .btn-group > .file-uploader__remove{
  border-radius: 0px;
}

.btn-split > .file-uploader__remove:hover, .btn-group > .file-uploader__remove:hover{
  z-index: 10;
}

.btn-split > .file-uploader__remove[aria-selected="true"], .btn-group > .file-uploader__remove[aria-selected="true"]{
  z-index: 10;
}

.btn-split > .file-uploader__remove, .btn-group > .file-uploader__remove{
  border-radius: 0px;
}

.btn-split > .file-uploader__remove:hover, .btn-group > .file-uploader__remove:hover{
  z-index: 10;
}

.btn-split > .file-uploader__remove[aria-selected="true"], .btn-group > .file-uploader__remove[aria-selected="true"]{
  z-index: 10;
}

.btn-split > .file-uploader__remove:first-child, .btn-group > .file-uploader__remove:first-child{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.btn-split > .file-uploader__remove:last-child, .btn-group > .file-uploader__remove:last-child{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.btn-group > .file-uploader__remove:last-of-type{
  margin-left: -1px;
}

.file-uploader__remove{
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  z-index: 10;
  margin-top: -1px;
}

.file-uploader--file-selected .file-uploader__button--select{
  display: none !important;
}

.file-uploader--file-selected .file-uploader__remove{
  display: flex;
}

.file-uploader--file-selected .file-uploader__image{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.groups-category{
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.groups-category{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .groups-category{
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.groups-grid{
  margin-left: -1rem;
  margin-right: -1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 1px;
  gap: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  padding-left: 1rem;
  padding-right: 1rem;
}

@supports (color: rgb(0 0 0 / 0)){
.groups-grid{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .groups-grid{
    margin-left: -2rem;
    margin-right: -2rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-left: 0px;
    padding-right: 0px;
  }
}

.groups-block{
  margin-left: -1rem;
  margin-right: -1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.groups-block{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .groups-block{
    grid-column: span 6 / span 6;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.groups-block__content{
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@supports (color: rgb(0 0 0 / 0)){
.groups-block__content{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .groups-block__content{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .groups-block:last-child:nth-child(odd){
    grid-column: span 12 / span 12;
  }

  .groups-block:last-child:nth-child(odd) .groups-block__content{
    margin-left: 0.5px;
    width: 50%;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 242 247 / 1);
  }

@supports (color: rgb(0 0 0 / 0)){
.groups-block:last-child:nth-child(odd) .groups-block__content{
    border-color: rgb(237 242 247 / var(--tw-border-opacity));
  }
}
}

.main-header{
  width: 100%;
}

@media (min-width: 1024px) {
  .main-header {
    width: 240px;
    min-width: 240px
  }
}

.admin-logo-nav-link{
  display: block;
  width: 100%;
  flex: 1 1 0%;
  padding-left: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.admin-logo-nav-link{
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.admin-logo-nav-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.admin-logo-nav-link:hover{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .admin-logo-nav-link{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(45 55 72 / 1);
    padding-left: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

@supports (color: rgb(0 0 0 / 0)){
.admin-logo-nav-link{
    border-color: rgb(45 55 72 / var(--tw-border-opacity));
  }
}
}

.admin-logo-nav-link {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .admin-logo-nav-link {
    background: rgb(26, 32, 44);
    background: linear-gradient(
      160deg,
      rgba(26, 32, 44, 1) 0%,
      rgba(12, 15, 21, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a202c",endColorstr="#0c0f15",GradientType=1)
  }
}

.primary-nav a{
  display: flex;
  cursor: pointer;
  align-items: center;
  border-right-width: 4px;
  border-color: transparent;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(237 242 247 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@supports (color: rgb(0 0 0 / 0)){
.primary-nav a{
  color: rgb(237 242 247 / var(--tw-text-opacity));
}
}

.primary-nav a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.primary-nav a:hover{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .primary-nav a{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.primary-nav a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.primary-nav a.active{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.primary-nav a.active:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.primary-nav a.active:hover{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.primary-nav a.sub-nav-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.primary-nav .sub-nav {
  border-bottom: 1px solid rgba(#ddd, 0.2);
  padding-left: 30px;
}

.primary-nav .sub-nav.active{
  display: block;
}

.primary-nav .sub-nav li{
  cursor: pointer;
}

.primary-nav .sub-nav a{
  cursor: pointer;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.primary-nav .sub-nav a:hover,
      .primary-nav .sub-nav a:focus{
  border-right-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(239 80 40 / 1);
  border-color: rgb(var(--color-primary-500) / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@supports (color: rgb(0 0 0 / 0)){
.primary-nav .sub-nav a:hover,
      .primary-nav .sub-nav a:focus{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.primary-nav .sub-nav a.active{
  position: relative;
  background-color: transparent;
}

.primary-nav .sub-nav a.active:before {
  content: "";
  right: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 17px;
  left: auto;
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
  .primary-nav .sub-nav a.active:before {
    content: "";
    left: 8px;
  }
}

/* Icon enhancements */

.primary-nav .nav-icon-rectangle-stack{
  position: relative;
  left: -0.25rem;
  margin-right: 6px;
}

.primary-nav .help-link a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.settings-scrollable-mobile-nav {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
  overflow-x: scroll;
  overflow-y: hidden;
}

.settings-scrollable-mobile-nav::-webkit-scrollbar{
  display: none;
  height: 0px;
  width: 0px;
}

.scrollable-mobile-nav{
  position: relative;
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.scrollable-mobile-nav{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

@media (min-width: 1024px){
  .scrollable-mobile-nav{
    display: none;
  }
}

.scrollable-mobile-nav {
  height: 52px;
}

.scrollable-mobile-nav .mobile-nav{
  position: relative;
  box-sizing: content-box;
  border-bottom-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 52px;
}

.scrollable-mobile-nav .mobile-nav li{
  padding-left: 1px;
  padding-right: 1px;
}

.scrollable-mobile-nav a {
  padding: 0.4rem 0.6rem;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  border-radius: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.scrollable-mobile-nav a {
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.scrollable-mobile-nav a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  font-weight: 700;
}

@supports (color: rgb(0 0 0 / 0)){
.scrollable-mobile-nav a.active{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

body.metrics{
  overflow-x: hidden;
}

.metrics-change{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 13px;
  font-weight: 600;
}

.metrics-change.metrics-change--positive{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  --tw-text-opacity: 1;
  color: rgb(56 161 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-change.metrics-change--positive{
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
  color: rgb(56 161 105 / var(--tw-text-opacity));
}
}

.metrics-change.metrics-change--negative{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  --tw-text-opacity: 1;
  color: rgb(229 62 62 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-change.metrics-change--negative{
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  color: rgb(229 62 62 / var(--tw-text-opacity));
}
}

.metrics-change.metrics-change--neutral{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-change.metrics-change--neutral{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.metrics-table{
  width: 100%;
  overflow: auto;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.metrics-table table{
  width: 100%;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: 0px 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.metrics-table th, .metrics-table td{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: 0px 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  border-bottom-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 242 247 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table th, .metrics-table td{
  border-color: rgb(237 242 247 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.metrics-table th:last-child, .metrics-table td:last-child{
  border-right-width: 0px;
}

.metrics-table th a, .metrics-table td a{
  display: block;
}

.metrics-table th a span, .metrics-table td a span{
  border-bottom-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  padding-bottom: 1px;
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table th a span, .metrics-table td a span{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
}
}

.metrics-table td{
  white-space: nowrap;
}

@media (min-width: 768px){
  .metrics-table th{
    white-space: nowrap;
  }
}

.metrics-table thead th{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table thead th{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
}

.metrics-table th:first-child{
  position: sticky;
  left: 0px;
  max-width: 150px;
  font-weight: 400;
}

@media (min-width: 768px){
  .metrics-table th:first-child{
    max-width: none;
  }
}

.metrics-table tbody tr:hover th,
  .metrics-table tbody tr:hover td{
  --tw-border-opacity: 1;
  border-right-color: rgb(229 229 229 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table tbody tr:hover th,
  .metrics-table tbody tr:hover td{
  border-right-color: rgb(229 229 229 / var(--tw-border-opacity));
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
}

.metrics-table tbody tr:last-of-type th,
  .metrics-table tbody tr:last-of-type td{
  border-bottom-width: 0px;
}

.metrics-table tbody tr.metrics-table__total-row th,
  .metrics-table tbody tr.metrics-table__total-row td{
  border-right-color: rgb(212 212 212 / 0.5);
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
  font-weight: 600;
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table tbody tr.metrics-table__total-row th,
  .metrics-table tbody tr.metrics-table__total-row td{
  border-right-color: rgb(212 212 212 / var(--tw-border-opacity));
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
}

.metrics-table tbody tr.metrics-table__section th,
  .metrics-table tbody tr.metrics-table__section td{
  position: sticky;
  z-index: 30;
  border-bottom-width: 2px;
  border-right-width: 0px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-right-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 1.5rem;
  text-align: left;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / 1);
  --tw-shadow-color: #A3A3A3;
  --tw-shadow: var(--tw-shadow-colored);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table tbody tr.metrics-table__section th,
  .metrics-table tbody tr.metrics-table__section td{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
}

.metrics-table tbody tr:nth-child(1).metrics-table__section th,
  .metrics-table tbody tr:nth-child(1).metrics-table__section td {
  box-shadow: 0 -1px 0 0 var(--tw-shadow-color);
}

.metrics-table tbody tr:not(:nth-child(1)).metrics-table__section th,
  .metrics-table tbody tr:not(:nth-child(1)).metrics-table__section td {
  box-shadow: inset 0 1px 0 0 var(--tw-shadow-color);
}

.metrics-table tbody tr.metrics-table__section th{
  z-index: 40;
}

.metrics-table.left-shadow tr:not(.metrics-table__section) th:first-child {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  clip-path: inset(0 -15px 0 0);
}

.metrics-table.right-shadow .metrics-table__right-shadow{
  opacity: 1;
}

.metrics-table .metrics-table__na-data{
  background-color: rgb(250 250 250 / 0.5);
  --tw-bg-opacity: 0.5;
  background-image: linear-gradient(to top left,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) calc(50% - 0.8px),
    rgba(0,0,0,.05) 50%,
    rgba(0,0,0,0) calc(50% + 0.8px),
    rgba(0,0,0,0) 100%);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-table .metrics-table__na-data{
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
}

.metrics-breadcrumb{
  position: relative;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1024px){
  .metrics-breadcrumb{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1280px){
  .metrics-breadcrumb{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.metrics-breadcrumb > ul{
  margin: 0px;
  display: flex;
  width: 100%;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: center;
  padding: 0px;
}

details > summary.metrics-breadcrumb > ul::-webkit-details-marker,
details > summary.metrics-breadcrumb > ul::marker{
  display: none;
}

@media (min-width: 768px){
  .metrics-breadcrumb > ul{
    flex-wrap: nowrap;
  }
}

.metrics-breadcrumb__item:not(:last-child)::after{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
  content: "/\00a0";
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-breadcrumb__item:not(:last-child)::after{
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.metrics-breadcrumb__item{
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-breadcrumb__item{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

@media (min-width: 768px){
  .metrics-breadcrumb__item{
    position: relative;
  }
}

.metrics-breadcrumb__item[aria-current="page"] > a,
.metrics-breadcrumb__item[aria-current="page"] > button{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-breadcrumb__item[aria-current="page"] > a,
.metrics-breadcrumb__item[aria-current="page"] > button{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.metrics-breadcrumb__item > a{
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-breadcrumb__item > a{
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}
}

.metrics-breadcrumb__item > a:hover{
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-breadcrumb__item > a:hover{
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.metrics-dropdown{
  position: absolute;
  top: calc(100% + 10px);
  left: 0px;
  z-index: 50;
  width: calc(100vw - 2rem);
  transform-origin: top left;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-dropdown{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

@media (min-width: 768px){
  .metrics-dropdown{
    width: auto;
    min-width: 340px;
  }
}

@media (min-width: 1024px){
  .metrics-dropdown{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.metrics-dropdown__description{
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-dropdown__description{
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.metrics-dropdown__item{
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 1rem;
  line-height: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.metrics-dropdown__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
}

@supports (color: rgb(0 0 0 / 0)){
.metrics-dropdown__item:hover{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.metrics-dropdown__item-label{
  flex: 1 1 0%;
}

@media (min-width: 1024px){
  .metrics-dropdown__item-label{
    display: block;
  }
}

.metrics-dropdown__item-arrow{
  position: relative;
  left: -0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  fill: currentColor;
  opacity: 0;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.group:hover .metrics-dropdown__item-arrow{
  --tw-translate-x: 0.25rem;
  transform: translate(0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
  opacity: 1;
}

/* Home page specific styles */

.navigation-editor__homepage .navigation-editor__item-control{
  margin: 0px;
  display: none;
}

.navigation-editor__homepage .navigation-editor__item-homepage-icon{
  display: block;
}

.navigation-editor__homepage .navigation-editor__item-label{
  flex: 1 1 0%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
}

@media (min-width: 640px){
  .navigation-editor__homepage .navigation-editor__item-label{
    margin-left: 1rem;
    padding: 0px;
  }
}

.navigation-editor__homepage .navigation-editor__item-homepage-enable{
  display: none;
}

.navigation-editor__homepage .navigation-editor__homepage-disabled{
  display: none;
}

.navigation-editor__homepage-disabled:only-child{
  display: flex !important;
}

.navigation-editor__item-homepage-icon{
  display: none;
}

.navigation-editor__item-label{
  flex: 1 1 0%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .navigation-editor__item-label{
    margin-left: 1rem;
    padding: 0px;
  }
}

.navigation-editor__draggable-control{
  display: none;
  height: 2.25rem;
  width: 2.25rem;
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.navigation-editor__draggable-control{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.navigation-editor__draggable-control::file-selector-button{
  padding: 0.5rem;
}

.navigation-editor__draggable-control:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.navigation-editor__draggable-control:focus{
  cursor: grab;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 250 252 / var(--tw-ring-opacity));
}

@supports (color: rgb(0 0 0 / 0)){
.navigation-editor__draggable-control:focus{
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
}

@media (min-width: 640px){
  .navigation-editor__draggable-control{
    display: flex;
  }
}

.navigation-editor__arrow-controls{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 640px){
  .navigation-editor__arrow-controls{
    display: none;
  }
}

.navigation-editor__tap-label{
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.navigation-editor__tap-label{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

@media (min-width: 640px){
  .navigation-editor__tap-label{
    margin-left: 0px;
  }
}

@media all and (width: 768px) and (height: 1024px) and (orientation: portrait) {
  .navigation-editor__draggable-control{
    display: none !important;
  }

  .navigation-editor__arrow-controls{
    margin: 0px;
    display: flex;
    border-style: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }

  .navigation-editor__tap-label{
    display: none;
  }

  .navigation-editor__item-control{
    margin: 0px;
  }
}

@media all and (width: 1024px) and (height: 768px) and (orientation: landscape) {
  .navigation-editor__draggable-control{
    display: none !important;
  }

  .navigation-editor__arrow-controls{
    margin: 0px;
    display: flex;
    border-style: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }

  .navigation-editor__tap-label{
    display: none;
  }

  .navigation-editor__item-control{
    margin: 0px;
  }
}

.signup .input{
  margin-top: 0.25rem;
  width: 100%;
  border-radius: 0.25rem;
  border-color: rgb(203 213 224 / 0.9);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
}

@supports (color: rgb(0 0 0 / 0)){
.signup .input{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.signup .input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(113 128 150 / 1);
}

.signup .input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.signup .input::-moz-placeholder{
  color: rgb(113 128 150 / var(--tw-placeholder-opacity));
}
.signup .input::placeholder{
  color: rgb(113 128 150 / var(--tw-placeholder-opacity));
}
}

.signup .input{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.signup .input:focus{
  border-color: rgb(63 105 255 / 0.8);
  border-color: rgb(var(--color-secondary-400) / 0.8);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-secondary-500) / 0.1);
}

.order-status-bar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.order-status-bar{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.order-status-bar.completed{
  --tw-bg-opacity: 1;
  background-color: rgb(104 211 145 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.order-status-bar.completed{
  background-color: rgb(104 211 145 / var(--tw-bg-opacity));
}
}

.order-status-bar.suspended{
  --tw-bg-opacity: 1;
  background-color: rgb(245 101 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.order-status-bar.suspended{
  background-color: rgb(245 101 101 / var(--tw-bg-opacity));
}
}

.order-status-bar.refunded{
  --tw-bg-opacity: 1;
  background-color: rgb(99 179 237 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.order-status-bar.refunded{
  background-color: rgb(99 179 237 / var(--tw-bg-opacity));
}
}

.plan-form .plan-form__team_plan_settings .plan-form__included_seats{
  margin-bottom: 0px;
}

.plan-form .plan-form__maximum_seat_count{
  margin: 0px;
}

@media (min-width: 1024px){
  .plan-form .plan-summary{
    position: sticky;
    top: 1.5rem;
  }
}

.plan-form .plan-summary ul{
  list-style-type: disc;
  padding-left: 1rem;
}

.posts-editor{
  background-color: transparent;
}

.posts-editor .posts-editor__compose-container{
  position: relative;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.posts-editor .posts-editor__compose-container{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.posts-editor #posts-editor__compose,
  .posts-editor #posts-editor__preview{
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (min-width: 1024px){
  .posts-editor #posts-editor__compose,
  .posts-editor #posts-editor__preview{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.posts-editor .posts-editor__title{
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: none;
  border-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.posts-editor .posts-editor__title{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.posts-editor .posts-editor__title::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(203 213 224 / 1);
}

.posts-editor .posts-editor__title::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.posts-editor .posts-editor__title::-moz-placeholder{
  color: rgb(203 213 224 / var(--tw-placeholder-opacity));
}
.posts-editor .posts-editor__title::placeholder{
  color: rgb(203 213 224 / var(--tw-placeholder-opacity));
}
}

.posts-editor .posts-editor__title{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.posts-editor .posts-editor__title:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

@media (min-width: 1024px){
  .posts-editor .posts-editor__title{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.posts-editor #posts-editor__preview{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.posts-editor #posts-editor__preview h1{
  margin-bottom: 1rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.posts-editor #posts-editor__preview h1{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

@media (min-width: 1024px){
  .posts-editor #posts-editor__preview h1{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.posts-editor .modal-content {
  max-width: 550px;
}

/* Trix editor modification specific to content editor (posts only) */

.posts-editor .posts-editor__trix-editor{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  min-height: 460px;
  border-width: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0.25rem;
  padding-top: 0.5rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.posts-editor .posts-editor__trix-editor::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(203 213 224 / 1);
}

.posts-editor .posts-editor__trix-editor::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.posts-editor .posts-editor__trix-editor::-moz-placeholder{
  color: rgb(203 213 224 / var(--tw-placeholder-opacity));
}
.posts-editor .posts-editor__trix-editor::placeholder{
  color: rgb(203 213 224 / var(--tw-placeholder-opacity));
}
}

.posts-editor trix-toolbar{
  position: sticky;
  top: 7rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 0.375rem;
  background-color: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-shadow: 0 10px 7px 4px rgba(255,255,255,1);
  --tw-shadow-colored: 0 10px 7px 4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 7px 4px rgba(255,255,255,1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@container (min-width: 42rem){
  .posts-editor trix-toolbar{
    top: 72px;
  }
}

@media (min-width: 1024px){
  .posts-editor trix-toolbar{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.posts-editor trix-toolbar .trix-button--icon-heading-1,
  .posts-editor trix-toolbar .trix-button--icon-quote,
  .posts-editor trix-toolbar .trix-button-group--file-tools{
  display: block;
}

.posts-editor trix-toolbar .trix-button-group--history-tools{
  display: none !important;
}

@media (min-width: 768px){
  .posts-editor trix-toolbar .trix-button-group--history-tools{
    display: block;
    padding-right: 1.5rem;
  }
}

.posts-editor .posts-editor__attachment-highlight{
  position: relative;
  z-index: 20;
  border-radius: 0.5rem;
  background-color: rgb(240 255 244 / 0.5);
  --tw-bg-opacity: 0.5;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  outline: 2px dashed #68D391;
}

@supports (color: rgb(0 0 0 / 0)){
.posts-editor .posts-editor__attachment-highlight{
  background-color: rgb(240 255 244 / var(--tw-bg-opacity));
}
}

#posts-editor__compose trix-editor h1, #posts-editor__preview .trix-content h1{
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.020em;
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#posts-editor__compose trix-editor h1, #posts-editor__preview .trix-content h1{
  color: rgb(38 38 38 / var(--tw-text-opacity));
}
}

#posts-editor__compose trix-editor ol,
  #posts-editor__compose trix-editor ul,
  #posts-editor__preview .trix-content ol,
  #posts-editor__preview .trix-content ul{
  padding-left: 1.5rem;
}

#posts-editor__compose trix-editor ol,
  #posts-editor__compose trix-editor ul,
  #posts-editor__compose trix-editor p,
  #posts-editor__compose trix-editor div,
  #posts-editor__compose trix-editor align-left,
  #posts-editor__compose trix-editor align-center,
  #posts-editor__compose trix-editor align-right,
  #posts-editor__compose trix-editor blockquote,
  #posts-editor__preview .trix-content ol,
  #posts-editor__preview .trix-content ul,
  #posts-editor__preview .trix-content p,
  #posts-editor__preview .trix-content div,
  #posts-editor__preview .trix-content align-left,
  #posts-editor__preview .trix-content align-center,
  #posts-editor__preview .trix-content align-right,
  #posts-editor__preview .trix-content blockquote{
  font-size: 1.2rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#posts-editor__compose trix-editor ol,
  #posts-editor__compose trix-editor ul,
  #posts-editor__compose trix-editor p,
  #posts-editor__compose trix-editor div,
  #posts-editor__compose trix-editor align-left,
  #posts-editor__compose trix-editor align-center,
  #posts-editor__compose trix-editor align-right,
  #posts-editor__compose trix-editor blockquote,
  #posts-editor__preview .trix-content ol,
  #posts-editor__preview .trix-content ul,
  #posts-editor__preview .trix-content p,
  #posts-editor__preview .trix-content div,
  #posts-editor__preview .trix-content align-left,
  #posts-editor__preview .trix-content align-center,
  #posts-editor__preview .trix-content align-right,
  #posts-editor__preview .trix-content blockquote{
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
}

#posts-editor__compose trix-editor blockquote, #posts-editor__preview .trix-content blockquote{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

#posts-editor__compose trix-editor align-left, #posts-editor__preview .trix-content align-left{
  display: block;
  text-align: left;
}

#posts-editor__compose trix-editor align-center, #posts-editor__preview .trix-content align-center{
  display: block;
  text-align: center;
}

#posts-editor__compose trix-editor align-right, #posts-editor__preview .trix-content align-right{
  display: block;
  text-align: right;
}

#posts-editor__compose trix-editor .episode-embed, #posts-editor__preview .trix-content .episode-embed{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / 1);
  pointer-events: none;
  display: flex;
  width: 100%;
  flex-shrink: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
  border-radius: 1rem;
  padding: 1rem;
}

@supports (color: rgb(0 0 0 / 0)){
#posts-editor__compose trix-editor .episode-embed, #posts-editor__preview .trix-content .episode-embed{
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
}

@media (min-width: 768px){
  #posts-editor__compose trix-editor .episode-embed, #posts-editor__preview .trix-content .episode-embed{
    flex-direction: row;
    align-items: center;
  }
}

#posts-editor__compose trix-editor .episode-embed--thumbnail, #posts-editor__preview .trix-content .episode-embed--thumbnail{
  pointer-events: none;
  height: 20rem;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px){
  #posts-editor__compose trix-editor .episode-embed--thumbnail, #posts-editor__preview .trix-content .episode-embed--thumbnail{
    height: 52px;
    width: 52px;
  }
}

#posts-editor__compose trix-editor .episode-embed--content, #posts-editor__preview .trix-content .episode-embed--content{
  display: flex;
  max-width: calc(100% - 52px);
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 0.25rem;
}

@media (min-width: 768px){
  #posts-editor__compose trix-editor .episode-embed--content, #posts-editor__preview .trix-content .episode-embed--content{
    width: auto;
    flex: 1 1 0%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

#posts-editor__compose trix-editor .episode-embed--label, #posts-editor__preview .trix-content .episode-embed--label{
  --tw-text-opacity: 1;
  color: rgb(var(--button-text-color) / 1);
  color: rgb(var(--button-text-color) / var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0.8;
}

#posts-editor__compose trix-editor .episode-embed--title, #posts-editor__preview .trix-content .episode-embed--title{
  --tw-text-opacity: 1;
  color: rgb(var(--button-text-color) / 1);
  color: rgb(var(--button-text-color) / var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

#posts-editor__compose trix-editor .episode-video-embed, #posts-editor__preview .trix-content .episode-video-embed{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--button-color, var(--button-background-color)) / 1);
  background-color: rgb(var(--button-color, var(--button-background-color)) / var(--tw-bg-opacity));
  pointer-events: none;
  position: relative;
  z-index: 0;
  display: flex;
  aspect-ratio: 16 / 9;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}

#posts-editor__compose trix-editor .episode-video-embed::before, #posts-editor__preview .trix-content .episode-video-embed::before{
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: 0;
  border-radius: 1rem;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(51 51 51 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 51 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

@media (min-width: 768px){
  #posts-editor__compose trix-editor .episode-video-embed, #posts-editor__preview .trix-content .episode-video-embed{
    padding: 2rem;
  }
}

#posts-editor__compose trix-editor .episode-video-embed--thumbnail, #posts-editor__preview .trix-content .episode-video-embed--thumbnail{
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px){
  #posts-editor__compose trix-editor .episode-video-embed--thumbnail, #posts-editor__preview .trix-content .episode-video-embed--thumbnail{
    height: 280px;
    width: 280px;
  }
}

#posts-editor__compose trix-editor .episode-video-embed--label, #posts-editor__preview .trix-content .episode-video-embed--label{
  --tw-text-opacity: 1;
  color: rgb(var(--button-text-color) / 1);
  color: rgb(var(--button-text-color) / var(--tw-text-opacity));
  position: relative;
  z-index: 10;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0.8;
}

#posts-editor__compose trix-editor .episode-video-embed--title, #posts-editor__preview .trix-content .episode-video-embed--title{
  --tw-text-opacity: 1;
  color: rgb(var(--button-text-color) / 1);
  color: rgb(var(--button-text-color) / var(--tw-text-opacity));
  position: relative;
  z-index: 10;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

#posts-editor__compose trix-editor .episode-video-embed--play-button, #posts-editor__preview .trix-content .episode-video-embed--play-button{
  pointer-events: none;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#posts-editor__compose trix-editor .episode-video-embed + .attachment__caption, #posts-editor__preview .trix-content .episode-video-embed + .attachment__caption{
  display: none;
}

/* Removes focused outline from play icon in video preview */

#posts-editor__compose trix-editor .attachment[data-trix-mutable="true"] .episode-video-embed .episode-video-embed--play-button, #posts-editor__preview .trix-content .attachment[data-trix-mutable="true"] .episode-video-embed .episode-video-embed--play-button{
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#posts-editor__compose trix-editor .attachment[data-trix-mutable="true"] .episode-video-embed,
  #posts-editor__compose trix-editor .attachment[data-trix-mutable="true"] .episode-embed,
  #posts-editor__preview .trix-content .attachment[data-trix-mutable="true"] .episode-video-embed,
  #posts-editor__preview .trix-content .attachment[data-trix-mutable="true"] .episode-embed{
  border-color: rgb(45 55 72 / 0.75);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(160 174 192 / 0.25);
}

#posts-editor__compose trix-editor media-theme-sutro-audio, #posts-editor__preview .trix-content media-theme-sutro-audio {
  --media-primary-color: rgb(45 55 72);
  --media-secondary-color: #eeeeee;
  --media-accent-color: rgb(45 55 72);
  margin-top: 0.5rem;
  margin-bottom: 2.5rem;
}

#posts-editor__compose trix-toolbar{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
#posts-editor__compose trix-toolbar{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.featured-video__button{
  border-radius: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  outline-style: solid;
  outline-width: 1px;
  outline-color: rgb(51 51 51 / 0.1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@supports (color: rgb(0 0 0 / 0)){
.featured-video__button{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.featured-video__button:hover{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.featured-video__button:hover{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.featured-video__button:focus{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 2px;
  outline-color: #63B3ED;
}

@supports (color: rgb(0 0 0 / 0)){
.featured-video__button:focus{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.search-field{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.search-field{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.search-field:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 179 237 / 1);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.2rem #EBF8FF;
  background-clip: padding-box;
}

@supports (color: rgb(0 0 0 / 0)){
.search-field:focus{
  border-color: rgb(99 179 237 / var(--tw-border-opacity));
}
}

.search-results{
  position: absolute;
  z-index: 50;
  width: 100%;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@supports (color: rgb(0 0 0 / 0)){
.search-results{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.search-results .selected{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.search-results .selected{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.search-results li{
  position: relative;
  font-weight: 600;
}

.search-results li span{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.search-results li span{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.search-results .belongs-to-team{
  position: relative;
  display: inline-block;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(144 205 244 / 1);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(44 82 130 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.search-results .belongs-to-team{
  background-color: rgb(144 205 244 / var(--tw-bg-opacity));
  color: rgb(44 82 130 / var(--tw-text-opacity));
}
}

.subscription-description span,
  .subscription-description a:first-child{
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1024px){
  .subscription-description span,
  .subscription-description a:first-child{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}

.subscription-description a:first-child{
  text-decoration-line: underline;
}

.subscription-description a:first-child:hover{
  text-decoration-line: none;
}

body.website-pages{
  height: -moz-fit-content;
  height: fit-content;
}

.website-input{
  display: block;
  width: 100%;
  border-color: rgb(203 213 224 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.website-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

.website-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input::-moz-placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
.website-input::placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
}

.website-input{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.375rem;
}

.website-input:focus{
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / 1);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(237 242 247 / 0.75);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input:focus{
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}
}

.website-input:where(.dark, .dark *){
  border-color: rgb(74 85 104 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input:where(.dark, .dark *){
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.website-input *:where(.dark, .dark *)::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

.website-input *:where(.dark, .dark *)::selection{
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input *:where(.dark, .dark *)::-moz-selection{
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
.website-input *:where(.dark, .dark *)::selection{
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.website-input:where(.dark, .dark *)::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

.website-input:where(.dark, .dark *)::selection{
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input:where(.dark, .dark *)::-moz-selection{
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
.website-input:where(.dark, .dark *)::selection{
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.website-input:focus:where(.dark, .dark *){
  border-color: rgb(113 128 150 / 0.8);
  --tw-ring-color: rgb(113 128 150 / 0.3);
}

.website-input::-moz-placeholder{
  color: rgb(113 128 150 / 0.8);
}

.website-input::placeholder{
  color: rgb(113 128 150 / 0.8);
}

.website-input:where(.dark, .dark *)::-moz-placeholder{
  color: rgb(203 213 224 / 0.9);
}

.website-input:where(.dark, .dark *)::placeholder{
  color: rgb(203 213 224 / 0.9);
}

.website-input *::-moz-selection{
  background-color: rgb(45 55 72 / 0.8) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(247 250 252 / 1) !important;
}

.website-input *::selection{
  background-color: rgb(45 55 72 / 0.8) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(247 250 252 / 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
.website-input *::-moz-selection{
  color: rgb(247 250 252 / var(--tw-text-opacity)) !important;
}
.website-input *::selection{
  color: rgb(247 250 252 / var(--tw-text-opacity)) !important;
}
}

.website-input::-moz-selection{
  background-color: rgb(45 55 72 / 0.8) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(247 250 252 / 1) !important;
}

.website-input::selection{
  background-color: rgb(45 55 72 / 0.8) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(247 250 252 / 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
.website-input::-moz-selection{
  color: rgb(247 250 252 / var(--tw-text-opacity)) !important;
}
.website-input::selection{
  color: rgb(247 250 252 / var(--tw-text-opacity)) !important;
}
}

.website-select{
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  border-color: rgb(226 232 240 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-select{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-select:focus{
  border-color: rgb(203 213 224 / 0.9);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(237 242 247 / 0.75);
}

.website-select:where(.dark, .dark *){
  border-color: rgb(74 85 104 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-select:where(.dark, .dark *){
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.website-select:focus:where(.dark, .dark *){
  border-color: rgb(113 128 150 / 0.8);
  --tw-ring-color: rgb(113 128 150 / 0.3);
}

.website-select:disabled{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
  background-image: none;
}

@supports (color: rgb(0 0 0 / 0)){
.website-select:disabled{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.website-label{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-label{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-label:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-label:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.btn-website{
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-website:disabled{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.btn-website-top-bar{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-top-bar{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.btn-website-top-bar:hover{
  background-color: rgb(247 250 252 / 0.75);
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-top-bar:hover{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  color: rgb(3 7 18 / var(--tw-text-opacity));
}
}

.btn-website-top-bar:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 242 247 / var(--tw-ring-opacity));
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-top-bar:focus{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.btn-website-top-bar:active{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-top-bar:active{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.btn-website-top-bar:focus:where(.dark, .dark *){
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

.btn-website-top-bar:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-top-bar:where(.dark, .dark *){
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.btn-website-top-bar:hover:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-top-bar:hover:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.group:hover .btn-website-top-bar:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .btn-website-top-bar:where(.dark, .dark *){
  color: rgb(237 242 247 / var(--tw-text-opacity));
}
}

.btn-theme-proxima{
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.btn-theme-system{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.btn-website-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-dark{
  background-color: rgb(26 32 44 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-website-dark:hover{
  background-color: rgb(247 250 252 / 0.75);
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-dark:hover{
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-website-dark:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 242 247 / var(--tw-ring-opacity));
}

.btn-website-dark:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-dark:where(.dark, .dark *){
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
}

.btn-website-dark:hover:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.9);
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / 1);
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-dark:hover:where(.dark, .dark *){
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.btn-website-dark:focus:where(.dark, .dark *){
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

.btn-website-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(229 62 62 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-danger{
  background-color: rgb(229 62 62 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-website-danger:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(197 48 48 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-danger:hover{
  background-color: rgb(197 48 48 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-website-danger:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(197 48 48 / 1);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity));
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-danger:focus{
  background-color: rgb(197 48 48 / var(--tw-bg-opacity));
}
}

.btn-website-danger:focus:where(.dark, .dark *){
  --tw-ring-color: rgb(245 101 101 / 0.1);
}

.btn-website-white{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-white{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.btn-website-white:hover{
  border-color: rgb(160 174 192 / 0.9);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-white:hover{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.btn-website-white:focus{
  border-color: rgb(226 232 240 / 0.9);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(247 250 252 / 0.7);
}

.btn-website-white:where(.dark, .dark *){
  border-color: rgb(74 85 104 / 0.3);
  background-color: rgb(45 55 72 / 0.8);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-white:where(.dark, .dark *){
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.btn-website-white:hover:where(.dark, .dark *){
  background-color: rgb(74 85 104 / 0.75);
}

.btn-website-white:focus:where(.dark, .dark *){
  border-color: rgb(160 174 192 / 0.8);
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

.btn-website-save{
  cursor: pointer;
  gap: 0.5rem;
  border-radius: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-website-save:hover{
  background-color: rgb(247 250 252 / 0.75);
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-save:hover{
  color: rgb(3 7 18 / var(--tw-text-opacity));
}
}

.btn-website-save:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 242 247 / var(--tw-ring-opacity));
}

.btn-website-save:hover:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.btn-website-save:hover:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.btn-website-save:focus:where(.dark, .dark *){
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

[data-unsaved-changes-has-changes-value="true"] .btn-website-save{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
[data-unsaved-changes-has-changes-value="true"] .btn-website-save{
  background-color: rgb(26 32 44 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

[data-unsaved-changes-has-changes-value="true"] .btn-website-save:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
[data-unsaved-changes-has-changes-value="true"] .btn-website-save:hover{
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

[data-unsaved-changes-has-changes-value="true"] .btn-website-save:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
[data-unsaved-changes-has-changes-value="true"] .btn-website-save:where(.dark, .dark *){
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
}

[data-unsaved-changes-has-changes-value="true"] .btn-website-save:hover:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
[data-unsaved-changes-has-changes-value="true"] .btn-website-save:hover:where(.dark, .dark *){
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
}

.website-section-label{
  margin-bottom: 1rem;
  display: block;
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-section-label{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-section-label:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-section-label:where(.dark, .dark *){
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.website-input-switch[type="checkbox"],
.website-input-switch input[type="checkbox"]{
  height: 0px;
  width: 0px;
  border-style: none;
}

.website-input-switch[type="checkbox"]:focus, .website-input-switch input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}

.website-input-switch[type="checkbox"]:focus + label:before, .website-input-switch input[type="checkbox"]:focus + label:before{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #63B3ED;
}

.website-input-switch[type="checkbox"]:disabled + label, .website-input-switch input[type="checkbox"]:disabled + label{
  cursor: not-allowed;
  opacity: 0.7;
}

.website-input-switch[type="checkbox"]:disabled + label::after, .website-input-switch input[type="checkbox"]:disabled + label::after{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.website-input-switch[type="checkbox"]:checked + label::before, .website-input-switch input[type="checkbox"]:checked + label::before{
  --tw-bg-opacity: 1;
  background-color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-switch[type="checkbox"]:checked + label::before, .website-input-switch input[type="checkbox"]:checked + label::before{
  background-color: rgb(72 187 120 / var(--tw-bg-opacity));
}
}

.website-input-switch[type="checkbox"]:checked + label::after, .website-input-switch input[type="checkbox"]:checked + label::after {
  transform: translate3d(1.6em, 0, 0);
  background-color: white;
  background-image: url(/assets/icons/switch-checkmark-835ec3d25ab4258eeb10e71bc13c7fd9acc66f0e987b731145e508f6fa1a3fe4.svg);
  background-size: 1em 1em;
  background-position: center;
  background-repeat: no-repeat;
}

.website-input-switch[type="checkbox"] + label, .website-input-switch input[type="checkbox"] + label{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-switch[type="checkbox"] + label, .website-input-switch input[type="checkbox"] + label{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-input-switch[type="checkbox"] + label:where(.dark, .dark *), .website-input-switch input[type="checkbox"] + label:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-switch[type="checkbox"] + label:where(.dark, .dark *), .website-input-switch input[type="checkbox"] + label:where(.dark, .dark *){
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.website-input-switch[type="checkbox"] + label:before,
    .website-input-switch[type="checkbox"] + label:after,
    .website-input-switch input[type="checkbox"] + label:before,
    .website-input-switch input[type="checkbox"] + label:after {
  font-size: 10px;
  content: "";
  display: block;
}

.website-input-switch[type="checkbox"] + label:before, .website-input-switch input[type="checkbox"] + label:before{
  border-radius: 9999px;
  background-color: rgb(160 174 192 / 0.4);
}

.website-input-switch[type="checkbox"] + label:where(.dark, .dark *):before, .website-input-switch input[type="checkbox"] + label:where(.dark, .dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-switch[type="checkbox"] + label:where(.dark, .dark *):before, .website-input-switch input[type="checkbox"] + label:where(.dark, .dark *):before{
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
}
}

.website-input-switch[type="checkbox"] + label:before, .website-input-switch input[type="checkbox"] + label:before {
  height: 2.4em;
  transition: background-color 0.125s ease-out;
  width: 4em;
  flex-shrink: 0;
}

.website-input-switch[type="checkbox"] + label:after, .website-input-switch input[type="checkbox"] + label:after{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-switch[type="checkbox"] + label:after, .website-input-switch input[type="checkbox"] + label:after{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.website-input-switch[type="checkbox"] + label:where(.dark, .dark *):after, .website-input-switch input[type="checkbox"] + label:where(.dark, .dark *):after{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-switch[type="checkbox"] + label:where(.dark, .dark *):after, .website-input-switch input[type="checkbox"] + label:where(.dark, .dark *):after{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.website-input-switch[type="checkbox"] + label:after, .website-input-switch input[type="checkbox"] + label:after {
  box-shadow: 0 0.3em 0.1em 0 rgba(37, 34, 71, 0.05),
        0 0.2em 0.2em 0 rgba(37, 34, 71, 0.1),
        0 0.3em 0.3em 0 rgba(37, 34, 71, 0.05);
  height: 1.6em;
  left: 0.4em;
  position: absolute;
  transition: transform 0.125s ease-out;
  width: 1.6em;
}

.website-input-radio{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.website-input-radio label{
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-radio label{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-input-radio label:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-radio label:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.website-input-radio input[type="radio"]{
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-radio input[type="radio"]{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  color: rgb(160 174 192 / var(--tw-text-opacity));
}
}

.website-input-radio input[type="radio"]:checked{
  --tw-border-opacity: 1;
  border-color: rgb(45 55 72 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  outline-color: #EDF2F7;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 242 247 / var(--tw-ring-opacity));
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-radio input[type="radio"]:checked{
  border-color: rgb(45 55 72 / var(--tw-border-opacity));
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.website-input-radio input[type="radio"]:focus{
  outline-width: 2px;
  outline-color: #63B3ED;
}

.website-input-radio input[type="radio"]:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(113 128 150 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
  outline-color: rgb(74 85 104 / 0.8);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-radio input[type="radio"]:where(.dark, .dark *){
  border-color: rgb(113 128 150 / var(--tw-border-opacity));
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.website-input-radio input[type="radio"]:focus:where(.dark, .dark *){
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

.website-input-radio input[type="radio"]:checked:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(113 128 150 / 1);
  outline-color: rgb(113 128 150 / 0.8);
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-radio input[type="radio"]:checked:where(.dark, .dark *){
  background-color: rgb(113 128 150 / var(--tw-bg-opacity));
}
}

.website-input-checkbox{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.website-input-checkbox label{
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox label{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-input-checkbox label:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox label:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.website-input-checkbox input[type="checkbox"]{
  margin-top: 1px;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox input[type="checkbox"]{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-input-checkbox input[type="checkbox"]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox input[type="checkbox"]:checked{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.website-input-checkbox input[type="checkbox"]:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 179 237 / var(--tw-ring-opacity));
}

.website-input-checkbox input[type="checkbox"]:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox input[type="checkbox"]:where(.dark, .dark *){
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.website-input-checkbox input[type="checkbox"]:checked:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox input[type="checkbox"]:checked:where(.dark, .dark *){
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
}
}

.website-input-checkbox input[type="checkbox"]:focus:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox input[type="checkbox"]:focus:where(.dark, .dark *){
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
}
}

.website-input-checkbox input[type="checkbox"]:focus:checked:where(.dark, .dark *){
  border-color: rgb(74 85 104 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(113 128 150 / 1);
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

@supports (color: rgb(0 0 0 / 0)){
.website-input-checkbox input[type="checkbox"]:focus:checked:where(.dark, .dark *){
  background-color: rgb(113 128 150 / var(--tw-bg-opacity));
}
}

.website-radio-options{
  position: relative;
  display: flex;
  align-items: stretch;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
  outline-style: solid;
  outline-width: 1px;
  outline-color: rgb(51 51 51 / 0.1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-radio-options{
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
}

.website-radio-options label{
  position: relative;
  display: inline-flex;
  min-height: 2.5rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 0.375rem;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  margin: 0px;
}

@supports (color: rgb(0 0 0 / 0)){
.website-radio-options label{
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
}

.website-radio-options label:first-of-type{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.website-radio-options label:last-of-type{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.website-radio-options label:hover{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-radio-options label:hover{
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
}

.website-radio-options input[type="radio"]{
  position: absolute;
  height: 0px;
  width: 0px;
  border-style: none;
}

.website-radio-options input[type="radio"]:focus {
  outline: none;
  box-shadow: none;
}

.website-radio-options :checked + label{
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / 1);
  outline-style: solid;
  outline-width: 1px;
  outline-color: rgb(51 51 51 / 0.05);
}

@supports (color: rgb(0 0 0 / 0)){
.website-radio-options :checked + label{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
}

.website-radio-options input[type="radio"]:focus + label{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 1px;
  outline-color: #63B3ED;
}

.website-radio-options .website-radio-options__option-icon{
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  height: 1.5rem;
  width: auto;
  min-width: 1.5rem;
  fill: currentColor;
  color: rgb(51 51 51 / 0.6);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.website-radio-options .website-radio-options__option-icon:hover{
  color: rgb(51 51 51 / 0.7);
}

.website-radio-options :checked + label .website-radio-options__option-icon{
  color: rgb(51 51 51 / 0.7);
}

.website-preview iframe{
  margin-left: auto;
  margin-right: auto;
}

.website-preview .website-preview-container{
  height: 100%;
}

.website-preview .website-preview-container #website_preview{
  padding-bottom: 3rem;
}

.website-preview.website-preview-mobile{
  margin-left: auto;
  margin-right: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-preview.website-preview-mobile{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.website-preview.website-preview-mobile .website-preview-container{
  height: auto;
}

.website-preview.website-preview-mobile .website-preview-container #website_preview{
  padding-bottom: 0px;
}

.website-preview.website-preview-mobile iframe{
  position: static;
  max-height: 795px;
}

.website-preview.website-preview-mobile #website-page-title{
  display: none;
}

.website-preview.website-preview-mobile .website-preview-toolbar{
  margin-left: auto;
  margin-right: auto;
  width: 380px;
}

.website-page-list--private{
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(217 70 239 / 0.9);
  background-color: rgb(253 244 255 / 0.5);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.website-page-list--private::before{
  position: absolute;
  top: 0.125rem;
  left: 50%;
  z-index: 40;
  margin-left: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(162 28 175 / 1);
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-content: 'Private';
  content: 'Private';
  content: var(--tw-content);
}

@supports (color: rgb(0 0 0 / 0)){
.website-page-list--private::before{
  background-color: rgb(162 28 175 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.website-page-list--private:where(.dark, .dark *){
  border-color: rgb(217 70 239 / 0.75);
  background-color: rgb(217 70 239 / 0.1);
}

.website-page-list--private:where(.dark, .dark *)::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(134 25 143 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-page-list--private:where(.dark, .dark *)::before{
  background-color: rgb(134 25 143 / var(--tw-bg-opacity));
}
}

.website-page-list--hidden{
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(236 201 75 / 0.9);
  background-color: rgb(254 252 232 / 0.5);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.website-page-list--hidden::before{
  position: absolute;
  top: 0.125rem;
  left: 50%;
  z-index: 40;
  margin-left: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(151 90 22 / 1);
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  --tw-content: 'hidden';
  content: 'hidden';
  content: var(--tw-content);
}

@supports (color: rgb(0 0 0 / 0)){
.website-page-list--hidden::before{
  background-color: rgb(151 90 22 / var(--tw-bg-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.website-page-list--hidden:where(.dark, .dark *){
  border-color: rgb(236 201 75 / 0.75);
  background-color: rgb(236 201 75 / 0.1);
}

.website-page-list--hidden:where(.dark, .dark *)::before{
  --tw-bg-opacity: 1;
  background-color: rgb(246 224 94 / 1);
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(151 90 22 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-page-list--hidden:where(.dark, .dark *)::before{
  background-color: rgb(246 224 94 / var(--tw-bg-opacity));
  color: rgb(151 90 22 / var(--tw-text-opacity));
}
}

.website-menu-item-button{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-menu-item-button{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.website-menu-item-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-menu-item-button:hover{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.website-menu-item-button:focus{
  --tw-ring-color: rgb(237 242 247 / 0.8);
}

.website-menu-item-button:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-menu-item-button:where(.dark, .dark *){
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.website-menu-item-button:hover:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.8);
}

.website-menu-item-button:focus:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.8);
  --tw-ring-color: rgb(113 128 150 / 0.8);
}

.website-menu-item-button--hidden{
  --tw-text-opacity: 1;
  color: rgb(151 90 22 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-menu-item-button--hidden{
  color: rgb(151 90 22 / var(--tw-text-opacity));
}
}

.website-menu-item-button--hidden:hover{
  background-color: rgb(183 121 31 / 0.05);
}

.website-menu-item-button--hidden:focus{
  --tw-ring-color: rgb(183 121 31 / 0.2);
}

.website-menu-item-button--hidden:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(246 224 94 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-menu-item-button--hidden:where(.dark, .dark *){
  color: rgb(246 224 94 / var(--tw-text-opacity));
}
}

.website-menu-item-button--hidden:hover:where(.dark, .dark *){
  background-color: rgb(236 201 75 / 0.1);
}

.website-menu-item-button--hidden:focus:where(.dark, .dark *){
  background-color: rgb(236 201 75 / 0.2);
  --tw-ring-color: rgb(183 121 31 / 0.1);
}

.website-menu-item-button--private{
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-menu-item-button--private{
  color: rgb(162 28 175 / var(--tw-text-opacity));
}
}

.website-menu-item-button--private:hover{
  background-color: rgb(250 232 255 / 0.4);
}

.website-menu-item-button--private:focus{
  --tw-ring-color: rgb(245 208 254 / 0.8);
}

.website-menu-item-button--private:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.website-menu-item-button--private:where(.dark, .dark *){
  color: rgb(232 121 249 / var(--tw-text-opacity));
}
}

.website-menu-item-button--private:hover:where(.dark, .dark *){
  background-color: rgb(217 70 239 / 0.1);
}

.website-menu-item-button--private:focus:where(.dark, .dark *){
  background-color: rgb(217 70 239 / 0.2);
  --tw-ring-color: rgb(217 70 239 / 0.4);
}

.website--aside-close{
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  --tw-translate-x: -100%;
  transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.website--main-close .website-preview-container{
  width: 100% !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / 1) !important;
  padding: 0px !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-duration: 200ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
.website--main-close .website-preview-container{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
}

.website--main-close .website-preview-toolbar{
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / 1) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-duration: 200ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
.website--main-close .website-preview-toolbar{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
}

.website--main-close #website-page-title,
  .website--main-close .website--edit-btn,
  .website--main-close .website--chrome-traffic-light{
  display: none;
}

@keyframes fadeIn{
  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}

.website-pages{
  animation: fadeIn .3s;
}

body{
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.admin-container{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 1024px){
  .admin-container{
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.admin-container--centered{
  margin-left: auto;
  margin-right: auto;
  max-width: 72rem;
}

.admin-session-form{
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  padding: 2rem;
  --tw-shadow: 0px 16px 20px rgba(222, 222, 222, 0.25), 0px 4px 4px rgba(186, 186, 186, 0.1);
  --tw-shadow-colored: 0px 16px 20px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0px 16px 20px rgba(222, 222, 222, 0.25), 0px 4px 4px rgba(186, 186, 186, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: 350px;
}

@supports (color: rgb(0 0 0 / 0)){
.admin-session-form{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

@media screen and (max-width: 359px) {
  .admin-session-form {
    width: 320px
  }
}

/* Fix Safari issue related to <summary> / <details> arrow */

details > summary.list-none::-webkit-details-marker,
details > summary.list-none::marker{
  display: none;
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.inset-x-0{
  left: 0px;
  right: 0px;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.inset-y-auto{
  top: auto;
  bottom: auto;
}

.\!top-0{
  top: 0px !important;
}

.\!top-10{
  top: 2.5rem !important;
}

.-bottom-1{
  bottom: -0.25rem;
}

.-left-0{
  left: -0px;
}

.-left-0\.5{
  left: -0.125rem;
}

.-left-2{
  left: -0.5rem;
}

.-right-1{
  right: -0.25rem;
}

.-right-2{
  right: -0.5rem;
}

.-right-3{
  right: -0.75rem;
}

.-top-2{
  top: -0.5rem;
}

.-top-3{
  top: -0.75rem;
}

.-top-\[2px\]{
  top: -2px;
}

.-top-\[4px\]{
  top: -4px;
}

.-top-px{
  top: -1px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-3{
  bottom: 0.75rem;
}

.bottom-5{
  bottom: 1.25rem;
}

.bottom-px{
  bottom: 1px;
}

.left-0{
  left: 0px;
}

.left-1{
  left: 0.25rem;
}

.left-1\.5{
  left: 0.375rem;
}

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

.left-4{
  left: 1rem;
}

.left-\[1\.5px\]{
  left: 1.5px;
}

.left-\[10px\]{
  left: 10px;
}

.left-\[30\%\]{
  left: 30%;
}

.left-\[40\%\]{
  left: 40%;
}

.left-\[78\%\]{
  left: 78%;
}

.left-\[80\%\]{
  left: 80%;
}

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-1\.5{
  right: 0.375rem;
}

.right-2{
  right: 0.5rem;
}

.right-2\.5{
  right: 0.625rem;
}

.right-3{
  right: 0.75rem;
}

.right-\[5px\]{
  right: 5px;
}

.top-0{
  top: 0px;
}

.top-0\.5{
  top: 0.125rem;
}

.top-1{
  top: 0.25rem;
}

.top-1\.5{
  top: 0.375rem;
}

.top-10{
  top: 2.5rem;
}

.top-12{
  top: 3rem;
}

.top-2{
  top: 0.5rem;
}

.top-2\.5{
  top: 0.625rem;
}

.top-3{
  top: 0.75rem;
}

.top-4{
  top: 1rem;
}

.top-8{
  top: 2rem;
}

.top-\[23\%\]{
  top: 23%;
}

.top-\[30\%\]{
  top: 30%;
}

.top-\[57px\]{
  top: 57px;
}

.top-\[6\%\]{
  top: 6%;
}

.top-\[7px\]{
  top: 7px;
}

.top-\[9\%\]{
  top: 9%;
}

.top-full{
  top: 100%;
}

.top-px{
  top: 1px;
}

.-z-10{
  z-index: -10;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-30{
  z-index: 30;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.order-1{
  order: 1;
}

.order-2{
  order: 2;
}

.order-last{
  order: 9999;
}

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

.col-span-12{
  grid-column: span 12 / span 12;
}

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

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

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

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

.col-span-7{
  grid-column: span 7 / span 7;
}

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

.float-left{
  float: left;
}

.m-0{
  margin: 0px;
}

.m-1{
  margin: 0.25rem;
}

.m-2{
  margin: 0.5rem;
}

.m-3{
  margin: 0.75rem;
}

.m-4{
  margin: 1rem;
}

.m-auto{
  margin: auto;
}

.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-5{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-mx-8{
  margin-left: -2rem;
  margin-right: -2rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-px{
  margin-top: 1px;
  margin-bottom: 1px;
}

.\!ml-0{
  margin-left: 0px !important;
}

.\!mt-0{
  margin-top: 0px !important;
}

.\!mt-0\.5{
  margin-top: 0.125rem !important;
}

.\!mt-auto{
  margin-top: auto !important;
}

.-mb-4{
  margin-bottom: -1rem;
}

.-ml-1{
  margin-left: -0.25rem;
}

.-ml-1\.5{
  margin-left: -0.375rem;
}

.-ml-8{
  margin-left: -2rem;
}

.-mr-1{
  margin-right: -0.25rem;
}

.-mr-2{
  margin-right: -0.5rem;
}

.-mt-1{
  margin-top: -0.25rem;
}

.-mt-2{
  margin-top: -0.5rem;
}

.-mt-3{
  margin-top: -0.75rem;
}

.-mt-4{
  margin-top: -1rem;
}

.-mt-6{
  margin-top: -1.5rem;
}

.-mt-8{
  margin-top: -2rem;
}

.-mt-px{
  margin-top: -1px;
}

.mb-0{
  margin-bottom: 0px;
}

.mb-0\.5{
  margin-bottom: 0.125rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-1\.5{
  margin-bottom: 0.375rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-14{
  margin-bottom: 3.5rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-\[1\.25em\]{
  margin-bottom: 1.25em;
}

.mb-px{
  margin-bottom: 1px;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-1\.5{
  margin-left: 0.375rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.ml-6{
  margin-left: 1.5rem;
}

.ml-8{
  margin-left: 2rem;
}

.ml-\[64px\]{
  margin-left: 64px;
}

.ml-auto{
  margin-left: auto;
}

.ml-px{
  margin-left: 1px;
}

.mr-0{
  margin-right: 0px;
}

.mr-0\.5{
  margin-right: 0.125rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-1\.5{
  margin-right: 0.375rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-2\.5{
  margin-right: 0.625rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mr-auto{
  margin-right: auto;
}

.mt-0{
  margin-top: 0px;
}

.mt-0\.5{
  margin-top: 0.125rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-14{
  margin-top: 3.5rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-3\.5{
  margin-top: 0.875rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[2px\]{
  margin-top: 2px;
}

.mt-\[3px\]{
  margin-top: 3px;
}

.mt-auto{
  margin-top: auto;
}

.mt-px{
  margin-top: 1px;
}

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

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

.\!block{
  display: block !important;
}

.block{
  display: block;
}

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

.inline{
  display: inline;
}

.\!flex{
  display: flex !important;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.aspect-video{
  aspect-ratio: 16 / 9;
}

.size-10{
  width: 2.5rem;
  height: 2.5rem;
}

.size-2{
  width: 0.5rem;
  height: 0.5rem;
}

.size-2\.5{
  width: 0.625rem;
  height: 0.625rem;
}

.size-3{
  width: 0.75rem;
  height: 0.75rem;
}

.size-4{
  width: 1rem;
  height: 1rem;
}

.size-5{
  width: 1.25rem;
  height: 1.25rem;
}

.size-6{
  width: 1.5rem;
  height: 1.5rem;
}

.size-7{
  width: 1.75rem;
  height: 1.75rem;
}

.size-8{
  width: 2rem;
  height: 2rem;
}

.size-9{
  width: 2.25rem;
  height: 2.25rem;
}

.\!h-12{
  height: 3rem !important;
}

.\!h-4{
  height: 1rem !important;
}

.h-1{
  height: 0.25rem;
}

.h-1\.5{
  height: 0.375rem;
}

.h-1\/2{
  height: 50%;
}

.h-10{
  height: 2.5rem;
}

.h-11{
  height: 2.75rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-16{
  height: 4rem;
}

.h-2{
  height: 0.5rem;
}

.h-2\.5{
  height: 0.625rem;
}

.h-20{
  height: 5rem;
}

.h-28{
  height: 7rem;
}

.h-3{
  height: 0.75rem;
}

.h-3\.5{
  height: 0.875rem;
}

.h-4{
  height: 1rem;
}

.h-48{
  height: 12rem;
}

.h-5{
  height: 1.25rem;
}

.h-56{
  height: 14rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-\[0\.875em\]{
  height: 0.875em;
}

.h-\[100px\]{
  height: 100px;
}

.h-\[148px\]{
  height: 148px;
}

.h-\[17px\]{
  height: 17px;
}

.h-\[188px\]{
  height: 188px;
}

.h-\[20\.5rem\]{
  height: 20.5rem;
}

.h-\[30px\]{
  height: 30px;
}

.h-\[32px\]{
  height: 32px;
}

.h-\[350px\]{
  height: 350px;
}

.h-\[400px\]{
  height: 400px;
}

.h-\[42px\]{
  height: 42px;
}

.h-\[44px\]{
  height: 44px;
}

.h-\[450px\]{
  height: 450px;
}

.h-\[52px\]{
  height: 52px;
}

.h-\[9px\]{
  height: 9px;
}

.h-auto{
  height: auto;
}

.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}

.h-full{
  height: 100%;
}

.h-px{
  height: 1px;
}

.h-screen{
  height: 100vh;
}

.max-h-10{
  max-height: 2.5rem;
}

.max-h-48{
  max-height: 12rem;
}

.max-h-8{
  max-height: 2rem;
}

.max-h-\[300px\]{
  max-height: 300px;
}

.max-h-\[44px\]{
  max-height: 44px;
}

.max-h-\[4rem\]{
  max-height: 4rem;
}

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

.max-h-\[52px\]{
  max-height: 52px;
}

.max-h-\[55px\]{
  max-height: 55px;
}

.max-h-\[800px\]{
  max-height: 800px;
}

.max-h-\[calc\(80vh\)\]{
  max-height: calc(80vh);
}

.max-h-\[min\(70vh\2c 800px\)\]{
  max-height: min(70vh,800px);
}

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

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

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

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

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

.min-h-\[4rem\]{
  min-height: 4rem;
}

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

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

.\!w-12{
  width: 3rem !important;
}

.\!w-4{
  width: 1rem !important;
}

.w-1{
  width: 0.25rem;
}

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

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

.w-1\/4{
  width: 25%;
}

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

.w-1\/6{
  width: 16.666667%;
}

.w-10{
  width: 2.5rem;
}

.w-11{
  width: 2.75rem;
}

.w-11\/12{
  width: 91.666667%;
}

.w-12{
  width: 3rem;
}

.w-14{
  width: 3.5rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\.5{
  width: 0.625rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-2\/5{
  width: 40%;
}

.w-2\/6{
  width: 33.333333%;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-3{
  width: 0.75rem;
}

.w-3\.5{
  width: 0.875rem;
}

.w-3\/4{
  width: 75%;
}

.w-3\/5{
  width: 60%;
}

.w-32{
  width: 8rem;
}

.w-4{
  width: 1rem;
}

.w-40{
  width: 10rem;
}

.w-48{
  width: 12rem;
}

.w-5{
  width: 1.25rem;
}

.w-6{
  width: 1.5rem;
}

.w-64{
  width: 16rem;
}

.w-7{
  width: 1.75rem;
}

.w-8{
  width: 2rem;
}

.w-80{
  width: 20rem;
}

.w-9{
  width: 2.25rem;
}

.w-96{
  width: 24rem;
}

.w-\[0\.875em\]{
  width: 0.875em;
}

.w-\[17px\]{
  width: 17px;
}

.w-\[18px\]{
  width: 18px;
}

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

.w-\[220px\]{
  width: 220px;
}

.w-\[250px\]{
  width: 250px;
}

.w-\[30px\]{
  width: 30px;
}

.w-\[32px\]{
  width: 32px;
}

.w-\[52px\]{
  width: 52px;
}

.w-\[90vw\]{
  width: 90vw;
}

.w-\[9px\]{
  width: 9px;
}

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

.w-auto{
  width: auto;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-px{
  width: 1px;
}

.w-screen{
  width: 100vw;
}

.\!min-w-\[205px\]{
  min-width: 205px !important;
}

.min-w-32{
  min-width: 8rem;
}

.min-w-\[140px\]{
  min-width: 140px;
}

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

.min-w-\[190px\]{
  min-width: 190px;
}

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

.min-w-\[220px\]{
  min-width: 220px;
}

.min-w-\[4rem\]{
  min-width: 4rem;
}

.max-w-20{
  max-width: 5rem;
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-4xl{
  max-width: 56rem;
}

.max-w-6xl{
  max-width: 72rem;
}

.max-w-96{
  max-width: 24rem;
}

.max-w-\[13rem\]{
  max-width: 13rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-lg{
  max-width: 32rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-sm{
  max-width: 24rem;
}

.max-w-xl{
  max-width: 36rem;
}

.max-w-xs{
  max-width: 20rem;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.flex-none{
  flex: none;
}

.flex-shrink{
  flex-shrink: 1;
}

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

.shrink{
  flex-shrink: 1;
}

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

.flex-grow{
  flex-grow: 1;
}

.grow{
  flex-grow: 1;
}

.table-fixed{
  table-layout: fixed;
}

.border-collapse{
  border-collapse: collapse;
}

.origin-bottom-left{
  transform-origin: bottom left;
}

.origin-center{
  transform-origin: center;
}

.origin-top{
  transform-origin: top;
}

.origin-top-left{
  transform-origin: top left;
}

.origin-top-right{
  transform-origin: top right;
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-3{
  --tw-translate-x: -0.75rem;
  transform: translate(-0.75rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-2{
  --tw-translate-x: 0.5rem;
  transform: translate(0.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2{
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), 0.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes fadeIn{
  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}

.animate-fade-in{
  animation: fadeIn .3s;
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes wiggle{
  0%, 50%, 100%{
    transform: rotate(-.5deg);
  }

  25%, 75%{
    transform: rotate(.5deg);
  }
}

.animate-wiggle{
  animation: wiggle .2s;
}

.cursor-alias{
  cursor: alias;
}

.cursor-default{
  cursor: default;
}

.cursor-move{
  cursor: move;
}

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

.cursor-pointer{
  cursor: pointer;
}

.touch-auto{
  touch-action: auto;
}

.touch-none{
  touch-action: none;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize-none{
  resize: none;
}

.resize{
  resize: both;
}

.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-center{
  scroll-snap-align: center;
}

.scroll-px-5{
  scroll-padding-left: 1.25rem;
  scroll-padding-right: 1.25rem;
}

.list-inside{
  list-style-position: inside;
}

.list-outside{
  list-style-position: outside;
}

.list-decimal{
  list-style-type: decimal;
}

.list-disc{
  list-style-type: disc;
}

.list-none{
  list-style-type: none;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.auto-cols-fr{
  grid-auto-columns: minmax(0, 1fr);
}

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

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

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

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

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

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

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

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

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

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.\!items-start{
  align-items: flex-start !important;
}

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

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

.items-center{
  align-items: center;
}

.items-stretch{
  align-items: stretch;
}

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

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

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

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

.justify-stretch{
  justify-content: stretch;
}

.gap-1{
  gap: 0.25rem;
}

.gap-1\.5{
  gap: 0.375rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-2\.5{
  gap: 0.625rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[0\.5em\]{
  gap: 0.5em;
}

.gap-\[2px\]{
  gap: 2px;
}

.gap-px{
  gap: 1px;
}

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-y-1{
  row-gap: 0.25rem;
}

.gap-y-1\.5{
  row-gap: 0.375rem;
}

.gap-y-12{
  row-gap: 3rem;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * 0);
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - 0));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * 0);
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - 0));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * 0);
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - 0));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * 0);
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - 0));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - 0));
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * 0);
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - 0));
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * 0);
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - 0));
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * 0);
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - 0));
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * 0);
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - 0));
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * 0);
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - 0));
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * 0);
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * 0);
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - 0));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(237 242 247 / var(--tw-divide-opacity));
}
}

.divide-gray-200\/80 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(237 242 247 / 0.8);
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(226 232 240 / var(--tw-divide-opacity));
}
}

.divide-gray-50 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.divide-gray-50 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(249 250 251 / var(--tw-divide-opacity));
}
}

.divide-neutral-100\/20 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(245 245 245 / 0.2);
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-clip{
  overflow: clip;
}

.overflow-x-auto{
  overflow-x: auto;
}

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

.overflow-y-hidden{
  overflow-y: hidden;
}

.overflow-x-clip{
  overflow-x: clip;
}

.overflow-x-scroll{
  overflow-x: scroll;
}

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

.overflow-ellipsis{
  text-overflow: ellipsis;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.text-balance{
  text-wrap: balance;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-3xl{
  border-radius: 1.5rem;
}

.rounded-branding{
  border-radius: var(--border-radius);
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-b-md{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}

.rounded-bl-none{
  border-bottom-left-radius: 0px;
}

.rounded-br{
  border-bottom-right-radius: 0.25rem;
}

.rounded-br-lg{
  border-bottom-right-radius: 0.5rem;
}

.rounded-tr{
  border-top-right-radius: 0.25rem;
}

.rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.border-4{
  border-width: 4px;
}

.border-\[2px\]{
  border-width: 2px;
}

.border-\[3px\]{
  border-width: 3px;
}

.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-0{
  border-bottom-width: 0px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-l{
  border-left-width: 1px;
}

.border-l-0{
  border-left-width: 0px;
}

.border-l-2{
  border-left-width: 2px;
}

.border-r{
  border-right-width: 1px;
}

.border-r-0{
  border-right-width: 0px;
}

.border-t{
  border-top-width: 1px;
}

.border-t-0{
  border-top-width: 0px;
}

.border-t-2{
  border-top-width: 2px;
}

.border-solid{
  border-style: solid;
}

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

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

.border-none{
  border-style: none;
}

.border-\[\#ddd\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-\[\#ddd\]{
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
}
}

.border-accent-content\/70{
  border-color: rgb(var(--theme-accent-content-color) / 0.7);
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-black{
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
}

.border-black\/50{
  border-color: rgb(51 51 51 / 0.5);
}

.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(190 227 248 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-blue-200{
  border-color: rgb(190 227 248 / var(--tw-border-opacity));
}
}

.border-branding-border\/10{
  border-color: rgb(var(--border-color) / 0.1);
}

.border-branding-border\/15{
  border-color: rgb(var(--border-color) / 0.15);
}

.border-branding-border\/20{
  border-color: rgb(var(--border-color) / 0.2);
}

.border-branding-border\/30{
  border-color: rgb(var(--border-color) / 0.3);
}

.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-gray-100{
  border-color: rgb(247 250 252 / var(--tw-border-opacity));
}
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-gray-200{
  border-color: rgb(237 242 247 / var(--tw-border-opacity));
}
}

.border-gray-200\/80{
  border-color: rgb(237 242 247 / 0.8);
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-gray-300{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.border-gray-300\/60{
  border-color: rgb(226 232 240 / 0.6);
}

.border-gray-300\/80{
  border-color: rgb(226 232 240 / 0.8);
}

.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-gray-400{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
}
}

.border-gray-400\/50{
  border-color: rgb(203 213 224 / 0.5);
}

.border-gray-400\/60{
  border-color: rgb(203 213 224 / 0.6);
}

.border-gray-400\/70{
  border-color: rgb(203 213 224 / 0.7);
}

.border-gray-400\/90{
  border-color: rgb(203 213 224 / 0.9);
}

.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-gray-500{
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}
}

.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(154 230 180 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-green-300{
  border-color: rgb(154 230 180 / var(--tw-border-opacity));
}
}

.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(104 211 145 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-green-400{
  border-color: rgb(104 211 145 / var(--tw-border-opacity));
}
}

.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-neutral-200{
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
}

.border-neutral-400{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-neutral-400{
  border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
}

.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(254 178 178 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-red-300{
  border-color: rgb(254 178 178 / var(--tw-border-opacity));
}
}

.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-slate-200{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.border-slate-300\/80{
  border-color: rgb(203 213 225 / 0.8);
}

.border-transparent{
  border-color: transparent;
}

.border-true-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-true-gray-200{
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
}

.border-true-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-true-gray-300{
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-white{
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
}

.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(250 240 137 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-yellow-300{
  border-color: rgb(250 240 137 / var(--tw-border-opacity));
}
}

.border-yellow-400{
  --tw-border-opacity: 1;
  border-color: rgb(246 224 94 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-yellow-400{
  border-color: rgb(246 224 94 / var(--tw-border-opacity));
}
}

.border-yellow-700\/20{
  border-color: rgb(183 121 31 / 0.2);
}

.border-l-gray-300{
  --tw-border-opacity: 1;
  border-left-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-l-gray-300{
  border-left-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.border-l-gray-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-l-gray-700{
  border-left-color: rgb(74 85 104 / var(--tw-border-opacity));
}
}

.border-r-white{
  --tw-border-opacity: 1;
  border-right-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.border-r-white{
  border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
}
}

.border-opacity-10{
  --tw-border-opacity: 0.1;
}

.border-opacity-30{
  --tw-border-opacity: 0.3;
}

.border-opacity-60{
  --tw-border-opacity: 0.6;
}

.border-opacity-70{
  --tw-border-opacity: 0.7;
}

.border-opacity-80{
  --tw-border-opacity: 0.8;
}

.bg-\[\#ffdddd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 221 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-\[\#ffdddd\]{
  background-color: rgb(255 221 221 / var(--tw-bg-opacity));
}
}

.bg-\[black\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-\[black\]{
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
}

.bg-accent{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--theme-accent-color) / 1);
  background-color: rgb(var(--theme-accent-color) / var(--tw-bg-opacity));
}

.bg-accent-content\/50{
  background-color: rgb(var(--theme-accent-content-color) / 0.5);
}

.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-amber-400{
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-black{
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
}

.bg-black\/30{
  background-color: rgb(51 51 51 / 0.3);
}

.bg-black\/75{
  background-color: rgb(51 51 51 / 0.75);
}

.bg-black\/80{
  background-color: rgb(51 51 51 / 0.8);
}

.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(235 248 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-blue-100{
  background-color: rgb(235 248 255 / var(--tw-bg-opacity));
}
}

.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(190 227 248 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-blue-200{
  background-color: rgb(190 227 248 / var(--tw-bg-opacity));
}
}

.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-blue-50{
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
}

.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-blue-500{
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
}
}

.bg-branding-background{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-color) / 1);
  background-color: rgb(var(--background-color) / var(--tw-bg-opacity));
}

.bg-branding-border\/40{
  background-color: rgb(var(--border-color) / 0.4);
}

.bg-branding-button-background{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--button-color, var(--button-background-color)) / 1);
  background-color: rgb(var(--button-color, var(--button-background-color)) / var(--tw-bg-opacity));
}

.bg-branding-text\/10{
  background-color: rgb(var(--text-color) / 0.1);
}

.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-emerald-100{
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-100{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.bg-gray-100\/80{
  background-color: rgb(247 250 252 / 0.8);
}

.bg-gray-100\/90{
  background-color: rgb(247 250 252 / 0.9);
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-200{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.bg-gray-200\/70{
  background-color: rgb(237 242 247 / 0.7);
}

.bg-gray-200\/80{
  background-color: rgb(237 242 247 / 0.8);
}

.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-300{
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
}

.bg-gray-300\/80{
  background-color: rgb(226 232 240 / 0.8);
}

.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-400{
  background-color: rgb(203 213 224 / var(--tw-bg-opacity));
}
}

.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-50{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}

.bg-gray-50\/70{
  background-color: rgb(249 250 251 / 0.7);
}

.bg-gray-50\/75{
  background-color: rgb(249 250 251 / 0.75);
}

.bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}

.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-500{
  background-color: rgb(160 174 192 / var(--tw-bg-opacity));
}
}

.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-600{
  background-color: rgb(113 128 150 / var(--tw-bg-opacity));
}
}

.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-700{
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
}
}

.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-gray-800{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(240 255 244 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-green-100{
  background-color: rgb(240 255 244 / var(--tw-bg-opacity));
}
}

.bg-green-200{
  --tw-bg-opacity: 1;
  background-color: rgb(198 246 213 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-green-200{
  background-color: rgb(198 246 213 / var(--tw-bg-opacity));
}
}

.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-green-50{
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
}

.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-green-500{
  background-color: rgb(72 187 120 / var(--tw-bg-opacity));
}
}

.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(56 161 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-green-600{
  background-color: rgb(56 161 105 / var(--tw-bg-opacity));
}
}

.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-neutral-100{
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
}

.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-neutral-50{
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
}

.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-orange-100{
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}
}

.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 80 40 / 1);
  background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
}

.bg-primary-500\/10{
  background-color: rgb(239 80 40 / 0.1);
  background-color: rgb(var(--color-primary-500) / 0.1);
}

.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-red-100{
  background-color: rgb(255 245 245 / var(--tw-bg-opacity));
}
}

.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 215 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-red-200{
  background-color: rgb(254 215 215 / var(--tw-bg-opacity));
}
}

.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-red-50{
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 101 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-red-500{
  background-color: rgb(245 101 101 / var(--tw-bg-opacity));
}
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(229 62 62 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-red-600{
  background-color: rgb(229 62 62 / var(--tw-bg-opacity));
}
}

.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-rose-500{
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
}
}

.bg-secondary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(31 71 212 / 1);
  background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity));
}

.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-slate-50{
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
}

.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-slate-800{
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
}

.bg-transparent{
  background-color: transparent;
}

.bg-true-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-true-gray-100{
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
}

.bg-true-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-true-gray-50{
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-white{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}

.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 191 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-yellow-200{
  background-color: rgb(254 252 191 / var(--tw-bg-opacity));
}
}

.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(250 240 137 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-yellow-300{
  background-color: rgb(250 240 137 / var(--tw-bg-opacity));
}
}

.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.bg-yellow-50{
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
}

.bg-yellow-50\/75{
  background-color: rgb(254 252 232 / 0.75);
}

.bg-opacity-10{
  --tw-bg-opacity: 0.1;
}

.bg-opacity-25{
  --tw-bg-opacity: 0.25;
}

.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-opacity-70{
  --tw-bg-opacity: 0.7;
}

.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}

.bg-opacity-90{
  --tw-bg-opacity: 0.9;
}

.bg-\[linear-gradient\(\#ffffff_1px\2c _transparent_1px\)\2c _linear-gradient\(to_right\2c _\#ffffff_1px\2c _transparent_1px\)\]{
  background-image: linear-gradient(#ffffff 1px, transparent 1px), linear-gradient(to right, #ffffff 1px, transparent 1px);
}

.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-bl{
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tl{
  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}

.from-gray-100{
  --tw-gradient-from: #F7FAFC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-400{
  --tw-gradient-from: #CBD5E0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 213 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-50{
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800{
  --tw-gradient-from: #2D3748 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 55 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary{
  --tw-gradient-from: rgb(var(--color-primary) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-400\/40{
  --tw-gradient-from: rgb(var(--color-secondary-400) / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-secondary-400) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-90\%{
  --tw-gradient-via-position: 90%;
}

.to-gray-100{
  --tw-gradient-to: #F7FAFC var(--tw-gradient-to-position);
}

.to-gray-200{
  --tw-gradient-to: #EDF2F7 var(--tw-gradient-to-position);
}

.to-gray-50\/75{
  --tw-gradient-to: rgb(249 250 251 / 0.75) var(--tw-gradient-to-position);
}

.to-gray-600{
  --tw-gradient-to: #718096 var(--tw-gradient-to-position);
}

.to-gray-900\/50{
  --tw-gradient-to: rgb(26 32 44 / 0.5) var(--tw-gradient-to-position);
}

.to-primary-600{
  --tw-gradient-to: rgb(var(--color-primary-600) / 1) var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.to-white\/0{
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
}

.bg-\[size\:10px_10px\]{
  background-size: 10px 10px;
}

.bg-\[size\:85\%_auto\]{
  background-size: 85% auto;
}

.bg-contain{
  background-size: contain;
}

.bg-cover{
  background-size: cover;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-current{
  fill: currentColor;
}

.fill-gray-500{
  fill: #A0AEC0;
}

.fill-gray-700{
  fill: #4A5568;
}

.fill-none{
  fill: none;
}

.fill-transparent{
  fill: transparent;
}

.stroke-current{
  stroke: currentColor;
}

.stroke-gray-500{
  stroke: #A0AEC0;
}

.stroke-gray-600{
  stroke: #718096;
}

.stroke-gray-700{
  stroke: #4A5568;
}

.stroke-neutral-400{
  stroke: #a3a3a3;
}

.stroke-neutral-500\/80{
  stroke: rgb(115 115 115 / 0.8);
}

.stroke-primary-600{
  stroke: rgb(223 75 37 / 1);
  stroke: rgb(var(--color-primary-600) / 1);
}

.stroke-2{
  stroke-width: 2;
}

.stroke-\[3px\]{
  stroke-width: 3px;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.object-top{
  -o-object-position: top;
     object-position: top;
}

.p-0{
  padding: 0px;
}

.p-1{
  padding: 0.25rem;
}

.p-10{
  padding: 2.5rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-8{
  padding: 2rem;
}

.p-\[2px\]{
  padding: 2px;
}

.p-\[3px\]{
  padding: 3px;
}

.p-\[5px\]{
  padding: 5px;
}

.p-px{
  padding: 1px;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[3px\]{
  padding-left: 3px;
  padding-right: 3px;
}

.px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}

.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[6\.5px\]{
  padding-top: 6.5px;
  padding-bottom: 6.5px;
}

.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}

.\!pl-12{
  padding-left: 3rem !important;
}

.\!pr-4{
  padding-right: 1rem !important;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-14{
  padding-bottom: 3.5rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-\[0\.75rem\]{
  padding-bottom: 0.75rem;
}

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

.pl-1{
  padding-left: 0.25rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pl-12{
  padding-left: 3rem;
}

.pl-14{
  padding-left: 3.5rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pl-8{
  padding-left: 2rem;
}

.pl-\[19px\]{
  padding-left: 19px;
}

.pl-\[52px\]{
  padding-left: 52px;
}

.pl-\[64px\]{
  padding-left: 64px;
}

.pl-\[var\(--padding-left\)\]{
  padding-left: var(--padding-left);
}

.pr-0{
  padding-right: 0px;
}

.pr-1{
  padding-right: 0.25rem;
}

.pr-10{
  padding-right: 2.5rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-40{
  padding-right: 10rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pr-8{
  padding-right: 2rem;
}

.pr-\[var\(--padding-right\)\]{
  padding-right: var(--padding-right);
}

.pt-0{
  padding-top: 0px;
}

.pt-0\.5{
  padding-top: 0.125rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-1\.5{
  padding-top: 0.375rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-24{
  padding-top: 6rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-40{
  padding-top: 10rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-56{
  padding-top: 14rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-\[0\.75rem\]{
  padding-top: 0.75rem;
}

.pt-\[56\.25\%\]{
  padding-top: 56.25%;
}

.pt-\[min\(var\(--aspect-ratio-padding\)\2c 70vh\)\]{
  padding-top: min(var(--aspect-ratio-padding),70vh);
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.align-baseline{
  vertical-align: baseline;
}

.font-branding-content{
  font-family: var(--content-font-family);
}

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

.font-publishing{
  font-family: Newsreader, serif;
}

.font-sans{
  font-family: Proxima Nova, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
}

.font-system{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[0\.8rem\]{
  font-size: 0.8rem;
}

.text-\[1\.125em\]{
  font-size: 1.125em;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-\[11px\]{
  font-size: 11px;
}

.text-\[12\.5px\]{
  font-size: 12.5px;
}

.text-\[12px\]{
  font-size: 12px;
}

.text-\[13px\]{
  font-size: 13px;
}

.text-\[14px\]{
  font-size: 14px;
}

.text-\[15px\]{
  font-size: 15px;
}

.text-\[9px\]{
  font-size: 9px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold{
  font-weight: 700;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.normal-case{
  text-transform: none;
}

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.leading-3{
  line-height: .75rem;
}

.leading-4{
  line-height: 1rem;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-7{
  line-height: 1.75rem;
}

.leading-\[1\.1\]{
  line-height: 1.1;
}

.leading-loose{
  line-height: 2;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.leading-snug{
  line-height: 1.375;
}

.leading-tight{
  line-height: 1.25;
}

.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.tracking-wide{
  letter-spacing: 0.025em;
}

.tracking-wider{
  letter-spacing: 0.05em;
}

.\!text-gray-700{
  --tw-text-opacity: 1 !important;
  color: rgb(74 85 104 / 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
.\!text-gray-700{
  color: rgb(74 85 104 / var(--tw-text-opacity)) !important;
}
}

.\!text-neutral-800{
  --tw-text-opacity: 1 !important;
  color: rgb(38 38 38 / 1) !important;
}

@supports (color: rgb(0 0 0 / 0)){
.\!text-neutral-800{
  color: rgb(38 38 38 / var(--tw-text-opacity)) !important;
}
}

.text-\[\#5865F2\]{
  --tw-text-opacity: 1;
  color: rgb(88 101 242 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-\[\#5865F2\]{
  color: rgb(88 101 242 / var(--tw-text-opacity));
}
}

.text-\[\#999\]{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-\[\#999\]{
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
}

.text-\[\#ff6519\]{
  --tw-text-opacity: 1;
  color: rgb(255 101 25 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-\[\#ff6519\]{
  color: rgb(255 101 25 / var(--tw-text-opacity));
}
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-black{
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-blue-600{
  color: rgb(49 130 206 / var(--tw-text-opacity));
}
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(43 108 176 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-blue-700{
  color: rgb(43 108 176 / var(--tw-text-opacity));
}
}

.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(42 67 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-blue-900{
  color: rgb(42 67 101 / var(--tw-text-opacity));
}
}

.text-branding-button-text{
  --tw-text-opacity: 1;
  color: rgb(var(--button-text-color) / 1);
  color: rgb(var(--button-text-color) / var(--tw-text-opacity));
}

.text-branding-link{
  --tw-text-opacity: 1;
  color: rgb(var(--link-text-color) / 1);
  color: rgb(var(--link-text-color) / var(--tw-text-opacity));
}

.text-branding-text{
  --tw-text-opacity: 1;
  color: rgb(var(--text-color) / 1);
  color: rgb(var(--text-color) / var(--tw-text-opacity));
}

.text-branding-text\/60{
  color: rgb(var(--text-color) / 0.6);
}

.text-branding-text\/70{
  color: rgb(var(--text-color) / 0.7);
}

.text-branding-text\/80{
  color: rgb(var(--text-color) / 0.8);
}

.text-branding-text\/90{
  color: rgb(var(--text-color) / 0.9);
}

.text-current{
  color: currentColor;
}

.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-emerald-700{
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
}

.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-100{
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-200{
  color: rgb(237 242 247 / var(--tw-text-opacity));
}
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-300{
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-400{
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-500{
  color: rgb(160 174 192 / var(--tw-text-opacity));
}
}

.text-gray-500\/80{
  color: rgb(160 174 192 / 0.8);
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-600{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.text-gray-600\/80{
  color: rgb(113 128 150 / 0.8);
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-700{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.text-gray-700\/80{
  color: rgb(74 85 104 / 0.8);
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-800{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-gray-900{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.text-gray-900\/60{
  color: rgb(26 32 44 / 0.6);
}

.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-green-500{
  color: rgb(72 187 120 / var(--tw-text-opacity));
}
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(56 161 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-green-600{
  color: rgb(56 161 105 / var(--tw-text-opacity));
}
}

.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(47 133 90 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-green-700{
  color: rgb(47 133 90 / var(--tw-text-opacity));
}
}

.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(39 103 73 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-green-800{
  color: rgb(39 103 73 / var(--tw-text-opacity));
}
}

.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-indigo-500{
  color: rgb(99 102 241 / var(--tw-text-opacity));
}
}

.text-neutral-100{
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-neutral-100{
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
}

.text-neutral-400{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-neutral-400{
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
}

.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-neutral-500{
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
}

.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-neutral-600{
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
}

.text-neutral-600\/70{
  color: rgb(82 82 82 / 0.7);
}

.text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-neutral-700{
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
}

.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-orange-700{
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
}

.text-primary{
  --tw-text-opacity: 1;
  color: rgb(239 80 40 / 1);
  color: rgb(var(--color-primary) / var(--tw-text-opacity));
}

.text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(239 80 40 / 1);
  color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
}

.text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(223 75 37 / 1);
  color: rgb(var(--color-primary-600) / var(--tw-text-opacity));
}

.text-red-100{
  --tw-text-opacity: 1;
  color: rgb(255 245 245 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-red-100{
  color: rgb(255 245 245 / var(--tw-text-opacity));
}
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(245 101 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-red-500{
  color: rgb(245 101 101 / var(--tw-text-opacity));
}
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(229 62 62 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-red-600{
  color: rgb(229 62 62 / var(--tw-text-opacity));
}
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-red-700{
  color: rgb(197 48 48 / var(--tw-text-opacity));
}
}

.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(155 44 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-red-800{
  color: rgb(155 44 44 / var(--tw-text-opacity));
}
}

.text-secondary{
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary) / var(--tw-text-opacity));
}

.text-secondary-500{
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
}

.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-slate-500{
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
}

.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-slate-600{
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
}

.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-slate-800{
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
}

.text-theme-content{
  --tw-text-opacity: 1;
  color: rgba(var(--theme-content-color) / 1);
  color: rgba(var(--theme-content-color) / var(--tw-text-opacity));
}

.text-true-gray-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-true-gray-500{
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-white{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(246 224 94 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-yellow-400{
  color: rgb(246 224 94 / var(--tw-text-opacity));
}
}

.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(214 158 46 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-yellow-600{
  color: rgb(214 158 46 / var(--tw-text-opacity));
}
}

.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(183 121 31 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-yellow-700{
  color: rgb(183 121 31 / var(--tw-text-opacity));
}
}

.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(151 90 22 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-yellow-800{
  color: rgb(151 90 22 / var(--tw-text-opacity));
}
}

.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(116 66 16 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.text-yellow-900{
  color: rgb(116 66 16 / var(--tw-text-opacity));
}
}

.text-opacity-75{
  --tw-text-opacity: 0.75;
}

.underline{
  text-decoration-line: underline;
}

.line-through{
  text-decoration-line: line-through;
}

.no-underline{
  text-decoration-line: none;
}

.decoration-gray-500{
  text-decoration-color: #A0AEC0;
}

.decoration-dotted{
  text-decoration-style: dotted;
}

.underline-offset-2{
  text-underline-offset: 2px;
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-gray-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.placeholder-gray-500::-moz-placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500::placeholder{
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}
}

.placeholder-gray-600::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(113 128 150 / 1);
}

.placeholder-gray-600::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.placeholder-gray-600::-moz-placeholder{
  color: rgb(113 128 150 / var(--tw-placeholder-opacity));
}
.placeholder-gray-600::placeholder{
  color: rgb(113 128 150 / var(--tw-placeholder-opacity));
}
}

.opacity-0{
  opacity: 0;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-100{
  opacity: 1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-75{
  opacity: 0.75;
}

.opacity-80{
  opacity: 0.8;
}

.opacity-85{
  opacity: 0.85;
}

.opacity-90{
  opacity: 0.9;
}

.mix-blend-multiply{
  mix-blend-mode: multiply;
}

.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-4px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0 -4px 10px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 -4px 10px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 -4px 10px 0 rgba(0,0,0,0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_100vmax_rgba\(0\2c 0\2c 0\2c 0\.7\)\]{
  --tw-shadow: 0 0 0 100vmax rgba(0,0,0,0.7);
  --tw-shadow-colored: 0 0 0 100vmax var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 100vmax rgba(0,0,0,0.7);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_15px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 15px 0 rgba(0,0,0,0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner-sm{
  --tw-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: inset 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.outline-1{
  outline-width: 1px;
}

.outline-neutral-300{
  outline-color: #d4d4d4;
}

.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-gray-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 242 247 / var(--tw-ring-opacity));
}

.ring-gray-200\/20{
  --tw-ring-color: rgb(237 242 247 / 0.2);
}

.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
}

.ring-transparent{
  --tw-ring-color: transparent;
}

.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.ring-opacity-10{
  --tw-ring-opacity: 0.1;
}

.blur{
  --tw-blur: blur(8px);
  filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: blur(16px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: blur(16px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: blur(12px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear{
  transition-timing-function: linear;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.will-change-transform{
  will-change: transform;
}

.\@container{
  container-type: inline-size;
}

.\[animation\:spinner_3s_linear_infinite\]{
  animation: spinner 3s linear infinite;
}

.\[text-wrap\:balance\]{
  text-wrap: balance;
}

@media (min-width: 768px){
  .md\:container{
    width: 100%;
  }

  @media (min-width: 640px){
    .md\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .md\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px){
    .md\:container{
      max-width: 1536px;
    }
  }
}

.dark\:prose-invert:where(.dark, .dark *){
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.marker\:content-\[\'\'\] *::marker{
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

.marker\:content-\[\'\'\]::marker{
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

.selection\:bg-gray-300\/90 *::-moz-selection{
  background-color: rgb(226 232 240 / 0.9);
}

.selection\:bg-gray-300\/90 *::selection{
  background-color: rgb(226 232 240 / 0.9);
}

.selection\:text-gray-900 *::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

.selection\:text-gray-900 *::selection{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.selection\:text-gray-900 *::-moz-selection{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
.selection\:text-gray-900 *::selection{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.selection\:bg-gray-300\/90::-moz-selection{
  background-color: rgb(226 232 240 / 0.9);
}

.selection\:bg-gray-300\/90::selection{
  background-color: rgb(226 232 240 / 0.9);
}

.selection\:text-gray-900::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

.selection\:text-gray-900::selection{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.selection\:text-gray-900::-moz-selection{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
.selection\:text-gray-900::selection{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.file\:mr-4::file-selector-button{
  margin-right: 1rem;
}

.file\:rounded-full::file-selector-button{
  border-radius: 9999px;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-gray-100::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.file\:bg-gray-100::file-selector-button{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.file\:px-4::file-selector-button{
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::file-selector-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-semibold::file-selector-button{
  font-weight: 600;
}

.file\:text-gray-800::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.file\:text-gray-800::file-selector-button{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.placeholder\:text-gray-400::-moz-placeholder{
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
.placeholder\:text-gray-400::placeholder{
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.backdrop\:hidden::backdrop{
  display: none;
}

.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}

.before\:-left-\[4px\]::before{
  content: var(--tw-content);
  left: -4px;
}

.before\:-top-\[4px\]::before{
  content: var(--tw-content);
  top: -4px;
}

.before\:-top-px::before{
  content: var(--tw-content);
  top: -1px;
}

.before\:left-0::before{
  content: var(--tw-content);
  left: 0px;
}

.before\:top-1\/2::before{
  content: var(--tw-content);
  top: 50%;
}

.before\:z-0::before{
  content: var(--tw-content);
  z-index: 0;
}

.before\:z-10::before{
  content: var(--tw-content);
  z-index: 10;
}

.before\:mr-0::before{
  content: var(--tw-content);
  margin-right: 0px;
}

.before\:mt-px::before{
  content: var(--tw-content);
  margin-top: 1px;
}

.before\:h-\[34px\]::before{
  content: var(--tw-content);
  height: 34px;
}

.before\:h-px::before{
  content: var(--tw-content);
  height: 1px;
}

.before\:w-\[34px\]::before{
  content: var(--tw-content);
  width: 34px;
}

.before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}

.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:border-\[1px\]::before{
  content: var(--tw-content);
  border-width: 1px;
}

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

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

.before\:border-gray-300::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.before\:border-gray-300::before{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.before\:border-gray-400::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.before\:border-gray-400::before{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
}
}

.before\:border-neutral-300::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.before\:border-neutral-300::before{
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
}

.before\:bg-transparent::before{
  content: var(--tw-content);
  background-color: transparent;
}

.before\:bg-white::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.before\:bg-white::before{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.before\:content-\[\'\'\]::before{
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:\!left-auto::after{
  content: var(--tw-content);
  left: auto !important;
}

.after\:\!right-\[28px\]::after{
  content: var(--tw-content);
  right: 28px !important;
}

.after\:\!top-1\/2::after{
  content: var(--tw-content);
  top: 50% !important;
}

.after\:bottom-0::after{
  content: var(--tw-content);
  bottom: 0px;
}

.after\:right-0::after{
  content: var(--tw-content);
  right: 0px;
}

.after\:top-0::after{
  content: var(--tw-content);
  top: 0px;
}

.after\:z-10::after{
  content: var(--tw-content);
  z-index: 10;
}

.after\:\!m-0::after{
  content: var(--tw-content);
  margin: 0px !important;
}

.after\:\!-mt-2::after{
  content: var(--tw-content);
  margin-top: -0.5rem !important;
}

.after\:h-full::after{
  content: var(--tw-content);
  height: 100%;
}

.after\:w-24::after{
  content: var(--tw-content);
  width: 6rem;
}

.after\:bg-gradient-to-l::after{
  content: var(--tw-content);
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.after\:from-gray-200::after{
  content: var(--tw-content);
  --tw-gradient-from: #EDF2F7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 242 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

.first\:pt-0:first-child{
  padding-top: 0px;
}

.last\:mr-5:last-child{
  margin-right: 1.25rem;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.last-of-type\:border-b-0:last-of-type{
  border-bottom-width: 0px;
}

.last-of-type\:border-r-0:last-of-type{
  border-right-width: 0px;
}

.empty\:hidden:empty{
  display: none;
}

.focus-within\:border-gray-500:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus-within\:border-gray-500:focus-within{
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}
}

.focus-within\:bg-gray-100:focus-within{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus-within\:bg-gray-100:focus-within{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.focus-within\:text-gray-600:focus-within{
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus-within\:text-gray-600:focus-within{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.focus-within\:ring-4:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-gray-50:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-grab:hover{
  cursor: grab;
}

.hover\:cursor-pointer:hover{
  cursor: pointer;
}

.hover\:border:hover{
  border-width: 1px;
}

.hover\:border-l:hover{
  border-left-width: 1px;
}

.hover\:border-branding-border\/40:hover{
  border-color: rgb(var(--border-color) / 0.4);
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:border-gray-300:hover{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:border-gray-400:hover{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
}
}

.hover\:border-gray-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:border-gray-500:hover{
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}
}

.hover\:bg-black\/5:hover{
  background-color: rgb(51 51 51 / 0.05);
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(43 108 176 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-blue-700:hover{
  background-color: rgb(43 108 176 / var(--tw-bg-opacity));
}
}

.hover\:bg-branding-text\/5:hover{
  background-color: rgb(var(--text-color) / 0.05);
}

.hover\:bg-fuchsia-200\/40:hover{
  background-color: rgb(245 208 254 / 0.4);
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-gray-100:hover{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.hover\:bg-gray-100\/75:hover{
  background-color: rgb(247 250 252 / 0.75);
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-gray-200:hover{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.hover\:bg-gray-200\/50:hover{
  background-color: rgb(237 242 247 / 0.5);
}

.hover\:bg-gray-200\/70:hover{
  background-color: rgb(237 242 247 / 0.7);
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-gray-50:hover{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.hover\:bg-gray-50\/50:hover{
  background-color: rgb(249 250 251 / 0.5);
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-gray-800:hover{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.hover\:bg-inherit:hover{
  background-color: inherit;
}

.hover\:bg-neutral-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-neutral-100:hover{
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
}

.hover\:bg-neutral-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-neutral-50:hover{
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
}

.hover\:bg-neutral-50\/75:hover{
  background-color: rgb(250 250 250 / 0.75);
}

.hover\:bg-primary-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 75 37 / 1);
  background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity));
}

.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-slate-100:hover{
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-slate-50:hover{
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:bg-white:hover{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-yellow-700\/5:hover{
  background-color: rgb(183 121 31 / 0.05);
}

.hover\:bg-opacity-60:hover{
  --tw-bg-opacity: 0.6;
}

.hover\:bg-opacity-75:hover{
  --tw-bg-opacity: 0.75;
}

.hover\:from-secondary-400\/60:hover{
  --tw-gradient-from: rgb(var(--color-secondary-400) / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-secondary-400) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-secondary-400\/0:hover{
  --tw-gradient-to: rgb(var(--color-secondary-400) / 0) var(--tw-gradient-to-position);
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-blue-600:hover{
  color: rgb(49 130 206 / var(--tw-text-opacity));
}
}

.hover\:text-branding-link:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--link-text-color) / 1);
  color: rgb(var(--link-text-color) / var(--tw-text-opacity));
}

.hover\:text-branding-link-hover:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--link-text-color--hover) / 1);
  color: rgb(var(--link-text-color--hover) / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-gray-600:hover{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-gray-700:hover{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-gray-800:hover{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-gray-900:hover{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.hover\:text-gray-950:hover{
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-gray-950:hover{
  color: rgb(3 7 18 / var(--tw-text-opacity));
}
}

.hover\:text-neutral-800:hover{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-neutral-800:hover{
  color: rgb(38 38 38 / var(--tw-text-opacity));
}
}

.hover\:text-primary-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 80 40 / 1);
  color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
}

.hover\:text-theme-content:hover{
  --tw-text-opacity: 1;
  color: rgba(var(--theme-content-color) / 1);
  color: rgba(var(--theme-content-color) / var(--tw-text-opacity));
}

.hover\:text-true-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-true-gray-700:hover{
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:text-white:hover{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.hover\:opacity-85:hover{
  opacity: 0.85;
}

.hover\:shadow:hover{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-none:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-primary-600\/20:hover{
  --tw-shadow-color: rgb(var(--color-primary-600) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:ring-2:hover{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-gray-100:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 250 252 / var(--tw-ring-opacity));
}

.hover\:ring-gray-400:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 224 / var(--tw-ring-opacity));
}

.hover\:ring-neutral-100:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity));
}

.hover\:file\:bg-gray-200::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:file\:bg-gray-200::file-selector-button:hover{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.hover\:before\:border-neutral-400:hover::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:before\:border-neutral-400:hover::before{
  border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
}

.focus\:not-sr-only:focus{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:cursor-grab:focus{
  cursor: grab;
}

.focus\:cursor-grabbing:focus{
  cursor: grabbing;
}

.focus\:cursor-pointer:focus{
  cursor: pointer;
}

.focus\:border:focus{
  border-width: 1px;
}

.focus\:border-\[\#ccc\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:border-\[\#ccc\]:focus{
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
}

.focus\:border-black\/5:focus{
  border-color: rgb(51 51 51 / 0.05);
}

.focus\:border-branding-link\/40:focus{
  border-color: rgb(var(--link-text-color) / 0.4);
}

.focus\:border-gray-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:border-gray-300:focus{
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.focus\:border-gray-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:border-gray-400:focus{
  border-color: rgb(203 213 224 / var(--tw-border-opacity));
}
}

.focus\:border-gray-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:border-gray-500:focus{
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}
}

.focus\:border-neutral-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:border-neutral-300:focus{
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
}

.focus\:border-secondary-400\/80:focus{
  border-color: rgb(63 105 255 / 0.8);
  border-color: rgb(var(--color-secondary-400) / 0.8);
}

.focus\:border-slate-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:border-slate-300:focus{
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
}

.focus\:bg-branding-text\/10:focus{
  background-color: rgb(var(--text-color) / 0.1);
}

.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:bg-white:focus{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.focus\:text-gray-800:focus{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.focus\:text-gray-800:focus{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.focus\:shadow-none:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-sm:focus{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-inherit:focus{
  --tw-shadow-color: inherit;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-2:focus{
  outline-width: 2px;
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-black\/5:focus{
  --tw-ring-color: rgb(51 51 51 / 0.05);
}

.focus\:ring-branding-border\/50:focus{
  --tw-ring-color: rgb(var(--border-color) / 0.5);
}

.focus\:ring-branding-link\/10:focus{
  --tw-ring-color: rgb(var(--link-text-color) / 0.1);
}

.focus\:ring-gray-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(237 242 247 / var(--tw-ring-opacity));
}

.focus\:ring-gray-200\/50:focus{
  --tw-ring-color: rgb(237 242 247 / 0.5);
}

.focus\:ring-gray-300\/50:focus{
  --tw-ring-color: rgb(226 232 240 / 0.5);
}

.focus\:ring-gray-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 224 / var(--tw-ring-opacity));
}

.focus\:ring-gray-400\/25:focus{
  --tw-ring-color: rgb(203 213 224 / 0.25);
}

.focus\:ring-gray-50:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
}

.focus\:ring-gray-500\/10:focus{
  --tw-ring-color: rgb(160 174 192 / 0.1);
}

.focus\:ring-neutral-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity));
}

.focus\:ring-neutral-300\/40:focus{
  --tw-ring-color: rgb(212 212 212 / 0.4);
}

.focus\:ring-secondary-500\/10:focus{
  --tw-ring-color: rgb(var(--color-secondary-500) / 0.1);
}

.focus\:ring-secondary-500\/50:focus{
  --tw-ring-color: rgb(var(--color-secondary-500) / 0.5);
}

.focus\:ring-slate-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
}

.focus\:ring-slate-50:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity));
}

.focus\:ring-transparent:focus{
  --tw-ring-color: transparent;
}

.focus\:ring-opacity-10:focus{
  --tw-ring-opacity: 0.1;
}

.focus\:transition-none:focus{
  transition-property: none;
}

.active\:ring-transparent:active{
  --tw-ring-color: transparent;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.group[open] .group-open\:hidden{
  display: none;
}

.group[open] .group-open\:stroke-secondary-500{
  stroke: rgb(40 84 239 / 1);
  stroke: rgb(var(--color-secondary-500) / 1);
}

.group[open] .group-open\:font-semibold{
  font-weight: 600;
}

.group[open] .group-open\:text-secondary-500{
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
}

.group[open] .group-open\:text-secondary-600{
  --tw-text-opacity: 1;
  color: rgb(31 71 212 / 1);
  color: rgb(var(--color-secondary-600) / var(--tw-text-opacity));
}

.group:focus-within .group-focus-within\:hidden{
  display: none;
}

.group:focus-within .group-focus-within\:h-auto{
  height: auto;
}

.group:focus-within .group-focus-within\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus-within .group-focus-within\:transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}

.group:focus-within .group-focus-within\:transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.group:focus-within .group-focus-within\:duration-200{
  transition-duration: 200ms;
}

.group:focus-within .group-focus-within\:ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.group:hover .group-hover\:-translate-x-1{
  --tw-translate-x: -0.25rem;
  transform: translate(-0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:-translate-y-2{
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), -0.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-2{
  --tw-translate-x: 0.5rem;
  transform: translate(0.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-\[4px\]{
  --tw-translate-x: 4px;
  transform: translate(4px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-solid{
  border-style: solid;
}

.group:hover .group-hover\:border-branding-link-hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--link-text-color--hover) / 1);
  border-color: rgb(var(--link-text-color--hover) / var(--tw-border-opacity));
}

.group:hover .group-hover\:border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:border-gray-600{
  border-color: rgb(113 128 150 / var(--tw-border-opacity));
}
}

.group:hover .group-hover\:bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:bg-gray-200{
  background-color: rgb(237 242 247 / var(--tw-bg-opacity));
}
}

.group:hover .group-hover\:bg-primary-500\/20{
  background-color: rgb(239 80 40 / 0.2);
  background-color: rgb(var(--color-primary-500) / 0.2);
}

.group:hover .group-hover\:bg-opacity-20{
  --tw-bg-opacity: 0.2;
}

.group:hover .group-hover\:stroke-gray-800{
  stroke: #2D3748;
}

.group:hover .group-hover\:stroke-red-500{
  stroke: #F56565;
}

.group:hover .group-hover\:text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-blue-500{
  color: rgb(66 153 225 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(49 130 206 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-blue-600{
  color: rgb(49 130 206 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-branding-link-hover{
  --tw-text-opacity: 1;
  color: rgb(var(--link-text-color--hover) / 1);
  color: rgb(var(--link-text-color--hover) / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-branding-link-hover\/90{
  color: rgb(var(--link-text-color--hover) / 0.9);
}

.group:hover .group-hover\:text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-gray-600{
  color: rgb(113 128 150 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-gray-700{
  color: rgb(74 85 104 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-gray-800{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-gray-900{
  color: rgb(26 32 44 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-green-500{
  --tw-text-opacity: 1;
  color: rgb(72 187 120 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-green-500{
  color: rgb(72 187 120 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-green-700{
  --tw-text-opacity: 1;
  color: rgb(47 133 90 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-green-700{
  color: rgb(47 133 90 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-neutral-700{
  color: rgb(64 64 64 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-red-500{
  --tw-text-opacity: 1;
  color: rgb(245 101 101 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-red-500{
  color: rgb(245 101 101 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-secondary-400{
  --tw-text-opacity: 1;
  color: rgb(63 105 255 / 1);
  color: rgb(var(--color-secondary-400) / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-secondary-500{
  --tw-text-opacity: 1;
  color: rgb(40 84 239 / 1);
  color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-secondary-600{
  --tw-text-opacity: 1;
  color: rgb(31 71 212 / 1);
  color: rgb(var(--color-secondary-600) / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:text-white{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:text-opacity-100{
  --tw-text-opacity: 1;
}

.group:hover .group-hover\:underline{
  text-decoration-line: underline;
}

.group:hover .group-hover\:opacity-0{
  opacity: 0;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-95{
  opacity: 0.95;
}

.group:hover .group-hover\:transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.group:hover .group-hover\:ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group:focus .group-focus\:text-branding-link-hover{
  --tw-text-opacity: 1;
  color: rgb(var(--link-text-color--hover) / 1);
  color: rgb(var(--link-text-color--hover) / var(--tw-text-opacity));
}

.group.panel--open .group-\[\.panel--open\]\:z-50{
  z-index: 50;
}

.group.panel--open .group-\[\.panel--open\]\:flex{
  display: flex;
}

.group.is-open .group-\[\.is-open\]\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group.panel--open .group-\[\.panel--open\]\:shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.peer:checked ~ .peer-checked\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.peer:checked ~ .peer-checked\:bg-white{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.peer:checked ~ .peer-checked\:shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.peer:focus ~ .peer-focus\:border-secondary-500\/80{
  border-color: rgb(40 84 239 / 0.8);
  border-color: rgb(var(--color-secondary-500) / 0.8);
}

.peer:focus ~ .peer-focus\:from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.peer:focus ~ .peer-focus\:to-secondary-500\/10{
  --tw-gradient-to: rgb(var(--color-secondary-500) / 0.1) var(--tw-gradient-to-position);
}

.peer:focus ~ .peer-focus\:text-secondary-600\/80{
  color: rgb(31 71 212 / 0.8);
  color: rgb(var(--color-secondary-600) / 0.8);
}

.aria-current\:bg-white[aria-current="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.aria-current\:bg-white[aria-current="true"]{
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.aria-current\:font-semibold[aria-current="true"]{
  font-weight: 600;
}

.aria-current\:text-gray-800[aria-current="true"]{
  --tw-text-opacity: 1;
  color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.aria-current\:text-gray-800[aria-current="true"]{
  color: rgb(45 55 72 / var(--tw-text-opacity));
}
}

.aria-current\:shadow[aria-current="true"]{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.aria-current\:shadow-\[inset_0_3px_0_0_rgb\(var\(--color-secondary\)\)\][aria-current="true"]{
  --tw-shadow: inset 0 3px 0 0 rgb(var(--color-secondary));
  --tw-shadow-colored: inset 0 3px 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 3px 0 0 rgb(40 84 239);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.aria-current\:hover\:bg-transparent:hover[aria-current="true"]{
  background-color: transparent;
}

.aria-\[current\=page\]\:bg-fuchsia-200\/40[aria-current=page]{
  background-color: rgb(245 208 254 / 0.4);
}

.aria-\[current\=page\]\:bg-gray-100[aria-current=page]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.aria-\[current\=page\]\:bg-gray-100[aria-current=page]{
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}
}

.aria-\[current\=page\]\:bg-gray-50[aria-current=page]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.aria-\[current\=page\]\:bg-gray-50[aria-current=page]{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
}

.aria-\[current\=page\]\:bg-yellow-700\/5[aria-current=page]{
  background-color: rgb(183 121 31 / 0.05);
}

.aria-\[current\=page\]\:text-branding-link[aria-current=page]{
  --tw-text-opacity: 1;
  color: rgb(var(--link-text-color) / 1);
  color: rgb(var(--link-text-color) / var(--tw-text-opacity));
}

.aria-\[current\=page\]\:text-branding-link-hover[aria-current=page]{
  --tw-text-opacity: 1;
  color: rgb(var(--link-text-color--hover) / 1);
  color: rgb(var(--link-text-color--hover) / var(--tw-text-opacity));
}

.aria-\[current\=page\]\:underline[aria-current=page]{
  text-decoration-line: underline;
}

.aria-\[current\=page\]\:decoration-2[aria-current=page]{
  text-decoration-thickness: 2px;
}

.aria-\[current\=page\]\:underline-offset-8[aria-current=page]{
  text-underline-offset: 8px;
}

.group[aria-current="true"] .group-aria-current\:opacity-100{
  opacity: 1;
}

@container (min-width: 24rem){
  .\@sm\:inline-flex{
    display: inline-flex;
  }
}

@container (min-width: 28rem){
  .\@md\:mt-0{
    margin-top: 0px;
  }
}

@container (min-width: 36rem){
  .\@xl\:mt-2{
    margin-top: 0.5rem;
  }
}

@container (min-width: 42rem){
  .\@2xl\:static{
    position: static;
  }

  .\@2xl\:absolute{
    position: absolute;
  }

  .\@2xl\:inset-0{
    inset: 0px;
  }

  .\@2xl\:-bottom-12{
    bottom: -3rem;
  }

  .\@2xl\:-top-28{
    top: -7rem;
  }

  .\@2xl\:right-0{
    right: 0px;
  }

  .\@2xl\:z-20{
    z-index: 20;
  }

  .\@2xl\:-order-1{
    order: -1;
  }

  .\@2xl\:order-1{
    order: 1;
  }

  .\@2xl\:order-2{
    order: 2;
  }

  .\@2xl\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .\@2xl\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .\@2xl\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .\@2xl\:mb-2{
    margin-bottom: 0.5rem;
  }

  .\@2xl\:ml-0{
    margin-left: 0px;
  }

  .\@2xl\:ml-auto{
    margin-left: auto;
  }

  .\@2xl\:mr-2{
    margin-right: 0.5rem;
  }

  .\@2xl\:mr-auto{
    margin-right: auto;
  }

  .\@2xl\:mt-0{
    margin-top: 0px;
  }

  .\@2xl\:block{
    display: block;
  }

  .\@2xl\:inline-block{
    display: inline-block;
  }

  .\@2xl\:flex{
    display: flex;
  }

  .\@2xl\:grid{
    display: grid;
  }

  .\@2xl\:hidden{
    display: none;
  }

  .\@2xl\:h-12{
    height: 3rem;
  }

  .\@2xl\:h-full{
    height: 100%;
  }

  .\@2xl\:min-h-\[380px\]{
    min-height: 380px;
  }

  .\@2xl\:w-\[var\(--default-box-width\)\]{
    width: var(--default-box-width);
  }

  .\@2xl\:w-auto{
    width: auto;
  }

  .\@2xl\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .\@2xl\:w-full{
    width: 100%;
  }

  .\@2xl\:max-w-\[41\.666vw\]{
    max-width: 41.666vw;
  }

  .\@2xl\:max-w-\[var\(--default-box-width\)\]{
    max-width: var(--default-box-width);
  }

  .\@2xl\:max-w-none{
    max-width: none;
  }

  .\@2xl\:flex-1{
    flex: 1 1 0%;
  }

  .\@2xl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .\@2xl\:flex-row{
    flex-direction: row;
  }

  .\@2xl\:flex-col{
    flex-direction: column;
  }

  .\@2xl\:flex-wrap{
    flex-wrap: wrap;
  }

  .\@2xl\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .\@2xl\:items-end{
    align-items: flex-end;
  }

  .\@2xl\:items-center{
    align-items: center;
  }

  .\@2xl\:items-baseline{
    align-items: baseline;
  }

  .\@2xl\:justify-start{
    justify-content: flex-start;
  }

  .\@2xl\:justify-end{
    justify-content: flex-end;
  }

  .\@2xl\:justify-center{
    justify-content: center;
  }

  .\@2xl\:justify-between{
    justify-content: space-between;
  }

  .\@2xl\:gap-2{
    gap: 0.5rem;
  }

  .\@2xl\:gap-3{
    gap: 0.75rem;
  }

  .\@2xl\:space-y-px > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - 0));
    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1px * 0);
    margin-bottom: calc(1px * var(--tw-space-y-reverse));
  }

  .\@2xl\:overflow-hidden{
    overflow: hidden;
  }

  .\@2xl\:overflow-y-auto{
    overflow-y: auto;
  }

  .\@2xl\:rounded{
    border-radius: 0.25rem;
  }

  .\@2xl\:rounded-lg{
    border-radius: 0.5rem;
  }

  .\@2xl\:rounded-none{
    border-radius: 0px;
  }

  .\@2xl\:rounded-t-none{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .\@2xl\:rounded-br-none{
    border-bottom-right-radius: 0px;
  }

  .\@2xl\:border{
    border-width: 1px;
  }

  .\@2xl\:border-l{
    border-left-width: 1px;
  }

  .\@2xl\:border-t-0{
    border-top-width: 0px;
  }

  .\@2xl\:border-none{
    border-style: none;
  }

  .\@2xl\:bg-transparent{
    background-color: transparent;
  }

  .\@2xl\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / 1);
  }

@supports (color: rgb(0 0 0 / 0)){
.\@2xl\:bg-white{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
}

  .\@2xl\:bg-none{
    background-image: none;
  }

  .\@2xl\:p-2{
    padding: 0.5rem;
  }

  .\@2xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .\@2xl\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .\@2xl\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .\@2xl\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .\@2xl\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .\@2xl\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .\@2xl\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .\@2xl\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .\@2xl\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .\@2xl\:pb-0{
    padding-bottom: 0px;
  }

  .\@2xl\:pb-14{
    padding-bottom: 3.5rem;
  }

  .\@2xl\:pl-20{
    padding-left: 5rem;
  }

  .\@2xl\:pl-6{
    padding-left: 1.5rem;
  }

  .\@2xl\:pt-0{
    padding-top: 0px;
  }

  .\@2xl\:pt-2{
    padding-top: 0.5rem;
  }

  .\@2xl\:text-left{
    text-align: left;
  }

  .\@2xl\:text-right{
    text-align: right;
  }

  .\@2xl\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .\@2xl\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .\@2xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .\@2xl\:text-theme-content{
    --tw-text-opacity: 1;
    color: rgba(var(--theme-content-color) / 1);
    color: rgba(var(--theme-content-color) / var(--tw-text-opacity));
  }

  .\@2xl\:shadow-\[0_5px_15px_10px_rgb\(var\(--theme-color\)\)\]{
    --tw-shadow: 0 5px 15px 10px rgb(var(--theme-color));
    --tw-shadow-colored: 0 5px 15px 10px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\@2xl\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .\@2xl\:shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.prose-h3\:mb-1 :is(:where(h3):not(:where([class~="not-prose"] *))){
  margin-bottom: 0.25rem;
}

.prose-h3\:text-2xl :is(:where(h3):not(:where([class~="not-prose"] *))){
  font-size: 1.5rem;
  line-height: 2rem;
}

.prose-h3\:text-base :is(:where(h3):not(:where([class~="not-prose"] *))){
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 640px){
  .sm\:absolute{
    position: absolute;
  }

  .sm\:relative{
    position: relative;
  }

  .sm\:-left-4{
    left: -1rem;
  }

  .sm\:left-auto{
    left: auto;
  }

  .sm\:right-0{
    right: 0px;
  }

  .sm\:top-10{
    top: 2.5rem;
  }

  .sm\:top-12{
    top: 3rem;
  }

  .sm\:z-50{
    z-index: 50;
  }

  .sm\:order-1{
    order: 1;
  }

  .sm\:order-2{
    order: 2;
  }

  .sm\:order-none{
    order: 0;
  }

  .sm\:m-0{
    margin: 0px;
  }

  .sm\:-mr-2{
    margin-right: -0.5rem;
  }

  .sm\:-mr-4{
    margin-right: -1rem;
  }

  .sm\:mb-0{
    margin-bottom: 0px;
  }

  .sm\:ml-auto{
    margin-left: auto;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:mt-24{
    margin-top: 6rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:contents{
    display: contents;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:\!h-5{
    height: 1.25rem !important;
  }

  .sm\:h-10{
    height: 2.5rem;
  }

  .sm\:h-2{
    height: 0.5rem;
  }

  .sm\:h-24{
    height: 6rem;
  }

  .sm\:h-5{
    height: 1.25rem;
  }

  .sm\:h-6{
    height: 1.5rem;
  }

  .sm\:h-screen{
    height: 100vh;
  }

  .sm\:max-h-\[38px\]{
    max-height: 38px;
  }

  .sm\:\!w-5{
    width: 1.25rem !important;
  }

  .sm\:w-10{
    width: 2.5rem;
  }

  .sm\:w-2{
    width: 0.5rem;
  }

  .sm\:w-24{
    width: 6rem;
  }

  .sm\:w-5{
    width: 1.25rem;
  }

  .sm\:w-6{
    width: 1.5rem;
  }

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

  .sm\:w-\[550px\]{
    width: 550px;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .sm\:min-w-\[300px\]{
    min-width: 300px;
  }

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

  .sm\:max-w-xs{
    max-width: 20rem;
  }

  .sm\:origin-top-right{
    transform-origin: top right;
  }

  .sm\:transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:animate-none{
    animation: none;
  }

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

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * 0);
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - 0));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * 0);
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - 0));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * 0);
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - 0));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * 0);
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - 0));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - 0));
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * 0);
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:rounded-3xl{
    border-radius: 1.5rem;
  }

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

  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }

  .sm\:rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-tr-none{
    border-top-right-radius: 0px;
  }

  .sm\:border{
    border-width: 1px;
  }

  .sm\:border-4{
    border-width: 4px;
  }

  .sm\:border-\[3px\]{
    border-width: 3px;
  }

  .sm\:border-none{
    border-style: none;
  }

  .sm\:border-transparent{
    border-color: transparent;
  }

  .sm\:bg-branding-background{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-color) / 1);
    background-color: rgb(var(--background-color) / var(--tw-bg-opacity));
  }

  .sm\:bg-transparent{
    background-color: transparent;
  }

  .sm\:bg-white\/50{
    background-color: rgb(255 255 255 / 0.5);
  }

  .sm\:p-0{
    padding: 0px;
  }

  .sm\:p-1{
    padding: 0.25rem;
  }

  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:pl-0{
    padding-left: 0px;
  }

  .sm\:pr-3{
    padding-right: 0.75rem;
  }

  .sm\:pr-4{
    padding-right: 1rem;
  }

  .sm\:pr-\[72px\]{
    padding-right: 72px;
  }

  .sm\:pt-0{
    padding-top: 0px;
  }

  .sm\:pt-1{
    padding-top: 0.25rem;
  }

  .sm\:text-\[15px\]{
    font-size: 15px;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-branding-text{
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / 1);
    color: rgb(var(--text-color) / var(--tw-text-opacity));
  }

  .sm\:shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:backdrop-blur-sm{
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .sm\:transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .sm\:transition-none{
    transition-property: none;
  }

  .sm\:duration-100{
    transition-duration: 100ms;
  }

  .sm\:ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sm\:hover\:bg-branding-link\/10:hover{
    background-color: rgb(var(--link-text-color) / 0.1);
  }

  .sm\:hover\:bg-branding-link\/20:hover{
    background-color: rgb(var(--link-text-color) / 0.2);
  }

  .sm\:hover\:bg-branding-link\/5:hover{
    background-color: rgb(var(--link-text-color) / 0.05);
  }

  .sm\:focus\:ring-0:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus\:ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #3182CE, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:focus\:ring-branding-link\/10:focus{
    --tw-ring-color: rgb(var(--link-text-color) / 0.1);
  }
}

@media (min-width: 768px){
  .md\:not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:invisible{
    visibility: hidden;
  }

  .md\:absolute{
    position: absolute;
  }

  .md\:bottom-0{
    bottom: 0px;
  }

  .md\:left-0{
    left: 0px;
  }

  .md\:left-1{
    left: 0.25rem;
  }

  .md\:top-\[5px\]{
    top: 5px;
  }

  .md\:-order-1{
    order: -1;
  }

  .md\:order-none{
    order: 0;
  }

  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .md\:m-3{
    margin: 0.75rem;
  }

  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem;
  }

  .md\:ml-0{
    margin-left: 0px;
  }

  .md\:ml-1{
    margin-left: 0.25rem;
  }

  .md\:ml-3{
    margin-left: 0.75rem;
  }

  .md\:ml-4{
    margin-left: 1rem;
  }

  .md\:ml-7{
    margin-left: 1.75rem;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:mr-4{
    margin-right: 1rem;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mt-3{
    margin-top: 0.75rem;
  }

  .md\:mt-auto{
    margin-top: auto;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:inline-flex{
    display: inline-flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:size-12{
    width: 3rem;
    height: 3rem;
  }

  .md\:size-5{
    width: 1.25rem;
    height: 1.25rem;
  }

  .md\:size-6{
    width: 1.5rem;
    height: 1.5rem;
  }

  .md\:size-7{
    width: 1.75rem;
    height: 1.75rem;
  }

  .md\:size-8{
    width: 2rem;
    height: 2rem;
  }

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-11{
    height: 2.75rem;
  }

  .md\:h-14{
    height: 3.5rem;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:h-\[53px\]{
    height: 53px;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:h-fit{
    height: -moz-fit-content;
    height: fit-content;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:h-screen{
    height: 100vh;
  }

  .md\:max-h-\[calc\(80vh\)\]{
    max-height: calc(80vh);
  }

  .md\:min-h-4{
    min-height: 1rem;
  }

  .md\:min-h-\[calc\(100vh-53px\)\]{
    min-height: calc(100vh - 53px);
  }

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

  .md\:w-1\/4{
    width: 25%;
  }

  .md\:w-12{
    width: 3rem;
  }

  .md\:w-24{
    width: 6rem;
  }

  .md\:w-3\/4{
    width: 75%;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-96{
    width: 24rem;
  }

  .md\:w-\[300px\]{
    width: 300px;
  }

  .md\:w-\[600px\]{
    width: 600px;
  }

  .md\:w-\[74px\]{
    width: 74px;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:w-px{
    width: 1px;
  }

  .md\:min-w-\[165px\]{
    min-width: 165px;
  }

  .md\:min-w-\[400px\]{
    min-width: 400px;
  }

  .md\:min-w-\[420px\]{
    min-width: 420px;
  }

  .md\:max-w-\[240px\]{
    max-width: 240px;
  }

  .md\:max-w-\[95px\]{
    max-width: 95px;
  }

  .md\:max-w-sm{
    max-width: 24rem;
  }

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:flex-auto{
    flex: 1 1 auto;
  }

  .md\:shrink{
    flex-shrink: 1;
  }

  .md\:shrink-0{
    flex-shrink: 0;
  }

  .md\:table-fixed{
    table-layout: fixed;
  }

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

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

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

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

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:items-stretch{
    align-items: stretch;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-end{
    justify-content: flex-end;
  }

  .md\:justify-center{
    justify-content: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-0{
    gap: 0px;
  }

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:gap-2{
    gap: 0.5rem;
  }

  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * 0);
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - 0));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * 0);
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - 0));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - 0));
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * 0);
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:overflow-y-auto{
    overflow-y: auto;
  }

  .md\:overflow-x-hidden{
    overflow-x: hidden;
  }

  .md\:rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .md\:border{
    border-width: 1px;
  }

  .md\:border-0{
    border-width: 0px;
  }

  .md\:border-2{
    border-width: 2px;
  }

  .md\:border-b{
    border-bottom-width: 1px;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-l{
    border-left-width: 1px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:border-t-0{
    border-top-width: 0px;
  }

  .md\:border-t-2{
    border-top-width: 2px;
  }

  .md\:border-none{
    border-style: none;
  }

  .md\:border-transparent{
    border-color: transparent;
  }

  .md\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgb(45 55 72 / 1);
  }

@supports (color: rgb(0 0 0 / 0)){
.md\:bg-gray-800{
    background-color: rgb(45 55 72 / var(--tw-bg-opacity));
  }
}

  .md\:bg-transparent{
    background-color: transparent;
  }

  .md\:bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }

  .md\:p-2{
    padding: 0.5rem;
  }

  .md\:p-3{
    padding: 0.75rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pb-0{
    padding-bottom: 0px;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:pb-20{
    padding-bottom: 5rem;
  }

  .md\:pb-5{
    padding-bottom: 1.25rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pb-8{
    padding-bottom: 2rem;
  }

  .md\:pl-1{
    padding-left: 0.25rem;
  }

  .md\:pl-7{
    padding-left: 1.75rem;
  }

  .md\:pl-\[28px\]{
    padding-left: 28px;
  }

  .md\:pl-\[var\(--padding-left\)\]{
    padding-left: var(--padding-left);
  }

  .md\:pr-8{
    padding-right: 2rem;
  }

  .md\:pr-\[var\(--padding-right\)\]{
    padding-right: var(--padding-right);
  }

  .md\:pt-0{
    padding-top: 0px;
  }

  .md\:pt-1{
    padding-top: 0.25rem;
  }

  .md\:pt-10{
    padding-top: 2.5rem;
  }

  .md\:pt-28{
    padding-top: 7rem;
  }

  .md\:pt-3{
    padding-top: 0.75rem;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

  .md\:pt-8{
    padding-top: 2rem;
  }

  .md\:text-left{
    text-align: left;
  }

  .md\:text-right{
    text-align: right;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-\[19px\]{
    font-size: 19px;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:opacity-0{
    opacity: 0;
  }

  .md\:shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:focus\:ring-0:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: /*!*/ /*!*/ 0 0 0 0px #fff, var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .group:hover .md\:group-hover\:visible{
    visibility: visible;
  }

  .group:hover .md\:group-hover\:hidden{
    display: none;
  }

  .group:hover .group-hover\:md\:-translate-x-2{
    --tw-translate-x: -0.5rem;
    transform: translate(-0.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:md\:opacity-0{
    opacity: 0;
  }

  .group:hover .group-hover\:md\:opacity-60{
    opacity: 0.6;
  }

  .group:hover .md\:group-hover\:opacity-100{
    opacity: 1;
  }

  .group:focus .group-focus\:md\:opacity-60{
    opacity: 0.6;
  }

  .md\:aria-current\:shadow-\[inset_3px_0_0_0_rgb\(var\(--color-secondary\)\)\][aria-current="true"]{
    --tw-shadow: inset 3px 0 0 0 rgb(var(--color-secondary));
    --tw-shadow-colored: inset 3px 0 0 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, inset 3px 0 0 0 rgb(40 84 239);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1024px){
  .lg\:static{
    position: static;
  }

  .lg\:fixed{
    position: fixed;
  }

  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:sticky{
    position: sticky;
  }

  .lg\:-bottom-4{
    bottom: -1rem;
  }

  .lg\:right-2{
    right: 0.5rem;
  }

  .lg\:top-0{
    top: 0px;
  }

  .lg\:top-2{
    top: 0.5rem;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .lg\:float-right{
    float: right;
  }

  .lg\:m-0{
    margin: 0px;
  }

  .lg\:m-5{
    margin: 1.25rem;
  }

  .lg\:-mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .lg\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:-mb-8{
    margin-bottom: -2rem;
  }

  .lg\:-mr-6{
    margin-right: -1.5rem;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:mb-16{
    margin-bottom: 4rem;
  }

  .lg\:mb-3{
    margin-bottom: 0.75rem;
  }

  .lg\:mb-4{
    margin-bottom: 1rem;
  }

  .lg\:mb-6{
    margin-bottom: 1.5rem;
  }

  .lg\:mb-8{
    margin-bottom: 2rem;
  }

  .lg\:ml-2{
    margin-left: 0.5rem;
  }

  .lg\:ml-auto{
    margin-left: auto;
  }

  .lg\:mr-0{
    margin-right: 0px;
  }

  .lg\:mr-1{
    margin-right: 0.25rem;
  }

  .lg\:mr-2{
    margin-right: 0.5rem;
  }

  .lg\:mr-3{
    margin-right: 0.75rem;
  }

  .lg\:mr-4{
    margin-right: 1rem;
  }

  .lg\:mr-8{
    margin-right: 2rem;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:mt-11{
    margin-top: 2.75rem;
  }

  .lg\:mt-12{
    margin-top: 3rem;
  }

  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:mt-2{
    margin-top: 0.5rem;
  }

  .lg\:mt-4{
    margin-top: 1rem;
  }

  .lg\:mt-6{
    margin-top: 1.5rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline-block{
    display: inline-block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:inline-flex{
    display: inline-flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-10{
    height: 2.5rem;
  }

  .lg\:h-32{
    height: 8rem;
  }

  .lg\:h-5{
    height: 1.25rem;
  }

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

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

  .lg\:h-\[330px\]{
    height: 330px;
  }

  .lg\:h-\[92px\]{
    height: 92px;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:h-screen{
    height: 100vh;
  }

  .lg\:max-h-full{
    max-height: 100%;
  }

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

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

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

  .lg\:w-1\/6{
    width: 16.666667%;
  }

  .lg\:w-10{
    width: 2.5rem;
  }

  .lg\:w-2\/3{
    width: 66.666667%;
  }

  .lg\:w-2\/4{
    width: 50%;
  }

  .lg\:w-2\/5{
    width: 40%;
  }

  .lg\:w-2\/6{
    width: 33.333333%;
  }

  .lg\:w-24{
    width: 6rem;
  }

  .lg\:w-3\/5{
    width: 60%;
  }

  .lg\:w-32{
    width: 8rem;
  }

  .lg\:w-4\/5{
    width: 80%;
  }

  .lg\:w-4\/6{
    width: 66.666667%;
  }

  .lg\:w-48{
    width: 12rem;
  }

  .lg\:w-5{
    width: 1.25rem;
  }

  .lg\:w-60{
    width: 15rem;
  }

  .lg\:w-64{
    width: 16rem;
  }

  .lg\:w-8{
    width: 2rem;
  }

  .lg\:w-96{
    width: 24rem;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:min-w-\[160px\]{
    min-width: 160px;
  }

  .lg\:max-w-\[160px\]{
    max-width: 160px;
  }

  .lg\:max-w-full{
    max-width: 100%;
  }

  .lg\:max-w-lg{
    max-width: 32rem;
  }

  .lg\:max-w-xl{
    max-width: 36rem;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:flex-none{
    flex: none;
  }

  .lg\:grid-flow-col{
    grid-auto-flow: column;
  }

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

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

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

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

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

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

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:items-stretch{
    align-items: stretch;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-10{
    gap: 2.5rem;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:gap-8{
    gap: 2rem;
  }

  .lg\:gap-x-10{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:space-x-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * 0);
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - 0));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * 0);
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - 0));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * 0);
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - 0));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * 0);
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - 0));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * 0);
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - 0));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - 0));
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * 0);
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - 0));
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * 0);
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }

  .lg\:overflow-visible{
    overflow: visible;
  }

  .lg\:overflow-y-visible{
    overflow-y: visible;
  }

  .lg\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .lg\:rounded-lg{
    border-radius: 0.5rem;
  }

  .lg\:border-0{
    border-width: 0px;
  }

  .lg\:border-b-0{
    border-bottom-width: 0px;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:border-r{
    border-right-width: 1px;
  }

  .lg\:border-r-0{
    border-right-width: 0px;
  }

  .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:bg-gray-300{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / 1);
  }

@supports (color: rgb(0 0 0 / 0)){
.lg\:bg-gray-300{
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  }
}

  .lg\:bg-transparent{
    background-color: transparent;
  }

  .lg\:p-0{
    padding: 0px;
  }

  .lg\:p-2{
    padding: 0.5rem;
  }

  .lg\:p-3{
    padding: 0.75rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:pb-24{
    padding-bottom: 6rem;
  }

  .lg\:pb-32{
    padding-bottom: 8rem;
  }

  .lg\:pb-6{
    padding-bottom: 1.5rem;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:pl-4{
    padding-left: 1rem;
  }

  .lg\:pl-6{
    padding-left: 1.5rem;
  }

  .lg\:pl-8{
    padding-left: 2rem;
  }

  .lg\:pr-0{
    padding-right: 0px;
  }

  .lg\:pr-12{
    padding-right: 3rem;
  }

  .lg\:pr-2{
    padding-right: 0.5rem;
  }

  .lg\:pr-3{
    padding-right: 0.75rem;
  }

  .lg\:pr-4{
    padding-right: 1rem;
  }

  .lg\:pr-6{
    padding-right: 1.5rem;
  }

  .lg\:pr-8{
    padding-right: 2rem;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:pt-10{
    padding-top: 2.5rem;
  }

  .lg\:pt-6{
    padding-top: 1.5rem;
  }

  .lg\:pt-8{
    padding-top: 2rem;
  }

  .lg\:text-left{
    text-align: left;
  }

  .lg\:text-right{
    text-align: right;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-\[16px\]{
    font-size: 16px;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:opacity-0{
    opacity: 0;
  }

  .lg\:hover\:-translate-y-1:hover{
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), -0.25rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:hover\:-rotate-1:hover{
    --tw-rotate: -1deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-1deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:hover\:rotate-1:hover{
    --tw-rotate: 1deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(1deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:hover\:scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .lg\:group-hover\:translate-x-1{
    --tw-translate-x: 0.25rem;
    transform: translate(0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group.panel--open .group-\[\.panel--open\]\:lg\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1280px){
  .xl\:-bottom-4{
    bottom: -1rem;
  }

  .xl\:order-1{
    order: 1;
  }

  .xl\:order-2{
    order: 2;
  }

  .xl\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .xl\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .xl\:mt-0{
    margin-top: 0px;
  }

  .xl\:mt-6{
    margin-top: 1.5rem;
  }

  .xl\:inline{
    display: inline;
  }

  .xl\:grid{
    display: grid;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:h-9{
    height: 2.25rem;
  }

  .xl\:min-h-\[400px\]{
    min-height: 400px;
  }

  .xl\:w-2\/5{
    width: 40%;
  }

  .xl\:w-72{
    width: 18rem;
  }

  .xl\:w-\[325px\]{
    width: 325px;
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:w-full{
    width: 100%;
  }

  .xl\:min-w-0{
    min-width: 0px;
  }

  .xl\:max-w-sm{
    max-width: 24rem;
  }

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

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

  .xl\:flex-row{
    flex-direction: row;
  }

  .xl\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:justify-end{
    justify-content: flex-end;
  }

  .xl\:gap-10{
    gap: 2.5rem;
  }

  .xl\:gap-3{
    gap: 0.75rem;
  }

  .xl\:gap-4{
    gap: 1rem;
  }

  .xl\:p-4{
    padding: 1rem;
  }

  .xl\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:pl-6{
    padding-left: 1.5rem;
  }

  .xl\:pt-10{
    padding-top: 2.5rem;
  }

  .xl\:text-center{
    text-align: center;
  }

  .xl\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .xl\:leading-tight{
    line-height: 1.25;
  }
}

.dark\:border-gray-500\/90:where(.dark, .dark *){
  border-color: rgb(160 174 192 / 0.9);
}

.dark\:border-gray-600:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(113 128 150 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:border-gray-600:where(.dark, .dark *){
  border-color: rgb(113 128 150 / var(--tw-border-opacity));
}
}

.dark\:border-gray-700\/60:where(.dark, .dark *){
  border-color: rgb(74 85 104 / 0.6);
}

.dark\:border-gray-700\/80:where(.dark, .dark *){
  border-color: rgb(74 85 104 / 0.8);
}

.dark\:border-neutral-500:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:border-neutral-500:where(.dark, .dark *){
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
}

.dark\:border-neutral-700\/70:where(.dark, .dark *){
  border-color: rgb(64 64 64 / 0.7);
}

.dark\:bg-gray-700:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:bg-gray-700:where(.dark, .dark *){
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
}
}

.dark\:bg-gray-800:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:bg-gray-800:where(.dark, .dark *){
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.dark\:bg-gray-900:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:bg-gray-900:where(.dark, .dark *){
  background-color: rgb(26 32 44 / var(--tw-bg-opacity));
}
}

.dark\:bg-gray-900\/50:where(.dark, .dark *){
  background-color: rgb(26 32 44 / 0.5);
}

.dark\:bg-gray-950:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:bg-gray-950:where(.dark, .dark *){
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
}
}

.dark\:bg-gray-950\/80:where(.dark, .dark *){
  background-color: rgb(3 7 18 / 0.8);
}

.dark\:bg-white:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:bg-white:where(.dark, .dark *){
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.dark\:from-gray-800:where(.dark, .dark *){
  --tw-gradient-from: #2D3748 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 55 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:to-gray-900:where(.dark, .dark *){
  --tw-gradient-to: #1A202C var(--tw-gradient-to-position);
}

.dark\:text-gray-100:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-100:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.dark\:text-gray-200:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-200:where(.dark, .dark *){
  color: rgb(237 242 247 / var(--tw-text-opacity));
}
}

.dark\:text-gray-300:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-300:where(.dark, .dark *){
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
}

.dark\:text-gray-400:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-400:where(.dark, .dark *){
  color: rgb(203 213 224 / var(--tw-text-opacity));
}
}

.dark\:text-gray-400\/70:where(.dark, .dark *){
  color: rgb(203 213 224 / 0.7);
}

.dark\:text-gray-50:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-50:where(.dark, .dark *){
  color: rgb(249 250 251 / var(--tw-text-opacity));
}
}

.dark\:text-gray-500:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-gray-500:where(.dark, .dark *){
  color: rgb(160 174 192 / var(--tw-text-opacity));
}
}

.dark\:text-neutral-200:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-neutral-200:where(.dark, .dark *){
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
}

.dark\:text-neutral-300\/70:where(.dark, .dark *){
  color: rgb(212 212 212 / 0.7);
}

.dark\:text-neutral-400:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-neutral-400:where(.dark, .dark *){
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
}

.dark\:text-white:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:text-white:where(.dark, .dark *){
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.dark\:shadow-gray-950\/20:where(.dark, .dark *){
  --tw-shadow-color: rgb(3 7 18 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:outline-neutral-700\/80:where(.dark, .dark *){
  outline-color: rgb(64 64 64 / 0.8);
}

.dark\:ring-neutral-600:where(.dark, .dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
}

.dark\:file\:bg-gray-800:where(.dark, .dark *)::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:file\:bg-gray-800:where(.dark, .dark *)::file-selector-button{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.dark\:file\:text-white:where(.dark, .dark *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:file\:text-white:where(.dark, .dark *)::file-selector-button{
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

.dark\:after\:from-gray-950:where(.dark, .dark *)::after{
  content: var(--tw-content);
  --tw-gradient-from: #030712 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:focus-within\:ring-gray-700\/80:focus-within:where(.dark, .dark *){
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

.dark\:hover\:border-gray-700:hover:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:hover\:border-gray-700:hover:where(.dark, .dark *){
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
}
}

.dark\:hover\:bg-fuchsia-500\/10:hover:where(.dark, .dark *){
  background-color: rgb(217 70 239 / 0.1);
}

.dark\:hover\:bg-gray-700\/30:hover:where(.dark, .dark *){
  background-color: rgb(74 85 104 / 0.3);
}

.dark\:hover\:bg-gray-700\/60:hover:where(.dark, .dark *){
  background-color: rgb(74 85 104 / 0.6);
}

.dark\:hover\:bg-gray-700\/80:hover:where(.dark, .dark *){
  background-color: rgb(74 85 104 / 0.8);
}

.dark\:hover\:bg-gray-800\/80:hover:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.8);
}

.dark\:hover\:bg-gray-800\/90:hover:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.9);
}

.dark\:hover\:bg-yellow-500\/10:hover:where(.dark, .dark *){
  background-color: rgb(236 201 75 / 0.1);
}

.hover\:dark\:bg-gray-800:where(.dark, .dark *):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.hover\:dark\:bg-gray-800:where(.dark, .dark *):hover{
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

.dark\:hover\:text-gray-100:hover:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:hover\:text-gray-100:hover:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.dark\:file\:hover\:bg-gray-700:hover:where(.dark, .dark *)::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.dark\:file\:hover\:bg-gray-700:hover:where(.dark, .dark *)::file-selector-button{
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
}
}

.dark\:focus\:bg-gray-800\/80:focus:where(.dark, .dark *){
  background-color: rgb(45 55 72 / 0.8);
}

.dark\:focus\:ring-gray-600\/80:focus:where(.dark, .dark *){
  --tw-ring-color: rgb(113 128 150 / 0.8);
}

.dark\:focus\:ring-gray-700\/80:focus:where(.dark, .dark *){
  --tw-ring-color: rgb(74 85 104 / 0.8);
}

.group[open] .dark\:group-open\:stroke-gray-300:where(.dark, .dark *){
  stroke: #E2E8F0;
}

.group[open] .dark\:group-open\:text-gray-300:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group[open] .dark\:group-open\:text-gray-300:where(.dark, .dark *){
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
}

.group:hover .dark\:group-hover\:text-gray-100:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(247 250 252 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .dark\:group-hover\:text-gray-100:where(.dark, .dark *){
  color: rgb(247 250 252 / var(--tw-text-opacity));
}
}

.group:hover .dark\:group-hover\:text-gray-200:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .dark\:group-hover\:text-gray-200:where(.dark, .dark *){
  color: rgb(237 242 247 / var(--tw-text-opacity));
}
}

.group:hover .dark\:group-hover\:text-gray-300:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .dark\:group-hover\:text-gray-300:where(.dark, .dark *){
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
}

.group:hover .dark\:group-hover\:text-neutral-300:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .dark\:group-hover\:text-neutral-300:where(.dark, .dark *){
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
}

.group:hover .group-hover\:dark\:text-gray-200:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(237 242 247 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.group:hover .group-hover\:dark\:text-gray-200:where(.dark, .dark *){
  color: rgb(237 242 247 / var(--tw-text-opacity));
}
}

.peer:checked ~ .dark\:peer-checked\:bg-gray-800:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.peer:checked ~ .dark\:peer-checked\:bg-gray-800:where(.dark, .dark *){
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}
}

@media print{
  .print\:block{
    display: block;
  }

  .print\:hidden{
    display: none;
  }

  .print\:gap-0{
    gap: 0px;
  }

  .print\:bg-transparent{
    background-color: transparent;
  }

  .print\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.\[\&\.is-open\]\:flex.is-open{
  display: flex;
}

.\[\&\.open\]\:opacity-100.open{
  opacity: 1;
}

@media (min-width: 768px){
  .\[\&\.open\]\:md\:min-w-\[600px\].open{
    min-width: 600px;
  }
}

@media (min-width: 1024px){
  .\[\&\.panel--open\]\:lg\:pr-\[340px\].panel--open{
    padding-right: 340px;
  }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display: none;
}

.\[\&\:has\(\#discount-form\)_\.focus-panel\]\:block:has(#discount-form) .focus-panel{
  display: block;
}

.\[\&\:has\(input\:checked\)\]\:bg-white:has(input:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
}

@supports (color: rgb(0 0 0 / 0)){
.\[\&\:has\(input\:checked\)\]\:bg-white:has(input:checked){
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}

.\[\&\:has\(input\:checked\)\]\:opacity-100:has(input:checked){
  opacity: 1;
}

.\[\&_\.field\\_with\\_errors\]\:w-full .field_with_errors{
  width: 100%;
}

.\[\&_\.form-errors\]\:mb-0 .form-errors{
  margin-bottom: 0px;
}

.\[\&_li\:has\(\+_li\>a\[aria-current\=\'true\'\]\)\]\:rounded-br-lg li:has(+ li>a[aria-current='true']){
  border-bottom-right-radius: 0.5rem;
}

@media (min-width: 768px){
  .md\:\[\&_li\:has\(\+_li\>a\[aria-current\=\'true\'\]\)\]\:rounded-br-lg li:has(+ li>a[aria-current='true']){
    border-bottom-right-radius: 0.5rem;
  }
}

.\[\&_li\:has\(\+_li\>a\[aria-current\=\'true\'\]\)_\>_\*\]\:bg-gradient-to-r li:has(+ li>a[aria-current='true']) > *{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.\[\&_li\:has\(\+_li\>a\[aria-current\=\'true\'\]\)_\>_\*\]\:from-gray-800 li:has(+ li>a[aria-current='true']) > *{
  --tw-gradient-from: #2D3748 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 55 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.\[\&_li\:has\(\+_li\>a\[aria-current\=\'true\'\]\)_\>_\*\]\:to-gray-900\/50 li:has(+ li>a[aria-current='true']) > *{
  --tw-gradient-to: rgb(26 32 44 / 0.5) var(--tw-gradient-to-position);
}

@media (min-width: 768px){
  .md\:\[\&_li\:has\(\+_li\>a\[aria-current\=\'true\'\]\)_\>_\*\]\:bg-gradient-to-b li:has(+ li>a[aria-current='true']) > *{
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }
}

.\[\&_li\:has\(a\[aria-current\=\'true\'\]\)_\+_li\]\:rounded-bl-lg li:has(a[aria-current='true']) + li{
  border-bottom-left-radius: 0.5rem;
}

@media (min-width: 768px){
  .md\:\[\&_li\:has\(a\[aria-current\=\'true\'\]\)_\+_li\]\:rounded-bl-none li:has(a[aria-current='true']) + li{
    border-bottom-left-radius: 0px;
  }

  .md\:\[\&_li\:has\(a\[aria-current\=\'true\'\]\)_\+_li\]\:rounded-tr-lg li:has(a[aria-current='true']) + li{
    border-top-right-radius: 0.5rem;
  }
}

.\[\&_li\:has\(a\[aria-current\=\'true\'\]\)_\+_li_\>_\*\]\:bg-gradient-to-l li:has(a[aria-current='true']) + li > *{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.\[\&_li\:has\(a\[aria-current\=\'true\'\]\)_\+_li_\>_\*\]\:from-gray-800 li:has(a[aria-current='true']) + li > *{
  --tw-gradient-from: #2D3748 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 55 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.\[\&_li\:has\(a\[aria-current\=\'true\'\]\)_\+_li_\>_\*\]\:to-gray-900\/50 li:has(a[aria-current='true']) + li > *{
  --tw-gradient-to: rgb(26 32 44 / 0.5) var(--tw-gradient-to-position);
}

@media (min-width: 768px){
  .md\:\[\&_li\:has\(a\[aria-current\=\'true\'\]\)_\+_li_\>_\*\]\:bg-gradient-to-t li:has(a[aria-current='true']) + li > *{
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  }
}

.form-errors + .\[\.form-errors_\+_\&\]\:-mt-4{
  margin-top: -1rem;
}