/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":[{"path":"./fonts/Inter-latin.woff2","weight":"100 900","style":"normal"}],"variable":"--font-body","display":"swap"}],"variableName":"inter"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'inter';
src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 100 900;
font-style: normal;
}@font-face {font-family: 'inter Fallback';src: local("Arial");ascent-override: 89.79%;descent-override: 22.36%;line-gap-override: 0.00%;size-adjust: 107.89%
}.__className_5bda0f {font-family: 'inter', 'inter Fallback';font-style: normal
}.__variable_5bda0f {--font-body: 'inter', 'inter Fallback'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":[{"path":"./fonts/Poppins-600-latin.woff2","weight":"600","style":"normal"},{"path":"./fonts/Poppins-700-latin.woff2","weight":"700","style":"normal"},{"path":"./fonts/Poppins-800-latin.woff2","weight":"800","style":"normal"}],"variable":"--font-wordmark","display":"swap"}],"variableName":"poppins"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'poppins';
src: url(/_next/static/media/0484562807a97172-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'poppins';
src: url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'poppins';
src: url(/_next/static/media/7db6c35d839a711c-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 800;
font-style: normal;
}@font-face {font-family: 'poppins Fallback';src: local("Arial");ascent-override: 90.85%;descent-override: 30.28%;line-gap-override: 8.65%;size-adjust: 115.57%
}.__className_cd220a {font-family: 'poppins', 'poppins Fallback'
}.__variable_cd220a {--font-wordmark: 'poppins', 'poppins Fallback'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":[{"path":"./fonts/JetBrainsMono-latin.woff2","weight":"400 500","style":"normal"}],"variable":"--font-mono","display":"swap"}],"variableName":"jetbrains"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'jetbrains';
src: url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400 500;
font-style: normal;
}@font-face {font-family: 'jetbrains Fallback';src: local("Arial");ascent-override: 77.57%;descent-override: 22.82%;line-gap-override: 0.00%;size-adjust: 131.49%
}.__className_5e2fd6 {font-family: 'jetbrains', 'jetbrains Fallback';font-style: normal
}.__variable_5e2fd6 {--font-mono: 'jetbrains', 'jetbrains Fallback'
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":[{"path":"./fonts/Fraunces-latin.woff2","weight":"500 700","style":"normal"}],"variable":"--font-display","display":"swap"}],"variableName":"fraunces"} ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'fraunces';
src: url(/_next/static/media/af4bf8399d1aacdf-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500 700;
font-style: normal;
}@font-face {font-family: 'fraunces Fallback';src: local("Arial");ascent-override: 84.44%;descent-override: 22.02%;line-gap-override: 0.00%;size-adjust: 115.82%
}.__className_1b1e86 {font-family: 'fraunces', 'fraunces Fallback';font-style: normal
}.__variable_1b1e86 {--font-display: 'fraunces', 'fraunces Fallback'
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":[{"path":"./fonts/DMSans-latin.woff2","weight":"500 700","style":"normal"}],"variable":"--font-dm-sans","display":"swap"}],"variableName":"dmSans"} ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'dmSans';
src: url(/_next/static/media/13971731025ec697-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500 700;
font-style: normal;
}@font-face {font-family: 'dmSans Fallback';src: local("Arial");ascent-override: 94.36%;descent-override: 29.49%;line-gap-override: 0.00%;size-adjust: 105.13%
}.__className_ac440a {font-family: 'dmSans', 'dmSans Fallback';font-style: normal
}.__variable_ac440a {--font-dm-sans: 'dmSans', 'dmSans Fallback'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.15_@babel+core@7.29.0_@opentelemetry+api@1.9.1_@playwright+test@1.59.1_react-_7df1773158994742631f4d9219e68b6b/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Same approach as apps/marketing — use a relative path until postcss-import
   resolves subpath exports. See apps/marketing/app/globals.css. */
*, ::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(59 130 246 / 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(59 130 246 / 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:  ;
}
/* ! tailwindcss v3.4.19 | 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: #e5e7eb; /* 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: var(--font-body), Inter, system-ui, 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: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 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]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
    --background: 0 0% 100%;
    --foreground: 222 47% 11%;

    --muted: 210 20% 96%;
    --muted-foreground: 215 16% 47%;

    --card: 0 0% 100%;
    --card-foreground: 222 47% 11%;

    --popover: 0 0% 100%;
    --popover-foreground: 222 47% 11%;

    --primary: 210 80% 45%;
    --primary-foreground: 0 0% 100%;

    --secondary: 200 30% 92%;
    --secondary-foreground: 222 47% 11%;

    --accent: 165 60% 40%;
    --accent-foreground: 0 0% 100%;

    --destructive: 0 75% 55%;
    --destructive-foreground: 0 0% 100%;

    --border: 214 32% 91%;
    --input: 214 32% 91%;
    --ring: 210 80% 45%;

    --radius: 1rem;

    /* ────────────────────────────────────────────────────────────────────
       Motion tokens — fuente canónica del motion language (ADR-012 §3).

       REGLA DE VALORES-HOJA: cada token de motion es UNA duración o UNA
       curva, nunca una composición. El shorthand se arma SIEMPRE en la
       propiedad real del elemento que anima:

         transition: opacity var(--motion-duration-fast) var(--motion-ease);

       PROHIBIDO declarar shorthands compuestos como custom property
       (`--motion-transition: all var(--d) var(--e)`) pensando que un
       descendiente pueda "apagar" la sub-var: `var()` dentro de una custom
       property se sustituye donde se DECLARA, así que el override del
       descendiente quedaría INERTE. Re-tematizar una superficie = redeclarar
       el token hoja en su propio root, que sí funciona porque el consumo
       ocurre en propiedades reales de los descendientes.

       Estos valores están en LOCKSTEP con `../motion/specs.ts` (lado
       framer-motion), verificado por `tests/motion-tokens-lockstep.test.ts`.
       ──────────────────────────────────────────────────────────────────── */
    --motion-duration-fast: 120ms; /* hover, focus, toggle */
    --motion-duration-base: 200ms; /* dropdown, tooltip, popover */
    --motion-duration-modal: 260ms; /* modal, panel lateral, transiciones de superficie ~260ms */
    --motion-duration-page: 320ms; /* transiciones grandes/vista ~320ms */
    --motion-duration-emphasis: 480ms; /* solo celebración/confirmación rara */

    --motion-ease: cubic-bezier(0.22, 1, 0.36, 1); /* default + entradas */
    --motion-ease-exit: cubic-bezier(0.3, 0, 0.8, 0.15); /* salidas */
    --motion-ease-move: cubic-bezier(0.32, 0.72, 0, 1); /* desplazamiento superficie persistente */
    --motion-ease-overshoot: cubic-bezier(0.32, 1.4, 0.5, 1); /* overshoot — celebración y entradas enfáticas puntuales; NUNCA en superficies de alta frecuencia */
  }
.dark {
    --background: 222 47% 6%;
    --foreground: 210 40% 98%;

    --muted: 217 33% 14%;
    --muted-foreground: 215 20% 65%;

    --card: 222 47% 8%;
    --card-foreground: 210 40% 98%;

    --popover: 222 47% 6%;
    --popover-foreground: 210 40% 98%;

    --primary: 210 80% 60%;
    --primary-foreground: 222 47% 11%;

    --secondary: 217 33% 17%;
    --secondary-foreground: 210 40% 98%;

    --accent: 165 60% 50%;
    --accent-foreground: 222 47% 11%;

    --destructive: 0 70% 50%;
    --destructive-foreground: 210 40% 98%;

    --border: 217 33% 18%;
    --input: 217 33% 18%;
    --ring: 210 80% 60%;
  }
/* ──────────────────────────────────────────────────────────────────────
     Restyling "Cobalt Smile" — SOLO color + tipografía, detrás de un toggle.

     Se activa cuando el root layout estampa `data-palette="cobalt"` en <html>
     (ver `@dident/config/ui-palette`). Sin `NEXT_PUBLIC_UI_PALETTE=cobalt` el
     atributo NO se emite y este bloque no aplica: el look de hoy queda intacto.

     El selector es `html[data-palette=...]` (0,1,1) y no `[data-palette=...]`
     (0,1,0) a propósito: tiene que ganarle SIEMPRE a `:root` y a las clases
     que next/font inyecta en <html> (que también son 0,1,0), sin depender del
     orden en que Next concatene las hojas de estilo.

     NO se tocan: --radius, --motion-*, la sub-paleta clínica --perio-* (vive en
     platform) ni el bloque `.dark` (el modo oscuro no es alcanzable por el
     usuario — no hay toggle — así que se deja tal cual).
     ────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] {
    --background: 223 78% 98%; /* #F7F9FE surface page */
    --foreground: 222 47% 17%; /* #17233F text primary */

    --muted: 222 56% 96%; /* #F1F4FB surface subtle */
    --muted-foreground: 221 13% 46%; /* #667085 text secondary */

    --card: 0 0% 100%; /* #FFFFFF surface card */
    --card-foreground: 222 47% 17%;

    --popover: 0 0% 100%;
    --popover-foreground: 222 47% 17%;

    --primary: 221 65% 52%; /* #3568D4 primary-500 — acción / navegación activa */
    --primary-foreground: 0 0% 100%;

    /* Botón/badge secundario del reference: fondo primary-050, texto primary-700. */
    --secondary: 223 76% 94%; /* #E2E9FB primary-050 */
    --secondary-foreground: 219 67% 29%; /* #183A7A primary-700 */

    /* --accent se consume en las dos direcciones: como FONDO con texto blanco
       (`hover:bg-accent hover:text-accent-foreground` en Button ghost/outline y
       en DropdownMenu) y como COLOR DE TEXTO sobre blanco (`text-accent` en los
       chips "success" de la consola SUPERADMIN). El menta-500 del reference
       (#55D6BE) da 1.79:1 como texto sobre blanco, así que rompería esa segunda
       superficie. Se usa el menta OSCURO del propio reference (#138A72, su
       `--color-success`), que preserva el rol del teal actual (165 60% 40%) y
       sube el contraste de 3.15:1 a 4.28:1. El menta-500 vive donde corresponde:
       gradientes y acentos decorativos (ver --mk-coral en las apps). */
    --accent: 168 76% 31%; /* #138A72 */
    --accent-foreground: 0 0% 100%;

    --destructive: 353 57% 51%; /* #C93B4B danger */
    --destructive-foreground: 0 0% 100%;

    --border: 219 42% 89%; /* #D8E0EF border default */
    --input: 219 42% 89%;
    --ring: 221 65% 52%; /* #3568D4 */

    /* Tipografía: DM Sans toma TODA la jerarquía (headings h1-h6 vía la regla
       base de abajo, wordmark y display). El cuerpo queda en Inter y el mono en
       JetBrains Mono — ninguno se toca. Poppins y Fraunces se siguen cargando
       en los layouts pero dejan de estar referenciadas bajo este atributo. */
    --font-heading: var(--font-dm-sans, "DM Sans"), system-ui, sans-serif;
    --font-wordmark: var(--font-dm-sans, "DM Sans"), system-ui, sans-serif;
    --font-display: var(--font-dm-sans, "DM Sans"), system-ui, sans-serif;
  }
/* Dense density preset for dashboard surfaces. */
[data-density="dense"] {
    --radius: 0.5rem;
  }
* {
    border-color: hsl(var(--border));
  }
body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: var(--font-body, "Inter", system-ui, sans-serif);
    -webkit-font-smoothing: antialiased;
  }
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading, "Inter", system-ui, sans-serif);
  }
:root {
    --mk-ink: 230 49% 9%;
    --mk-ink-2: 226 39% 16%;
    --mk-ink-3: 226 26% 31%;
    --mk-muted: 228 16% 50%;
    --mk-line: 39 36% 87%;
    --mk-line-2: 38 33% 81%;
    --mk-cream: 33 47% 97%;
    --mk-cream-2: 36 49% 91%;
    --mk-paper: 0 0% 100%;

    --mk-coral: 12 100% 64%;
    --mk-pink: 332 80% 60%;
    --mk-magenta: 309 54% 47%;
    --mk-indigo: 251 75% 60%;
    --mk-success: 154 51% 37%;
    --mk-danger: 350 56% 51%;

    /* Periodontogram clinical sub-palette (Ficha · perio).
       Light "instrument" board + a severity scale derived from periodontal
       pocket-depth thresholds (healthy ≤3mm · watch 4–5mm · disease ≥6mm),
       plus an anatomy-derived gingival/soft-tissue coral. Namespaced
       --perio-* so they never collide with the brand --mk-* tokens. */
    --perio-board: 40 33% 99%;
    --perio-ink: 30 12% 12%;
    --perio-gingiva: 14 56% 72%;
    --perio-healthy: 158 43% 42%;
    --perio-watch: 38 73% 56%;
    --perio-disease: 4 53% 51%;
    --perio-bleed: 351 70% 49%;
    --perio-plaque: 40 73% 45%;
    --perio-sup: 48 96% 53%;

    --mk-gradient: linear-gradient(135deg, #ff7a4d 0%, #e84a8a 45%, #8b45d6 100%);
    --mk-gradient-soft: linear-gradient(135deg, #ffe5d9 0%, #ffd4e2 45%, #e0d4f7 100%);

    --mk-shadow-sm: 0 1px 2px rgba(11, 16, 32, 0.04), 0 1px 1px rgba(11, 16, 32, 0.03);
    --mk-shadow-md:
      0 6px 24px -8px rgba(11, 16, 32, 0.12), 0 2px 6px rgba(11, 16, 32, 0.05);
    --mk-shadow-lg:
      0 30px 60px -20px rgba(11, 16, 32, 0.18),
      0 8px 24px -12px rgba(11, 16, 32, 0.1);
  }
/* ──────────────────────────────────────────────────────────────────────
     RINCÓN INFERIOR DERECHO DEL SHELL — una sola fuente para el alto del pie.

     `--dident-shell-bar-h` es el alto de la barra de utilidades, y lo consumen
     TRES lugares: la barra misma, la franja inerte del esqueleto de carga, y
     los flotantes del rincón, que se corren hacia arriba por este valor para
     no taparla.

     Es ESTRUCTURAL, no de marca: va acá y NO en el bloque `cobalt` porque no es
     un color — tiene que valer exactamente igual en `classic` y en `cobalt`.

     Antes este número vivía como constante de TypeScript compartida entre la
     barra y el esqueleto. Sumar un var CSS al lado habría dejado DOS fuentes
     del mismo número, que es el defecto contra el que existe
     `_lib/shell-padding.ts`; así que se invirtió: el var es la única fuente y
     el TS lo consume, no al revés.

     Y el control negativo sale de la CASCADA, no de una rama: fuera de
     `.dident-shell` este var no está definido, así que `var(--dident-shell-bar-h, 0px)`
     resuelve 0 y las pantallas sin barra (embed, públicas) quedan idénticas.
     ────────────────────────────────────────────────────────────────────── */
.dident-shell {
    --dident-shell-bar-h: 2.75rem;
  }
/* ──────────────────────────────────────────────────────────────────────
     Restyling "Cobalt Smile" — overrides de los tokens de marca `--mk-*`.

     Activo sólo cuando el root layout estampa `data-palette="cobalt"` en <html>
     (`NEXT_PUBLIC_UI_PALETTE=cobalt`). Se reemplazan los VALORES; la estructura
     de roles queda igual, así que las ~2.000 referencias `hsl(var(--mk-*))` del
     dashboard viajan solas. El `:root` de arriba no se toca: sin la env var el
     look de hoy queda idéntico.

     Fuera de este bloque a propósito:
       · --perio-*      → sub-paleta CLÍNICA (umbrales de profundidad de bolsa),
                          semántica médica, no marca.
       · --mk-shadow-*  → el brief congela sombras (sólo color y tipografía).
       · --radius / motion / espaciados.
       · --mk-paper (0 0% 100%) → ya es blanco, no cambia.
     ────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] {
    /* Rampa neutra: se conserva la escala de luminosidad clásica
       (ink < ink-2 < ink-3 < muted) re-tintada al azul cobalto, y se ancla en
       los hexes del reference donde existen. */
    --mk-ink: 222 47% 17%; /* #17233F text primary */
    --mk-ink-2: 221 36% 26%; /* #2A3A5A derivado (entre ink y ink-3) */
    --mk-ink-3: 220 24% 35%; /* #44526F derivado */
    --mk-muted: 221 13% 46%; /* #667085 text secondary */
    --mk-line: 219 42% 89%; /* #D8E0EF border default */
    --mk-line-2: 218 34% 80%; /* #BAC7DD border strong */
    --mk-cream: 223 78% 98%; /* #F7F9FE surface page */
    --mk-cream-2: 222 56% 96%; /* #F1F4FB surface subtle */

    /* Acentos: la rampa cálida coral→pink→magenta→indigo se colapsa sobre el
       eje cobalto↔menta del reference, mapeando por ROL de uso, no por posición
       en el gradiente:
         · indigo (focus rings, acción primaria) y pink (links de .prose-blog,
           marcadores de lista, caret, anillos de pulso de Omni) son ambos "el
           color interactivo" → los dos van a primary-500. La unificación es
           deliberada: el reference es de dos colores, no de cuatro.
         · magenta se usa como texto sobre blanco Y como fondo con texto blanco
           (botones sólidos del canvas de Recall) → primary-700, que da 10.9:1
           en las dos direcciones.
         · coral es decorativo y de bajo contraste ya hoy (5 usos, todos puntos
           y micro-labels) → es el único que se lleva el menta-500. */
    --mk-coral: 169 61% 59%; /* #55D6BE accent-500 (menta, decorativo) */
    --mk-pink: 221 65% 52%; /* #3568D4 primary-500 */
    --mk-magenta: 219 67% 29%; /* #183A7A primary-700 */
    --mk-indigo: 221 65% 52%; /* #3568D4 primary-500 */
    --mk-success: 168 76% 31%; /* #138A72 */
    --mk-danger: 353 57% 51%; /* #C93B4B */

    /* Gradiente de marca: cobalto → menta, con la misma cantidad de paradas que
       el actual. La parada del medio es el punto medio sRGB de los extremos. */
    --mk-gradient: linear-gradient(135deg, #3568d4 0%, #459fc9 45%, #55d6be 100%);
    --mk-gradient-soft: linear-gradient(135deg, #e2e9fb 0%, #e0f0f5 45%, #ddf6ef 100%);
  }
/* Public surfaces opt into the marketing palette by setting data-brand on
     the route segment root. Keeps internal app surfaces neutral. */
[data-brand="marketing"] {
    --background: var(--mk-cream);
    --foreground: var(--mk-ink);
    --card: var(--mk-paper);
    --card-foreground: var(--mk-ink);
    --popover: var(--mk-paper);
    --popover-foreground: var(--mk-ink);
    --muted: var(--mk-cream-2);
    --muted-foreground: var(--mk-muted);
    --border: var(--mk-line);
    --input: var(--mk-line);
    --ring: var(--mk-indigo);
    --primary: var(--mk-ink);
    --primary-foreground: 0 0% 100%;
    --secondary: var(--mk-cream-2);
    --secondary-foreground: var(--mk-ink);
    --accent: var(--mk-cream-2);
    --accent-foreground: var(--mk-ink);
    --destructive: var(--mk-danger);
    --destructive-foreground: 0 0% 100%;
    --radius: 14px;
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
  }
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 1400px) {
  .\!container {
    max-width: 1400px !important;
  }
  .container {
    max-width: 1400px;
  }
}
.mk-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    font-weight: 500;
    color: hsl(var(--mk-ink-3));
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
.mk-eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-image: var(--mk-gradient);
  }
.mk-btn-primary {
    color: white;
    background-image: var(--mk-gradient);
    box-shadow:
      0 8px 22px -8px rgba(232, 74, 138, 0.55),
      inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease;
  }
.mk-btn-primary:hover {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 14px 30px -10px rgba(232, 74, 138, 0.6);
  }
.mk-btn-primary:active {
    transform: translateY(0) scale(0.99);
  }
.mk-btn-primary[disabled] {
    opacity: 0.7;
    transform: none;
    cursor: not-allowed;
  }
/* Restyling "Cobalt Smile" — re-teñido del glow del botón de marca.
     El glow de arriba lleva el rosa de la marca vieja (#E84A8A = el --mk-pink
     clásico) hardcodeado en el rgba, así que bajo cobalto quedaba un halo rosa
     abajo de un botón cobalto→menta. Acá cambia SÓLO EL MATIZ: mismos offsets,
     mismos blur/spread, mismas opacidades (0.55 / 0.6) y el mismo `inset`
     blanco. El rgba nuevo es primary-500 #3568D4 = rgb(53, 104, 212) — el mismo
     que el reference usa en su `.btn-primary`.
     Selector descendiente `html[data-palette="cobalt"] .mk-btn-primary`
     (0,2,1): el botón no es <html>, y así gana por especificidad además de por
     orden. Sin la env var este bloque no aplica y el glow rosa de hoy queda
     intacto. */
html[data-palette="cobalt"] .mk-btn-primary {
    box-shadow:
      0 8px 22px -8px rgba(53, 104, 212, 0.55),
      inset 0 1px 0 rgba(255, 255, 255, 0.25);
  }
html[data-palette="cobalt"] .mk-btn-primary:hover {
    box-shadow: 0 14px 30px -10px rgba(53, 104, 212, 0.6);
  }
.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;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.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-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-24 {
  bottom: -6rem;
}
.-bottom-\[220px\] {
  bottom: -220px;
}
.-left-20 {
  left: -5rem;
}
.-left-\[120px\] {
  left: -120px;
}
.-left-\[140px\] {
  left: -140px;
}
.-left-\[160px\] {
  left: -160px;
}
.-left-\[180px\] {
  left: -180px;
}
.-left-\[7px\] {
  left: -7px;
}
.-right-16 {
  right: -4rem;
}
.-right-24 {
  right: -6rem;
}
.-right-3\.5 {
  right: -0.875rem;
}
.-right-\[100px\] {
  right: -100px;
}
.-right-\[160px\] {
  right: -160px;
}
.-right-\[180px\] {
  right: -180px;
}
.-right-\[200px\] {
  right: -200px;
}
.-right-\[220px\] {
  right: -220px;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-20 {
  top: -5rem;
}
.-top-24 {
  top: -6rem;
}
.-top-28 {
  top: -7rem;
}
.-top-4 {
  top: -1rem;
}
.-top-\[100px\] {
  top: -100px;
}
.-top-\[160px\] {
  top: -160px;
}
.-top-\[180px\] {
  top: -180px;
}
.-top-\[200px\] {
  top: -200px;
}
.-top-\[220px\] {
  top: -220px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-0\.5 {
  bottom: 0.125rem;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-\[calc\(1\.25rem\+var\(--dident-shell-bar-h\2c 0px\)\)\] {
  bottom: calc(1.25rem + var(--dident-shell-bar-h,0px));
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-3\.5 {
  left: 0.875rem;
}
.left-7 {
  left: 1.75rem;
}
.left-\[-50\%\] {
  left: -50%;
}
.left-\[50\%\] {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-4 {
  top: 1rem;
}
.top-8 {
  top: 2rem;
}
.top-\[140px\] {
  top: 140px;
}
.top-\[180px\] {
  top: 180px;
}
.top-\[240px\] {
  top: 240px;
}
.top-\[40px\] {
  top: 40px;
}
.top-\[44px\] {
  top: 44px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[6px\] {
  top: 6px;
}
.top-auto {
  top: auto;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.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;
}
.z-\[\.\.\.\] {
  z-index: ...;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[12\] {
  z-index: 12;
}
.z-\[14\] {
  z-index: 14;
}
.z-\[15\] {
  z-index: 15;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[6\] {
  z-index: 6;
}
.z-\[8\] {
  z-index: 8;
}
.z-\[9\] {
  z-index: 9;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-my-0\.5 {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-\[0\.4rem\] {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.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-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-0\.5 {
  margin-left: -0.125rem;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-\[13px\] {
  margin-left: -13px;
}
.-mr-0\.5 {
  margin-right: -0.125rem;
}
.-mr-1\.5 {
  margin-right: -0.375rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.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-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[0\.85rem\] {
  margin-bottom: 0.85rem;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.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-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.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-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.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-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[0\.35rem\] {
  margin-top: 0.35rem;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.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;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[21\/9\] {
  aspect-ratio: 21/9;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.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-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-44 {
  height: 11rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[104px\] {
  height: 104px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[20\.25px\] {
  height: 20.25px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[36\.75px\] {
  height: 36.75px;
}
.h-\[360px\] {
  height: 360px;
}
.h-\[440px\] {
  height: 440px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[480px\] {
  height: 480px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[540px\] {
  height: 540px;
}
.h-\[60dvh\] {
  height: 60dvh;
}
.h-\[620px\] {
  height: 620px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[70vh\] {
  height: 70vh;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[\\d\.\] {
  height: \d.;
}
.h-\[calc\(100dvh-7rem\)\] {
  height: calc(100dvh - 7rem);
}
.h-\[calc\(100dvh-9rem\)\] {
  height: calc(100dvh - 9rem);
}
.h-\[clamp\(420px\2c 62vh\2c 720px\)\] {
  height: clamp(420px, 62vh, 720px);
}
.h-\[clamp\(440px\2c 62vh\2c 720px\)\] {
  height: clamp(440px, 62vh, 720px);
}
.h-\[clamp\(440px\2c 64vh\2c 760px\)\] {
  height: clamp(440px, 64vh, 760px);
}
.h-\[var\(--dident-shell-bar-h\)\] {
  height: var(--dident-shell-bar-h);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-36 {
  max-height: 9rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-44 {
  max-height: 11rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-9 {
  max-height: 2.25rem;
}
.max-h-\[180px\] {
  max-height: 180px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[45vh\] {
  max-height: 45vh;
}
.max-h-\[62vh\] {
  max-height: 62vh;
}
.max-h-\[78vh\] {
  max-height: 78vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[85dvh\] {
  max-height: 85dvh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[calc\(100dvh-2rem\)\] {
  max-height: calc(100dvh - 2rem);
}
.max-h-\[calc\(100dvh-3rem\)\] {
  max-height: calc(100dvh - 3rem);
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}
.min-h-\[128px\] {
  min-height: 128px;
}
.min-h-\[18px\] {
  min-height: 18px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[28rem\] {
  min-height: 28rem;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[45vh\] {
  min-height: 45vh;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[4rem\] {
  min-height: 4rem;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-16 {
  width: 4rem !important;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.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-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.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-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-9\/12 {
  width: 75%;
}
.w-96 {
  width: 24rem;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[116px\] {
  width: 116px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[16\%\] {
  width: 16%;
}
.w-\[186px\] {
  width: 186px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[26\%\] {
  width: 26%;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[28rem\] {
  width: 28rem;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[390px\] {
  width: 390px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[44\%\] {
  width: 44%;
}
.w-\[440px\] {
  width: 440px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[540px\] {
  width: 540px;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[6\%\] {
  width: 6%;
}
.w-\[620px\] {
  width: 620px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[7px\] {
  width: 7px;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[calc\(100\%-2px\)\] {
  width: calc(100% - 2px);
}
.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}
.w-\[calc\(100vw-2rem\)\] {
  width: calc(100vw - 2rem);
}
.w-\[min\(100vw-2rem\2c 24rem\)\] {
  width: min(100vw - 2rem, 24rem);
}
.w-\[min\(22rem\2c calc\(100vw-2rem\)\)\] {
  width: min(22rem, calc(100vw - 2rem));
}
.w-\[min\(360px\2c calc\(100vw-24px\)\)\] {
  width: min(360px, calc(100vw - 24px));
}
.w-\[min\(560px\2c calc\(100vw-32px\)\)\] {
  width: min(560px, calc(100vw - 32px));
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[168px\] {
  min-width: 168px;
}
.min-w-\[16rem\] {
  min-width: 16rem;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[212px\] {
  min-width: 212px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[26px\] {
  min-width: 26px;
}
.min-w-\[3\.5rem\] {
  min-width: 3.5rem;
}
.min-w-\[4\.5rem\] {
  min-width: 4.5rem;
}
.min-w-\[44px\] {
  min-width: 44px;
}
.min-w-\[640px\] {
  min-width: 640px;
}
.min-w-\[680px\] {
  min-width: 680px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[740px\] {
  min-width: 740px;
}
.min-w-\[760px\] {
  min-width: 760px;
}
.min-w-\[860px\] {
  min-width: 860px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[12rem\] {
  max-width: 12rem;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[24rem\] {
  max-width: 24rem;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[28ch\] {
  max-width: 28ch;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[32rem\] {
  max-width: 32rem;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[36ch\] {
  max-width: 36ch;
}
.max-w-\[380px\] {
  max-width: 380px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[580px\] {
  max-width: 580px;
}
.max-w-\[58ch\] {
  max-width: 58ch;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-\[96px\] {
  max-width: 96px;
}
.max-w-\[calc\(100\%-1rem\)\] {
  max-width: calc(100% - 1rem);
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-\[min\(260px\2c 40vw\)\] {
  max-width: min(260px, 40vw);
}
.max-w-\[min\(320px\2c calc\(100vw-24px\)\)\] {
  max-width: min(320px, calc(100vw - 24px));
}
.max-w-\[min\(82\%\2c 480px\)\] {
  max-width: min(82%, 480px);
}
.max-w-\[min\(92vw\2c 320px\)\] {
  max-width: min(92vw, 320px);
}
.max-w-\[\2026\] {
  max-width: …;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-prose {
  max-width: 65ch;
}
.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-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-full {
  flex-basis: 100%;
}
.table-fixed {
  table-layout: fixed;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0\.5 {
  --tw-border-spacing-x: 0.125rem;
  --tw-border-spacing-y: 0.125rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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-1\/2 {
  --tw-translate-y: -50%;
  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(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-1 {
  --tw-translate-x: 0.25rem;
  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-6 {
  --tw-translate-x: 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));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  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), 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-\[-50\%\] {
  --tw-translate-y: -50%;
  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-0 {
  --tw-rotate: 0deg;
  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-180 {
  --tw-rotate: 180deg;
  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-110 {
  --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(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));
}
.animate-\[mk-shake_0\.3s_ease-in-out\] {
  animation: mk-shake 0.3s ease-in-out;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-nwse-resize {
  cursor: nwse-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.touch-none {
  touch-action: none;
}
.touch-manipulation {
  touch-action: manipulation;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.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-flow-col {
  grid-auto-flow: column;
}
.auto-rows-max {
  grid-auto-rows: max-content;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[110px_1fr\] {
  grid-template-columns: 110px 1fr;
}
.grid-cols-\[130px_1fr\] {
  grid-template-columns: 130px 1fr;
}
.grid-cols-\[1fr_140px\] {
  grid-template-columns: 1fr 140px;
}
.grid-cols-\[1fr_6rem\] {
  grid-template-columns: 1fr 6rem;
}
.grid-cols-\[1fr_6rem_auto\] {
  grid-template-columns: 1fr 6rem auto;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1fr_auto_6rem_auto\] {
  grid-template-columns: 1fr auto 6rem auto;
}
.grid-cols-\[64px_1fr_24px_1fr_64px\] {
  grid-template-columns: 64px 1fr 24px 1fr 64px;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.grid-cols-\[max-content_1fr\] {
  grid-template-columns: max-content 1fr;
}
.grid-cols-\[minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0,1fr);
}
.grid-cols-\[minmax\(0\2c 5fr\)_minmax\(0\2c 6fr\)\] {
  grid-template-columns: minmax(0,5fr) minmax(0,6fr);
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(180px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(200px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(220px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(260px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(280px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(300px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(9rem\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(9rem,1fr));
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.grid-rows-\[auto_minmax\(0\2c 1fr\)\] {
  grid-template-rows: auto minmax(0,1fr);
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-items-center {
  place-items: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.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-items-start {
  justify-items: start;
}
.justify-items-end {
  justify-items: end;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.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-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[0\.6rem\] {
  gap: 0.6rem;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-px {
  gap: 1px;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-2\.5 {
  row-gap: 0.625rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-\[0\.6rem\] {
  row-gap: 0.6rem;
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  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 - var(--tw-space-y-reverse)));
  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 - var(--tw-space-y-reverse)));
  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 - var(--tw-space-y-reverse)));
  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 - var(--tw-space-y-reverse)));
  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 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[hsl\(var\(--mk-line\)\)\] > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--mk-line));
}
.divide-amber-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.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-x-hidden {
  overflow-x: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-balance {
  text-wrap: balance;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-\[var\(--booking-radius\2c 0\.75rem\)\] {
  border-radius: var(--booking-radius,0.75rem);
}
.rounded-\[var\(--booking-radius\2c 9999px\)\] {
  border-radius: var(--booking-radius,9999px);
}
.rounded-\[var\(--booking-radius-lg\2c 1rem\)\] {
  border-radius: var(--booking-radius-lg,1rem);
}
.rounded-\[var\(--booking-radius-xl\2c 1\.5rem\)\] {
  border-radius: var(--booking-radius-xl,1.5rem);
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 8px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-\[22px\] {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.rounded-t-\[24px\] {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rounded-bl-\[4px\] {
  border-bottom-left-radius: 4px;
}
.rounded-bl-md {
  border-bottom-left-radius: calc(var(--radius) - 4px);
}
.rounded-br-\[4px\] {
  border-bottom-right-radius: 4px;
}
.rounded-br-md {
  border-bottom-right-radius: calc(var(--radius) - 4px);
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.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-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#C7D7F4\] {
  --tw-border-opacity: 1;
  border-color: rgb(199 215 244 / var(--tw-border-opacity, 1));
}
.border-\[\#C7EBD4\] {
  --tw-border-opacity: 1;
  border-color: rgb(199 235 212 / var(--tw-border-opacity, 1));
}
.border-\[\#D8DCE6\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 220 230 / var(--tw-border-opacity, 1));
}
.border-\[\#DBD2F4\] {
  --tw-border-opacity: 1;
  border-color: rgb(219 210 244 / var(--tw-border-opacity, 1));
}
.border-\[\#F0D38A\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 211 138 / var(--tw-border-opacity, 1));
}
.border-\[\#F3E2A8\] {
  --tw-border-opacity: 1;
  border-color: rgb(243 226 168 / var(--tw-border-opacity, 1));
}
.border-\[\#F5C7CF\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 199 207 / var(--tw-border-opacity, 1));
}
.border-\[\#F8C5C0\] {
  --tw-border-opacity: 1;
  border-color: rgb(248 197 192 / var(--tw-border-opacity, 1));
}
.border-\[\#F8D7C0\] {
  --tw-border-opacity: 1;
  border-color: rgb(248 215 192 / var(--tw-border-opacity, 1));
}
.border-\[\#F8E5C0\] {
  --tw-border-opacity: 1;
  border-color: rgb(248 229 192 / var(--tw-border-opacity, 1));
}
.border-\[\#FECACA\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-\[\#FED7AA\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-\[\#f5c451\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 196 81 / var(--tw-border-opacity, 1));
}
.border-\[color-mix\(in_srgb\2c var\(--booking-line\2c \#e2e8f0\)_70\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--booking-line,#e2e8f0) 70%,transparent);
}
.border-\[hsl\(11_16\%_32\%\/0\.06\)\] {
  border-color: hsl(11 16% 32%/0.06);
}
.border-\[hsl\(var\(--mk-accent\)\)\] {
  border-color: hsl(var(--mk-accent));
}
.border-\[hsl\(var\(--mk-accent\2c 221_83\%_53\%\)\)\] {
  border-color: hsl(var(--mk-accent,221 83% 53%));
}
.border-\[hsl\(var\(--mk-border\)\)\] {
  border-color: hsl(var(--mk-border));
}
.border-\[hsl\(var\(--mk-danger\)\)\]\/30 {
  border-color: hsl(var(--mk-danger) / 0.3);
}
.border-\[hsl\(var\(--mk-danger\)\/0\.25\)\] {
  border-color: hsl(var(--mk-danger)/0.25);
}
.border-\[hsl\(var\(--mk-danger\)\/0\.35\)\] {
  border-color: hsl(var(--mk-danger)/0.35);
}
.border-\[hsl\(var\(--mk-indigo\)\)\] {
  border-color: hsl(var(--mk-indigo));
}
.border-\[hsl\(var\(--mk-indigo\)\)\]\/30 {
  border-color: hsl(var(--mk-indigo) / 0.3);
}
.border-\[hsl\(var\(--mk-indigo\)\)\]\/40 {
  border-color: hsl(var(--mk-indigo) / 0.4);
}
.border-\[hsl\(var\(--mk-indigo\)\/0\.15\)\] {
  border-color: hsl(var(--mk-indigo)/0.15);
}
.border-\[hsl\(var\(--mk-ink\)\)\] {
  border-color: hsl(var(--mk-ink));
}
.border-\[hsl\(var\(--mk-ink\)\)\]\/20 {
  border-color: hsl(var(--mk-ink) / 0.2);
}
.border-\[hsl\(var\(--mk-ink-2\)\)\] {
  border-color: hsl(var(--mk-ink-2));
}
.border-\[hsl\(var\(--mk-line\)\)\] {
  border-color: hsl(var(--mk-line));
}
.border-\[hsl\(var\(--mk-line\)\)\]\/70 {
  border-color: hsl(var(--mk-line) / 0.7);
}
.border-\[hsl\(var\(--mk-line-2\)\)\] {
  border-color: hsl(var(--mk-line-2));
}
.border-\[hsl\(var\(--mk-magenta\)\)\] {
  border-color: hsl(var(--mk-magenta));
}
.border-\[hsl\(var\(--mk-magenta\)\/0\.22\)\] {
  border-color: hsl(var(--mk-magenta)/0.22);
}
.border-\[hsl\(var\(--mk-paper\)\)\] {
  border-color: hsl(var(--mk-paper));
}
.border-\[hsl\(var\(--mk-pink\)\)\] {
  border-color: hsl(var(--mk-pink));
}
.border-\[hsl\(var\(--mk-pink\)\/0\.18\)\] {
  border-color: hsl(var(--mk-pink)/0.18);
}
.border-\[hsl\(var\(--mk-pink\)\/0\.2\)\] {
  border-color: hsl(var(--mk-pink)/0.2);
}
.border-\[hsl\(var\(--mk-pink\)\/0\.22\)\] {
  border-color: hsl(var(--mk-pink)/0.22);
}
.border-\[hsl\(var\(--mk-success\)\/0\.4\)\] {
  border-color: hsl(var(--mk-success)/0.4);
}
.border-\[hsl\(var\(--mk-warn-line\2c var\(--mk-line\)\)\)\] {
  border-color: hsl(var(--mk-warn-line,var(--mk-line)));
}
.border-\[hsl\(var\(--perio-ink\)\/0\.06\)\] {
  border-color: hsl(var(--perio-ink)/0.06);
}
.border-\[hsl\(var\(--perio-ink\)\/0\.08\)\] {
  border-color: hsl(var(--perio-ink)/0.08);
}
.border-\[hsl\(var\(--perio-ink\)\/0\.1\)\] {
  border-color: hsl(var(--perio-ink)/0.1);
}
.border-\[hsl\(var\(--perio-ink\)\/0\.12\)\] {
  border-color: hsl(var(--perio-ink)/0.12);
}
.border-\[hsl\(var\(--perio-ink\)\/0\.18\)\] {
  border-color: hsl(var(--perio-ink)/0.18);
}
.border-\[hsl\(var\(--perio-ink\)\/0\.25\)\] {
  border-color: hsl(var(--perio-ink)/0.25);
}
.border-\[hsl\(var\(--perio-ink\)\/0\.3\)\] {
  border-color: hsl(var(--perio-ink)/0.3);
}
.border-\[hsl\(var\(--perio-ink\)\/0\.35\)\] {
  border-color: hsl(var(--perio-ink)/0.35);
}
.border-\[hsl\(var\(--perio-watch\)\/0\.25\)\] {
  border-color: hsl(var(--perio-watch)/0.25);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  border-color: rgba(0,0,0,0.1);
}
.border-\[var\(--booking-line\2c \#e2e8f0\)\] {
  border-color: var(--booking-line,#e2e8f0);
}
.border-\[var\(--booking-primary\2c \#a5b4fc\)\] {
  border-color: var(--booking-primary,#a5b4fc);
}
.border-\[var\(--booking-primary-ink\2c \#4f46e5\)\] {
  border-color: var(--booking-primary-ink,#4f46e5);
}
.border-\[var\(--booking-primary-ink\2c \#a5b4fc\)\] {
  border-color: var(--booking-primary-ink,#a5b4fc);
}
.border-accent {
  --tw-border-opacity: 1;
  border-color: hsl(var(--accent) / var(--tw-border-opacity, 1));
}
.border-accent\/30 {
  border-color: hsl(var(--accent) / 0.3);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-200\/70 {
  border-color: rgb(253 230 138 / 0.7);
}
.border-amber-200\/80 {
  border-color: rgb(253 230 138 / 0.8);
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-300\/50 {
  border-color: rgb(252 211 77 / 0.5);
}
.border-amber-300\/80 {
  border-color: rgb(252 211 77 / 0.8);
}
.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-black\/10 {
  border-color: rgb(0 0 0 / 0.1);
}
.border-blue-200\/70 {
  border-color: rgb(191 219 254 / 0.7);
}
.border-border {
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
.border-border\/60 {
  border-color: hsl(var(--border) / 0.6);
}
.border-destructive {
  --tw-border-opacity: 1;
  border-color: hsl(var(--destructive) / var(--tw-border-opacity, 1));
}
.border-destructive\/20 {
  border-color: hsl(var(--destructive) / 0.2);
}
.border-destructive\/30 {
  border-color: hsl(var(--destructive) / 0.3);
}
.border-destructive\/40 {
  border-color: hsl(var(--destructive) / 0.4);
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-200\/70 {
  border-color: rgb(167 243 208 / 0.7);
}
.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.border-foreground {
  --tw-border-opacity: 1;
  border-color: hsl(var(--foreground) / var(--tw-border-opacity, 1));
}
.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-200\/70 {
  border-color: rgb(199 210 254 / 0.7);
}
.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.border-input {
  --tw-border-opacity: 1;
  border-color: hsl(var(--input) / var(--tw-border-opacity, 1));
}
.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity, 1));
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
}
.border-primary\/20 {
  border-color: hsl(var(--primary) / 0.2);
}
.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-200\/70 {
  border-color: rgb(254 205 211 / 0.7);
}
.border-rose-200\/80 {
  border-color: rgb(254 205 211 / 0.8);
}
.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.border-rose-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.border-rose-600 {
  --tw-border-opacity: 1;
  border-color: rgb(225 29 72 / var(--tw-border-opacity, 1));
}
.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}
.border-sky-200\/70 {
  border-color: rgb(186 230 253 / 0.7);
}
.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/70 {
  border-color: rgb(226 232 240 / 0.7);
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-teal-200\/70 {
  border-color: rgb(153 246 228 / 0.7);
}
.border-transparent {
  border-color: transparent;
}
.border-violet-200\/70 {
  border-color: rgb(221 214 254 / 0.7);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/\[0\.07\] {
  border-color: rgb(255 255 255 / 0.07);
}
.border-white\/\[0\.08\] {
  border-color: rgb(255 255 255 / 0.08);
}
.border-yellow-200\/80 {
  border-color: rgb(254 240 138 / 0.8);
}
.border-t-\[hsl\(var\(--mk-magenta\)\)\] {
  border-top-color: hsl(var(--mk-magenta));
}
.bg-\[\#0b1020\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 16 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F7A4A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 122 74 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2FA565\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 165 101 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3568D4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 104 212 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8B45D6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(139 69 214 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B42318\] {
  --tw-bg-opacity: 1;
  background-color: rgb(180 35 24 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B5571F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(181 87 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#DC2626\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E5EEFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 238 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E8F7EE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EEF0F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F1EEFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 238 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4FBF7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 251 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDECEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 236 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FEF2F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FEF6E0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 246 224 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFECEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF1E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 232 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF5EE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF5F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF6DF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 223 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF7ED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF8E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 232 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e7f6ec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 246 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fde7e7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 231 231 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff4f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff7e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff8e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#\2026\] {
  background-color: #…;
}
.bg-\[color-mix\(in_srgb\2c var\(--booking-primary\2c \#4f46e5\)_10\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--booking-primary,#4f46e5) 10%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--booking-surface\2c \#ffffff\)_85\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--booking-surface,#ffffff) 85%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--booking-surface-2\2c \#f8fafc\)_60\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--booking-surface-2,#f8fafc) 60%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--booking-surface-2\2c \#f8fafc\)_70\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--booking-surface-2,#f8fafc) 70%,transparent);
}
.bg-\[hsl\(33_47\%_97\%\/0\.72\)\] {
  background-color: hsl(33 47% 97%/0.72);
}
.bg-\[hsl\(var\(--mk-accent\)\)\] {
  background-color: hsl(var(--mk-accent));
}
.bg-\[hsl\(var\(--mk-accent\)\/0\.06\)\] {
  background-color: hsl(var(--mk-accent)/0.06);
}
.bg-\[hsl\(var\(--mk-bg-0\2c 0_0\%_98\%\)\)\] {
  background-color: hsl(var(--mk-bg-0,0 0% 98%));
}
.bg-\[hsl\(var\(--mk-bg-1\)\)\] {
  background-color: hsl(var(--mk-bg-1));
}
.bg-\[hsl\(var\(--mk-bg-1\)\)\]\/40 {
  background-color: hsl(var(--mk-bg-1) / 0.4);
}
.bg-\[hsl\(var\(--mk-bg-1\)\)\]\/60 {
  background-color: hsl(var(--mk-bg-1) / 0.6);
}
.bg-\[hsl\(var\(--mk-bg-2\)\)\] {
  background-color: hsl(var(--mk-bg-2));
}
.bg-\[hsl\(var\(--mk-card\)\)\] {
  background-color: hsl(var(--mk-card));
}
.bg-\[hsl\(var\(--mk-cream\)\)\] {
  background-color: hsl(var(--mk-cream));
}
.bg-\[hsl\(var\(--mk-cream\)\)\]\/20 {
  background-color: hsl(var(--mk-cream) / 0.2);
}
.bg-\[hsl\(var\(--mk-cream\)\)\]\/30 {
  background-color: hsl(var(--mk-cream) / 0.3);
}
.bg-\[hsl\(var\(--mk-cream\)\)\]\/40 {
  background-color: hsl(var(--mk-cream) / 0.4);
}
.bg-\[hsl\(var\(--mk-cream\)\)\]\/50 {
  background-color: hsl(var(--mk-cream) / 0.5);
}
.bg-\[hsl\(var\(--mk-cream\)\)\]\/60 {
  background-color: hsl(var(--mk-cream) / 0.6);
}
.bg-\[hsl\(var\(--mk-cream\)\/0\.3\)\] {
  background-color: hsl(var(--mk-cream)/0.3);
}
.bg-\[hsl\(var\(--mk-cream\)\/0\.35\)\] {
  background-color: hsl(var(--mk-cream)/0.35);
}
.bg-\[hsl\(var\(--mk-cream\)\/0\.4\)\] {
  background-color: hsl(var(--mk-cream)/0.4);
}
.bg-\[hsl\(var\(--mk-cream\)\/0\.5\)\] {
  background-color: hsl(var(--mk-cream)/0.5);
}
.bg-\[hsl\(var\(--mk-cream\2c 30_60\%_96\%\)\)\] {
  background-color: hsl(var(--mk-cream,30 60% 96%));
}
.bg-\[hsl\(var\(--mk-cream-2\)\)\] {
  background-color: hsl(var(--mk-cream-2));
}
.bg-\[hsl\(var\(--mk-cream-2\)\)\]\/40 {
  background-color: hsl(var(--mk-cream-2) / 0.4);
}
.bg-\[hsl\(var\(--mk-danger\)\)\] {
  background-color: hsl(var(--mk-danger));
}
.bg-\[hsl\(var\(--mk-danger\)\)\]\/10 {
  background-color: hsl(var(--mk-danger) / 0.1);
}
.bg-\[hsl\(var\(--mk-danger\)\)\]\/5 {
  background-color: hsl(var(--mk-danger) / 0.05);
}
.bg-\[hsl\(var\(--mk-danger\)\/0\.06\)\] {
  background-color: hsl(var(--mk-danger)/0.06);
}
.bg-\[hsl\(var\(--mk-danger\)\/0\.1\)\] {
  background-color: hsl(var(--mk-danger)/0.1);
}
.bg-\[hsl\(var\(--mk-indigo\)\)\] {
  background-color: hsl(var(--mk-indigo));
}
.bg-\[hsl\(var\(--mk-indigo\)\)\]\/10 {
  background-color: hsl(var(--mk-indigo) / 0.1);
}
.bg-\[hsl\(var\(--mk-indigo\)\)\]\/5 {
  background-color: hsl(var(--mk-indigo) / 0.05);
}
.bg-\[hsl\(var\(--mk-indigo\)\/0\.04\)\] {
  background-color: hsl(var(--mk-indigo)/0.04);
}
.bg-\[hsl\(var\(--mk-indigo\)\/0\.06\)\] {
  background-color: hsl(var(--mk-indigo)/0.06);
}
.bg-\[hsl\(var\(--mk-indigo\)\/0\.08\)\] {
  background-color: hsl(var(--mk-indigo)/0.08);
}
.bg-\[hsl\(var\(--mk-indigo\)\/0\.1\)\] {
  background-color: hsl(var(--mk-indigo)/0.1);
}
.bg-\[hsl\(var\(--mk-indigo\)\/0\.45\)\] {
  background-color: hsl(var(--mk-indigo)/0.45);
}
.bg-\[hsl\(var\(--mk-ink\)\)\] {
  background-color: hsl(var(--mk-ink));
}
.bg-\[hsl\(var\(--mk-ink\)\)\]\/10 {
  background-color: hsl(var(--mk-ink) / 0.1);
}
.bg-\[hsl\(var\(--mk-ink\)\/0\.05\)\] {
  background-color: hsl(var(--mk-ink)/0.05);
}
.bg-\[hsl\(var\(--mk-ink-2\)\)\] {
  background-color: hsl(var(--mk-ink-2));
}
.bg-\[hsl\(var\(--mk-ink-3\)\)\] {
  background-color: hsl(var(--mk-ink-3));
}
.bg-\[hsl\(var\(--mk-input\)\)\] {
  background-color: hsl(var(--mk-input));
}
.bg-\[hsl\(var\(--mk-line\)\)\] {
  background-color: hsl(var(--mk-line));
}
.bg-\[hsl\(var\(--mk-line\)\)\]\/50 {
  background-color: hsl(var(--mk-line) / 0.5);
}
.bg-\[hsl\(var\(--mk-line-2\)\)\] {
  background-color: hsl(var(--mk-line-2));
}
.bg-\[hsl\(var\(--mk-magenta\)\)\] {
  background-color: hsl(var(--mk-magenta));
}
.bg-\[hsl\(var\(--mk-magenta\)\/0\.1\)\] {
  background-color: hsl(var(--mk-magenta)/0.1);
}
.bg-\[hsl\(var\(--mk-muted\)\)\] {
  background-color: hsl(var(--mk-muted));
}
.bg-\[hsl\(var\(--mk-paper\)\)\] {
  background-color: hsl(var(--mk-paper));
}
.bg-\[hsl\(var\(--mk-pink\)\)\] {
  background-color: hsl(var(--mk-pink));
}
.bg-\[hsl\(var\(--mk-pink\)\/0\.05\)\] {
  background-color: hsl(var(--mk-pink)/0.05);
}
.bg-\[hsl\(var\(--mk-pink\)\/0\.06\)\] {
  background-color: hsl(var(--mk-pink)/0.06);
}
.bg-\[hsl\(var\(--mk-pink\)\/0\.1\)\] {
  background-color: hsl(var(--mk-pink)/0.1);
}
.bg-\[hsl\(var\(--mk-pink\)\/0\.12\)\] {
  background-color: hsl(var(--mk-pink)/0.12);
}
.bg-\[hsl\(var\(--mk-primary\)\)\] {
  background-color: hsl(var(--mk-primary));
}
.bg-\[hsl\(var\(--mk-success\)\)\] {
  background-color: hsl(var(--mk-success));
}
.bg-\[hsl\(var\(--mk-success\)\/0\.08\)\] {
  background-color: hsl(var(--mk-success)/0.08);
}
.bg-\[hsl\(var\(--mk-success\)\/0\.12\)\] {
  background-color: hsl(var(--mk-success)/0.12);
}
.bg-\[hsl\(var\(--mk-surface-2\)\)\] {
  background-color: hsl(var(--mk-surface-2));
}
.bg-\[hsl\(var\(--mk-surface-2\2c 0_0\%_98\%\)\)\] {
  background-color: hsl(var(--mk-surface-2,0 0% 98%));
}
.bg-\[hsl\(var\(--mk-warn-bg\2c 45_93\%_95\%\)\)\] {
  background-color: hsl(var(--mk-warn-bg,45 93% 95%));
}
.bg-\[hsl\(var\(--mk-warn-bg\2c var\(--mk-surface-2\)\)\)\] {
  background-color: hsl(var(--mk-warn-bg,var(--mk-surface-2)));
}
.bg-\[hsl\(var\(--perio-board\)\)\] {
  background-color: hsl(var(--perio-board));
}
.bg-\[hsl\(var\(--perio-ink\)\/0\.025\)\] {
  background-color: hsl(var(--perio-ink)/0.025);
}
.bg-\[hsl\(var\(--perio-ink\)\/0\.04\)\] {
  background-color: hsl(var(--perio-ink)/0.04);
}
.bg-\[hsl\(var\(--perio-ink\)\/0\.15\)\] {
  background-color: hsl(var(--perio-ink)/0.15);
}
.bg-\[hsl\(var\(--perio-watch\)\/0\.1\)\] {
  background-color: hsl(var(--perio-watch)/0.1);
}
.bg-\[hsl\(var\(--perio-watch\)\/0\.12\)\] {
  background-color: hsl(var(--perio-watch)/0.12);
}
.bg-\[mk-ink\] {
  background-color: mk-ink;
}
.bg-\[rgba\(11\2c 16\2c 32\2c 0\.88\)\] {
  background-color: rgba(11,16,32,0.88);
}
.bg-\[var\(--booking-primary\2c \#4f46e5\)\] {
  background-color: var(--booking-primary,#4f46e5);
}
.bg-\[var\(--booking-primary-soft\2c \#eef2ff\)\] {
  background-color: var(--booking-primary-soft,#eef2ff);
}
.bg-\[var\(--booking-progress-rail\2c \#f1f5f9\)\] {
  background-color: var(--booking-progress-rail,#f1f5f9);
}
.bg-\[var\(--booking-surface\2c \#ffffff\)\] {
  background-color: var(--booking-surface,#ffffff);
}
.bg-\[var\(--booking-surface-2\2c \#f8fafc\)\] {
  background-color: var(--booking-surface-2,#f8fafc);
}
.bg-\[var\(--dident-nav-active-bg\2c hsl\(var\(--mk-ink\)\)\)\] {
  background-color: var(--dident-nav-active-bg,hsl(var(--mk-ink)));
}
.bg-accent {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
}
.bg-accent\/5 {
  background-color: hsl(var(--accent) / 0.05);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-400\/15 {
  background-color: rgb(251 191 36 / 0.15);
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/40 {
  background-color: rgb(255 251 235 / 0.4);
}
.bg-amber-50\/50 {
  background-color: rgb(255 251 235 / 0.5);
}
.bg-amber-50\/60 {
  background-color: rgb(255 251 235 / 0.6);
}
.bg-amber-50\/70 {
  background-color: rgb(255 251 235 / 0.7);
}
.bg-amber-50\/80 {
  background-color: rgb(255 251 235 / 0.8);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-amber-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.bg-amber-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}
.bg-background {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/65 {
  background-color: rgb(0 0 0 / 0.65);
}
.bg-black\/90 {
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-border {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--border) / var(--tw-bg-opacity, 1));
}
.bg-card {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
}
.bg-destructive {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--destructive) / var(--tw-bg-opacity, 1));
}
.bg-destructive\/5 {
  background-color: hsl(var(--destructive) / 0.05);
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/40 {
  background-color: rgb(236 253 245 / 0.4);
}
.bg-emerald-50\/50 {
  background-color: rgb(236 253 245 / 0.5);
}
.bg-emerald-50\/60 {
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-50\/70 {
  background-color: rgb(236 253 245 / 0.7);
}
.bg-emerald-50\/80 {
  background-color: rgb(236 253 245 / 0.8);
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/15 {
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-foreground {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--foreground) / var(--tw-bg-opacity, 1));
}
.bg-foreground\/55 {
  background-color: hsl(var(--foreground) / 0.55);
}
.bg-fuchsia-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50\/30 {
  background-color: rgb(238 242 255 / 0.3);
}
.bg-indigo-50\/60 {
  background-color: rgb(238 242 255 / 0.6);
}
.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-muted {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.bg-muted\/40 {
  background-color: hsl(var(--muted) / 0.4);
}
.bg-muted\/60 {
  background-color: hsl(var(--muted) / 0.6);
}
.bg-neutral-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93 / var(--tw-bg-opacity, 1));
}
.bg-popover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--popover) / var(--tw-bg-opacity, 1));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.bg-primary\/15 {
  background-color: hsl(var(--primary) / 0.15);
}
.bg-primary\/5 {
  background-color: hsl(var(--primary) / 0.05);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/40 {
  background-color: rgb(254 242 242 / 0.4);
}
.bg-red-50\/60 {
  background-color: rgb(254 242 242 / 0.6);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-rose-50\/70 {
  background-color: rgb(255 241 242 / 0.7);
}
.bg-rose-50\/80 {
  background-color: rgb(255 241 242 / 0.8);
}
.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-rose-500\/15 {
  background-color: rgb(244 63 94 / 0.15);
}
.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-50\/70 {
  background-color: rgb(240 249 255 / 0.7);
}
.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.bg-sky-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-50\/60 {
  background-color: rgb(248 250 252 / 0.6);
}
.bg-slate-900\/30 {
  background-color: rgb(15 23 42 / 0.3);
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-violet-100\/80 {
  background-color: rgb(237 233 254 / 0.8);
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-50\/60 {
  background-color: rgb(245 243 255 / 0.6);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25);
}
.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85 {
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.bg-\[radial-gradient\(circle\2c rgba\(107\2c 78\2c 230\2c 0\.09\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(circle,rgba(107,78,230,0.09),transparent 70%);
}
.bg-\[radial-gradient\(circle\2c rgba\(107\2c 78\2c 230\2c 0\.10\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(circle,rgba(107,78,230,0.10),transparent 70%);
}
.bg-\[radial-gradient\(circle\2c rgba\(232\2c 74\2c 138\2c 0\.10\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(circle,rgba(232,74,138,0.10),transparent 70%);
}
.bg-\[radial-gradient\(circle\2c rgba\(232\2c 74\2c 138\2c 0\.12\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(circle,rgba(232,74,138,0.12),transparent 70%);
}
.bg-\[radial-gradient\(circle\2c rgba\(232\2c 74\2c 138\2c 0\.14\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(circle,rgba(232,74,138,0.14),transparent 70%);
}
.bg-\[radial-gradient\(circle\2c rgba\(232\2c 74\2c 138\2c 0\.16\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(circle,rgba(232,74,138,0.16),transparent 70%);
}
.bg-\[radial-gradient\(circle\2c rgba\(255\2c 122\2c 77\2c 0\.10\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(circle,rgba(255,122,77,0.10),transparent 70%);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#fff5ef\] {
  --tw-gradient-from: #fff5ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 245 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(252_60\%_98\%\)\] {
  --tw-gradient-from: hsl(252 60% 98%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(252 60% 98% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(var\(--mk-cream\)\/0\.55\)\] {
  --tw-gradient-from: hsl(var(--mk-cream)/0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--mk-cream) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(var\(--mk-indigo\)\)\] {
  --tw-gradient-from: hsl(var(--mk-indigo)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--mk-indigo) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(var\(--mk-pink\)\)\]\/15 {
  --tw-gradient-from: hsl(var(--mk-pink) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--mk-pink) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-100 {
  --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 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);
}
.via-\[\#fef0f4\] {
  --tw-gradient-to: rgb(254 240 244 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fef0f4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--mk-indigo\)\)\]\/10 {
  --tw-gradient-to: hsl(var(--mk-indigo) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--mk-indigo) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[rgba\(232\2c 74\2c 138\2c 0\.65\)\] {
  --tw-gradient-to: rgba(232, 74, 138, 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(232,74,138,0.65) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-500 {
  --tw-gradient-to: rgb(217 70 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), 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);
}
.to-\[\#f7eeff\] {
  --tw-gradient-to: #f7eeff var(--tw-gradient-to-position);
}
.to-\[hsl\(330_60\%_98\%\)\] {
  --tw-gradient-to: hsl(330 60% 98%) var(--tw-gradient-to-position);
}
.to-\[hsl\(var\(--mk-cream\)\/0\.25\)\] {
  --tw-gradient-to: hsl(var(--mk-cream)/0.25) var(--tw-gradient-to-position);
}
.to-\[hsl\(var\(--mk-violet\2c 260_70\%_55\%\)\)\] {
  --tw-gradient-to: hsl(var(--mk-violet,260 70% 55%)) var(--tw-gradient-to-position);
}
.to-emerald-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}
.to-pink-100 {
  --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position);
}
.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-\[length\:12px_12px\] {
  background-size: 12px 12px;
}
.bg-\[right_12px_center\] {
  background-position: right 12px center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.stroke-\[hsl\(var\(--mk-indigo\)\)\]\/20 {
  stroke: hsl(var(--mk-indigo) / 0.2);
}
.stroke-current {
  stroke: currentColor;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.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-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.95rem\] {
  padding-left: 0.95rem;
  padding-right: 0.95rem;
}
.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-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.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-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-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.55rem\] {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}
.py-\[0\.85rem\] {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[13px\] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pb-\[0\.45rem\] {
  padding-bottom: 0.45rem;
}
.pb-px {
  padding-bottom: 1px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pl-\[84px\] {
  padding-left: 84px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-11 {
  padding-right: 2.75rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-3\.5 {
  padding-right: 0.875rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[110px\] {
  padding-top: 110px;
}
.pt-\[140px\] {
  padding-top: 140px;
}
.pt-\[60px\] {
  padding-top: 60px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-\[-1px\] {
  vertical-align: -1px;
}
.font-display {
  font-family: var(--font-display), Fraunces, Georgia, serif;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: var(--font-body), Inter, system-ui, sans-serif;
}
.font-wordmark {
  font-family: var(--font-wordmark), Poppins, system-ui, sans-serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem;
}
.text-\[0\.72rem\] {
  font-size: 0.72rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.78rem\] {
  font-size: 0.78rem;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.82rem\] {
  font-size: 0.82rem;
}
.text-\[0\.85em\] {
  font-size: 0.85em;
}
.text-\[0\.85rem\] {
  font-size: 0.85rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[0\.92em\] {
  font-size: 0.92em;
}
.text-\[0\.95rem\] {
  font-size: 0.95rem;
}
.text-\[0\.9rem\] {
  font-size: 0.9rem;
}
.text-\[1\.05rem\] {
  font-size: 1.05rem;
}
.text-\[1\.1rem\] {
  font-size: 1.1rem;
}
.text-\[1\.2rem\] {
  font-size: 1.2rem;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12\.5px\] {
  font-size: 12.5px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13\.5px\] {
  font-size: 13.5px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14\.5px\] {
  font-size: 14.5px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15\.5px\] {
  font-size: 15.5px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16\.5px\] {
  font-size: 16.5px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[46px\] {
  font-size: 46px;
}
.text-\[56px\] {
  font-size: 56px;
}
.text-\[8\.5px\] {
  font-size: 8.5px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9\.5px\] {
  font-size: 9.5px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[clamp\(16px\2c 1\.4vw\2c 19px\)\] {
  font-size: clamp(16px, 1.4vw, 19px);
}
.text-\[clamp\(22px\2c 5vw\2c 28px\)\] {
  font-size: clamp(22px, 5vw, 28px);
}
.text-\[clamp\(26px\2c 3\.6vw\2c 36px\)\] {
  font-size: clamp(26px, 3.6vw, 36px);
}
.text-\[clamp\(28px\2c 4\.4vw\2c 40px\)\] {
  font-size: clamp(28px, 4.4vw, 40px);
}
.text-\[clamp\(28px\2c 4vw\2c 40px\)\] {
  font-size: clamp(28px, 4vw, 40px);
}
.text-\[clamp\(30px\2c 4\.6vw\2c 44px\)\] {
  font-size: clamp(30px, 4.6vw, 44px);
}
.text-\[clamp\(32px\2c 4\.6vw\2c 52px\)\] {
  font-size: clamp(32px, 4.6vw, 52px);
}
.text-\[clamp\(34px\2c 5\.4vw\2c 52px\)\] {
  font-size: clamp(34px, 5.4vw, 52px);
}
.text-\[clamp\(40px\2c 5\.4vw\2c 68px\)\] {
  font-size: clamp(40px, 5.4vw, 68px);
}
.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-extrabold {
  font-weight: 800;
}
.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;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-\[1\.02\] {
  line-height: 1.02;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-\[1\.06\] {
  line-height: 1.06;
}
.leading-\[1\.55\] {
  line-height: 1.55;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.015em\] {
  letter-spacing: -0.015em;
}
.tracking-\[-0\.01em\] {
  letter-spacing: -0.01em;
}
.tracking-\[-0\.025em\] {
  letter-spacing: -0.025em;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.035em\] {
  letter-spacing: -0.035em;
}
.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}
.tracking-\[-0\.04em\] {
  letter-spacing: -0.04em;
}
.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}
.tracking-\[0\.03em\] {
  letter-spacing: 0.03em;
}
.tracking-\[0\.045em\] {
  letter-spacing: 0.045em;
}
.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}
.tracking-\[0\.05em\] {
  letter-spacing: 0.05em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.09em\] {
  letter-spacing: 0.09em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#067647\] {
  --tw-text-opacity: 1;
  color: rgb(6 118 71 / var(--tw-text-opacity, 1));
}
.text-\[\#1F47A1\] {
  --tw-text-opacity: 1;
  color: rgb(31 71 161 / var(--tw-text-opacity, 1));
}
.text-\[\#1F7A4A\] {
  --tw-text-opacity: 1;
  color: rgb(31 122 74 / var(--tw-text-opacity, 1));
}
.text-\[\#2FA565\] {
  --tw-text-opacity: 1;
  color: rgb(47 165 101 / var(--tw-text-opacity, 1));
}
.text-\[\#4A536B\] {
  --tw-text-opacity: 1;
  color: rgb(74 83 107 / var(--tw-text-opacity, 1));
}
.text-\[\#5B3FBF\] {
  --tw-text-opacity: 1;
  color: rgb(91 63 191 / var(--tw-text-opacity, 1));
}
.text-\[\#7A361A\] {
  --tw-text-opacity: 1;
  color: rgb(122 54 26 / var(--tw-text-opacity, 1));
}
.text-\[\#7A5A1A\] {
  --tw-text-opacity: 1;
  color: rgb(122 90 26 / var(--tw-text-opacity, 1));
}
.text-\[\#7A5A1A\]\/80 {
  color: rgb(122 90 26 / 0.8);
}
.text-\[\#7A5B14\] {
  --tw-text-opacity: 1;
  color: rgb(122 91 20 / var(--tw-text-opacity, 1));
}
.text-\[\#8A5A07\] {
  --tw-text-opacity: 1;
  color: rgb(138 90 7 / var(--tw-text-opacity, 1));
}
.text-\[\#8a4b00\] {
  --tw-text-opacity: 1;
  color: rgb(138 75 0 / var(--tw-text-opacity, 1));
}
.text-\[\#991B1B\] {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-\[\#9A2840\] {
  --tw-text-opacity: 1;
  color: rgb(154 40 64 / var(--tw-text-opacity, 1));
}
.text-\[\#9A3412\] {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-\[\#A63125\] {
  --tw-text-opacity: 1;
  color: rgb(166 49 37 / var(--tw-text-opacity, 1));
}
.text-\[\#B42318\] {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1));
}
.text-\[\#B5571F\] {
  --tw-text-opacity: 1;
  color: rgb(181 87 31 / var(--tw-text-opacity, 1));
}
.text-\[\#DC2626\] {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-\[\#FFB39C\] {
  --tw-text-opacity: 1;
  color: rgb(255 179 156 / var(--tw-text-opacity, 1));
}
.text-\[\#b42318\] {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1));
}
.text-\[Npx\] {
  color: Npx;
}
.text-\[hsl\(var\(--mk-danger\)\)\] {
  color: hsl(var(--mk-danger));
}
.text-\[hsl\(var\(--mk-danger\2c 0_72\%_51\%\)\)\] {
  color: hsl(var(--mk-danger,0 72% 51%));
}
.text-\[hsl\(var\(--mk-indigo\)\)\] {
  color: hsl(var(--mk-indigo));
}
.text-\[hsl\(var\(--mk-ink\)\)\] {
  color: hsl(var(--mk-ink));
}
.text-\[hsl\(var\(--mk-ink\)\)\]\/70 {
  color: hsl(var(--mk-ink) / 0.7);
}
.text-\[hsl\(var\(--mk-ink\2c 222_47\%_11\%\)\)\] {
  color: hsl(var(--mk-ink,222 47% 11%));
}
.text-\[hsl\(var\(--mk-ink-2\)\)\] {
  color: hsl(var(--mk-ink-2));
}
.text-\[hsl\(var\(--mk-ink-2\2c 220_15\%_45\%\)\)\] {
  color: hsl(var(--mk-ink-2,220 15% 45%));
}
.text-\[hsl\(var\(--mk-ink-3\)\)\] {
  color: hsl(var(--mk-ink-3));
}
.text-\[hsl\(var\(--mk-ink-3\)\)\]\/70 {
  color: hsl(var(--mk-ink-3) / 0.7);
}
.text-\[hsl\(var\(--mk-ink-3\)\)\]\/80 {
  color: hsl(var(--mk-ink-3) / 0.8);
}
.text-\[hsl\(var\(--mk-line\)\)\] {
  color: hsl(var(--mk-line));
}
.text-\[hsl\(var\(--mk-line-2\)\)\] {
  color: hsl(var(--mk-line-2));
}
.text-\[hsl\(var\(--mk-magenta\)\)\] {
  color: hsl(var(--mk-magenta));
}
.text-\[hsl\(var\(--mk-muted\)\)\] {
  color: hsl(var(--mk-muted));
}
.text-\[hsl\(var\(--mk-muted\)\/0\.35\)\] {
  color: hsl(var(--mk-muted)/0.35);
}
.text-\[hsl\(var\(--mk-muted\)\/0\.55\)\] {
  color: hsl(var(--mk-muted)/0.55);
}
.text-\[hsl\(var\(--mk-paper\)\)\] {
  color: hsl(var(--mk-paper));
}
.text-\[hsl\(var\(--mk-pink\)\)\] {
  color: hsl(var(--mk-pink));
}
.text-\[hsl\(var\(--mk-primary-foreground\)\)\] {
  color: hsl(var(--mk-primary-foreground));
}
.text-\[hsl\(var\(--mk-success\)\)\] {
  color: hsl(var(--mk-success));
}
.text-\[hsl\(var\(--mk-success\2c 142_71\%_30\%\)\)\] {
  color: hsl(var(--mk-success,142 71% 30%));
}
.text-\[hsl\(var\(--perio-ink\)\)\] {
  color: hsl(var(--perio-ink));
}
.text-\[hsl\(var\(--perio-ink\)\/0\.2\)\] {
  color: hsl(var(--perio-ink)/0.2);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.25\)\] {
  color: hsl(var(--perio-ink)/0.25);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.3\)\] {
  color: hsl(var(--perio-ink)/0.3);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.4\)\] {
  color: hsl(var(--perio-ink)/0.4);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.45\)\] {
  color: hsl(var(--perio-ink)/0.45);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.5\)\] {
  color: hsl(var(--perio-ink)/0.5);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.55\)\] {
  color: hsl(var(--perio-ink)/0.55);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.6\)\] {
  color: hsl(var(--perio-ink)/0.6);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.65\)\] {
  color: hsl(var(--perio-ink)/0.65);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.7\)\] {
  color: hsl(var(--perio-ink)/0.7);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.75\)\] {
  color: hsl(var(--perio-ink)/0.75);
}
.text-\[hsl\(var\(--perio-ink\)\/0\.8\)\] {
  color: hsl(var(--perio-ink)/0.8);
}
.text-\[mk-ink-2\] {
  color: mk-ink-2;
}
.text-\[rgb\(53\2c 104\2c 212\)\] {
  --tw-text-opacity: 1;
  color: rgb(53 104 212 / var(--tw-text-opacity, 1));
}
.text-\[rgb\(\2026\)\] {
  color: rgb(…);
}
.text-\[var\(--booking-ink\2c \#0f172a\)\] {
  color: var(--booking-ink,#0f172a);
}
.text-\[var\(--booking-ink\2c \#1e293b\)\] {
  color: var(--booking-ink,#1e293b);
}
.text-\[var\(--booking-ink-2\2c \#334155\)\] {
  color: var(--booking-ink-2,#334155);
}
.text-\[var\(--booking-ink-2\2c \#475569\)\] {
  color: var(--booking-ink-2,#475569);
}
.text-\[var\(--booking-ink-3\2c \#64748b\)\] {
  color: var(--booking-ink-3,#64748b);
}
.text-\[var\(--booking-ink-3\2c \#94a3b8\)\] {
  color: var(--booking-ink-3,#94a3b8);
}
.text-\[var\(--booking-ink-3\2c \#cbd5e1\)\] {
  color: var(--booking-ink-3,#cbd5e1);
}
.text-\[var\(--booking-on-bg\2c var\(--booking-ink-2\2c \#334155\)\)\] {
  color: var(--booking-on-bg,var(--booking-ink-2,#334155));
}
.text-\[var\(--booking-on-bg\2c var\(--booking-ink-3\2c \#64748b\)\)\] {
  color: var(--booking-on-bg,var(--booking-ink-3,#64748b));
}
.text-\[var\(--booking-on-bg\2c var\(--booking-ink-3\2c \#94a3b8\)\)\] {
  color: var(--booking-on-bg,var(--booking-ink-3,#94a3b8));
}
.text-\[var\(--booking-primary-text\2c \#fff\)\] {
  color: var(--booking-primary-text,#fff);
}
.text-\[var\(--dident-nav-active-fg\2c \#fff\)\] {
  color: var(--dident-nav-active-fg,#fff);
}
.text-\[var\(--dident-nav-active-icon\2c \#fff\)\] {
  color: var(--dident-nav-active-icon,#fff);
}
.text-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--accent) / var(--tw-text-opacity, 1));
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-800\/70 {
  color: rgb(146 64 14 / 0.7);
}
.text-amber-800\/80 {
  color: rgb(146 64 14 / 0.8);
}
.text-amber-800\/90 {
  color: rgb(146 64 14 / 0.9);
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-900\/80 {
  color: rgb(120 53 15 / 0.8);
}
.text-amber-900\/85 {
  color: rgb(120 53 15 / 0.85);
}
.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-background {
  --tw-text-opacity: 1;
  color: hsl(var(--background) / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--card-foreground) / var(--tw-text-opacity, 1));
}
.text-destructive {
  --tw-text-opacity: 1;
  color: hsl(var(--destructive) / var(--tw-text-opacity, 1));
}
.text-destructive-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1));
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-50 {
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity, 1));
}
.text-emerald-50\/60 {
  color: rgb(236 253 245 / 0.6);
}
.text-emerald-50\/85 {
  color: rgb(236 253 245 / 0.85);
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-800\/80 {
  color: rgb(6 95 70 / 0.8);
}
.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
.text-foreground\/40 {
  color: hsl(var(--foreground) / 0.4);
}
.text-foreground\/70 {
  color: hsl(var(--foreground) / 0.7);
}
.text-foreground\/90 {
  color: hsl(var(--foreground) / 0.9);
}
.text-fuchsia-800 {
  --tw-text-opacity: 1;
  color: rgb(134 25 143 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.text-muted-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
}
.text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground) / 0.7);
}
.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--popover-foreground) / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.text-primary-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-200 {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-700\/80 {
  color: rgb(190 18 60 / 0.8);
}
.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}
.text-sky-200 {
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-sky-800\/70 {
  color: rgb(7 89 133 / 0.7);
}
.text-sky-800\/80 {
  color: rgb(7 89 133 / 0.8);
}
.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}
.text-sky-900\/70 {
  color: rgb(12 74 110 / 0.7);
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/35 {
  color: rgb(255 255 255 / 0.35);
}
.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55 {
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65 {
  color: rgb(255 255 255 / 0.65);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-\[hsl\(var\(--mk-line\)\)\] {
  text-decoration-color: hsl(var(--mk-line));
}
.decoration-\[rgba\(11\2c 16\2c 32\2c 0\.18\)\] {
  text-decoration-color: rgba(11,16,32,0.18);
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.underline-offset-\[3px\] {
  text-underline-offset: 3px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accent-\[hsl\(var\(--mk-indigo\)\)\] {
  accent-color: hsl(var(--mk-indigo));
}
.accent-\[hsl\(var\(--mk-ink\)\)\] {
  accent-color: hsl(var(--mk-ink));
}
.accent-\[hsl\(var\(--mk-magenta\)\)\] {
  accent-color: hsl(var(--mk-magenta));
}
.accent-\[hsl\(var\(--mk-pink\)\)\] {
  accent-color: hsl(var(--mk-pink));
}
.accent-emerald-600 {
  accent-color: #059669;
}
.accent-rose-600 {
  accent-color: #e11d48;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.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;
}
.opacity-\[0\.56\] {
  opacity: 0.56;
}
.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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-16px_48px_-20px_hsl\(var\(--mk-ink\)\/0\.28\)\] {
  --tw-shadow: 0 -16px 48px -20px hsl(var(--mk-ink)/0.28);
  --tw-shadow-colored: 0 -16px 48px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_hsl\(var\(--mk-line\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--mk-line));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_hsl\(var\(--mk-indigo\)\)\] {
  --tw-shadow: 0 0 0 2px hsl(var(--mk-indigo));
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_4px_hsl\(var\(--mk-pink\)\/0\.16\)\] {
  --tw-shadow: 0 0 0 4px hsl(var(--mk-pink)/0.16);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_4px_rgba\(107\2c 78\2c 230\2c 0\.12\)\] {
  --tw-shadow: 0 0 0 4px rgba(107,78,230,0.12);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-12px_rgba\(20\2c 16\2c 24\2c 0\.28\)\] {
  --tw-shadow: 0 10px 30px -12px rgba(20,16,24,0.28);
  --tw-shadow-colored: 0 10px 30px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-10px_rgba\(232\2c 74\2c 138\2c 0\.5\)\] {
  --tw-shadow: 0 12px 30px -10px rgba(232,74,138,0.5);
  --tw-shadow-colored: 0 12px 30px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-12px_rgba\(232\2c 74\2c 138\2c 0\.55\)\] {
  --tw-shadow: 0 12px 30px -12px rgba(232,74,138,0.55);
  --tw-shadow-colored: 0 12px 30px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-8px_rgba\(11\2c 16\2c 32\2c 0\.22\)\] {
  --tw-shadow: 0 12px 30px -8px rgba(11,16,32,0.22);
  --tw-shadow-colored: 0 12px 30px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_-12px_rgba\(20\2c 20\2c 40\2c 0\.28\)\] {
  --tw-shadow: 0 16px 40px -12px rgba(20,20,40,0.28);
  --tw-shadow-colored: 0 16px 40px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_hsl\(230_30\%_20\%_\/_0\.04\)\] {
  --tw-shadow: 0 1px 2px hsl(230 30% 20% / 0.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(20\2c 16\2c 24\2c 0\.04\)\2c 0_8px_24px_-12px_rgba\(20\2c 16\2c 24\2c 0\.18\)\] {
  --tw-shadow: 0 1px 2px rgba(20,16,24,0.04),0 8px 24px -12px rgba(20,16,24,0.18);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 24px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(20\2c 16\2c 24\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(20,16,24,0.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(20\2c 16\2c 24\2c 0\.05\)\] {
  --tw-shadow: 0 1px 2px rgba(20,16,24,0.05);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(20\2c 16\2c 24\2c 0\.10\)\] {
  --tw-shadow: 0 1px 2px rgba(20,16,24,0.10);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(11\2c 16\2c 32\2c 0\.10\)\] {
  --tw-shadow: 0 1px 3px rgba(11,16,32,0.10);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_12px_-6px_rgba\(232\2c 74\2c 138\2c 0\.18\)\] {
  --tw-shadow: 0 2px 12px -6px rgba(232,74,138,0.18);
  --tw-shadow-colored: 0 2px 12px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-40px_rgba\(15\2c 23\2c 42\2c 0\.25\)\] {
  --tw-shadow: 0 30px 80px -40px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 30px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-40px_rgba\(15\2c 23\2c 42\2c 0\.30\)\] {
  --tw-shadow: 0 30px 80px -40px rgba(15,23,42,0.30);
  --tw-shadow-colored: 0 30px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-40px_rgba\(15\2c 23\2c 42\2c 0\.35\)\] {
  --tw-shadow: 0 30px 80px -40px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 30px 80px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(232\2c 74\2c 138\2c 0\.3\)\] {
  --tw-shadow: 0 4px 12px rgba(232,74,138,0.3);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(232\2c 74\2c 138\2c 0\.28\)\] {
  --tw-shadow: 0 4px 14px rgba(232,74,138,0.28);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_18px_-6px_rgba\(232\2c 74\2c 138\2c 0\.7\)\] {
  --tw-shadow: 0 6px 18px -6px rgba(232,74,138,0.7);
  --tw-shadow-colored: 0 6px 18px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(232\2c 74\2c 138\2c 0\.32\)\] {
  --tw-shadow: 0 8px 24px rgba(232,74,138,0.32);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_2px_hsl\(var\(--mk-magenta\)\)\2c 0_18px_36px_-18px_rgba\(232\2c 74\2c 138\2c 0\.55\)\] {
  --tw-shadow: inset 0 0 0 2px hsl(var(--mk-magenta)),0 18px 36px -18px rgba(232,74,138,0.55);
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color), 0 18px 36px -18px var(--tw-shadow-color);
  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: 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: 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: 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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#e84a8a\]\/20 {
  --tw-shadow-color: rgb(232 74 138 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[hsl\(var\(--mk-ink\)\)\]\/15 {
  --tw-shadow-color: hsl(var(--mk-ink) / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--dident-nav-active-shadow\2c none\)\] {
  --tw-shadow-color: var(--dident-nav-active-shadow,none);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --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(3px + 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);
}
.ring-0 {
  --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: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-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(1px + 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);
}
.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: 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: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-\[hsl\(var\(--mk-danger\)\)\] {
  --tw-ring-color: hsl(var(--mk-danger));
}
.ring-\[hsl\(var\(--mk-indigo\)\)\] {
  --tw-ring-color: hsl(var(--mk-indigo));
}
.ring-\[hsl\(var\(--mk-indigo\)\)\]\/30 {
  --tw-ring-color: hsl(var(--mk-indigo) / 0.3);
}
.ring-\[hsl\(var\(--mk-indigo\)\/0\.35\)\] {
  --tw-ring-color: hsl(var(--mk-indigo)/0.35);
}
.ring-\[hsl\(var\(--mk-indigo\)\/0\.7\)\] {
  --tw-ring-color: hsl(var(--mk-indigo)/0.7);
}
.ring-\[hsl\(var\(--mk-ink\)\)\] {
  --tw-ring-color: hsl(var(--mk-ink));
}
.ring-\[hsl\(var\(--mk-line\)\)\] {
  --tw-ring-color: hsl(var(--mk-line));
}
.ring-\[hsl\(var\(--mk-pink\)\/0\.28\)\] {
  --tw-ring-color: hsl(var(--mk-pink)/0.28);
}
.ring-\[hsl\(var\(--mk-pink\)\/0\.6\)\] {
  --tw-ring-color: hsl(var(--mk-pink)/0.6);
}
.ring-amber-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1));
}
.ring-amber-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}
.ring-amber-600\/20 {
  --tw-ring-color: rgb(217 119 6 / 0.2);
}
.ring-emerald-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1));
}
.ring-emerald-600\/20 {
  --tw-ring-color: rgb(5 150 105 / 0.2);
}
.ring-indigo-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity, 1));
}
.ring-orange-600\/20 {
  --tw-ring-color: rgb(234 88 12 / 0.2);
}
.ring-rose-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity, 1));
}
.ring-rose-600\/20 {
  --tw-ring-color: rgb(225 29 72 / 0.2);
}
.ring-slate-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}
.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background) / 1);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl {
  --tw-blur: blur(40px);
  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);
}
.blur-3xl {
  --tw-blur: blur(64px);
  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);
}
.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.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);
  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-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  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);
  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);
  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);
  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-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
  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, backdrop-filter;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-\[background-color\2c backdrop-filter\2c border-color\] {
  transition-property: background-color,backdrop-filter,border-color;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-\[border-color\2c background\2c box-shadow\] {
  transition-property: border-color,background,box-shadow;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-\[border-color\2c transform\2c box-shadow\] {
  transition-property: border-color,transform,box-shadow;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-\[transform\2c border-color\2c box-shadow\2c opacity\] {
  transition-property: transform,border-color,box-shadow,opacity;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-\[transform\2c border-color\] {
  transition-property: transform,border-color;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-\[transform\2c box-shadow\2c border-color\] {
  transition-property: transform,box-shadow,border-color;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: var(--motion-ease);
  transition-duration: var(--motion-duration-fast);
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-modal {
  transition-duration: var(--motion-duration-modal);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: var(--motion-duration-fast);
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in {
  --tw-enter-opacity: 0;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.slide-in-from-bottom-1 {
  --tw-enter-translate-y: 0.25rem;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-modal {
  animation-duration: var(--motion-duration-modal);
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.bg-brand-gradient {
    background-image: var(--mk-gradient);
  }
.bg-brand-gradient-soft {
    background-image: var(--mk-gradient-soft);
  }
.text-brand-gradient {
    background-image: var(--mk-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
.shadow-mk-sm {
    box-shadow: var(--mk-shadow-sm);
  }
.shadow-mk-md {
    box-shadow: var(--mk-shadow-md);
  }
.shadow-mk-lg {
    box-shadow: var(--mk-shadow-lg);
  }
.\[admin\:fotos\] {
  admin: fotos;
}
.\[apollo\:webhook\] {
  apollo: webhook;
}
.\[billing\:checkout\] {
  billing: checkout;
}
.\[billing\:plan\] {
  billing: plan;
}
.\[billing\:portal\] {
  billing: portal;
}
.\[display\:none\] {
  display: none;
}
.\[grid-template-columns\:repeat\(auto-fit\2c minmax\(200px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}
.\[grid-template-columns\:repeat\(auto-fit\2c minmax\(220px\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
}
.\[kapso\:webhook\] {
  kapso: webhook;
}
.\[meta\:webhook\] {
  meta: webhook;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.\[polar\:webhook\] {
  polar: webhook;
}
.\[progress\:level\] {
  progress: level;
}
.\[resend\:webhook\] {
  resend: webhook;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[site_editor\:discard_failed\] {
  site_editor: discard failed;
}
.\[site_editor\:pipeline_failed\] {
  site_editor: pipeline failed;
}
.\[site_editor\:reserve_failed\] {
  site_editor: reserve failed;
}
.\[stripe\:webhook\] {
  stripe: webhook;
}
.\[text-shadow\:0_1px_2px_rgb\(0_0_0\/0\.28\)\] {
  text-shadow: 0 1px 2px rgb(0 0 0/0.28);
}
.\[visibility\:hidden\] {
  visibility: hidden;
}
.\[zernio\:webhook\] {
  zernio: webhook;
}
.\[zoom\:0\.65\] {
  zoom: 0.65;
}
/*
  Dentalix design system tokens.
  HSL values stored as bare "H S% L%" so Tailwind can compose with `hsl(var(--token) / <alpha-value>)`.
  Density: default = comfortable (public site). Add data-density="dense" on the dashboard root for
  tighter radius/spacing.
*/
/* ──────────────────────────────────────────────────────────────────────────
   `prefers-reduced-motion` — capa TRANSVERSAL.

   Va fuera de `@layer base` y al final del archivo a propósito: es un retrofit
   sobre una codebase existente, así que tiene que alcanzar TODA animación
   (incluida la que se escriba mañana) en vez de enumerar bloque por bloque.
   Toda animación nueva nace protegida sin que nadie se acuerde.

   0.01ms y NO 0: con 0 el browser no dispara `transitionend`/`animationend`,
   y hay lógica que escucha esos eventos. 0.01ms es imperceptible y sí dispara.

   El lado JS (framer-motion) NO lo cubre esta regla — el blanket puede incluso
   ACELERAR una animación JS en vez de eliminarla. Eso lo cubre
   `<MotionProvider>` (`../motion/provider.tsx`) con `reducedMotion="user"`.
   ────────────────────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  /* Excepción: los spinners de progreso son INFORMACIÓN funcional, no
     decoración — WCAG 2.3.3 excluye explícitamente la animación esencial.

     Le gana AL SELECTOR UNIVERSAL de arriba por especificidad (0,1,0 contra
     0,0,0), y eso sí es independiente del orden de concatenación. Lo que NO
     hace es ganarle a cualquier cosa: otra regla `!important` con
     especificidad ≥ 0,1,0 declarada DESPUÉS la pisa. Caso vivo: los
     `.mk-spin { animation: none !important }` de platform y marketing, que
     hoy dejan quieto su propio spinner de marca bajo reduced-motion — es
     preexistente y se limpia en PR2, no lo resuelve esta regla. */
  .animate-spin {
    animation-duration: 1s !important;
    animation-iteration-count: infinite !important;
  }
}
/*
  Platform-side palette overrides — mirror the marketing brand tokens so the
  three public-facing surfaces (wizard / precios / sign-in) share design
  language with dentalix.io. Internal dashboard surfaces (`/app`, `/admin`)
  inherit @dident/ui defaults; if a future page wants brand styling, opt in
  by adding `data-brand` or by composing the same `mk-*` utilities.
*/
@keyframes mk-spin {
  to {
    transform: rotate(360deg);
  }
}
.mk-spin {
  animation: mk-spin 0.8s linear infinite;
}
/* `.mk-spin` is a progress spinner — functional information, same category
 * as the built-in `.animate-spin` exception in the universal blanket
 * (packages/ui/src/styles/globals.css). The blanket's universal rule alone
 * would freeze it under reduced-motion (WCAG 2.3.3 excludes essential
 * animation from this kind of muting), so it needs its own opt-out with a
 * real spin duration, same pattern as `.animate-spin`'s.
 * `.mk-btn-primary:hover/:active` keeps its explicit `transform: none`
 * override on purpose: the blanket only speeds up the transition
 * (`transition-duration: 0.01ms`), it doesn't zero out the hover/active
 * transform value, so without this rule reduced-motion would still show an
 * instant (if very fast) lift/scale on hover — a small but real visual
 * change the blanket doesn't cover. Kept to preserve today's behavior
 * exactly (no lift at all under reduced-motion). See PR2 report. */
@media (prefers-reduced-motion: reduce) {
  .mk-spin {
    animation-duration: 0.8s !important;
    animation-iteration-count: infinite !important;
  }
  .mk-btn-primary:hover,
  .mk-btn-primary:active {
    transform: none;
  }
}
/* Ficha UX polish PR-3a — inspiration `mk-pulse` ripple.
 *
 * Ported verbatim from `tmp/Ficha-Clinica/Ficha Clinica.html` (lines 77-78).
 * Drives the "Paciente activo" pulse-dot in `<PatientHero>` and any future
 * surface that needs the brand's distinctive expanding-ring pulse (vs the
 * tailwind built-in `animate-pulse` which only fades opacity). The dot stays
 * fully visible — the ring expands outward, then resets.
 *
 * prefers-reduced-motion: covered by the universal blanket — no `both`/
 * `forwards` fill mode here, so after the near-zero-duration single
 * iteration it falls back to the non-animated base style (no box-shadow),
 * same end state `animation: none` used to produce.
 */
@keyframes mk-pulse {
  0% {
    box-shadow: 0 0 0 0 hsl(var(--mk-success) / 0.5);
  }
  70% {
    box-shadow: 0 0 0 6px hsl(var(--mk-success) / 0);
  }
  100% {
    box-shadow: 0 0 0 0 hsl(var(--mk-success) / 0);
  }
}
.mk-pulse {
  animation: mk-pulse 2s infinite;
}
/* Phase 2.1 onboarding wizard — selection feedback + panel reveal. */
@keyframes mk-shake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-4px); }
  40% { transform: translateX(4px); }
  60% { transform: translateX(-3px); }
  80% { transform: translateX(2px); }
}
@keyframes mk-reveal {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
/* prefers-reduced-motion: `mk-shake` — covered by the universal blanket
   (starts and ends at translateX(0), so the near-zero-duration single
   iteration lands on the same rest position `animation: none` produced).
   `mk-reveal` — the class using it is Tailwind's `motion-safe:` variant,
   which only emits the `animation` declaration under
   `(prefers-reduced-motion: no-preference)` in the first place; the old
   override here was dead code, the animation was never applied under
   reduced-motion to begin with. */
/* Agenda navigation slide — when the user moves to the next/previous day or
 * week, the grid that just rendered (already the new content, after the RSC
 * round-trip) slides in from the side it's "coming from": forward → enters from
 * the right, back → enters from the left. A subtle one-sided motion that reads
 * as "the agenda moved over". Re-triggered imperatively in `AgendaClient` by
 * toggling the class (which restarts the animation); the `both` fill leaves the
 * element at translateX(0)/opacity 1 — identical to the no-animation rest state.
 * The layout `<main className="overflow-x-clip">` clips the transient transform
 * so it never shows a horizontal scrollbar. */
@keyframes mk-agenda-slide-fwd {
  from { opacity: 0; transform: translateX(22px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes mk-agenda-slide-back {
  from { opacity: 0; transform: translateX(-22px); }
  to { opacity: 1; transform: translateX(0); }
}
/* 260ms = valor histórico exacto preservado (PR cero-cambio-visual); el
   nombre del token elegido (`--motion-duration-modal`) es por VALOR, no por
   semántica — este no es un modal. */
.mk-agenda-slide-fwd {
  animation: mk-agenda-slide-fwd var(--motion-duration-modal) var(--motion-ease-move) both;
}
.mk-agenda-slide-back {
  animation: mk-agenda-slide-back var(--motion-duration-modal) var(--motion-ease-move) both;
}
/* prefers-reduced-motion: covered by the universal blanket in
   packages/ui/src/styles/globals.css — both keyframes use `both` fill mode,
   so the blanket's near-zero duration completes the animation and leaves the
   element at the same "to" state (opacity 1, translateX 0) that the old
   `animation: none !important` fallback produced. See PR2 report. */
/* Onboarding inspirations grid — placeholder gradient swatches. Mirrors the
   `.img-warm/-modern/-luxury/...` palette from the founder's HTML mock. */
.img-warm { background: linear-gradient(160deg,#f6dccf 0%,#e8a98e 55%,#c97a5a 100%); }
.img-modern { background: linear-gradient(160deg,#e8eef7 0%,#9eb0c6 55%,#3d4a63 100%); }
.img-luxury { background: linear-gradient(160deg,#2a2330 0%,#3a2e3f 55%,#5a3a4f 100%); }
.img-youth { background: linear-gradient(160deg,#fff5d6 0%,#ffd86b 55%,#ff8c52 100%); }
.img-edito { background: linear-gradient(160deg,#f4f1ec 0%,#d8d0c4 55%,#2c2a26 100%); }
.img-clinic { background: linear-gradient(160deg,#dfe7eb 0%,#a8c2cd 55%,#456b7c 100%); }
.img-soft { background: linear-gradient(160deg,#fde3ea 0%,#f4a6b9 55%,#c46b88 100%); }
.img-mono { background: linear-gradient(160deg,#f4f4f4 0%,#9c9c9c 55%,#1d1d1d 100%); }
/* ────────────────────────────────────────────────────────────────────────
   Sidebar nav — utility classes (ported verbatim from prototype
   `docs/plans/preview-snapshots/sidebar-nav-v1/dentalix-lateral-bar/project/index.html`
   lines 73-138). These are referenced by
   `apps/platform/app/[locale]/app/_components/sidebar.tsx`. Tailwind silently
   purges unknown class names, so they MUST live here for the keyboard focus
   ring (WCAG 2.4.7), the active accent-bar spring animation, and the quiet
   webkit scrollbar to render.
   ──────────────────────────────────────────────────────────────────────── */
/* Scrollbar styling — quiet to match the cream surface. */
.scroll-quiet::-webkit-scrollbar {
  width: 8px;
}
.scroll-quiet::-webkit-scrollbar-track {
  background: transparent;
}
.scroll-quiet::-webkit-scrollbar-thumb {
  background: hsl(var(--mk-line-2));
  border-radius: 999px;
}
.scroll-quiet::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--mk-muted) / 0.5);
}
/* Active accent indicator — spring entrance via WAAPI. The prototype used
   `var(--mk-ease)`, which didn't exist in this app; that gap is closed now —
   `--motion-ease-move` (packages/ui/src/styles/globals.css) is the real
   token for this exact curve, so we use it instead of inlining the
   cubic-bezier. */
@keyframes accent-spring {
  0% {
    transform: scaleY(0.4);
    opacity: 0;
  }
  60% {
    transform: scaleY(1.08);
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
/* 320ms = valor histórico exacto preservado (PR cero-cambio-visual); el
   nombre del token elegido (`--motion-duration-page`) es por VALOR, no por
   semántica — este no es una transición de vista/página. */
.accent-bar-anim {
  animation: accent-spring var(--motion-duration-page) var(--motion-ease-move) both;
}
/* Focus ring — visible 2px indigo ring with cream offset for keyboard
   navigation. Required by WCAG 2.4.7 across every focusable element in
   `sidebar.tsx`. */
.focus-ring:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px hsl(var(--mk-cream)),
    0 0 0 4px hsl(var(--mk-indigo));
}
/* prefers-reduced-motion: covered by the universal blanket (see the
   mk-agenda-slide comment above — `accent-spring` also uses `both` fill
   mode, same equivalence). */
/* ---------------------------------------------------------------------------
 * Editorial typography for the blog editor + read-only renderer.
 *
 * Both surfaces share `.prose-blog`. The Visual tab adds
 * `.blog-editor-content` on the ProseMirror container so we can target
 * editor-only behaviors (focus ring suppression, caret color, etc.) while
 * keeping the typography rules common.
 *
 * The previous build relied entirely on browser defaults, which made the
 * Visual tab look like a raw textarea instead of an editorial surface. The
 * dentist couldn't tell H2 from a paragraph and the CtaBlock card looked
 * homeless. Rules here are the minimum to restore a clear editorial
 * hierarchy without pulling Tailwind Typography in.
 * ------------------------------------------------------------------------- */
.prose-blog {
  color: hsl(var(--mk-ink));
  font-size: 16px;
  line-height: 1.72;
  /* Cap to a comfortable reading measure; the editor container provides
     side padding, so we only need to clip extremely wide viewports. */
  max-width: 72ch;
}
.prose-blog > * + * {
  /* Rhythm between consecutive blocks. Headings tighten it from above so
     they sit closer to the body they introduce. */
  margin-top: 1.1em;
}
.prose-blog p {
  margin: 0;
}
.prose-blog h2 {
  font-family: var(--font-display, "Fraunces"), Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: hsl(var(--mk-ink));
  margin: 1.6em 0 0.4em;
}
.prose-blog h3 {
  font-family: var(--font-display, "Fraunces"), Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: hsl(var(--mk-ink));
  margin: 1.4em 0 0.35em;
}
/* First heading at the very top has no body above to space from. */
.prose-blog > h2:first-child,
.prose-blog > h3:first-child {
  margin-top: 0;
}
.prose-blog a {
  color: hsl(var(--mk-pink));
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.prose-blog a:hover {
  text-decoration-thickness: 2px;
}
.prose-blog strong {
  font-weight: 600;
  color: hsl(var(--mk-ink));
}
.prose-blog em {
  font-style: italic;
}
.prose-blog ul,
.prose-blog ol {
  margin: 0;
  padding-left: 1.4em;
}
.prose-blog ul {
  list-style: disc;
}
.prose-blog ol {
  list-style: decimal;
}
.prose-blog li {
  margin: 0.35em 0;
  padding-left: 0.15em;
}
.prose-blog li::marker {
  color: hsl(var(--mk-pink));
}
.prose-blog li > p {
  /* TipTap wraps list-item content in a paragraph; collapse the inner
     paragraph margin so list items render tight. */
  margin: 0;
  display: inline;
}
/* `rawMdx` blocks (unknown JSX, code fences, MD tables preserved verbatim)
   render as a muted read-only pill so the dentist knows they exist but
   doesn't try to edit them inline. */
.prose-blog pre,
.prose-blog .blog-raw-mdx {
  display: block;
  margin: 1.2em 0;
  padding: 12px 14px;
  background: hsl(var(--mk-cream));
  border: 1px solid hsl(var(--mk-line));
  border-radius: 12px;
  font-family: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;
  font-size: 12.5px;
  line-height: 1.5;
  color: hsl(var(--mk-ink-3));
  white-space: pre-wrap;
  word-break: break-word;
}
/* Editor-only tweaks: hide the default ProseMirror focus ring (we already
   ring the container) and tint the caret. */
.blog-editor-content .ProseMirror {
  outline: none;
  min-height: 280px;
  caret-color: hsl(var(--mk-pink));
}
.blog-editor-content .ProseMirror:focus {
  outline: none;
}
/* Custom block wrappers from `tiptap-nodes.ts` use
   `div[data-blog-block="…"]` as their DOM shell. CtaBlock has its own
   ReactNodeView (no marker), but the other blocks fall back to the
   `[Tag]` placeholder span — style that placeholder so it doesn't look
   like body copy. */
.blog-editor-content .blog-custom-block:not([data-blog-block="ctaBlock"]) {
  display: block;
  margin: 1.2em 0;
  padding: 14px 16px;
  border: 1px dashed hsl(var(--mk-line));
  border-radius: 14px;
  background: hsl(var(--mk-cream) / 0.6);
  color: hsl(var(--mk-ink-3));
  font-size: 13px;
}
/* ---- Read-only renderer (Historial "Ver", Preview tab, etc.) ----------- */
.blog-mdx-cta-card {
  /* Inline styles from the renderer already set the look — these rules
     ensure rhythm and margin alignment when the card sits between
     paragraphs in the prose flow. */
  margin: 1.4em 0;
}
.blog-mdx-placeholder {
  display: block;
  margin: 1.2em 0;
  padding: 12px 14px;
  background: hsl(var(--mk-cream));
  border: 1px solid hsl(var(--mk-line));
  border-radius: 12px;
  color: hsl(var(--mk-ink-3));
  font-size: 13px;
}
/* ---------------------------------------------------------------------------
 * Blog Visual editor — sticky toolbar + page-style canvas.
 *
 * The toolbar bar uses `position: sticky` and pins against the page
 * scroll (the dashboard's `<main>` now uses `overflow-x: clip` instead
 * of `hidden`, so it no longer traps sticky to itself). On narrow
 * viewports the toolbar buttons scroll horizontally inside the pinned
 * bar instead of wrapping to a second row — keeps the bar a single
 * predictable strip.
 *
 * The page-style canvas (`.blog-editor-page`) gives the editor a clear
 * white "sheet" centered in the available width. The inner `.prose-blog`
 * still caps body copy at ~72ch for readability; the canvas itself goes
 * up to 880px so wide blocks (CtaBlock, ComparisonTable) breathe.
 * ------------------------------------------------------------------------- */
.blog-editor-shell {
  /* Give the editor card some breathing room below the pinned toolbar
     when the dentist scrolls — without this the body text grazes the
     toolbar shadow at the pin point. */
  scroll-margin-top: 80px;
}
.blog-editor-toolbar-bar {
  /* The toolbar's overflow lets buttons scroll horizontally on narrow
     viewports without forcing wrap. The inner `[role="toolbar"]` strip
     is the actual scroll surface; this outer wrapper clips so the
     border radius stays clean. */
  overflow-x: clip;
}
.blog-editor-toolbar-bar > [role="toolbar"] {
  /* Reset the editor's toolbar wrap behavior when sitting inside the
     sticky bar — we want horizontal scroll, not a vertical second row,
     so the bar stays a single predictable strip on every viewport. */
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.blog-editor-toolbar-bar > [role="toolbar"]::-webkit-scrollbar {
  display: none;
}
.blog-editor-page {
  /* Slight top gutter so the page card doesn't kiss the sticky toolbar
     when scrolled to the top of the editor. */
  margin-top: 4px;
}
@media (max-width: 640px) {
  .blog-editor-page {
    /* Slightly tighter corners on small screens so the card sits more
       naturally inside a narrower content column. */
    border-radius: 18px;
  }
}
/* ──────────────────────────────────────────────────────────────────────────
   Omni surface (PR-OMNI-UX-A) — living "Nébula" orb + entrance/typing motion.

   Raw CSS, not Tailwind: the orb is animated blurred gradient blobs Tailwind
   can't express. Lives here (platform globals, not @dident/ui) because the
   Omni surface is platform-only, mirroring the sidebar-nav / `mk-pulse`
   precedent above. All selectors are `omni-`namespaced; orb internals
   (.blob/.sheen/.ring/.pulse) are descendant-scoped so they can't leak.
   Ships the Nébula variant only. State changes only the *motion*, never
   visibility — every entrance keyframe is transform-only so a frozen clock
   (hidden tab, print, reduced-motion) never leaves content invisible.
   ────────────────────────────────────────────────────────────────────────── */
:root {
  --omni-shadow:
    0 40px 90px -30px rgba(70, 30, 110, 0.4),
    0 16px 40px -18px rgba(232, 74, 138, 0.22);
}
/* Restyling "Cobalt Smile" — re-teñido de la sombra del panel de Omni.
   La de arriba lleva púrpura (#461E6E) + rosa (#E84A8A) de la marca vieja
   hardcodeados. Se conserva la ESTRUCTURA exacta — dos capas, mismos offsets,
   mismos blur/spread negativos, mismas opacidades (0.4 / 0.22) — y cambia sólo
   el matiz, respetando el mismo par de roles que tenía: una capa ambiente
   profunda (púrpura → primary-700 #183A7A = rgb(24, 58, 122)) y una capa de
   tinte de marca (rosa → accent-500 menta #55D6BE = rgb(85, 214, 190)), que son
   los dos extremos del gradiente cobalto→menta.

   Va SIN capa (`@layer`) y después del `:root` de arriba a propósito: ese
   `:root` tampoco está en una capa, y lo no-capado le gana a lo capado en la
   cascada — un override dentro de `@layer base` habría perdido en silencio.
   `--omni-ease` ya no existe acá (PR2 motion): era idéntico a
   `--motion-ease` (packages/ui/src/styles/globals.css), así que se eliminó
   y sus usos pasaron directo a ese token.

   Esto tiñe SÓLO la sombra del panel de Omni. El orbe en sí no se re-tiñe: es
   un objeto iridiscente multicolor deliberado, no un token de marca. (Cuando
   este comentario se escribió el orbe era CSS y la exclusión se leía como
   "`.omni-orb .b1/.b2/.b3` no se toca"; hoy el orbe es un video con alpha y sus
   colores viven en el asset, fuera del alcance de cualquier paleta CSS.) */
html[data-palette="cobalt"] {
  --omni-shadow:
    0 40px 90px -30px rgba(24, 58, 122, 0.4),
    0 16px 40px -18px rgba(85, 214, 190, 0.22);
}
/* El orb pasó de CSS a VIDEO con alpha (`components/agent/omni-orb.tsx`, asset
   descrito en `docs/design/orb-omni/README.md`). Se borraron las reglas que lo
   pintaban —`.omni-orb`, sus `[data-state]`, `.blob`/`.b1`/`.b2`/`.b3`,
   `.sheen`, `.ring`— porque quedaron INALCANZABLES: ningún componente emite ya
   la clase `.omni-orb`. Dejarlas no habría sido neutro: `.omni-orb` traía
   `background: radial-gradient(#2a1542 → #100819)`, un disco casi negro que se
   habría visto POR DETRÁS del alpha del video.

   El movimiento ahora vive en el asset y en `playbackRate` (idle 0.85 /
   trabajando 1.75), no en CSS, así que acá no queda ninguna animación del orb
   que tokenizar. `prefers-reduced-motion` lo resuelve el componente pausando el
   video: la manta universal de más abajo sólo alcanza a `animation`/
   `transition`, no a la reproducción de un `<video>`.

   `.omni-orb-aura` y sus `.pulse` SÍ siguen vivos: son hermanos absolutos del
   orb, independientes de que el orb sea CSS o video. */
.omni-orb-video {
  display: block;
  flex: none;
  /* El asset ya trae el recorte circular en su alpha; el radio es sólo para que
     un frame de fallback (decode fallido) no se lea como un cuadrado. */
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  /* Decorativo y no interactivo: nunca debe robarle el click al botón que lo
     envuelve (el trigger del sidebar lo monta DENTRO del <button>). */
  pointer-events: none;
}
/* Pulse rings emanating from the orb (empty-state hero "listening"). */
.omni-orb-aura {
  position: relative;
  display: inline-flex;
}
.omni-orb-aura .pulse {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid hsl(var(--mk-pink) / 0.5);
  opacity: 0;
}
.omni-orb-aura[data-on="true"] .pulse {
  animation: omni-pulsering 1.8s ease-out infinite;
}
.omni-orb-aura[data-on="true"] .pulse:nth-child(2) {
  animation-delay: 0.6s;
}
.omni-orb-aura[data-on="true"] .pulse:nth-child(3) {
  animation-delay: 1.2s;
}
/* `omni-spin` y `omni-breathe` se borraron con el orb CSS: eran los keyframes de
   `.omni-orb .b1` y de `.omni-orb`/`.b2`, sus ÚNICOS consumidores. Un @keyframes
   sin ninguna regla que lo nombre es peso muerto que además invita a re-cablear
   el orb a CSS. `omni-pulsering` se queda: lo sigue usando `.omni-orb-aura`. */
@keyframes omni-pulsering {
  0% {
    transform: scale(1);
    opacity: 0.55;
  }
  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}
/* Entrance motion — transform-only (never animates opacity to 0, so a paused
   clock can't hide content). Consumed by later Omni surface PRs. */
@keyframes omni-msg-in {
  from {
    transform: translateY(9px);
  }
  to {
    transform: none;
  }
}
@keyframes omni-fade-in {
  from {
    transform: translateY(6px);
  }
  to {
    transform: none;
  }
}
@keyframes omni-chip-in {
  from {
    transform: translateY(8px);
  }
  to {
    transform: none;
  }
}
@keyframes omni-panel-in {
  from {
    transform: translateY(16px) scale(0.985);
  }
  to {
    transform: none;
  }
}
.omni-msg-in {
  animation: omni-msg-in 0.4s var(--motion-ease);
}
.omni-fade-in {
  animation: omni-fade-in 0.4s var(--motion-ease);
}
.omni-chip-in {
  animation: omni-chip-in 0.4s var(--motion-ease);
}
.omni-panel-in {
  animation: omni-panel-in 0.42s var(--motion-ease-overshoot);
}
/* Thinking / streaming "typing" dots. */
.omni-typing {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.omni-typing i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: hsl(var(--mk-ink-3));
  opacity: 0.5;
  animation: omni-bob 1.2s infinite ease-in-out;
}
.omni-typing i:nth-child(2) {
  animation-delay: 0.15s;
}
.omni-typing i:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes omni-bob {
  0%,
  80%,
  100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  40% {
    transform: translateY(-4px);
    opacity: 0.9;
  }
}
/* Success micro-interaction — proposal confirm → executed (PR-OMNI-UX-C):
   a check that pops + a single ring that bursts outward. Both decorative. */
.omni-check-pop {
  animation: omni-check-pop 0.5s var(--motion-ease-overshoot);
}
.omni-burst-ring {
  animation: omni-burst-ring 0.7s ease-out both;
}
@keyframes omni-check-pop {
  0% {
    transform: scale(0.82);
  }
  60% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes omni-burst-ring {
  0% {
    transform: scale(0.5);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.9);
    opacity: 0;
  }
}
/* prefers-reduced-motion: this block used to duplicate the universal blanket
   with its own near-zero duration (0.001ms vs the blanket's 0.01ms — same
   mechanism, same effect: a single near-instant iteration). Verified
   equivalent per element and removed:
     - `.omni-orb`, `.omni-orb .blob`, the `[data-state]` duration overrides,
       `.omni-typing i` — all `infinite`, no forwards; capping to one
       iteration under either duration lands on the keyframes' own 0%/100%
       rest state (no lingering transform), same result either way.
       (Las tres primeras YA NO EXISTEN: el orb dejó de ser CSS y pasó a ser
       un `<video>` con alpha. La manta universal no alcanza a un video, así
       que bajo reduce lo pausa el propio componente `omni-orb.tsx` — queda
       el frame estático, nunca oculto. `.omni-typing i` sigue vigente.)
     - `.omni-msg-in/-fade-in/-chip-in/-panel-in/-check-pop`, `.omni-burst-ring`
       — no forwards fill either; same reasoning.
     - `.omni-orb-aura[data-on="true"] .pulse` — the pulses now render
       transparent under reduce (a sub-frame 0.01ms iteration ending on the
       keyframe's own opacity-0 rest state, no forwards needed since the
       base style outside the animation is also `opacity: 0`); they stay
       `aria-hidden` via the `.omni-orb-aura` ancestor either way.
   See PR2 report for the full per-block equivalence table. */
/* Guía de configuración (ROAD 394 2b-2): la celebración al cerrar una etapa.
   Pop del anillo con overshoot y una ráfaga corta de confeti, sin velo (PRD §5:
   480 ms = `--motion-duration-emphasis`, el token «sólo celebración»).
   prefers-reduced-motion: la manta universal deja cada pieza en su reposo, que
   es `opacity: 0` (sin `forwards`) ⇒ sólo el mensaje. */
.guide-ring-pop {
  animation: omni-check-pop var(--motion-duration-emphasis) var(--motion-ease-overshoot);
}
.guide-confetti i {
  position: absolute;
  left: 24px;
  top: 0;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  opacity: 0;
  animation: guide-confetti var(--motion-duration-emphasis) var(--motion-ease);
}
@keyframes guide-confetti {
  0% {
    transform: translate(0, 0) rotate(0);
    opacity: 1;
  }
  100% {
    transform: translate(var(--dx), var(--dy)) rotate(var(--r));
    opacity: 0;
  }
}
/* Shared "success" micro-interaction — PR3 motion polish. REUSES the
   existing `omni-check-pop`/`omni-burst-ring` @keyframes above instead of
   duplicating them: a keyframe is just a named set of 0%/60%/100% transform
   values, so two different rules can point at the same keyframe NAME with
   their own `animation` shorthand (duration/curve/fill-mode). This class
   pair (`.save-check-pop`/`.save-check-ring`, used by
   `components/feedback/save-check.tsx`) is the only thing that's new here —
   fully tokenized from the start (no literal duration/curve to migrate
   later): --motion-duration-emphasis is the "rare celebration/confirmation"
   token by design (see specs.ts), and this is exactly that case.
   prefers-reduced-motion: no manual override needed, caught by the
   universal blanket like everything else. The Omni site itself
   (`.omni-check-pop`/`.omni-burst-ring` rules above, their own 0.5s/0.7s
   timing) is explicitly not touched. */
.save-check-pop {
  animation: omni-check-pop var(--motion-duration-emphasis) var(--motion-ease-overshoot);
}
.save-check-ring {
  animation: omni-burst-ring var(--motion-duration-emphasis) var(--motion-ease-overshoot) both;
}
/* ══════════════════════════════════════════════════════════════════════════
   Restyling "Cobalt Smile" — iteración PROFUNDIDAD ("Propuesta D" aprobada).

   Le agrega PROFUNDIDAD al restyling ya en producción: lienzo degradado,
   sombras difusas en vez de borde-solo, cobalto protagonista
   (CTAs e ítem activo del sidebar), chips de icono teñidos, sidebar de vidrio
   y micro-detalles (eyebrow con barrita, avatares en pasteles de la paleta).

   TODO cuelga de `html[data-palette="cobalt"]`, que el root layout sólo estampa
   con `NEXT_PUBLIC_UI_PALETTE=cobalt`. Sin la env var NADA de este bloque
   aplica y el look de hoy queda intacto — el archivo entero es una ADICIÓN al
   final, no se editó una sola línea previa.

   Va SIN `@layer` a propósito, igual que el override de `--omni-shadow` de
   arriba: lo no-capado le gana a lo capado en la cascada, así que estas reglas
   ganan tanto a los tokens de `@layer base` como a las utilidades de Tailwind
   (`@layer utilities`) sin necesidad de `!important` ni de subir especificidad
   a mano.

   El shell pinta varias superficies con `style` INLINE, y un inline le gana a
   cualquier regla de autor. Por eso el lienzo, el sidebar y el ítem activo de
   la nav leen ahora `var(--dident-…, <valor de hoy>)`: en `classic` la
   variable no existe y el fallback resuelve exactamente al valor de siempre;
   en `cobalt` la variable definida acá toma el control, sin `!important`.
   Ver `[locale]/app/layout.tsx` y `[locale]/app/_components/sidebar.tsx`.

   Clases-hook agregadas (las cinco INERTES en `classic` — no existe ninguna
   regla para ellas fuera de este bloque):
     · `.dident-shell`            contenedor del shell  (lienzo)
     · `.dident-sidebar-surface`  cuerpo del sidebar    (vidrio)
     · `.dident-nav-accent`       barrita de acento     (se oculta)
     · `.dident-icon-chip`        chips de icono        (tinte cobalto)
     · `.dident-footer-fineprint` copyright del footer  (contraste AA)

   Dos reglas apuntan a clases COMPILADAS de Tailwind en vez de a un hook
   propio (hover de filas y apagado del brillo en superficies oscuras). En los
   dos casos el literal es el lever COMPARTIDO real y el selector se verificó
   contra el CSS del build; el acoplamiento está declarado en cada bloque.

   Fuera de alcance por decisión explícita del founder: el orbe flotante de
   Omni y los sparklines de métricas.
   ══════════════════════════════════════════════════════════════════════════ */
/* ── Tokens de color y sombra ──────────────────────────────────────────────
   Van a nivel `html` (no scopeados al shell) por dos razones: los modales de
   Radix se PORTAN a `document.body`, o sea fuera del contenedor del shell, y
   quedarían con el ink viejo; y así una sola definición cubre toda la app.
   Sólo se tocan los roles que el brief nombra — el texto SECUNDARIO
   (`--mk-ink-3`, `--mk-muted`) y la sub-paleta clínica `--perio-*` NO cambian.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] {
  /* Texto principal: del casi-negro re-tintado al COBALTO PROFUNDO del
     reference (#183A7A = primary-700). Da 10.9:1 sobre blanco. Este token es
     además el fondo de los CTAs sólidos "casi negros" de hoy
     (`bg-[hsl(var(--mk-ink))]`, 127 usos), así que el mismo cambio los vuelve
     cobalto sólido con texto blanco (10.9:1). */
  --mk-ink: 219 67% 29%; /* #183A7A primary-700 */
  --mk-ink-2: 219 65% 34%; /* #1F4590 — hover de esos CTAs, 9.0:1 sobre blanco */

  /* Sombras: el restyling base las había CONGELADO a propósito ("sólo color y
     tipografía"). Esta iteración las descongela — son el corazón de la
     propuesta. Valores `--sh-1` / `--sh-2` del demo, más el brillo interior
     superior (`inset 0 1px 0` blanco) que le da el relieve a la tarjeta.
     Como las ~69 tarjetas crudas y el `Card` compartido consumen
     `shadow-mk-sm` / `shadow-mk-md`, el cambio de token las alcanza a todas
     sin tocar una sola clase. */
  /* El brillo interior superior viaja en su PROPIA variable. En el demo vive
     SÓLO en `.card` — superficie clara — pero acá los tokens los consumen 98
     elementos, 9 de ellos OSCUROS (7 con `bg-[hsl(var(--mk-ink))]` + 2 chips
     del command-bar con `.bg-brand-gradient`), donde un filete blanco a 0.9 se
     lee como bisel duro.

     ⚠️ El brillo NO se compone acá adentro, y el motivo es la parte que hay que
     entender: la sustitución de `var()` DENTRO de una custom property ocurre en
     el elemento que la DECLARA, no en el que la usa. Si `--mk-shadow-sm` se
     declarara como `var(--dident-gloss), <capas>` en este mismo bloque, su
     valor computado ya viajaría con el brillo sustituido y se HEREDARÍA armado
     — redefinir `--dident-gloss` en un descendiente llegaría tarde y no
     cambiaría nada. Así estaba en la primera versión y era INERTE: la regla
     de abajo matcheaba, el `--dident-gloss` computado daba la capa no-op, y el
     `box-shadow` computado seguía trayendo el filete blanco.

     La composición vive por eso en el `box-shadow` de las utilidades
     `.shadow-mk-*` (más abajo): `box-shadow` es una propiedad de verdad, así
     que su `var()` se sustituye en el elemento donde la declaración APLICA, y
     ahí el override por fondo oscuro sí manda. */
  --dident-gloss: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --mk-shadow-sm:
    0 1px 2px rgba(23, 35, 63, 0.04), 0 4px 16px rgba(53, 104, 212, 0.07);
  --mk-shadow-md:
    0 2px 4px rgba(23, 35, 63, 0.05), 0 12px 28px rgba(53, 104, 212, 0.12);

  /* `--mk-shadow-lg` quedaba con el rgba NEUTRO viejo (11,16,32) mientras sm y
     md ya eran cobalto: dos idiomas de sombra conviviendo en 6 usos. Se re-tiñe
     con la MISMA estructura — mismos offsets, blur, spread y opacidades — y
     sólo cambia el matiz, igual que se hizo con `--omni-shadow`. La capa ancha
     se lleva el cobalto y la corta el ink, que es el reparto de sm/md.

     NO recibe el tratamiento de composición de sm/md, a propósito: `-lg` no
     lleva brillo interior, así que no hay ningún `var()` que deba resolverse
     por elemento. Un override de token plano como éste SÍ funciona heredado —
     lo que no funcionaba era redefinir una variable ANIDADA dentro del token.
     Componerlo en la utilidad no arreglaría nada y agregaría una regla más. */
  --mk-shadow-lg:
    0 30px 60px -20px rgba(53, 104, 212, 0.18),
    0 8px 24px -12px rgba(23, 35, 63, 0.1);
}
/* COMPOSICIÓN del brillo — en la propiedad real, no en el token.
   `box-shadow` sustituye su `var()` en el elemento donde la declaración aplica,
   así que acá `--dident-gloss` se lee con la cascada DE ESE elemento y el
   apagado por fondo oscuro de abajo funciona. Las capas difusas siguen saliendo
   del token, así que no se duplican valores y hay una sola fuente.

   Estas dos reglas van sin `@layer` (como todo este bloque) y por eso le ganan
   a las utilidades `.shadow-mk-*` de `@layer utilities`, que son las que
   declaran `box-shadow: var(--mk-shadow-sm|md)`.

   Alcance: cubre a los 98 elementos que usan las clases `shadow-mk-sm/md`.
   Quedan afuera 11 usos que consumen el token DIRECTO por `style` inline
   (`boxShadow: "var(--mk-shadow-md)"`, en los 3 mocks de `app/preview/*`):
   esos reciben la sombra difusa cobalto sin brillo, que es lo correcto para
   una superficie clara y es justamente donde el filete no se ve. */
html[data-palette="cobalt"] .shadow-mk-sm {
  box-shadow: var(--dident-gloss), var(--mk-shadow-sm);
}
html[data-palette="cobalt"] .shadow-mk-md {
  box-shadow: var(--dident-gloss), var(--mk-shadow-md);
}
/* Y los gemelos de HOVER, que NO son opcionales: las dos reglas de arriba son
   (0,2,1) y NO están en `@layer`, así que le ganan a la utilidad
   `.hover\:shadow-mk-md:hover` (0,2,0, en `@layer utilities`). Sin esto, un
   elemento con `shadow-mk-sm` de base Y `hover:shadow-mk-md` deja de ELEVARSE
   al hover bajo cobalto — la base le gana al hover y reposo y hover quedan
   idénticos. En classic sigue elevando, así que es una regresión que sólo
   aparece con la env var prendida.

   Estas dos suman `:hover` ⇒ (0,3,1), que le gana a la regla de base y
   restituye la elevación, conservando el apagado del brillo en oscuras.

   Hoy el caso vive en UN solo elemento del árbol
   (`site/editor/_components/EmptyChatState.tsx`, los chips de sugerencia); los
   demás usos de `hover:shadow-mk-*` no llevan `shadow-mk-*` de base y por lo
   tanto nunca dependieron de esto. Se agregan igual para las dos medidas
   porque el que venga después no tiene por qué saberlo. */
html[data-palette="cobalt"] .hover\:shadow-mk-sm:hover {
  box-shadow: var(--dident-gloss), var(--mk-shadow-sm);
}
html[data-palette="cobalt"] .hover\:shadow-mk-md:hover {
  box-shadow: var(--dident-gloss), var(--mk-shadow-md);
}
/* Superficies OSCURAS: se apaga el brillo interior (capa no-op transparente) y
   el resto de la sombra queda intacto.

   Se apunta a las dos clases de FONDO oscuro que conviven con `shadow-mk-*`,
   no a cada call site: `bg-[hsl(var(--mk-ink))]` (los CTAs sólidos y la
   bulk-actions-bar; clase compilada verificada contra el CSS del build) y
   `.bg-brand-gradient` (los chips del command-bar), que es una utilidad NUESTRA
   definida más arriba en este mismo archivo. Apuntar al fondo y no al elemento
   hace que un CTA oscuro nuevo quede cubierto SOLO por existir.

   La premisa —"estas dos son TODAS las superficies oscuras que llevan
   shadow-mk-*"— no se deja implícita: la afirma
   `__tests__/cobalt-dark-surfaces-have-no-inner-gloss.test.ts`, que barre el
   árbol y falla si aparece un fondo oscuro con `shadow-mk-*` que no esté
   cubierto acá. Sin esa reja, un CTA oscuro nuevo con otro fondo se llevaría el
   bisel en silencio.

   El glow cobalto que el demo le pone al CTA (`0 4px 12px rgba(53,104,212,.30)`)
   NO va acá: por decisión del founder el token queda ÚNICO (#183A7A) en esta
   iteración, y partirlo — rol botón a #3568D4 con su glow, texto en #183A7A —
   es el paquete SIGUIENTE, después del merge de éste. Queda fichado en
   `docs/reference/tech-debt.md`. */
html[data-palette="cobalt"] .bg-\[hsl\(var\(--mk-ink\)\)\],
html[data-palette="cobalt"] .bg-brand-gradient {
  --dident-gloss: 0 0 0 0 transparent;
}
/* ── 1. LIENZO ─────────────────────────────────────────────────────────────
   Degradado diagonal 135° + dos radiales (cobalto arriba-izquierda, menta
   abajo-derecha). Lo consume el `style` inline del contenedor del shell vía
   `--dident-shell-bg`. El sidebar NO lo lleva: se apoya encima como vidrio.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] .dident-shell {
  --dident-shell-bg:
    radial-gradient(800px 400px at 0% 0%, rgba(53, 104, 212, 0.1), transparent 60%),
    radial-gradient(700px 380px at 100% 100%, rgba(85, 214, 190, 0.06), transparent 55%),
    linear-gradient(135deg, #e9f0fc 0%, #f7f9fe 60%);
  /* Estas dos declaraciones nacieron para el mosaico de fondo que este shell
     ya no tiene (era una `::before` en `z-index:-1`). Quedan A PROPÓSITO, no
     por inercia, y esta es la razón real: `isolation` hace del shell un contexto de apilado,
     así que el `z-index:10` del sidebar sticky se resuelve PUERTAS ADENTRO en
     vez de competir en el contexto raíz. Sacarlas cambia el apilado de la app
     en modo `cobalt`, y ese cambio no lo puede medir ningún test de este repo
     —la suite DOM corre en happy-dom, sin motor de layout ni hojas de estilo—
     así que se retiran el día que alguien las verifique en un navegador, no
     antes. Que el shell sea contexto de apilado es además lo que asume el
     comentario del `<Toaster>` en `[locale]/app/layout.tsx`. */
  position: relative;
  isolation: isolate;
}
/* ── 7. SIDEBAR DE VIDRIO ──────────────────────────────────────────────────
   El fondo por DEFECTO es blanco SÓLIDO: la translucidez sólo se enciende
   dentro del `@supports`, así que un navegador sin `backdrop-filter` nunca
   llega a tener texto sobre un fondo semitransparente. Falla hacia el lado
   legible, que es la condición que puso el founder.

   BORDE DERECHO — decisión declarada: el demo usa `rgba(255,255,255,.9)` y acá
   se conserva `--mk-line` (#D8E0EF). Sobre el vidrio blanco un borde blanco al
   90% se funde con el propio panel y la separación se pierde justo donde el
   lienzo degradado es más claro; el #D8E0EF mantiene el canto legible contra
   el degradado. Es lo único del vidrio que NO se copia del demo.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] .dident-sidebar-surface {
  --dident-sidebar-bg: #ffffff;
}
@supports (backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px)) {
  html[data-palette="cobalt"] .dident-sidebar-surface {
    --dident-sidebar-bg: rgba(255, 255, 255, 0.68);
    backdrop-filter: blur(14px);
  }
}
/* ── 5. COBALTO PROTAGONISTA — ítem activo del sidebar ─────────────────────
   Píldora SÓLIDA cobalto con texto e icono blancos (5.14:1, AA) y sombra
   suave. La barrita rosa de acento se retira: con la píldora sólida sobra, y
   el demo aprobado no la tiene. Se oculta sólo bajo cobalto — en `classic`
   sigue exactamente donde estaba.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] {
  --dident-nav-active-bg: #3568d4;
  --dident-nav-active-fg: #ffffff;
  --dident-nav-active-icon: #ffffff;
  --dident-nav-active-shadow: 0 4px 12px rgba(53, 104, 212, 0.35);
}
html[data-palette="cobalt"] .dident-nav-accent {
  display: none;
}
/* ── 6. CHIPS DE ICONO TEÑIDOS ─────────────────────────────────────────────
   Acciones rápidas y listado de herramientas: contenedor con tinte cobalto
   (#E2E9FB = primary-050) e icono en el cobalto pleno (4.2:1 sobre el tinte,
   por encima del 3:1 que pide AA para gráficos). El panel "Necesita tu
   atención" ya trae sus propios tintes semánticos (ámbar / cobalto / rojo) y
   no se toca.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] .dident-icon-chip {
  background-color: #e2e9fb;
  color: #3568d4;
}
/* ── 9. MICRO-DETALLE — hover de filas de tabla ────────────────────────────
   El tinte del demo (#EEF3FC) en vez del hover de hoy, que bajo cobalto cae en
   `hsl(var(--mk-cream))/40` ≈ #FCFDFE sobre blanco, o sea casi imperceptible.

   La palanca ES compartida: `DataTableRow`
   (packages/ui/src/primitives/data-table.tsx) trae el literal
   `hover:bg-[hsl(var(--mk-cream))]/40` y el `<tr>` manual de la lista de
   pacientes (patients-list-client.tsx) usa EXACTAMENTE el mismo literal ⇒ las
   dos superficies compilan a la MISMA regla, así que un override la alcanza a
   las dos sin estilos por página y sin tocar packages/ui.

   Se apunta a la clase COMPILADA de Tailwind, verificada contra el CSS del
   build (no adivinada). Va restringida a `tr` a propósito: el mismo literal se
   usa en superficies que NO son filas de tabla, y ahí un tinte sólido sería
   colateral. Acoplamiento declarado: si alguien cambia ese literal, esta regla
   deja de aplicar EN SILENCIO y el hover vuelve al tenue de hoy — falla hacia
   lo cosmético, sin impacto funcional ni de accesibilidad.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] tr.hover\:bg-\[hsl\(var\(--mk-cream\)\)\]\/40:hover {
  background-color: #eef3fc;
}
/* ── 9. MICRO-DETALLE — eyebrow con barrita degradada ──────────────────────
   `.mk-eyebrow` es la clase de sección compartida de toda la app, así que
   cambiar su `::before` (punto → barrita cobalto→menta) alcanza la home, los
   headers de módulo y cualquier pantalla que la use, de una.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] .mk-eyebrow::before {
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background-image: linear-gradient(90deg, #3568d4, #55d6be);
}
/* ── ACCESIBILIDAD — letra chica del footer público ────────────────────────
   El footer de `(public)` (se ve en /precios y /wizard, superficie de
   comprador) pinta su fondo con `bg-[hsl(var(--mk-ink))]`. Al llevar ese token
   a #183A7A, el `text-white/45` del copyright cae de 4,27:1 a 3,50:1 — ya
   fallaba AA antes, pero esta iteración lo empeora, así que se corrige acá.
   Blanco al 60% sobre #183A7A da 5,00:1 ✓. Va bajo el scope de siempre: en
   classic el copyright queda exactamente como está hoy (el 4,27:1 previo es
   deuda anterior, ajena a este paquete).
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] .dident-footer-fineprint {
  color: rgba(255, 255, 255, 0.6);
}
/* ── 9. MICRO-DETALLE — avatares de pacientes en pasteles de la paleta ─────
   Reemplazan los pasteles rosa/violeta que salían de la rueda continua de
   matices. Tres ranuras elegidas por el MISMO hash del paciente, así que la
   variedad y la estabilidad por paciente se conservan.

   Los tonos de texto son un poco más oscuros que los del demo a propósito:
   el `#138A72` / `#B7791F` del demo dan 3.8:1 y 3.2:1 sobre su propio tinte,
   por debajo del 4.5:1 de AA. Bajados a #0F6E5B (5.5:1) y #8A5A12 (5.2:1),
   mismo matiz. El cobalto #183A7A ya daba 8.9:1 y queda igual.
   ────────────────────────────────────────────────────────────────────────── */
html[data-palette="cobalt"] {
  --dident-avatar-0-bg: #e2e9fb;
  --dident-avatar-0-fg: #183a7a;
  --dident-avatar-0-ring: #cfdcf7;
  --dident-avatar-1-bg: #dff7f1;
  --dident-avatar-1-fg: #0f6e5b;
  --dident-avatar-1-ring: #c4efe5;
  --dident-avatar-2-bg: #fbf0dc;
  --dident-avatar-2-fg: #8a5a12;
  --dident-avatar-2-ring: #f2e1c0;
}
/* ──────────────────────────────────────────────────────────────────────────
   Plan de tratamiento — dos modos de render por ancho de CONTENEDOR.
   Referenciadas desde
   `app/[locale]/app/pacientes/_components/ficha/treatment-plan/treatment-plan-client.tsx`.

   Por qué container query y no un breakpoint de viewport: este rail es la
   columna derecha de un grid 50/50 que arranca en `lg`
   (`ficha/tratamiento/tratamiento-section.tsx`). O sea que el panel es ANCHO
   por debajo de 1024px —la grilla es de una sola columna— y se ACHICA de
   golpe a ~490px al cruzar ese punto, para recién después volver a crecer.
   El ancho del panel NO es monótono respecto del viewport: un `sm:`/`lg:`
   pondría el modo apilado justo donde sobra lugar y la tabla justo donde no
   entra. Lo que manda es el ancho del contenedor.

   Tailwind 3.4 no trae `@container` y NO se agregó el plugin: son cuatro
   reglas y no justifican una dependencia nueva.

   El default es el modo APILADO. Es deliberado: un navegador sin soporte de
   container queries nunca aplica el bloque de abajo y se queda con el modo
   que no desborda nunca.
   ────────────────────────────────────────────────────────────────────────── */
.plan-items-cq {
  container-type: inline-size;
}
.plan-items-table {
  display: none;
}
@container (min-width: 560px) {
  .plan-items-stacked {
    display: none;
  }
  .plan-items-table {
    display: block;
  }
}
/* ── Editor de lienzo de Recall — biblioteca · canvas · inspector (P3) ────────
   Tres regiones persistentes en desktop (RF-ED-01) y un layout de una columna
   cuando no entran.

   Por qué container query y no un breakpoint de viewport: el editor vive dentro
   del shell de /app, cuyo sidebar ocupa ancho fijo y se colapsa. A igual
   viewport el editor tiene dos anchos distintos según el estado del sidebar, y
   un `lg:` decidiría por el número equivocado — daría la columna justo cuando el
   sidebar abierto se la comió, y la apilaría con el sidebar cerrado y lugar de
   sobra. Lo que manda es el ancho del CONTENEDOR.

   Tailwind 3.4 no trae `@container` y el plugin `@tailwindcss/container-queries`
   no está instalado: escribirlo como `@[900px]:` habría generado exactamente
   nada, sin error de build. Es CSS crudo por la misma razón que el bloque de
   arriba.

   El default es UNA COLUMNA, con el inspector pegado abajo. Es deliberado por
   dos motivos: un navegador sin soporte de container queries se queda con el
   modo que no rompe, y ese modo resuelve el hallazgo §2.1 del requerimiento —
   "el bloque de configuración del flujo aparece debajo del canvas" — porque
   pegado abajo el inspector no se pierde bajo el pliegue.
   ────────────────────────────────────────────────────────────────────────── */
.canvas-editor-cq {
  container-type: inline-size;
}
.canvas-editor-grid {
  display: grid;
  gap: 0.75rem;
  align-items: start;
}
/* Modo ANGOSTO: la biblioteca es una tira horizontal que envuelve, y el
   inspector un cajón anclado al borde inferior del editor. */
.canvas-editor-library {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.canvas-editor-library-head,
.canvas-editor-library-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.canvas-editor-library-head {
  width: 100%;
}
.canvas-editor-inspector {
  position: sticky;
  bottom: 0;
  z-index: 10;
  max-height: 50vh;
  overflow-y: auto;
}
@container (min-width: 900px) {
  .canvas-editor-grid {
    grid-template-columns: auto minmax(0, 1fr) 280px;
  }
  .canvas-editor-library {
    display: grid;
    gap: 0.75rem;
    /* 200 y no 172: con el ancho viejo «Esperar hasta que…» y el bloque híbrido
       envolvían aunque la fila esté bien armada. El grid del editor es
       `auto minmax(0, 1fr) 280px`, así que los 28px extra los cede el lienzo. */
    width: 200px;
  }
  .canvas-editor-library[data-collapsed="true"] {
    width: auto;
  }
  .canvas-editor-library-group {
    display: grid;
    gap: 0.375rem;
    /* `stretch` y no `start`: es lo que empareja los anchos. Con `start` cada
       botón medía lo que su texto y la columna se veía dentada.
       🔴 Va acá y NO como `w-full` en el botón: en modo angosto (fuera de este
       @container) la biblioteca es una tira horizontal que envuelve, y un
       ancho completo por botón la volvería una lista vertical. */
    justify-items: stretch;
  }
  /* En columna el inspector deja de ser cajón: es una región más, sin recorte
     de alto propio. */
  .canvas-editor-inspector {
    position: static;
    max-height: none;
    overflow-y: visible;
  }
}
/* ── ROAD 255 — modo guía: el control que Omni señala ─────────────────────────
 * DECISIÓN DE ESTILO EN UN SOLO LUGAR (visto de Sara 18/9): anillo/halo sobre el
 * control, SIN velo sobre el resto — la persona tiene que seguir viendo la
 * pantalla entera para decidir si hace clic, y un velo sobre la agenda se lee
 * como modal («algo se rompió» o «esperá»).
 *
 * El anillo usa el color de marca de Omni, que en `:root` es rosa y en el tema
 * oscuro/alternativo se redefine solo (línea 25 y 124): por eso va por token y
 * no por un color fijo — el contraste se sostiene sobre fondo claro y oscuro.
 * `outline` + `box-shadow` no ocupan espacio: no mueven el layout de la página.
 * Pulsa UNA vez al aparecer (para que el ojo lo encuentre) y después queda
 * quieto; nada parpadea mientras la persona lee. El blanket de
 * `prefers-reduced-motion` (packages/ui/src/styles/globals.css) apaga el pulso.
 */
@keyframes omni-senalado-pulso {
  from {
    box-shadow:
      0 0 0 0 hsl(var(--mk-pink) / 0.55),
      0 0 0 0 hsl(var(--mk-pink) / 0.3);
  }
  to {
    box-shadow:
      0 0 0 6px hsl(var(--mk-pink) / 0),
      0 0 0 12px hsl(var(--mk-pink) / 0);
  }
}
.omni-senalado {
  outline: 3px solid hsl(var(--mk-pink));
  outline-offset: 2px;
  border-radius: inherit;
  box-shadow: 0 0 0 6px hsl(var(--mk-pink) / 0.18);
  /* Un solo pulso de atención: `--motion-duration-emphasis` es el token para eso
     (packages/ui/src/styles/globals.css), y así no entra una duración literal. */
  animation: omni-senalado-pulso var(--motion-duration-emphasis) var(--motion-ease) 1;
}
/* ROAD 407 (PR2b): «Imprimir» del detalle de una liquidación (`window.print()`). Sólo en una página que se
   declara imprimible (`data-imprimible`): el chrome de la app (sidebar, barra de arriba en celular, barra de
   utilidades, banners) lleva `data-app-chrome` y no sale en papel. El resto de las pantallas imprime como hoy. */
@media print {
  body:has([data-imprimible]) [data-app-chrome] {
    display: none !important;
  }
  body:has([data-imprimible]) .dident-shell {
    background: #fff !important;
  }
}
.first-letter\:uppercase::first-letter {
  text-transform: uppercase;
}
.marker\:content-none *::marker {
  --tw-content: none;
  content: var(--tw-content);
}
.marker\:content-none::marker {
  --tw-content: none;
  content: var(--tw-content);
}
.file\:mr-3::file-selector-button {
  margin-right: 0.75rem;
}
.file\:rounded::file-selector-button {
  border-radius: 0.25rem;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-muted::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:px-2::file-selector-button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.file\:py-1::file-selector-button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.file\:text-foreground::file-selector-button {
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[hsl\(var\(--mk-ink-3\)\)\]::-moz-placeholder {
  color: hsl(var(--mk-ink-3));
}
.placeholder\:text-\[hsl\(var\(--mk-ink-3\)\)\]::placeholder {
  color: hsl(var(--mk-ink-3));
}
.placeholder\:text-\[hsl\(var\(--mk-muted\)\)\]::-moz-placeholder {
  color: hsl(var(--mk-muted));
}
.placeholder\:text-\[hsl\(var\(--mk-muted\)\)\]::placeholder {
  color: hsl(var(--mk-muted));
}
.placeholder\:text-\[var\(--booking-ink-3\2c \#94a3b8\)\]::-moz-placeholder {
  color: var(--booking-ink-3,#94a3b8);
}
.placeholder\:text-\[var\(--booking-ink-3\2c \#94a3b8\)\]::placeholder {
  color: var(--booking-ink-3,#94a3b8);
}
.placeholder\:text-muted-foreground::-moz-placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted-foreground::placeholder {
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
}
.backdrop\:bg-black\/40::backdrop {
  background-color: rgb(0 0 0 / 0.4);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}
.after\:rounded-lg::after {
  content: var(--tw-content);
  border-radius: var(--radius);
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.open\:flex[open] {
  display: flex;
}
.read-only\:bg-\[hsl\(var\(--mk-bg-1\)\)\]:-moz-read-only {
  background-color: hsl(var(--mk-bg-1));
}
.read-only\:bg-\[hsl\(var\(--mk-bg-1\)\)\]:read-only {
  background-color: hsl(var(--mk-bg-1));
}
.focus-within\:border-\[hsl\(var\(--mk-indigo\)\)\]:focus-within {
  border-color: hsl(var(--mk-indigo));
}
.focus-within\:border-\[var\(--booking-primary-ink\2c \#a5b4fc\)\]:focus-within {
  border-color: var(--booking-primary-ink,#a5b4fc);
}
.focus-within\:border-foreground\/30:focus-within {
  border-color: hsl(var(--foreground) / 0.3);
}
.focus-within\:opacity-100:focus-within {
  opacity: 1;
}
.focus-within\:ring-2: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(2px + 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);
}
.focus-within\:ring-\[hsl\(var\(--mk-indigo\)\)\]:focus-within {
  --tw-ring-color: hsl(var(--mk-indigo));
}
.focus-within\:ring-\[hsl\(var\(--mk-indigo\)\)\]\/20:focus-within {
  --tw-ring-color: hsl(var(--mk-indigo) / 0.2);
}
.focus-within\:ring-\[hsl\(var\(--mk-pink\)\)\]:focus-within {
  --tw-ring-color: hsl(var(--mk-pink));
}
.focus-within\:ring-\[var\(--booking-primary-ink\2c \#c7d2fe\)\]:focus-within {
  --tw-ring-color: var(--booking-primary-ink,#c7d2fe);
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  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\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  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\:-translate-y-px:hover {
  --tw-translate-y: -1px;
  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\:translate-x-0\.5:hover {
  --tw-translate-x: 0.125rem;
  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\:translate-y-\[-1px\]:hover {
  --tw-translate-y: -1px;
  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-125:hover {
  --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(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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\:border-\[\#9ED7B4\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(158 215 180 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#EFB48F\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(239 180 143 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#F8C5C0\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(248 197 192 / var(--tw-border-opacity, 1));
}
.hover\:border-\[hsl\(var\(--mk-indigo\)\)\]:hover {
  border-color: hsl(var(--mk-indigo));
}
.hover\:border-\[hsl\(var\(--mk-ink-3\)\)\]:hover {
  border-color: hsl(var(--mk-ink-3));
}
.hover\:border-\[hsl\(var\(--mk-line\)\)\]:hover {
  border-color: hsl(var(--mk-line));
}
.hover\:border-\[hsl\(var\(--mk-line-2\)\)\]:hover {
  border-color: hsl(var(--mk-line-2));
}
.hover\:border-\[hsl\(var\(--mk-magenta\)\)\]:hover {
  border-color: hsl(var(--mk-magenta));
}
.hover\:border-\[hsl\(var\(--mk-magenta\)\)\]\/40:hover {
  border-color: hsl(var(--mk-magenta) / 0.4);
}
.hover\:border-\[hsl\(var\(--mk-magenta\)\/0\.4\)\]:hover {
  border-color: hsl(var(--mk-magenta)/0.4);
}
.hover\:border-\[var\(--booking-line-strong\2c \#cbd5e1\)\]:hover {
  border-color: var(--booking-line-strong,#cbd5e1);
}
.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#FCE7D8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#FFECEB\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fff4f4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[hsl\(var\(--mk-bg-1\)\)\]:hover {
  background-color: hsl(var(--mk-bg-1));
}
.hover\:bg-\[hsl\(var\(--mk-cream\)\)\]:hover {
  background-color: hsl(var(--mk-cream));
}
.hover\:bg-\[hsl\(var\(--mk-cream\)\)\]\/30:hover {
  background-color: hsl(var(--mk-cream) / 0.3);
}
.hover\:bg-\[hsl\(var\(--mk-cream\)\)\]\/40:hover {
  background-color: hsl(var(--mk-cream) / 0.4);
}
.hover\:bg-\[hsl\(var\(--mk-cream\)\)\]\/50:hover {
  background-color: hsl(var(--mk-cream) / 0.5);
}
.hover\:bg-\[hsl\(var\(--mk-cream\)\)\]\/60:hover {
  background-color: hsl(var(--mk-cream) / 0.6);
}
.hover\:bg-\[hsl\(var\(--mk-cream-2\)\)\]:hover {
  background-color: hsl(var(--mk-cream-2));
}
.hover\:bg-\[hsl\(var\(--mk-indigo\)\)\]\/10:hover {
  background-color: hsl(var(--mk-indigo) / 0.1);
}
.hover\:bg-\[hsl\(var\(--mk-indigo\)\)\]\/15:hover {
  background-color: hsl(var(--mk-indigo) / 0.15);
}
.hover\:bg-\[hsl\(var\(--mk-ink\)\)\]\/90:hover {
  background-color: hsl(var(--mk-ink) / 0.9);
}
.hover\:bg-\[hsl\(var\(--mk-ink\)\/0\.04\)\]:hover {
  background-color: hsl(var(--mk-ink)/0.04);
}
.hover\:bg-\[hsl\(var\(--mk-ink\)\/0\.05\)\]:hover {
  background-color: hsl(var(--mk-ink)/0.05);
}
.hover\:bg-\[hsl\(var\(--mk-ink-2\)\)\]:hover {
  background-color: hsl(var(--mk-ink-2));
}
.hover\:bg-\[hsl\(var\(--mk-line\)\)\]:hover {
  background-color: hsl(var(--mk-line));
}
.hover\:bg-\[hsl\(var\(--mk-line\)\)\]\/40:hover {
  background-color: hsl(var(--mk-line) / 0.4);
}
.hover\:bg-\[hsl\(var\(--mk-paper\)\)\]:hover {
  background-color: hsl(var(--mk-paper));
}
.hover\:bg-\[hsl\(var\(--mk-surface-2\)\)\]:hover {
  background-color: hsl(var(--mk-surface-2));
}
.hover\:bg-\[hsl\(var\(--perio-board\)\)\]:hover {
  background-color: hsl(var(--perio-board));
}
.hover\:bg-\[hsl\(var\(--perio-ink\)\/0\.06\)\]:hover {
  background-color: hsl(var(--perio-ink)/0.06);
}
.hover\:bg-\[mk-cream\]:hover {
  background-color: mk-cream;
}
.hover\:bg-\[var\(--booking-surface-2\2c \#f8fafc\)\]:hover {
  background-color: var(--booking-surface-2,#f8fafc);
}
.hover\:bg-accent:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-100\/70:hover {
  background-color: rgb(254 243 199 / 0.7);
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/15:hover {
  background-color: rgb(0 0 0 / 0.15);
}
.hover\:bg-black\/70:hover {
  background-color: rgb(0 0 0 / 0.7);
}
.hover\:bg-destructive\/10:hover {
  background-color: hsl(var(--destructive) / 0.1);
}
.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-emerald-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50\/30:hover {
  background-color: rgb(238 242 255 / 0.3);
}
.hover\:bg-muted:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(157 23 77 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(7 89 133 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/25:hover {
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}
.hover\:text-\[\#7A361A\]:hover {
  --tw-text-opacity: 1;
  color: rgb(122 54 26 / var(--tw-text-opacity, 1));
}
.hover\:text-\[hsl\(var\(--mk-danger\)\)\]:hover {
  color: hsl(var(--mk-danger));
}
.hover\:text-\[hsl\(var\(--mk-indigo\)\)\]:hover {
  color: hsl(var(--mk-indigo));
}
.hover\:text-\[hsl\(var\(--mk-ink\)\)\]:hover {
  color: hsl(var(--mk-ink));
}
.hover\:text-\[hsl\(var\(--mk-ink-2\)\)\]:hover {
  color: hsl(var(--mk-ink-2));
}
.hover\:text-\[hsl\(var\(--mk-ink-3\)\)\]:hover {
  color: hsl(var(--mk-ink-3));
}
.hover\:text-\[hsl\(var\(--mk-magenta\)\)\]:hover {
  color: hsl(var(--mk-magenta));
}
.hover\:text-\[hsl\(var\(--mk-pink\)\)\]:hover {
  color: hsl(var(--mk-pink));
}
.hover\:text-accent-foreground:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
}
.hover\:text-amber-700:hover {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-950:hover {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-500:hover {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-700:hover {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.hover\:text-foreground:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
.hover\:text-rose-600:hover {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-700:hover {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.hover\:text-sky-800:hover {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-white\/60:hover {
  color: rgb(255 255 255 / 0.6);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:decoration-\[hsl\(var\(--mk-pink\)\)\]:hover {
  text-decoration-color: hsl(var(--mk-pink));
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:opacity-95:hover {
  opacity: 0.95;
}
.hover\:shadow-\[0_6px_18px_rgba\(232\2c 74\2c 138\2c 0\.38\)\]:hover {
  --tw-shadow: 0 6px 18px rgba(232,74,138,0.38);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_20px_rgba\(232\2c 74\2c 138\2c 0\.32\)\]:hover {
  --tw-shadow: 0 8px 20px rgba(232,74,138,0.32);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md: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: 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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
  --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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[\#e84a8a\]\/30:hover {
  --tw-shadow-color: rgb(232 74 138 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:brightness-\[1\.05\]:hover {
  --tw-brightness: brightness(1.05);
  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);
}
.hover\:shadow-mk-sm:hover {
    box-shadow: var(--mk-shadow-sm);
  }
.hover\:shadow-mk-md:hover {
    box-shadow: var(--mk-shadow-md);
  }
.focus\:border-\[hsl\(var\(--mk-indigo\)\)\]:focus {
  border-color: hsl(var(--mk-indigo));
}
.focus\:border-\[hsl\(var\(--mk-ink\)\)\]:focus {
  border-color: hsl(var(--mk-ink));
}
.focus\:border-\[hsl\(var\(--mk-line-2\)\)\]:focus {
  border-color: hsl(var(--mk-line-2));
}
.focus\:border-\[hsl\(var\(--mk-magenta\)\)\]:focus {
  border-color: hsl(var(--mk-magenta));
}
.focus\:border-\[hsl\(var\(--mk-magenta\)\)\]\/40:focus {
  border-color: hsl(var(--mk-magenta) / 0.4);
}
.focus\:border-\[var\(--booking-primary-ink\2c \#a5b4fc\)\]:focus {
  border-color: var(--booking-primary-ink,#a5b4fc);
}
.focus\:border-rose-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.focus\:border-rose-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.focus\:bg-\[hsl\(var\(--mk-bg-1\)\)\]:focus {
  background-color: hsl(var(--mk-bg-1));
}
.focus\:bg-\[hsl\(var\(--mk-cream\)\)\]:focus {
  background-color: hsl(var(--mk-cream));
}
.focus\:bg-accent:focus {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
}
.focus\:bg-rose-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus\:text-\[hsl\(var\(--mk-ink\)\)\]:focus {
  color: hsl(var(--mk-ink));
}
.focus\:text-accent-foreground:focus {
  --tw-text-opacity: 1;
  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
}
.focus\:text-rose-600:focus {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.focus\:text-rose-700:focus {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.focus\:text-rose-800:focus {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.focus\:shadow-\[0_0_0_4px_rgba\(107\2c 78\2c 230\2c 0\.12\)\]:focus {
  --tw-shadow: 0 0 0 4px rgba(107,78,230,0.12);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.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: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[hsl\(var\(--mk-indigo\)\)\]:focus {
  --tw-ring-color: hsl(var(--mk-indigo));
}
.focus\:ring-\[hsl\(var\(--mk-indigo\)\)\]\/20:focus {
  --tw-ring-color: hsl(var(--mk-indigo) / 0.2);
}
.focus\:ring-\[hsl\(var\(--mk-indigo\)\)\]\/30:focus {
  --tw-ring-color: hsl(var(--mk-indigo) / 0.3);
}
.focus\:ring-\[hsl\(var\(--mk-indigo\)\/0\.55\)\]:focus {
  --tw-ring-color: hsl(var(--mk-indigo)/0.55);
}
.focus\:ring-\[hsl\(var\(--mk-magenta\)\/0\.18\)\]:focus {
  --tw-ring-color: hsl(var(--mk-magenta)/0.18);
}
.focus\:ring-\[hsl\(var\(--mk-magenta\)\/0\.4\)\]:focus {
  --tw-ring-color: hsl(var(--mk-magenta)/0.4);
}
.focus\:ring-\[var\(--booking-primary-ink\2c \#a5b4fc\)\]:focus {
  --tw-ring-color: var(--booking-primary-ink,#a5b4fc);
}
.focus\:ring-\[var\(--booking-primary-ink\2c \#c7d2fe\)\]:focus {
  --tw-ring-color: var(--booking-primary-ink,#c7d2fe);
}
.focus\:ring-ring:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
}
.focus\:ring-rose-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:border-\[hsl\(var\(--mk-line\)\)\]:focus-visible {
  border-color: hsl(var(--mk-line));
}
.focus-visible\:bg-white:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus-visible\:text-\[hsl\(var\(--mk-ink-2\)\)\]:focus-visible {
  color: hsl(var(--mk-ink-2));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-sky-500:focus-visible {
  outline-color: #0ea5e9;
}
.focus-visible\:ring-1:focus-visible {
  --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: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --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: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}
.focus-visible\:ring-\[hsl\(var\(--mk-danger\)\)\]:focus-visible {
  --tw-ring-color: hsl(var(--mk-danger));
}
.focus-visible\:ring-\[hsl\(var\(--mk-indigo\)\)\]:focus-visible {
  --tw-ring-color: hsl(var(--mk-indigo));
}
.focus-visible\:ring-\[hsl\(var\(--mk-indigo\)\)\]\/40:focus-visible {
  --tw-ring-color: hsl(var(--mk-indigo) / 0.4);
}
.focus-visible\:ring-\[hsl\(var\(--mk-ink\)\)\]:focus-visible {
  --tw-ring-color: hsl(var(--mk-ink));
}
.focus-visible\:ring-\[hsl\(var\(--mk-ink\)\)\]\/30:focus-visible {
  --tw-ring-color: hsl(var(--mk-ink) / 0.3);
}
.focus-visible\:ring-\[hsl\(var\(--mk-ink\)\)\]\/40:focus-visible {
  --tw-ring-color: hsl(var(--mk-ink) / 0.4);
}
.focus-visible\:ring-\[hsl\(var\(--mk-magenta\)\)\]\/30:focus-visible {
  --tw-ring-color: hsl(var(--mk-magenta) / 0.3);
}
.focus-visible\:ring-\[hsl\(var\(--mk-magenta\)\)\]\/40:focus-visible {
  --tw-ring-color: hsl(var(--mk-magenta) / 0.4);
}
.focus-visible\:ring-amber-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-amber-500\/60:focus-visible {
  --tw-ring-color: rgb(245 158 11 / 0.6);
}
.focus-visible\:ring-amber-700:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 83 9 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-black\/40:focus-visible {
  --tw-ring-color: rgb(0 0 0 / 0.4);
}
.focus-visible\:ring-emerald-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-emerald-500\/50:focus-visible {
  --tw-ring-color: rgb(16 185 129 / 0.5);
}
.focus-visible\:ring-emerald-500\/60:focus-visible {
  --tw-ring-color: rgb(16 185 129 / 0.6);
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-white:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-\[hsl\(var\(--mk-cream\)\)\]:focus-visible {
  --tw-ring-offset-color: hsl(var(--mk-cream));
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background) / 1);
}
.focus-visible\:ring-offset-white:focus-visible {
  --tw-ring-offset-color: #fff;
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-\[hsl\(var\(--mk-cream\)\)\]:active {
  background-color: hsl(var(--mk-cream));
}
.active\:bg-rose-50:active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:cursor-wait:disabled {
  cursor: wait;
}
.disabled\:bg-\[hsl\(var\(--mk-bg-1\)\)\]:disabled {
  background-color: hsl(var(--mk-bg-1));
}
.disabled\:bg-\[hsl\(var\(--mk-cream\)\)\]:disabled {
  background-color: hsl(var(--mk-cream));
}
.disabled\:bg-\[hsl\(var\(--mk-cream\)\)\]\/40:disabled {
  background-color: hsl(var(--mk-cream) / 0.4);
}
.disabled\:bg-\[hsl\(var\(--mk-cream-2\)\)\]:disabled {
  background-color: hsl(var(--mk-cream-2));
}
.disabled\:bg-neutral-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-red-50\/60:disabled {
  background-color: rgb(254 242 242 / 0.6);
}
.disabled\:text-\[hsl\(var\(--mk-ink-3\)\)\]:disabled {
  color: hsl(var(--mk-ink-3));
}
.disabled\:opacity-25:disabled {
  opacity: 0.25;
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-45:disabled {
  opacity: 0.45;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:opacity-70:disabled {
  opacity: 0.7;
}
.disabled\:hover\:bg-black\/50:hover:disabled {
  background-color: rgb(0 0 0 / 0.5);
}
.disabled\:hover\:bg-white\/10:hover:disabled {
  background-color: rgb(255 255 255 / 0.1);
}
.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  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[open] .group-open\:text-\[hsl\(var\(--mk-ink\)\)\] {
  color: hsl(var(--mk-ink));
}
.group:focus-within .group-focus-within\:pointer-events-auto {
  pointer-events: auto;
}
.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}
.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  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-\[1\.04\] {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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\:bg-\[hsl\(var\(--mk-magenta\)\/0\.12\)\] {
  background-color: hsl(var(--mk-magenta)/0.12);
}
.group:hover .group-hover\:text-\[var\(--booking-primary-ink\2c \#6366f1\)\] {
  color: var(--booking-primary-ink,#6366f1);
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:focus-visible .group-focus-visible\:opacity-100 {
  opacity: 1;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[\:checked\]\:border-\[hsl\(var\(--mk-ink\)\)\]:has(:checked) {
  border-color: hsl(var(--mk-ink));
}
.has-\[\:checked\]\:bg-\[hsl\(var\(--mk-ink\)\)\]:has(:checked) {
  background-color: hsl(var(--mk-ink));
}
.has-\[\:checked\]\:text-white:has(:checked) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.has-\[\:focus-visible\]\:ring-2:has(:focus-visible) {
  --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: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.has-\[\:focus-visible\]\:ring-\[hsl\(var\(--mk-ink\)\)\]\/40:has(:focus-visible) {
  --tw-ring-color: hsl(var(--mk-ink) / 0.4);
}
.group:has([role=switch][aria-checked=false]) .group-has-\[\[role\=switch\]\[aria-checked\=false\]\]\:hidden {
  display: none;
}
.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
  cursor: not-allowed;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-expanded\:bg-\[hsl\(var\(--mk-ink\)\)\][aria-expanded="true"] {
  background-color: hsl(var(--mk-ink));
}
.aria-expanded\:text-white[aria-expanded="true"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.aria-pressed\:border-\[hsl\(var\(--mk-ink\)\)\][aria-pressed="true"] {
  border-color: hsl(var(--mk-ink));
}
.aria-pressed\:bg-\[hsl\(var\(--mk-cream\)\)\][aria-pressed="true"] {
  background-color: hsl(var(--mk-cream));
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: 1rem;
  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));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  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));
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
}
.data-\[state\=selected\]\:bg-\[hsl\(var\(--mk-cream\)\)\][data-state="selected"] {
  background-color: hsl(var(--mk-cream));
}
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--input) / var(--tw-bg-opacity, 1));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=closed\]\:duration-150[data-state="closed"] {
  transition-duration: 150ms;
}
.data-\[state\=open\]\:duration-modal[data-state="open"] {
  transition-duration: var(--motion-duration-modal);
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: var(--motion-duration-fast);
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: var(--motion-duration-fast);
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
.data-\[state\=closed\]\:duration-150[data-state="closed"] {
  animation-duration: 150ms;
}
.data-\[state\=open\]\:duration-modal[data-state="open"] {
  animation-duration: var(--motion-duration-modal);
}
@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:animate-\[mk-reveal_0\.22s_ease-out\] {
    animation: mk-reveal 0.22s ease-out;
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:hidden {
    display: none;
  }
  .motion-reduce\:transform-none {
    transform: none;
  }
  .motion-reduce\:\!animate-none {
    animation: none !important;
  }
  .motion-reduce\:animate-none {
    animation: none;
  }
  .motion-reduce\:transition-none {
    transition-property: none;
  }
  .motion-reduce\:\!duration-0 {
    transition-duration: 0s !important;
    animation-duration: 0s !important;
  }
  .group:hover .motion-reduce\:group-hover\: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(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.dark\:border-amber-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.dark\:border-neutral-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}
.dark\:bg-amber-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}
.dark\:bg-amber-950\/40:is(.dark *) {
  background-color: rgb(69 26 3 / 0.4);
}
.dark\:bg-neutral-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:hover\:bg-amber-900\/60:hover:is(.dark *) {
  background-color: rgb(120 53 15 / 0.6);
}
@media not all and (min-width: 640px) {
  .max-sm\:flex {
    display: flex;
  }
  .max-sm\:hidden {
    display: none;
  }
  .max-sm\:\!h-10 {
    height: 2.5rem !important;
  }
  .max-sm\:\!w-10 {
    width: 2.5rem !important;
  }
  .max-sm\:min-w-0 {
    min-width: 0px;
  }
  .max-sm\:basis-full {
    flex-basis: 100%;
  }
  .max-sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .max-sm\:items-center {
    align-items: center;
  }
  .max-sm\:gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  .max-sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .max-sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .max-sm\:pr-8 {
    padding-right: 2rem;
  }
  .max-sm\:\!text-\[15px\] {
    font-size: 15px !important;
  }
  .max-sm\:\[mask-image\:linear-gradient\(to_right\2c black_calc\(100\%_-_2rem\)\2c transparent\)\] {
    -webkit-mask-image: linear-gradient(to right,black calc(100% - 2rem),transparent);
            mask-image: linear-gradient(to right,black calc(100% - 2rem),transparent);
  }
}
@media (min-width: 620px) {
  .min-\[620px\]\:block {
    display: block;
  }
  .min-\[620px\]\:flex {
    display: flex;
  }
  @media (max-width: 767px) {
    .min-\[620px\]\:max-\[767px\]\:hidden {
      display: none;
    }
  }
}
@media (min-width: 640px) {
  .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .sm\:sticky {
    position: sticky;
  }
  .sm\:bottom-4 {
    bottom: 1rem;
  }
  .sm\:left-3 {
    left: 0.75rem;
  }
  .sm\:right-auto {
    right: auto;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:order-3 {
    order: 3;
  }
  .sm\:order-4 {
    order: 4;
  }
  .sm\:order-5 {
    order: 5;
  }
  .sm\:col-auto {
    grid-column: auto;
  }
  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:ml-0 {
    margin-left: 0px;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:ml-auto {
    margin-left: auto;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:table {
    display: table;
  }
  .sm\:table-cell {
    display: table-cell;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-3\.5 {
    height: 0.875rem;
  }
  .sm\:h-4 {
    height: 1rem;
  }
  .sm\:h-8 {
    height: 2rem;
  }
  .sm\:max-h-\[70vh\] {
    max-height: 70vh;
  }
  .sm\:max-h-\[90vh\] {
    max-height: 90vh;
  }
  .sm\:min-h-0 {
    min-height: 0px;
  }
  .sm\:min-h-9 {
    min-height: 2.25rem;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-3\.5 {
    width: 0.875rem;
  }
  .sm\:w-4 {
    width: 1rem;
  }
  .sm\:w-56 {
    width: 14rem;
  }
  .sm\:w-64 {
    width: 16rem;
  }
  .sm\:w-8 {
    width: 2rem;
  }
  .sm\:w-\[260px\] {
    width: 260px;
  }
  .sm\:w-\[min\(640px\2c calc\(100vw-24px\)\)\] {
    width: min(640px, calc(100vw - 24px));
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:min-w-\[260px\] {
    min-width: 260px;
  }
  .sm\:max-w-2xl {
    max-width: 42rem;
  }
  .sm\:max-w-\[180px\] {
    max-width: 180px;
  }
  .sm\:max-w-\[70\%\] {
    max-width: 70%;
  }
  .sm\:max-w-full {
    max-width: 100%;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
  .sm\:flex-1 {
    flex: 1 1 0%;
  }
  .sm\:flex-none {
    flex: none;
  }
  .sm\:basis-auto {
    flex-basis: auto;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[1fr_180px\] {
    grid-template-columns: 1fr 180px;
  }
  .sm\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .sm\:grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }
  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .sm\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .sm\:grid-cols-\[1fr_auto_auto_auto\] {
    grid-template-columns: 1fr auto auto auto;
  }
  .sm\:grid-cols-\[1fr_auto_auto_auto_auto\] {
    grid-template-columns: 1fr auto auto auto auto;
  }
  .sm\:grid-cols-\[7rem_1fr\] {
    grid-template-columns: 7rem 1fr;
  }
  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_260px\] {
    grid-template-columns: minmax(0,1fr) 260px;
  }
  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 110px\)_minmax\(0\2c 170px\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,110px) minmax(0,170px);
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-end {
    align-items: flex-end;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:items-stretch {
    align-items: stretch;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:justify-items-end {
    justify-items: end;
  }
  .sm\:gap-0 {
    gap: 0px;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-3\.5 {
    gap: 0.875rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-5 {
    gap: 1.25rem;
  }
  .sm\:gap-6 {
    gap: 1.5rem;
  }
  .sm\:gap-7 {
    gap: 1.75rem;
  }
  .sm\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:self-auto {
    align-self: auto;
  }
  .sm\:self-end {
    align-self: flex-end;
  }
  .sm\:justify-self-end {
    justify-self: end;
  }
  .sm\:overflow-y-auto {
    overflow-y: auto;
  }
  .sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sm\:rounded-2xl {
    border-radius: 1rem;
  }
  .sm\:rounded-\[22px\] {
    border-radius: 22px;
  }
  .sm\:rounded-\[24px\] {
    border-radius: 24px;
  }
  .sm\:rounded-lg {
    border-radius: var(--radius);
  }
  .sm\:rounded-none {
    border-radius: 0px;
  }
  .sm\:border-\[3px\] {
    border-width: 3px;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-7 {
    padding: 1.75rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:p-9 {
    padding: 2.25rem;
  }
  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:pb-0 {
    padding-bottom: 0px;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-\[12px\] {
    font-size: 12px;
  }
  .sm\:text-\[15px\] {
    font-size: 15px;
  }
  .sm\:text-\[16px\] {
    font-size: 16px;
  }
  .sm\:text-\[26px\] {
    font-size: 26px;
  }
  .sm\:text-\[28px\] {
    font-size: 28px;
  }
  .sm\:text-\[30px\] {
    font-size: 30px;
  }
  .sm\:text-\[32px\] {
    font-size: 32px;
  }
  .sm\:text-\[34px\] {
    font-size: 34px;
  }
}
@media (min-width: 768px) {
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .md\:-mt-3 {
    margin-top: -0.75rem;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:min-h-\[calc\(100vh-49px\)\] {
    min-height: calc(100vh - 49px);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1\.1fr_1fr\] {
    grid-template-columns: 1.1fr 1fr;
  }
  .md\:grid-cols-\[1\.25fr_1fr\] {
    grid-template-columns: 1.25fr 1fr;
  }
  .md\:grid-cols-\[1\.4fr_repeat\(4\2c 1fr\)\] {
    grid-template-columns: 1.4fr repeat(4,1fr);
  }
  .md\:grid-cols-\[200px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 200px minmax(0,1fr);
  }
  .md\:grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }
  .md\:grid-cols-\[minmax\(0\2c 3fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,3fr) minmax(0,1fr);
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-10 {
    gap: 2.5rem;
  }
  .md\:gap-16 {
    gap: 4rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:p-9 {
    padding: 2.25rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:pb-14 {
    padding-bottom: 3.5rem;
  }
  .md\:pt-\[120px\] {
    padding-top: 120px;
  }
  .md\:text-right {
    text-align: right;
  }
}
@media (min-width: 820px) {
  .min-\[820px\]\:flex {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }
  .lg\:top-4 {
    top: 1rem;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:table-cell {
    display: table-cell;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:min-w-\[420px\] {
    min-width: 420px;
  }
  .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\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }
  .lg\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .lg\:grid-cols-\[1fr_minmax\(260px\2c 320px\)\] {
    grid-template-columns: 1fr minmax(260px,320px);
  }
  .lg\:grid-cols-\[260px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 260px minmax(0,1fr);
  }
  .lg\:grid-cols-\[38\%_62\%\] {
    grid-template-columns: 38% 62%;
  }
  .lg\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\] {
    grid-template-columns: minmax(0,1fr) 320px;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1\.15fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1\.4fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  .lg\:grid-cols-\[minmax\(14rem\2c 22rem\)_minmax\(14rem\2c 1fr\)\] {
    grid-template-columns: minmax(14rem,22rem) minmax(14rem,1fr);
  }
  .lg\:grid-cols-\[minmax\(18rem\2c 22rem\)_1fr\] {
    grid-template-columns: minmax(18rem,22rem) 1fr;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1100px) {
  .min-\[1100px\]\:flex {
    display: flex;
  }
}
@media (min-width: 1180px) {
  .min-\[1180px\]\:inline {
    display: inline;
  }
}
@media (min-width: 1280px) {
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .xl\:block {
    display: block;
  }
  .xl\:table-cell {
    display: table-cell;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:w-\[240px\] {
    width: 240px;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[260px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 260px minmax(0,1fr);
  }
  .xl\:grid-cols-\[minmax\(0\2c 1\.55fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:gap-2 {
    gap: 0.5rem;
  }
  .xl\:text-right {
    text-align: right;
  }
}
@media (min-width: 1440px) {
  .min-\[1440px\]\:inline-flex {
    display: inline-flex;
  }
  .min-\[1440px\]\:hidden {
    display: none;
  }
}
@media print {
  .print\:block {
    display: block;
  }
  .print\:hidden {
    display: none;
  }
  .print\:break-inside-avoid {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .print\:break-inside-avoid-page {
    break-inside: avoid-page;
  }
  .print\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .print\:gap-2 {
    gap: 0.5rem;
  }
  .print\:overflow-visible {
    overflow: visible;
  }
  .print\:border-0 {
    border-width: 0px;
  }
  .print\:p-0 {
    padding: 0px;
  }
  .print\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .print\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .print\:text-\[10\.5px\] {
    font-size: 10.5px;
  }
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
  display: none;
}
.\[\&\>\*\:first-child\]\:rounded-t-2xl>*:first-child {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.\[\&\>\*\:last-child\]\:overflow-hidden>*:last-child {
  overflow: hidden;
}
.\[\&\>\*\:last-child\]\:rounded-b-2xl>*:last-child {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.\[\&\>button\]\:right-3>button {
  right: 0.75rem;
}
.\[\&\>button\]\:top-3>button {
  top: 0.75rem;
}
.\[\&\>button\]\:z-20>button {
  z-index: 20;
}
.\[\&\>button\]\:rounded-full>button {
  border-radius: 9999px;
}
.\[\&\>button\]\:bg-white\/10>button {
  background-color: rgb(255 255 255 / 0.1);
}
.\[\&\>button\]\:p-2\.5>button {
  padding: 0.625rem;
}
.\[\&\>button\]\:text-white>button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&\>button\]\:opacity-90>button {
  opacity: 0.9;
}
.\[\&\>button\]\:hover\:bg-white\/20:hover>button {
  background-color: rgb(255 255 255 / 0.2);
}
.\[\&\>button\]\:hover\:opacity-100:hover>button {
  opacity: 1;
}
.\[\&\>svg\]\:h-auto>svg {
  height: auto;
}
.\[\&\>svg\]\:w-full>svg {
  width: 100%;
}
.last\:\[\&\>td\]\:border-b-0>td:last-child {
  border-bottom-width: 0px;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:h-10 svg {
  height: 2.5rem;
}
.\[\&_svg\]\:h-6 svg {
  height: 1.5rem;
}
.\[\&_svg\]\:h-7 svg {
  height: 1.75rem;
}
.\[\&_svg\]\:w-10 svg {
  width: 2.5rem;
}
.\[\&_svg\]\:w-6 svg {
  width: 1.5rem;
}
.\[\&_svg\]\:w-7 svg {
  width: 1.75rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_td\]\:px-3 td {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_td\]\:py-2\.5 td {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.\[\&_th\]\:px-3 th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_th\]\:py-2 th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.group:has(details[open]):has([role=switch][aria-checked=true]) .\[\.group\:has\(details\[open\]\)\:has\(\[role\=switch\]\[aria-checked\=true\]\)_\&\]\:block {
  display: block;
}
@media(hover:none) {
  .\[\@media\(hover\:none\)\]\:opacity-100 {
    opacity: 1;
  }
}