/*! MonMap planner styles, AGPL-3.0-only. Upstream 704e0ba66ff952a4854aaf617a4c0df959c1f66b. Courieve: scoped reset, brand tokens and bilingual wrapping. See vendor/monmap/NOTICE.md. */

.monmap-planner .course,.monmap-planner .course-more{all:revert;box-sizing:border-box}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.monmap-planner, .monmap-planner {
    --font-sans: "Microsoft YaHei UI","PingFang SC",sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-lime-600: oklch(64.8% 0.2 131.684);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-pink-700: oklch(52.5% 0.223 3.958);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-white: #fff;
    --spacing: 4px;
    --text-xs: 12px;
    --text-xs--line-height: 16px;
    --text-sm: 14px;
    --text-sm--line-height: 20px;
    --text-base: 16px;
    --text-base--line-height: 24px;
    --text-lg: 18px;
    --text-lg--line-height: 28px;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
.monmap-planner *, .monmap-planner ::after, .monmap-planner ::before, .monmap-planner ::backdrop, .monmap-planner ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
.monmap-planner, .monmap-planner {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
.monmap-planner hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
.monmap-planner abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
.monmap-planner h1, .monmap-planner h2, .monmap-planner h3, .monmap-planner h4, .monmap-planner h5, .monmap-planner h6 {
    font-size: inherit;
    font-weight: inherit;
  }
.monmap-planner a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
.monmap-planner b, .monmap-planner strong {
    font-weight: bolder;
  }
.monmap-planner code, .monmap-planner kbd, .monmap-planner samp, .monmap-planner pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
.monmap-planner small {
    font-size: 80%;
  }
.monmap-planner sub, .monmap-planner sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
.monmap-planner sub {
    bottom: -0.25em;
  }
.monmap-planner sup {
    top: -0.5em;
  }
.monmap-planner table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
.monmap-planner :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
.monmap-planner progress {
    vertical-align: baseline;
  }
.monmap-planner summary {
    display: list-item;
  }
.monmap-planner ol, .monmap-planner ul, .monmap-planner menu {
    list-style: none;
  }
.monmap-planner img, .monmap-planner svg, .monmap-planner video, .monmap-planner canvas, .monmap-planner audio, .monmap-planner iframe, .monmap-planner embed, .monmap-planner object {
    display: block;
    vertical-align: middle;
  }
.monmap-planner img, .monmap-planner video {
    max-width: 100%;
    height: auto;
  }
.monmap-planner button, .monmap-planner input, .monmap-planner select, .monmap-planner optgroup, .monmap-planner textarea, .monmap-planner ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
.monmap-planner :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
.monmap-planner :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
.monmap-planner ::file-selector-button {
    margin-inline-end: 4px;
  }
.monmap-planner ::placeholder {
    opacity: 1;
  }
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    .monmap-planner ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
.monmap-planner textarea {
    resize: vertical;
  }
.monmap-planner ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
.monmap-planner ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
.monmap-planner ::-webkit-datetime-edit {
    display: inline-flex;
  }
.monmap-planner ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
.monmap-planner ::-webkit-datetime-edit, .monmap-planner ::-webkit-datetime-edit-year-field, .monmap-planner ::-webkit-datetime-edit-month-field, .monmap-planner ::-webkit-datetime-edit-day-field, .monmap-planner ::-webkit-datetime-edit-hour-field, .monmap-planner ::-webkit-datetime-edit-minute-field, .monmap-planner ::-webkit-datetime-edit-second-field, .monmap-planner ::-webkit-datetime-edit-millisecond-field, .monmap-planner ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
.monmap-planner ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
.monmap-planner :-moz-ui-invalid {
    box-shadow: none;
  }
.monmap-planner button, .monmap-planner input:where([type="button"], [type="reset"], [type="submit"]), .monmap-planner ::file-selector-button {
    appearance: button;
  }
.monmap-planner ::-webkit-inner-spin-button, .monmap-planner ::-webkit-outer-spin-button {
    height: auto;
  }
.monmap-planner [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
.monmap-planner .pointer-events-none {
    pointer-events: none;
  }
.monmap-planner .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
.monmap-planner .absolute {
    position: absolute;
  }
.monmap-planner .fixed {
    position: fixed;
  }
.monmap-planner .relative {
    position: relative;
  }
.monmap-planner .sticky {
    position: sticky;
  }
.monmap-planner .inset-0 {
    inset: 0px;
  }
.monmap-planner .top-0 {
    top: 0px;
  }
.monmap-planner .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
.monmap-planner .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
.monmap-planner .top-3 {
    top: calc(var(--spacing) * 3);
  }
.monmap-planner .right-0 {
    right: 0px;
  }
.monmap-planner .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
.monmap-planner .right-2 {
    right: calc(var(--spacing) * 2);
  }
.monmap-planner .right-3 {
    right: calc(var(--spacing) * 3);
  }
.monmap-planner .right-4 {
    right: calc(var(--spacing) * 4);
  }
.monmap-planner .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
.monmap-planner .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
.monmap-planner .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
.monmap-planner .isolate {
    isolation: isolate;
  }
.monmap-planner .z-10 {
    z-index: 10;
  }
.monmap-planner .z-20 {
    z-index: 20;
  }
.monmap-planner .z-30 {
    z-index: 30;
  }
.monmap-planner .z-50 {
    z-index: 50;
  }
.monmap-planner .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
.monmap-planner .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
.monmap-planner .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
.monmap-planner .mx-1 {
    margin-inline: var(--spacing);
  }
.monmap-planner .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
.monmap-planner .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
.monmap-planner .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
.monmap-planner .mt-1 {
    margin-top: var(--spacing);
  }
.monmap-planner .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
.monmap-planner .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
.monmap-planner .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
.monmap-planner .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
.monmap-planner .mt-auto {
    margin-top: auto;
  }
.monmap-planner .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
.monmap-planner .-mb-px {
    margin-bottom: -1px;
  }
.monmap-planner .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
.monmap-planner .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
.monmap-planner .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
.monmap-planner .ml-auto {
    margin-left: auto;
  }
.monmap-planner .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
.monmap-planner .\!hidden {
    display: none !important;
  }
.monmap-planner .block {
    display: block;
  }
.monmap-planner .contents {
    display: contents;
  }
.monmap-planner .flex {
    display: flex;
  }
.monmap-planner .grid {
    display: grid;
  }
.monmap-planner .hidden {
    display: none;
  }
.monmap-planner .inline {
    display: inline;
  }
.monmap-planner .inline-flex {
    display: inline-flex;
  }
.monmap-planner .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
.monmap-planner .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
.monmap-planner .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
.monmap-planner .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
.monmap-planner .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
.monmap-planner .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
.monmap-planner .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
.monmap-planner .\!h-2 {
    height: calc(var(--spacing) * 2) !important;
  }
.monmap-planner .h-1 {
    height: var(--spacing);
  }
.monmap-planner .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
.monmap-planner .h-4 {
    height: calc(var(--spacing) * 4);
  }
.monmap-planner .h-5 {
    height: calc(var(--spacing) * 5);
  }
.monmap-planner .h-6 {
    height: calc(var(--spacing) * 6);
  }
.monmap-planner .h-7 {
    height: calc(var(--spacing) * 7);
  }
.monmap-planner .h-8 {
    height: calc(var(--spacing) * 8);
  }
.monmap-planner .h-9 {
    height: calc(var(--spacing) * 9);
  }
.monmap-planner .h-10 {
    height: calc(var(--spacing) * 10);
  }
.monmap-planner .h-12 {
    height: calc(var(--spacing) * 12);
  }
.monmap-planner .h-40 {
    height: calc(var(--spacing) * 40);
  }
.monmap-planner .h-\[70px\] {
    height: 70px;
  }
.monmap-planner .h-\[88px\] {
    height: 88px;
  }
.monmap-planner .h-\[640px\] {
    height: 640px;
  }
.monmap-planner .h-auto {
    height: auto;
  }
.monmap-planner .h-full {
    height: 100%;
  }
.monmap-planner .h-px {
    height: 1px;
  }
.monmap-planner .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }
.monmap-planner .min-h-0 {
    min-height: 0px;
  }
.monmap-planner .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
.monmap-planner .min-h-\[88px\] {
    min-height: 88px;
  }
.monmap-planner .min-h-\[104px\] {
    min-height: 104px;
  }
.monmap-planner .min-h-\[480px\] {
    min-height: 480px;
  }
.monmap-planner .\!w-2 {
    width: calc(var(--spacing) * 2) !important;
  }
.monmap-planner .w-\(--anchor-width\) {
    width: var(--anchor-width);
  }
.monmap-planner .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
.monmap-planner .w-4 {
    width: calc(var(--spacing) * 4);
  }
.monmap-planner .w-5 {
    width: calc(var(--spacing) * 5);
  }
.monmap-planner .w-6 {
    width: calc(var(--spacing) * 6);
  }
.monmap-planner .w-10 {
    width: calc(var(--spacing) * 10);
  }
.monmap-planner .w-16 {
    width: calc(var(--spacing) * 16);
  }
.monmap-planner .w-20 {
    width: calc(var(--spacing) * 20);
  }
.monmap-planner .w-52 {
    width: calc(var(--spacing) * 52);
  }
.monmap-planner .w-56 {
    width: calc(var(--spacing) * 56);
  }
.monmap-planner .w-\[196px\] {
    width: 196px;
  }
.monmap-planner .w-\[min\(220px\,calc\(100vw-2rem\)\)\] {
    width: min(220px, calc(100vw - 2rem));
  }
.monmap-planner .w-\[min\(280px\,calc\(100vw-2rem\)\)\] {
    width: min(280px, calc(100vw - 2rem));
  }
.monmap-planner .w-\[min\(300px\,calc\(100\%-1\.5rem\)\)\] {
    width: min(300px, calc(100% - 1.5rem));
  }
.monmap-planner .w-auto {
    width: auto;
  }
.monmap-planner .w-full {
    width: 100%;
  }
.monmap-planner .w-px {
    width: 1px;
  }
.monmap-planner .max-w-\[320px\] {
    max-width: 320px;
  }
.monmap-planner .min-w-0 {
    min-width: 0px;
  }
.monmap-planner .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
.monmap-planner .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
.monmap-planner .flex-1 {
    flex: 1;
  }
.monmap-planner .shrink-0 {
    flex-shrink: 0;
  }
.monmap-planner .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }
.monmap-planner .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.monmap-planner .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.monmap-planner .-rotate-90 {
    rotate: calc(90deg * -1);
  }
.monmap-planner .rotate-1 {
    rotate: 1deg;
  }
.monmap-planner .rotate-90 {
    rotate: 90deg;
  }
.monmap-planner .rotate-180 {
    rotate: 180deg;
  }
.monmap-planner .animate-pulse {
    animation: var(--animate-pulse);
  }
.monmap-planner .cursor-default {
    cursor: default;
  }
.monmap-planner .cursor-grab {
    cursor: grab;
  }
.monmap-planner .cursor-grabbing {
    cursor: grabbing;
  }
.monmap-planner .cursor-not-allowed {
    cursor: not-allowed;
  }
.monmap-planner .cursor-pointer {
    cursor: pointer;
  }
.monmap-planner .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
.monmap-planner .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.monmap-planner .flex-col {
    flex-direction: column;
  }
.monmap-planner .flex-wrap {
    flex-wrap: wrap;
  }
.monmap-planner .items-baseline {
    align-items: baseline;
  }
.monmap-planner .items-center {
    align-items: center;
  }
.monmap-planner .items-start {
    align-items: flex-start;
  }
.monmap-planner .items-stretch {
    align-items: stretch;
  }
.monmap-planner .justify-between {
    justify-content: space-between;
  }
.monmap-planner .justify-center {
    justify-content: center;
  }
.monmap-planner .gap-0 {
    gap: 0px;
  }
.monmap-planner .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
.monmap-planner .gap-1 {
    gap: var(--spacing);
  }
.monmap-planner .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
.monmap-planner .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
.monmap-planner .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
.monmap-planner .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
.monmap-planner .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
.monmap-planner .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
.monmap-planner .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
.monmap-planner :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
.monmap-planner .self-center {
    align-self: center;
  }
.monmap-planner .self-start {
    align-self: flex-start;
  }
.monmap-planner .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.monmap-planner .overflow-hidden {
    overflow: hidden;
  }
.monmap-planner .overflow-x-hidden {
    overflow-x: hidden;
  }
.monmap-planner .overflow-y-auto {
    overflow-y: auto;
  }
.monmap-planner .overscroll-contain {
    overscroll-behavior: contain;
  }
.monmap-planner .\!rounded-control {
    border-radius: calc(var(--radius) * 0.75) !important;
  }
.monmap-planner .rounded-control {
    border-radius: calc(var(--radius) * 0.75);
  }
.monmap-planner .rounded-full {
    border-radius: calc(infinity * 1px);
  }
.monmap-planner .rounded-none {
    border-radius: 0;
  }
.monmap-planner .rounded-panel {
    border-radius: calc(var(--radius) * 1.5);
  }
.monmap-planner .rounded-tag {
    border-radius: calc(var(--radius) * 0.5);
  }
.monmap-planner .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
.monmap-planner .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
.monmap-planner .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
.monmap-planner .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
.monmap-planner .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
.monmap-planner .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
.monmap-planner .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
.monmap-planner .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
.monmap-planner .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
.monmap-planner .border-border {
    border-color: var(--border);
  }
.monmap-planner .border-border\/80 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 80%, transparent);
    }
  }
.monmap-planner .border-destructive\/70 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 70%, transparent);
    }
  }
.monmap-planner .border-emphasis {
    border-color: var(--emphasis);
  }
.monmap-planner .border-emphasis\/60 {
    border-color: var(--emphasis);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--emphasis) 60%, transparent);
    }
  }
.monmap-planner .border-input {
    border-color: var(--input);
  }
.monmap-planner .border-muted-foreground\/20 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }
.monmap-planner .border-primary {
    border-color: var(--primary);
  }
.monmap-planner .border-primary\/20 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
.monmap-planner .border-primary\/30 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
.monmap-planner .border-transparent {
    border-color: transparent;
  }
.monmap-planner .border-warning\/70 {
    border-color: var(--warning);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--warning) 70%, transparent);
    }
  }
.monmap-planner .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
.monmap-planner .\!bg-card {
    background-color: var(--card) !important;
  }
.monmap-planner .\!bg-card\/90 {
    background-color: var(--card) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 90%, transparent) !important;
    }
  }
.monmap-planner .\!bg-transparent {
    background-color: transparent !important;
  }
.monmap-planner .bg-\[\#5b2d90\] {
    background-color: #5b2d90;
  }
.monmap-planner .bg-\[\#d35400\] {
    background-color: #d35400;
  }
.monmap-planner .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
.monmap-planner .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
.monmap-planner .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
.monmap-planner .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
.monmap-planner .bg-border {
    background-color: var(--border);
  }
.monmap-planner .bg-border\/50 {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
.monmap-planner .bg-card {
    background-color: var(--card);
  }
.monmap-planner .bg-destructive {
    background-color: var(--destructive);
  }
.monmap-planner .bg-destructive\/10 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
.monmap-planner .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
.monmap-planner .bg-emphasis-soft {
    background-color: var(--emphasis-soft);
  }
.monmap-planner .bg-field {
    background-color: var(--field);
  }
.monmap-planner .bg-foreground\/\[0\.05\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }
.monmap-planner .bg-foreground\/\[0\.08\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
    }
  }
.monmap-planner .bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500);
  }
.monmap-planner .bg-fuchsia-600 {
    background-color: var(--color-fuchsia-600);
  }
.monmap-planner .bg-info\/30 {
    background-color: var(--info);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--info) 30%, transparent);
    }
  }
.monmap-planner .bg-lime-600 {
    background-color: var(--color-lime-600);
  }
.monmap-planner .bg-muted {
    background-color: var(--muted);
  }
.monmap-planner .bg-muted-foreground\/30 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }
.monmap-planner .bg-muted\/20 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }
.monmap-planner .bg-muted\/30 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }
.monmap-planner .bg-muted\/40 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }
.monmap-planner .bg-pink-600 {
    background-color: var(--color-pink-600);
  }
.monmap-planner .bg-pink-700 {
    background-color: var(--color-pink-700);
  }
.monmap-planner .bg-popover {
    background-color: var(--popover);
  }
.monmap-planner .bg-primary {
    background-color: var(--primary);
  }
.monmap-planner .bg-primary-foreground\/20 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
    }
  }
.monmap-planner .bg-primary\/5 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
.monmap-planner .bg-primary\/20 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
.monmap-planner .bg-primary\/40 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
.monmap-planner .bg-primary\/\[0\.03\] {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 3%, transparent);
    }
  }
.monmap-planner .bg-purple-600 {
    background-color: var(--color-purple-600);
  }
.monmap-planner .bg-red-500 {
    background-color: var(--color-red-500);
  }
.monmap-planner .bg-red-600 {
    background-color: var(--color-red-600);
  }
.monmap-planner .bg-red-700 {
    background-color: var(--color-red-700);
  }
.monmap-planner .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
.monmap-planner .bg-rose-700 {
    background-color: var(--color-rose-700);
  }
.monmap-planner .bg-secondary {
    background-color: var(--secondary);
  }
.monmap-planner .bg-sky-500 {
    background-color: var(--color-sky-500);
  }
.monmap-planner .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
.monmap-planner .bg-slate-500 {
    background-color: var(--color-slate-500);
  }
.monmap-planner .bg-success\/30 {
    background-color: var(--success);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--success) 30%, transparent);
    }
  }
.monmap-planner .bg-teal-500 {
    background-color: var(--color-teal-500);
  }
.monmap-planner .bg-teal-600 {
    background-color: var(--color-teal-600);
  }
.monmap-planner .bg-teal-700 {
    background-color: var(--color-teal-700);
  }
.monmap-planner .bg-transparent {
    background-color: transparent;
  }
.monmap-planner .bg-violet-500 {
    background-color: var(--color-violet-500);
  }
.monmap-planner .bg-warning\/30 {
    background-color: var(--warning);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--warning) 30%, transparent);
    }
  }
.monmap-planner .bg-year-strip {
    background-color: var(--year-strip);
  }
.monmap-planner .bg-\[repeating-linear-gradient\(135deg\,transparent_0\,transparent_8px\,var\(--muted\)_8px\,var\(--muted\)_16px\)\] {
    background-image: repeating-linear-gradient(135deg,transparent 0,transparent 8px,var(--muted) 8px,var(--muted) 16px);
  }
.monmap-planner .bg-clip-padding {
    background-clip: padding-box;
  }
.monmap-planner .p-0 {
    padding: 0px;
  }
.monmap-planner .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
.monmap-planner .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
.monmap-planner .p-2 {
    padding: calc(var(--spacing) * 2);
  }
.monmap-planner .p-3 {
    padding: calc(var(--spacing) * 3);
  }
.monmap-planner .p-4 {
    padding: calc(var(--spacing) * 4);
  }
.monmap-planner .px-1 {
    padding-inline: var(--spacing);
  }
.monmap-planner .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
.monmap-planner .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
.monmap-planner .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
.monmap-planner .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
.monmap-planner .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
.monmap-planner .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
.monmap-planner .py-1 {
    padding-block: var(--spacing);
  }
.monmap-planner .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
.monmap-planner .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
.monmap-planner .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
.monmap-planner .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
.monmap-planner .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
.monmap-planner .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
.monmap-planner .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
.monmap-planner .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
.monmap-planner .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
.monmap-planner .pr-1 {
    padding-right: var(--spacing);
  }
.monmap-planner .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
.monmap-planner .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
.monmap-planner .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
.monmap-planner .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
.monmap-planner .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
.monmap-planner .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
.monmap-planner .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
.monmap-planner .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
.monmap-planner .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
.monmap-planner .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
.monmap-planner .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
.monmap-planner .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
.monmap-planner .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
.monmap-planner .text-center {
    text-align: center;
  }
.monmap-planner .text-left {
    text-align: left;
  }
.monmap-planner .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
.monmap-planner .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
.monmap-planner .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
.monmap-planner .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
.monmap-planner .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
.monmap-planner .text-\[8px\] {
    font-size: 8px;
  }
.monmap-planner .text-\[9px\] {
    font-size: 9px;
  }
.monmap-planner .text-\[10px\] {
    font-size: 10px;
  }
.monmap-planner .text-\[11px\] {
    font-size: 11px;
  }
.monmap-planner .text-\[12px\] {
    font-size: 12px;
  }
.monmap-planner .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
.monmap-planner .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
.monmap-planner .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
.monmap-planner .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
.monmap-planner .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
.monmap-planner .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
.monmap-planner .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
.monmap-planner .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
.monmap-planner .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
.monmap-planner .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
.monmap-planner .whitespace-nowrap {
    white-space: nowrap;
  }
.monmap-planner .text-destructive {
    color: var(--destructive);
  }
.monmap-planner .text-emphasis {
    color: var(--emphasis);
  }
.monmap-planner .text-foreground {
    color: var(--foreground);
  }
.monmap-planner .text-foreground\/70 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
.monmap-planner .text-foreground\/85 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }
.monmap-planner .text-foreground\/90 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }
.monmap-planner .text-info-foreground {
    color: var(--info-foreground);
  }
.monmap-planner .text-muted-foreground {
    color: var(--muted-foreground);
  }
.monmap-planner .text-muted-foreground\/70 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }
.monmap-planner .text-popover-foreground {
    color: var(--popover-foreground);
  }
.monmap-planner .text-primary {
    color: var(--primary);
  }
.monmap-planner .text-primary-foreground {
    color: var(--primary-foreground);
  }
.monmap-planner .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
.monmap-planner .text-success {
    color: var(--success);
  }
.monmap-planner .text-success-foreground {
    color: var(--success-foreground);
  }
.monmap-planner .text-warning {
    color: var(--warning);
  }
.monmap-planner .text-warning-foreground {
    color: var(--warning-foreground);
  }
.monmap-planner .text-white {
    color: var(--color-white);
  }
.monmap-planner .text-white\/55 {
    color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
.monmap-planner .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
.monmap-planner .uppercase {
    text-transform: uppercase;
  }
.monmap-planner .italic {
    font-style: italic;
  }
.monmap-planner .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,);
  }
.monmap-planner .underline {
    text-decoration-line: underline;
  }
.monmap-planner .underline-offset-2 {
    text-underline-offset: 2px;
  }
.monmap-planner .underline-offset-4 {
    text-underline-offset: 4px;
  }
.monmap-planner .opacity-30 {
    opacity: 30%;
  }
.monmap-planner .opacity-40 {
    opacity: 40%;
  }
.monmap-planner .opacity-60 {
    opacity: 60%;
  }
.monmap-planner .opacity-70 {
    opacity: 70%;
  }
.monmap-planner .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .\!shadow-card {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02), 0 4px 10px -4px var(--shadow-tint), 0 6px 14px -8px var(--shadow-tint) !important;
  }
.monmap-planner .shadow-card {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02), 0 4px 10px -4px var(--shadow-tint), 0 6px 14px -8px var(--shadow-tint);
  }
.monmap-planner .\!shadow-card {
    --tw-shadow-color: var(--card) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--card) var(--tw-shadow-alpha), transparent) !important;
    }
  }
.monmap-planner .shadow-card {
    --tw-shadow-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--card) var(--tw-shadow-alpha), transparent);
    }
  }
.monmap-planner .ring-border\/60 {
    --tw-ring-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
.monmap-planner .ring-destructive\/25 {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 25%, transparent);
    }
  }
.monmap-planner .ring-emphasis\/40 {
    --tw-ring-color: var(--emphasis);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--emphasis) 40%, transparent);
    }
  }
.monmap-planner .ring-foreground\/5 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }
.monmap-planner .ring-primary {
    --tw-ring-color: var(--primary);
  }
.monmap-planner .ring-primary\/40 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
.monmap-planner .ring-primary\/60 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
.monmap-planner .ring-ring {
    --tw-ring-color: var(--ring);
  }
.monmap-planner .ring-success\/50 {
    --tw-ring-color: var(--success);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--success) 50%, transparent);
    }
  }
.monmap-planner .ring-warning\/20 {
    --tw-ring-color: var(--warning);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }
.monmap-planner .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
.monmap-planner .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
.monmap-planner .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
.monmap-planner .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
.monmap-planner .transition-\[transform\,box-shadow\,border-color\,opacity\] {
    transition-property: transform,box-shadow,border-color,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.monmap-planner .transition-\[transform\,box-shadow\,opacity\] {
    transition-property: transform,box-shadow,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.monmap-planner .transition-\[transform\,opacity\,box-shadow\,border-color\] {
    transition-property: transform,opacity,box-shadow,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.monmap-planner .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.monmap-planner .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.monmap-planner .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.monmap-planner .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
.monmap-planner .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
.monmap-planner .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
.monmap-planner .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
.monmap-planner .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
.monmap-planner .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
.monmap-planner .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
.monmap-planner .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }
.monmap-planner .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }
.monmap-planner .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
.monmap-planner .after\:-inset-2::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
.monmap-planner .after\:-inset-x-1::after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -1);
  }
.monmap-planner .after\:-inset-y-2::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }
.monmap-planner .after\:-top-3\.5::after {
    content: var(--tw-content);
    top: calc(var(--spacing) * -3.5);
  }
.monmap-planner .after\:top-0::after {
    content: var(--tw-content);
    top: 0px;
  }
.monmap-planner .after\:-right-1\.5::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1.5);
  }
.monmap-planner .after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
  }
.monmap-planner .after\:-bottom-1\.5::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -1.5);
  }
.monmap-planner .after\:-bottom-2::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -2);
  }
.monmap-planner .after\:-left-2::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * -2);
  }
.monmap-planner .after\:-left-3::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * -3);
  }
.monmap-planner .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
@media (hover: hover) {
    .monmap-planner .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .monmap-planner .hover\:border-muted-foreground\/50:hover {
      border-color: var(--muted-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:border-muted-foreground\/50:hover {
        border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
      }
    }
    .monmap-planner .hover\:border-primary\/60:hover {
      border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:border-primary\/60:hover {
        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
    .monmap-planner .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    .monmap-planner .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    .monmap-planner .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
    .monmap-planner .hover\:bg-emphasis-soft:hover {
      background-color: var(--emphasis-soft);
    }
    .monmap-planner .hover\:bg-muted:hover {
      background-color: var(--muted);
    }
    .monmap-planner .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }
    .monmap-planner .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    .monmap-planner .hover\:bg-primary\/40:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-primary\/40:hover {
        background-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }
    .monmap-planner .hover\:bg-primary\/60:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-primary\/60:hover {
        background-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
    .monmap-planner .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
    .monmap-planner .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
    .monmap-planner .hover\:bg-white\/15:hover {
      background-color: color-mix(in srgb, #fff 15%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    .monmap-planner .hover\:text-emphasis:hover {
      color: var(--emphasis);
    }
    .monmap-planner .hover\:text-foreground:hover {
      color: var(--foreground);
    }
    .monmap-planner .hover\:text-white:hover {
      color: var(--color-white);
    }
    .monmap-planner .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .monmap-planner .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
.monmap-planner .focus\:bg-accent:focus {
    background-color: var(--accent);
  }
.monmap-planner .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }
.monmap-planner .focus\:text-destructive:focus {
    color: var(--destructive);
  }
.monmap-planner :is(.focus\:\*\*\:text-accent-foreground:focus *) {
    color: var(--accent-foreground);
  }
.monmap-planner :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }
.monmap-planner .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
.monmap-planner .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }
.monmap-planner .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
.monmap-planner .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }
.monmap-planner .focus-visible\:ring-ring\/30:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
    }
  }
.monmap-planner .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
.monmap-planner .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
.monmap-planner .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }
.monmap-planner .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }
.monmap-planner .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
.monmap-planner .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.monmap-planner .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
.monmap-planner .disabled\:opacity-30:disabled {
    opacity: 30%;
  }
.monmap-planner .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
.monmap-planner .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }
.monmap-planner .has-data-\[icon\=inline-end\]\:pr-2\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2.5);
  }
.monmap-planner .has-data-\[icon\=inline-end\]\:pr-3:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 3);
  }
.monmap-planner .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }
.monmap-planner .has-data-\[icon\=inline-start\]\:pl-2\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2.5);
  }
.monmap-planner .has-data-\[icon\=inline-start\]\:pl-3:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 3);
  }
.monmap-planner .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }
.monmap-planner .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }
.monmap-planner .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }
.monmap-planner .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }
.monmap-planner .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }
.monmap-planner .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.monmap-planner .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
.monmap-planner .data-closed\:overflow-hidden[data-closed] {
    overflow: hidden;
  }
.monmap-planner .data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
.monmap-planner .data-disabled\:opacity-50[data-disabled] {
    opacity: 50%;
  }
.monmap-planner .data-inset\:pl-9\.5[data-inset] {
    padding-left: calc(var(--spacing) * 9.5);
  }
.monmap-planner .data-open\:bg-accent[data-open] {
    background-color: var(--accent);
  }
.monmap-planner .data-open\:text-accent-foreground[data-open] {
    color: var(--accent-foreground);
  }
.monmap-planner .data-popup-open\:bg-accent[data-popup-open] {
    background-color: var(--accent);
  }
.monmap-planner .data-popup-open\:text-accent-foreground[data-popup-open] {
    color: var(--accent-foreground);
  }
.monmap-planner .data-\[dragging\=true\]\:opacity-30[data-dragging="true"] {
    opacity: 30%;
  }
.monmap-planner .data-\[side\=bottom\]\:h-\[85svh\][data-side="bottom"] {
    height: 85svh;
  }
.monmap-planner .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }
.monmap-planner .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
.monmap-planner .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }
@media (width < 48rem) {
    .monmap-planner .max-md\:hidden {
      display: none;
    }
    .monmap-planner .max-md\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
    .monmap-planner .max-md\:flex-wrap {
      flex-wrap: wrap;
    }
    .monmap-planner .max-md\:select-none {
      -webkit-user-select: none;
      user-select: none;
    }
    .monmap-planner .max-md\:\[-webkit-touch-callout\:none\] {
      -webkit-touch-callout: none;
    }
  }
@media (width >= 40rem) {
    .monmap-planner .sm\:\!block {
      display: block !important;
    }
    .monmap-planner .sm\:flex-col {
      flex-direction: column;
    }
    .monmap-planner .sm\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5);
    }
    .monmap-planner .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .monmap-planner .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .monmap-planner .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
@media (width >= 48rem) {
    .monmap-planner .md\:\[grid-column\:span_var\(--span\)\/span_var\(--span\)\] {
      grid-column: span var(--span)/span var(--span);
    }
    .monmap-planner .md\:grid {
      display: grid;
    }
    .monmap-planner .md\:hidden {
      display: none;
    }
    .monmap-planner .md\:h-\[88px\] {
      height: 88px;
    }
    .monmap-planner .md\:min-h-\[104px\] {
      min-height: 104px;
    }
    .monmap-planner .md\:w-auto {
      width: auto;
    }
    .monmap-planner .md\:grid-cols-\[180px_minmax\(0\,1fr\)\] {
      grid-template-columns: 180px minmax(0,1fr);
    }
    .monmap-planner .md\:grid-cols-\[repeat\(var\(--slot-cols\)\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(var(--slot-cols),minmax(0,1fr));
    }
    .monmap-planner .md\:gap-1 {
      gap: var(--spacing);
    }
    .monmap-planner .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    .monmap-planner .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    .monmap-planner .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    .monmap-planner .md\:after\:hidden::after {
      content: var(--tw-content);
      display: none;
    }
  }
@media (width >= 64rem) {
    .monmap-planner .lg\:flex {
      display: flex;
    }
    .monmap-planner .lg\:inline {
      display: inline;
    }
  }
@media (prefers-color-scheme: dark) {
    .monmap-planner .dark\:bg-\[\#7c4dbd\] {
      background-color: #7c4dbd;
    }
    .monmap-planner .dark\:bg-blue-600 {
      background-color: var(--color-blue-600);
    }
    .monmap-planner .dark\:bg-destructive\/20 {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .dark\:bg-destructive\/20 {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
    .monmap-planner .dark\:bg-pink-600 {
      background-color: var(--color-pink-600);
    }
    .monmap-planner .dark\:bg-red-600 {
      background-color: var(--color-red-600);
    }
    .monmap-planner .dark\:bg-rose-600 {
      background-color: var(--color-rose-600);
    }
    .monmap-planner .dark\:bg-teal-600 {
      background-color: var(--color-teal-600);
    }
    .monmap-planner .dark\:bg-transparent {
      background-color: transparent;
    }
    .monmap-planner .dark\:ring-foreground\/10 {
      --tw-ring-color: var(--foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .monmap-planner .dark\:ring-foreground\/10 {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
    @media (hover: hover) {
      .monmap-planner .dark\:hover\:bg-destructive\/30:hover {
        background-color: var(--destructive);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .monmap-planner .dark\:hover\:bg-destructive\/30:hover {
          background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
        }
      }
      .monmap-planner .dark\:hover\:bg-input\/30:hover {
        background-color: var(--input);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .monmap-planner .dark\:hover\:bg-input\/30:hover {
          background-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
      .monmap-planner .dark\:hover\:bg-muted\/50:hover {
        background-color: var(--muted);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .monmap-planner .dark\:hover\:bg-muted\/50:hover {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
    .monmap-planner .dark\:focus-visible\:ring-destructive\/40:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
    .monmap-planner .dark\:aria-invalid\:border-destructive\/50[aria-invalid="true"] {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
      }
    }
    .monmap-planner .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
    .monmap-planner .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:focus {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
@media print {
    .monmap-planner .print\:hidden {
      display: none;
    }
  }
.monmap-planner .\[\&_button\]\:\!border-none button {
    --tw-border-style: none !important;
    border-style: none !important;
  }
.monmap-planner .\[\&_button\]\:\!bg-transparent button {
    background-color: transparent !important;
  }
@media (width < 48rem) {
    .monmap-planner .max-md\:\[\&_button\]\:\!size-10 button {
      width: calc(var(--spacing) * 10) !important;
      height: calc(var(--spacing) * 10) !important;
    }
    .monmap-planner .max-md\:\[\&_button_svg\]\:\!size-4 button svg {
      width: calc(var(--spacing) * 4) !important;
      height: calc(var(--spacing) * 4) !important;
    }
    .monmap-planner .max-md\:\[\&_button_svg\]\:\!max-h-4 button svg {
      max-height: calc(var(--spacing) * 4) !important;
    }
    .monmap-planner .max-md\:\[\&_button_svg\]\:\!max-w-4 button svg {
      max-width: calc(var(--spacing) * 4) !important;
    }
  }
.monmap-planner .\[\&_button\:hover\]\:\!bg-muted button:hover {
    background-color: var(--muted) !important;
  }
.monmap-planner .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
.monmap-planner .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
.monmap-planner .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
.monmap-planner .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
.monmap-planner :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    .monmap-planner *, .monmap-planner ::before, .monmap-planner ::after, .monmap-planner ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }

/* Courieve presentation adapter for the upstream MonMap planner classes. */

.monmap-planner{--background:#f6f8fb;--foreground:#192d4d;--card:#fff;--card-foreground:#192d4d;--popover:#fff;--popover-foreground:#192d4d;--primary:#1765dc;--primary-foreground:#fff;--secondary:#eef3fb;--secondary-foreground:#365474;--muted:#eef2f7;--muted-foreground:#6f7d91;--accent:#edf4ff;--accent-foreground:#192d4d;--emphasis:#1765dc;--emphasis-soft:#e8f1ff;--destructive:#b4403c;--warning:#c7a163;--success:#267b5d;--border:#d9e2ee;--input:#d6e0ed;--field:#f8faff;--ring:#78a5ef;--year-strip:#edf3fc;--radius:8px;--shadow-tint:rgba(25,45,77,.12);--default-font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;--default-mono-font-family:monospace;font-size:16px;line-height:1.5;color:var(--foreground);background:var(--card);font-family:var(--default-font-family)}
.monmap-planner .mm-year-strip{color:#244b83}.monmap-planner .mm-year-strip h2,.monmap-planner .mm-year-strip button{color:inherit}.monmap-planner .mm-year-strip .text-white\/55{color:#7188a7}.monmap-planner .mm-year-strip button:hover{background:#dce8f8;color:#244b83}
.monmap-planner *,.monmap-planner ::before,.monmap-planner ::after{border-color:var(--border)}
.monmap-planner small{color:inherit}
.monmap-planner h1{letter-spacing:0}
.monmap-planner .mm-rail-bg{background:#1765dc}.monmap-planner .mm-rail-text{color:#fff}
.monmap-planner .mm-title-zh{display:block}.monmap-planner .mm-title-en{display:block;font:inherit;color:var(--muted-foreground);overflow-wrap:anywhere}
.monmap-planner .mm-card{height:auto;min-height:88px}.monmap-planner .mm-card-main{min-height:88px}.monmap-planner .mm-card-name{overflow-wrap:anywhere}.monmap-planner .mm-card-main{padding-bottom:8px}
.monmap-planner .mm-card-main>div:last-child{height:auto;min-height:16px}
.monmap-planner .mm-icon{display:block;width:16px;height:16px;flex-shrink:0}.monmap-planner .mm-icon-xs .mm-icon{width:12px;height:12px}
.monmap-planner .mm-status-warning .mm-icon,.monmap-planner .mm-status-error .mm-icon{width:12px;height:12px}.monmap-planner .mm-card-options .mm-icon{transform:rotate(90deg)}
.monmap-planner .mm-muted{color:var(--muted-foreground)}.monmap-planner .mm-status-warning{color:#a17d40}.monmap-planner .mm-status-error{color:var(--destructive)}
.monmap-planner .mm-drag-handle{position:absolute;right:3px;bottom:3px;z-index:2;padding:2px;width:16px;min-width:16px;height:18px;border:0;background:transparent;color:#91a5bf;touch-action:none;cursor:grab}
.monmap-planner .mm-menu-trigger{padding:0;background:transparent;border-color:transparent}.monmap-planner .mm-menu-trigger:hover{background:var(--muted)}
.monmap-planner .mm-menu[popover]{position:fixed;inset:auto;margin:0;min-width:208px;max-width:calc(100vw - 16px);z-index:1000}.monmap-planner .mm-menu:not(:popover-open){display:none}.monmap-planner .mm-menu-item{width:100%;background:transparent}.monmap-planner .mm-menu-item:hover,.monmap-planner .mm-menu-item:focus-visible{background:var(--accent);color:var(--accent-foreground)}.monmap-planner .mm-menu hr{margin:6px -6px;border:0;border-top:1px solid var(--border)}
.monmap-planner .mm-tool-label{font-size:12px;line-height:1.2}.monmap-planner .mm-tool-label small{font-size:9px;line-height:1.2;display:block;color:inherit}.monmap-planner .mm-intake{font-size:11px;line-height:1.35;color:var(--muted-foreground)}.monmap-planner .mm-intake small{font-size:9px;color:inherit}.monmap-planner .mm-save{font-size:9px;color:#267b5d;line-height:1.5;margin-left:8px}
.monmap-planner .mm-add-year{font-size:12px;padding:12px;border-top:1px solid var(--border);color:var(--muted-foreground)}.monmap-planner .mm-add-year button{padding:6px 10px;border:1px dashed var(--border);border-radius:6px;background:var(--card)}
.monmap-planner .mm-lock-icon{color:#6f829d}.monmap-planner [data-locked="true"] .mm-slot-label{background:#e8eef7}
@media(min-width:768px){.monmap-planner .mm-add-unit{height:auto;min-height:88px}.monmap-planner .mm-slot{overflow-x:auto;grid-template-columns:repeat(var(--slot-cols),minmax(200px,1fr));scrollbar-width:thin;scrollbar-color:#c3d1e5 #f6f8fb}.planner-page .workspace-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(min-width:768px) and (max-width:1279px){.planner-page .workspace-layout{grid-template-columns:minmax(0,1fr)}.planner-page .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.planner-page .sidebar>.panel{margin:0}.planner-page .sidebar>.panel:last-child{grid-column:1/-1}}
@media(max-width:767px){.monmap-planner .mm-card{width:100%}.monmap-planner .mm-drag-handle{width:28px;height:28px;right:0;bottom:0}.monmap-planner .mm-card-main{padding-right:32px}.monmap-planner .mm-touch-hit:after{position:absolute;content:"";inset:-8px -4px}.monmap-planner .mm-tools{gap:4px}.monmap-planner .mm-intake{flex-basis:100%;margin-left:8px}.monmap-planner .mm-toolbar-title{max-width:100%}.monmap-planner .mm-course-menu-button{width:32px;height:32px}.monmap-planner .mm-slot-label{flex-wrap:wrap}.monmap-planner .mm-save{display:block;flex-basis:100%}}
@media(max-width:1023px){.monmap-planner .mm-secondary-tool .mm-tool-label{display:none}}
@media print{.monmap-planner .mm-toolbar,.monmap-planner .mm-year-actions,.monmap-planner .mm-term-actions,.monmap-planner .mm-card-options,.monmap-planner .mm-drag-handle,.monmap-planner .mm-add-unit,.monmap-planner .mm-add-year,.monmap-planner .mm-menu{display:none!important}.monmap-planner .mm-term{display:grid;grid-template-columns:130px minmax(0,1fr)}.monmap-planner .mm-slot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:8px}.monmap-planner .mm-card{break-inside:avoid}.monmap-planner .mm-year{break-inside:avoid-page}.monmap-planner .mm-slot-label{border-right:1px solid var(--border)}.monmap-planner .mm-year-strip{print-color-adjust:exact;-webkit-print-color-adjust:exact}.monmap-planner .mm-rail-bg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}